:root{
  --primary-50:#e6f4ff;
  --primary-100:#bae0ff;
  --primary-200:#91caff;
  --primary-300:#69b1ff;
  --primary-400:#4096ff;
  --primary-500:#1677ff;
  --primary-600:#0958d9;
  --primary-700:#0040c9;
  --primary-800:#0030a6;
  --primary-900:#002780;
  --secondary-50:#fff2e8;
  --secondary-100:#ffd8b5;
  --secondary-200:#ffbb98;
  --secondary-300:#ff9a6e;
  --secondary-400:#ff7d4a;
  --secondary-500:#ff6b3b;
  --secondary-600:#f7593b;
  --secondary-700:#e84a38;
  --secondary-800:#d93b35;
  --secondary-900:#c22b31;
  --neutral-50:#fafafa;
  --neutral-100:#f5f5f5;
  --neutral-200:#e5e5e5;
  --neutral-300:#d4d4d4;
  --neutral-400:#a3a3a3;
  --neutral-500:#737373;
  --neutral-600:#525252;
  --neutral-700:#404040;
  --neutral-800:#262626;
  --neutral-900:#171717;
  --success-50:#f0fdf4;
  --success-100:#dcfce7;
  --success-200:#bbf7d0;
  --success-300:#86efac;
  --success-400:#4ade80;
  --success-500:#22c55e;
  --success-600:#16a34a;
  --success-700:#15803d;
  --success-800:#166534;
  --success-900:#14532d;
  --warning-50:#fffbeb;
  --warning-100:#fef3c7;
  --warning-200:#fde68a;
  --warning-300:#fcd34d;
  --warning-400:#fbbf24;
  --warning-500:#f59e0b;
  --warning-600:#d97706;
  --warning-700:#b45309;
  --warning-800:#92400e;
  --warning-900:#78350f;
  --error-50:#fef2f2;
  --error-100:#fee2e2;
  --error-200:#fecaca;
  --error-300:#fca5a5;
  --error-400:#f87171;
  --error-500:#ef4444;
  --error-600:#dc2626;
  --error-700:#b91c1c;
  --error-800:#991b1b;
  --error-900:#7f1d1d;
  --info-50:#eef2ff;
  --info-100:#e0e7ff;
  --info-200:#c7d2fe;
  --info-300:#a5b4fc;
  --info-400:#818cf8;
  --info-500:#6366f1;
  --info-600:#4f46e5;
  --info-700:#4338ca;
  --info-800:#3730a3;
  --info-900:#312e81;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --spacing-unit:4px;
  --space-xxs:calc(var(--spacing-unit) * 1);
  --space-xs:calc(var(--spacing-unit) * 2);
  --space-sm:calc(var(--spacing-unit) * 4);
  --space-md:calc(var(--spacing-unit) * 6);
  --space-lg:calc(var(--spacing-unit) * 8);
  --space-xl:calc(var(--spacing-unit) * 12);
  --space-2xl:calc(var(--spacing-unit) * 16);
  --space-3xl:calc(var(--spacing-unit) * 24);
  --space-4xl:calc(var(--spacing-unit) * 32);
}
.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
@media (min-width:576px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-xl)}
.pt-3xl{padding-top:var(--space-2xl)}
.pt-4xl{padding-top:var(--space-3xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-2xl)}
.pb-4xl{padding-bottom:var(--space-3xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}@media only screen and (max-width:768px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-xl)}
.pt-4xl{padding-top:var(--space-2xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-xl)}
.pb-4xl{padding-bottom:var(--space-2xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}@media (min-width:992px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}@media (min-width:1200px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}
h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(32px,4vw,40px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(20px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
@media (max-width: 768px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
  h4{font-size:clamp(35px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size:25px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 
}
@media (min-width: 768px) and (max-width: 991px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
  h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
  h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(20px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 

}
.text-gradient-fast-white-gray-black-silver{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe)}
.text-gradient-fast-white-gray-black-silver{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.center-text{text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    }
.left-text{text-align:left}
.right-text{text-align:right}
.bottom-text{display:flex;align-items:flex-end}
.top-text{display:flex;align-items:flex-start}
.middle-text{display:flex;align-items:center}
.abs-bottom-text{position:absolute;bottom:0;left:0;right:0}
.text-primary{color:var(--primary-500)}
.text-secondary{color:var(--secondary-500)}
.text-black{color:var(--neutral-900)}
.text-white{color:var(--neutral-50)}
.text-success{color:var(--success-500)}
.text-warning{color:var(--warning-500)}
.text-error{color:var(--error-500)}
.text-info{color:var(--info-500)}
.text-neutral{color:var(--neutral-800)}
.text-neutral-light{color:var(--neutral-400)}
.font-light{font-weight:300}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.h-100vh{height:100vh}
.h-50vh{height:50vh}
.h-25vh{height:25vh}
@media (max-width:575.98px){.h-sm-100vh{height:100vh}
.h-sm-50vh{height:50vh}
.h-sm-25vh{height:25vh}
}@media (min-width:576px) and (max-width:767.98px){.h-md-100vh{height:100vh}
.h-md-50vh{height:50vh}
.h-md-25vh{height:25vh}
}@media (min-width:768px) and (max-width:991.98px){.h-lg-100vh{height:100vh}
.h-lg-50vh{height:50vh}
.h-lg-25vh{height:25vh}
}@media (min-width:992px) and (max-width:1199.98px){.h-xl-100vh{height:100vh}
.h-xl-50vh{height:50vh}
.h-xl-25vh{height:25vh}
}@media (min-width:1200px){.h-xxl-100vh{height:100vh}
.h-xxl-50vh{height:50vh}
.h-xxl-25vh{height:25vh}
}
/* 转换 1rem = 16px */
body{line-height:1.5;font-size:16px;color:var(--neutral-800);margin:0;padding:0;min-height:100vh}
.container-sec{overflow:hidden;font-weight:lighter}
.container-inner{max-width: 1200px;
    position: relative;
    margin: 0 auto;
    height: 100%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
}
.ai-container-inner{max-width: 1200px;
    position: relative;
    margin: 0 auto;
    height: 100%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
}
@media (max-width: 768px) {
    .ai-container-inner{
    min-height: 700px;
}
    
}
.ug-sec1{background:url(../images/ugreen-dx4300plus-p1.png) no-repeat center center;background-size:cover;background-color: #171922;height:auto;min-height:100vh}
@media (max-width: 768px) {
    .ug-sec1{min-height:65vh}
}
.ug-sec2{background-color:#0e0e0e;height:auto;min-height:100vh}
.ug-sec3{background:url(../images/ugreen-dx4300plus-p3.png) no-repeat center center;background-size:cover;height:auto;min-height:100vh;background-color:#d2d7e0}
.ug-sec3-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; 
  width: auto; 
  height: 55px; 
  padding-bottom: 10px;
}

.ug-sec3 h2 {
  display: inline-block;
  vertical-align: middle;
}
.ug-sec4{background-color:#15161d;height:auto;min-height:100vh}
.ug-sec5{background-color:#e7e8ec;height:auto;min-height:100vh}
.ug-sec6{height:auto;min-height:100vh}
.ug-sec7{height:auto;min-height:100vh;background-color:#000}
.ug-sec8{height:auto;min-height:100vh;background-color:#000000}
.container-sec.ug-sec8{color:white}
.container-sec.ug-sec8 b{font-weight:600}
.ug-sec9{height:auto;min-height:100vh;background:linear-gradient(to right,#eff2f7,#eef1f6)}
.ug-sec10{height:auto;min-height:100vh}
.ug-sec11{height:auto;min-height:100vh;background-color:#000;background-image:none}
.ug-sec12{height:auto;min-height:100vh;background:url(../images/movie.png) no-repeat center center;background-size:cover}
@media (max-width:768px){.ug-sec12{height:auto;min-height:100vh;background:url(../images/movie-1.png) no-repeat center center;background-size:100%;background-color:#000}
.ug-sec11{height:auto;min-height:100vh;background-color:#000;background-image:url(../images/watch-video.png);background-size:cover}
.ug-sec13 .imgs-inner img[src*="video-icon.png"],.ug-sec13 .imgs-inner img[src*="video-app.png"]{max-width:100%;height:auto;display:block;margin:0 auto}
.video-left-column,.video-right-column{width:100%;display:block;margin-bottom:20px}
.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
.tv-img{display:none}
}.ug-sec13{height:auto;min-height:100vh;background:linear-gradient(to bottom,#000000,#18181a)}
.ug-sec14{height:auto;min-height:100vh;background:#000}
@media (max-width:768px){.ug-sec14{min-height:60vh}
}.ug-sec15{height:auto;min-height:100vh;background:#000}
@media (max-width:768px){.container-sec.ug-sec15 .imgs-inner1 img{max-width:100%;height:auto;display:block;margin:0 auto}
.container-sec.ug-sec15 .imgs-inner1{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
}.ug-sec16{height:auto;min-height:100vh;background-color:#19191b}
.ug-sec17{height:auto;min-height:100vh}
@media (max-width:768px){
  .ug-sec17{height:auto;min-height:60vh}
}
.ug-sec18{height:auto;min-height:100vh;background-color:#ebebeb}
.ug-sec19{height:auto;min-height:100vh;background-color:#ffffff}
.text-bg-box{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe);padding:10px 20px;border-radius:50px;display:inline-block;text-align:center}
      .adv-container {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        color: #fafafa;
        padding-bottom: 5%;
      }
  
      .adv-row {
        display: flex;
        width: 100%;
        margin-bottom: 20px; 
      }
      .adv-height-col1 {
        height: 400px; 
      }
      .adv-height-col2 {
        height: 300px; 
      }
      .adv-col {
        background-size: cover;
        background-position: center;
        padding: 20px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; 
        margin-right: 20px; 
        border-radius: 15px;
        position: relative; 
        background-color: #1a1a1c;
      }
  
      .text-wrapper {
        position: absolute; 
        top: 20px; 
        left: 20px; 
      }
  
      .adv-col:last-child {
        margin-right: 0;
      }
  
      .adv-col1 {
        width: 56.66%;
      }
  
      .adv-col2 {
        width: 43.33%;
      }
  
      .adv-col3 {
        width: 33.33%;
      }
  
      .adv-col4 {
        width: 33.33%;
      }
  
      .adv-col5 {
        width: 33.33%;
      }
  
      .adv-col6 {
        width: 33.33%;
      }
  
      .adv-col7 {
        width: 33.33%;
      }
  
      .adv-col8 {
        width: 33.33%;
      }
  
      /* 媒体查询，当屏幕宽度小于 768px 时生效 */
      @media (max-width: 768px) {
        .adv-row {
          flex-direction: column;
          padding: 10px;
        }
  
        .adv-col {
          width: 100% !important;
          margin-right: 0;
          margin-bottom: 20px;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
        }
  
        .adv-col:last-child {
          margin-bottom: 0;
        }
      }
.text-wrapper{gap:15px;flex-direction:column;align-items:flex-start;text-align:left;margin-left:15px;color:white}
@media (max-width:1200px){.advantage{width:90%}
.ad-container{width:100%}
}@media (max-width:768px){.ad-card{width:100%}
.ad-container{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap}
.row1 .ad-card:nth-of-type(1),.row1 .ad-card:nth-of-type(2){width:100%}
}.cont-files{display:flex;flex-wrap:nowrap;justify-content:space-around;padding:20px;gap:20px;width:1200px;margin-left:auto;margin-right:auto}
.left-cardfile{width:40%;background-image:url('../images/5-1.png');background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.left-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.left-cardfile h3,.left-cardfile p{position:relative;z-index:1}
.right-cardfiles{width:60%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.right-cardfile{background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;flex:1;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.right-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.right-cardfile h3,.right-cardfile p{position:relative;z-index:1}
.right-cardfile:nth-of-type(1){background-image:url('../images/5-2.png')}
.right-cardfile:nth-of-type(2){background-image:url('../images/5-3.png')}
@media (max-width:768px){.left-cardfile,.right-cardfiles{width:100%}
.cont-files{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}
}.con-tent{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
@media (max-width:768px){
  con-tent{display: block;}
}
.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:80px;font-size:25.6px;font-weight:500}
@media (max-width:768px){.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:32px;font-size:25.6px;font-weight:500}
}.icon-doc,.icon-movie,.icon-music,.icon-photo{display:flex;flex-direction:column;align-items:center;text-align:center}
.icon-container p{line-height:1.6;margin-top:0;margin-bottom:0;font-weight:500}
.file-icon{height:50px;margin:10px}
.image-container{flex:1 1 400px}
@media (max-width:768px){
  .image-container{flex:1 1 700px}
}
.image-container img{width:100%;height:auto}
@media (max-width:768px){.con-tent{flex-direction:column}
.icon-container,.image-container{width:100%}
}.cont-main{font-family:sans-serif;display:flex;justify-content:space-between;gap:15px;width:60vw;height: 100%;margin:80px auto}
.cont-silde{height:60vh;position:relative;border-radius:10px;padding:20px;background-size:cover;background-position:50%;flex:0.5;cursor:pointer;transition:0.5s linear flex;-webkit-transition:0.5s linear flex;-moz-transition:0.5s linear flex;-ms-transition:0.5s linear flex;-o-transition:0.5s linear flex}
@keyframes heading {
  from {
      bottom: 150px;
      opacity: 0;
  }
  to {
      bottom: 20px;
      opacity: 1;
  }
}
.cont-silde h2{position:absolute;bottom:20px;left:20px;opacity:0;color:#fff;width:55%;font-size:20px}
@media (max-width:768px){
  .cont-silde h2{font-size:30px}
}
.cont-silde h2 span{font-weight:400;opacity:0.8;margin-top:10px;display:block;width:100%;font-size:18px}
@media (max-width:768px){
  .cont-silde h2 span{font-size:25px}
}
.cont-silde.active{flex:5}
.cont-silde.active h2{
  opacity:1;
  animation-name:heading;
  animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-duration:1.5s;
  animation-iteration-count:1;
}
.story-container{max-width:1400px;margin:0 auto;padding:32px;}
.story-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;max-width:1600px;margin:0 auto;flex-direction:column}
.text-block{flex:0.8;padding:56px;border-radius:25px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:center center;letter-spacing:0.3px;text-align:center}
.image-block{flex:1;display:flex;justify-content:center;align-items:center}
.image-placeholder{width:100%;height:auto;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.2);transition:transform 0.3s ease}
.image-placeholder:hover{transform:scale(1.02)}
.progress-bar{position:fixed;top:40px;left:50%;transform:translateX(-50%);width:300px;height:4px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0}
.progress-bar-fill{
  position:absolute;
  top:50%;
  left:20px;width:calc(100% - 40px);
  max-width:calc(100% - 40px);
  height:4px;
  background:linear-gradient(90deg,#f39c12,#f1c40f);
  transform:translateY(-50%);
  z-index:1;
  border-radius:10px;
  transition:width 0.3s ease
}
.progress-bar::before{content:"";position:absolute;top:50%;left:20px;width:calc(100%-40px);height:4px;background:rgba(0,0,0,0.1);transform:translateY(-50%);border-radius:10px;z-index:0}
.progress-step{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#333;position:relative;z-index:2;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:2px solid #fff;margin-top:-18px;cursor:pointer}
.progress-step:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.15)}
.progress-step.active{background:#f39c12;color:#fff;transform:scale(1.1);border-color:#fff}
.next-section-btn{display:inline-block;padding:16px 32px;background:#333;color:white;border:none;border-radius:30px;cursor:pointer;font-size:17.6px;margin-top:32px;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.next-section-btn:hover{background:#555;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.light-theme{background-color:#f4f4f9;color:#333}
.dark-theme{background-color:#2c3e50;color:#f4f4f9}
.mid-theme{background-color:#3e4a61;color:#e0e0e0}
.sunset-theme{background-color:#001016;color:#fff}
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-image{max-width:90%;max-height:90vh;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transform:scale(0.8);opacity:0;cursor:pointer}
.modal-close{position:fixed;top:30px;right:30px;width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:28px;color:white;opacity:0;transform:rotate(-180deg);transition:all 0.3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-close span{display:block;transform:translateY(-2px)}
.modal-close:hover{transform:rotate(0deg) scale(1.1);background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.6);box-shadow:0 0 20px rgba(255,255,255,0.2)}
@media screen and (max-width:1200px){.story-section{padding:32px;gap:48px}
.text-block{padding:32px}
}@media screen and (max-width:900px){.story-section{flex-direction:column;padding:16px;gap:32px;min-height:auto;margin:64px 0}
.text-block{flex:1;width:100%;max-width:100%;order:2}
.image-block{flex:1;width:100%;order:1}
.image-placeholder{max-width:100%;height:auto}
.progress-bar{width:250px;top:20px}
.progress-step{width:35px;height:35px;font-size:16px}
}@media screen and (max-width:600px){.story-container{padding:16px}
.text-block{padding:24px}
h2{font-size:28.8px;margin-bottom:24px}
p{font-size:16px;line-height:1.7;margin-bottom:32px}
.next-section-btn{padding:12.8px 25.6px;font-size:16px}
.progress-bar{width:200px}
.progress-step{width:30px;height:30px;font-size:14px;margin-top:-13px}
.modal-close{top:15px;right:15px;width:40px;height:40px;font-size:24px}
}@media screen and (max-width:400px){.progress-bar{width:180px}
.progress-step{width:25px;height:25px;font-size:12px;margin-top:-10px}
h2{font-size:25.6px}
.text-block{padding:19.2px}
}.chip-img{display:block;margin:0 auto;max-width:100%;padding-top:3%}
.tv-img{margin:0 auto;max-width:100%;padding-top:5%}
.cpu-features{display:flex;flex-wrap:wrap;justify-content:space-around;color:#ffffff;padding:50px}
.dh-feature{flex:1 1 300px;margin:10px;text-align:center;background-color:#141414;padding:10px;display:flex;flex-direction:column;justify-content:center}
.album-content{display:flex;justify-content:space-between;padding-top:5%}
.image img{width:100%}
.album-features{width:45%;display:flex;flex-direction:column}
.album-feature{margin-bottom:20px;background-color:#242424;padding:15px;display:flex;flex-direction:column;align-items:center}
.feature-group{display:flex;justify-content:space-between}
.feature-group .album-feature{width:30%;margin:0 10px}
@media (min-width: 768px) and (max-width: 991.98px) {
    .feature-group{
    display: flex;
    flex-direction: column;
    align-content: space-between;}
.feature-group .album-feature{width:100%;margin:0 0 10px;}
}

.feature-group .album-feature:first-child{margin-left:0}
.feature-group .album-feature:last-child{margin-right:0}
.album-feature{display:flex;flex-direction:column;align-items:flex-start;border-radius:10px}
.album-feature-title{margin-top:10px;margin-bottom:10px;font-size: 16px;}
.album-feature-title span{font-size: 14px;} 
@media (max-width:768px){
  .album-feature-title{font-size: 24px;}
  .container-sec.ug-sec8 .album-feature span {
    font-size: 24px;} 
}


.feature-img{width:auto;height:50px;margin-right:10px;display:inline-block;max-width:100%;height:auto}
@media (max-width:768px){.container{width:90%}
.album-content{flex-direction:column}
.image,.album-features{width:100%;padding:15px}
.feature-group{flex-direction:column}
.feature-group .album-feature{width:100%;margin:0 0 20px 0}
}div.drop-container{position:absolute;right:0;bottom:0;left:0;margin:auto;height:250px;width:250px;margin-top:20%;z-index:1}
@media (max-width:768px){
  div.drop-container {
    position: sticky;
    margin-top: 10%;
}
}
img.drop{position:absolute;top:-25%;width:100%;height:100%;object-fit:cover;border-radius:100% 5% 100% 100%;transform:rotate(-45deg);margin:0px;-webkit-animation:drip 4s forwards;animation:drip 4s forwards}
@-webkit-keyframes appear{0%{opacity:0}
100%{opacity:1}
}@keyframes appear{0%{opacity:0}
100%{opacity:1}
}div.drop-container:before,div.drop-container:after{content:'';position:absolute;z-index:-1;top:55%;right:50%;transform:translate(50%) rotateX(75deg);border-radius:100%;opacity:0;width:80%;height:80%;border:5px solid skyblue;-webkit-animation:dripple 2s ease-out 1s infinite;animation:dripple 2s ease-out 1s infinite}
div.drop-container:after{-webkit-animation:dripple 2s ease-out 1.7s infinite;animation:dripple 2s ease-out 1.7s infinite}
@-webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@-webkit-keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}@keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}@media (max-width:768px){@-webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@-webkit-keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}@keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}}.container-sec.ug-sec9{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh}
.container-sec.ug-sec9 .center-text{order:1}
.container-sec.ug-sec9 .drop-container{order:2}
@media (max-width:768px){.container-sec.ug-sec9 .drop-container{width:50%}
}.container-sec.ug-sec9 .ai-features-container{order:3}
.ai-features-container{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;max-width:1330px;margin-bottom:5%}
.ai-feature{flex:1 1 calc(33.333% - 40px);min-width:300px;margin:20px;padding:20px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}
.ai-feature img{width:40%;height:auto;margin-right:20px}
.ai-feature-description{width:60%}
@media (max-width:768px){.container-sec.ug-sec9{height:auto;min-height:auto;padding-bottom:20px}
.container-sec.ug-sec9 .container-inner .ai-container-inner{width:100%;padding:0 20px;box-sizing:border-box;height:50vh}
.container-sec.ug-sec9 .ai-features-container{display:flex;flex-direction:column;align-items:center}
.container-sec.ug-sec9 .ai-feature{width:auto;margin-bottom:20px}
.container-sec.ug-sec9 .drop-container img{max-width:100%;height:auto}
}@media (max-width:768px){.drop-container{position:relative;z-index:auto}
}.album-box-wrapper{color:#000000;padding-top:6%;padding:10px}
.album-box-container{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#f6f6f6;color:#292929;border-radius:16px;margin:32px auto}
.album-box-container1{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#ffffff00;color:#292929;border-radius:16px;margin:32px auto}
.album-box-left{flex:1}
.album-box-left1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.services-tag{background-color:#7760ee;color:#fff;padding:4.8px 12.8px;border-radius:16px;font-size:14.4px}
.learn-more-btn{background-color:#7760ee;color:#fff;border:none;padding:12.8px 32px;border-radius:8px;font-size:16px;cursor:pointer}
.album-box-right{flex:1;display:flex;flex-direction:column;gap:16px}
.album-box-right1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.service-img{height:300px;border-radius:15px;}
@media (max-width:768px){.service-img{max-width:100%;height:auto;display:block;margin:0 auto}
}.album-box-item{background-color:#eaeaea;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px}
.album-box-item1{background-color:#151517;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;height:140px}
.album-box-item .album-box-text{display:flex;flex-direction:column}
.album-box-item1 .album-box-text{display:flex;flex-direction:column;color:white}
.service-icon{width: 10%;padding: 7px;}
@media (max-width:768px){.album-box-container,.album-box-container1{flex-direction:column}
.album-box-left,.album-box-right,.album-box-left1,.album-box-right1{width:100%;padding-bottom:5%}
}.album-box-item .album-box-text h5{margin-top:0}
.album-box-item .album-box-text h6{margin-top:0}
.album-box-item1 .album-box-text h6{margin-top:0}
.album-box-two{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;max-width:1200px;gap:32px}
.box-left-section,.box-right-section{flex:1;padding:32px;background-color:#f6f6f6;border-radius:16px;color:#000000}
.album-two-image{width:100%;margin-bottom:16px}
@media (max-width:768px){.album-box-two{flex-direction:column;gap:16px}
.box-left-section,.box-right-section{width:100%}
.album-two-image{max-width:100%}
}.imgs-inner{display:flex;justify-content:space-between;padding:20px;max-width:1360px;padding-top: 5%;position:relative;margin:0 auto}
@media (max-width:768px){.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
}.video-left-column{width:50%;display:flex;flex-direction:column;max-height:862px}
@media (max-width:768px){.video-left-column{width:100%;display:block;margin-bottom:20px}
}.imgs-inner img{width:90%}
.video-right-column{width:50%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
@media (max-width:768px){.video-right-column{width:100%;display:block;margin-bottom:20px}
}.in-dot-text,.in-dot-img{flex:1}
.in-dot-img{display:flex;align-items:flex-end;justify-content:flex-start}
.in-dot-img img{width:100%}
.imgs-inner1{display:flex;justify-content:space-between;padding:20px;max-width:1360px;position:relative;margin:0 auto;height:auto}
@media (max-width:768px){.imgs-inner1{display:flex;flex-direction:column;padding:10px}.in-dot-text{text-align:center}
}.img-left-column{width:50%;display:flex;flex-direction:column;height:100%;padding:10px}
.img-right-column img{width:100%}
@media (max-width:768px){.img-left-column{width:100%}
}.imgs-inner img{width:90%}
.img-right-column{width:50%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px}
@media (max-width:768px){.img-right-column{width:100%}
}.feature-map-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;max-width:1200px;padding:20px;margin-left:auto;margin-right:auto;padding-bottom:6%}
@media (max-width:768px){.feature-map-container{display:flex;flex-wrap:wrap;gap:10px}
}.feature-map{flex:1 0 calc(25% - 20px);background-color:white;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);padding:20px;display:flex;flex-direction:column;align-items:flex-start}
@media (max-width:768px){.feature-map{flex:0 0 calc(50% - 5px);box-sizing:border-box}
}.feature-map-icon{display:flex;align-items:center;margin-bottom:10px}
.icon-add{width:24px;height:24px;margin-right:10px}
.feature-map-title{font-size:20px;margin:0}
@media (max-width:768px){
  .feature-map-title{font-size:26px;margin:0}
}
.feature-map-desc{font-size:14px;color:#666}
@media (max-width:768px){
  .feature-map-desc{font-size:26px;color:#000000}
}
.doc-container{display:flex;flex-wrap:nowrap;min-height:900px}
.doc-left-section{flex:1;background-image:url('../images/1.png');background-size:cover;background-position:center;flex-basis:50%;display:flex;align-items:center;justify-content:center}
.doc-left-section .ag-main_img{max-width:100%;height:auto;display:block}
.doc-right-section{flex:1;display:flex;flex-direction:column;padding:20px;flex-basis:50%}
.doc-title-container{flex:1;text-align:center}
.doc-title-container h3{font-size:30px;}
.doc-title-container h6{font-size:18px;}
@media (max-width:768px){
    .doc-title-container h3{font-size:40px;}
    .doc-title-container h6{font-size:27px;}
}
.doc-carousel-container{flex:2;position:relative;overflow:hidden}
.doc-carousel-images{display:flex;height:95%;transition:transform 0.5s ease;padding-bottom:50px}
.doc-carousel-image{min-width:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
.doc-carousel-controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:10px}

.doc-control-bar{width:60px;height:4px;background-color:rgba(0,0,0,0.5);cursor:pointer;position:relative;overflow:hidden}
.doc-control-bar .doc-progress{position:absolute;top:0;left:0;height:100%;background-color:rgb(221,31,31);width:0}
@media (max-width:768px){.doc-carousel-images{height:100%}
.doc-carousel-image {
  flex: 1 1 100%; 
  background-size: 100%; 
  background-position: center; 
min-height: 500px;
        padding: 20px;
        height: auto;
}
.doc-container{min-height: 100vh;
  display: flex;
  flex-direction: column;}
}@keyframes fillBar{0%{width:0}
100%{width:100%}
}@media (max-width:600px){.doc-left-section,.doc-right-section{flex-basis:100%}
}:root{--color-text:navy;--color-bg:papayawhip;--color-bg-accent:#ecdcc0;--size:clamp(160px,16px + 40vmin,480px);--gap:calc(var(--size) / 14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}
@media (prefers-color-scheme:dark){:root{--color-text:papayawhip;--color-bg:navy;--color-bg-accent:#2626a0}
}*{box-sizing:border-box}
.image-text-container{background-color:white;display:inline-flex;align-items:center;gap:10px;display:flex;flex-direction:row;align-items:center;padding:10px 40px;box-shadow:0 5px 25px rgba(89,101,124,0.15);border-radius:10px;color:#242424;font-weight:400}
.image-text-container img{  width: 38%;}
.image-text-container,.image-text-container *{overflow:visible !important}
.image-text-container span {
    font-size: 17px; 
}
@media (max-width:768px){
    .image-text-container span {
    font-size: 23px; 
}}
@media (max-width:768px){.marquee__group{gap:30px}
}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(
          var(--mask-direction,to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0)
        );mask-image:linear-gradient(
          var(--mask-direction,to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0)
        )}
.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;-webkit-animation:scroll-x var(--duration) linear infinite;animation:scroll-x var(--duration) linear infinite}
@media (prefers-reduced-motion:reduce){.marquee__group{-webkit-animation-play-state:paused;animation-play-state:paused}
}.marquee--vertical{--mask-direction:to bottom}
.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}
.marquee--vertical .marquee__group{-webkit-animation-name:scroll-y;animation-name:scroll-y}
.marquee--reverse .marquee__group{animation-direction:reverse;-webkit-animation-delay:-3s;animation-delay:-3s}
@-webkit-keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}@keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}@-webkit-keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:8px}
.marquee--vertical svg{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}
.app-container{display:flex;flex-direction:column;margin-bottom:10%}
.app-container-inner{width:1200px;position:relative;margin:0 auto;height:100vh}
.icon-wrapper,.marquee,.marquee.marquee--reverse{margin-top:20px}
.icon-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw;align-content:center;overflow:hidden;gap:var(--gap);font-size:16px;line-height:1.5;color:var(--color-text)}
.icon-wrapper--vertical{flex-direction:row;height:100vh}
.toggle{--size:48px;position:relative;position:fixed;top:16px;left:16px;width:var(--size);height:var(--size);font:inherit;text-align:center;cursor:pointer;outline:none;border:none;border-radius:50%;color:inherit;background-color:var(--color-bg-accent);z-index:1}
.toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}
.toggle span{position:absolute;display:inline-block;top:50%;left:calc(100% + 0.4em);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;transform:translateY(-50%);-webkit-animation:fade 400ms 4s ease-out forwards;animation:fade 400ms 4s ease-out forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.toggle svg{--size:24px;position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);fill:currentcolor;transform:translate(-50%,-50%);transition:transform 300ms cubic-bezier(0.25,1,0.5,1)}
.toggle--vertical svg{transform:translate(-50%,-50%) rotate(-90deg)}
@-webkit-keyframes fade{to{opacity:0;visibility:hidden}
}@keyframes fade{to{opacity:0;visibility:hidden}
}.safe-image-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:980px;margin-left:auto;margin-right:auto}
.safe-image-item{flex:1 0 calc(25% - 10px);box-sizing:border-box}
.safe-image-item img{width:100%;height:auto;display:block;padding:30px}
@media (max-width:768px){.safe-image-item{flex:1 0 calc(50% - 10px)}
}@media (max-width:768px){.container-inner.ai-container-inner{width:auto}
.cont-main{font-family:sans-serif;display:block;justify-content:space-between;gap:15px;width:90%;margin:50px auto}
.cont-silde{margin-bottom:20px}
}@media (max-width:575.98px){body{font-size:15px}
h1{font-size:clamp(28px,5vw,40px)}
h2{font-size:clamp(24px,4vw,32px)}
}@media (min-width:576px) and (max-width:767.98px){body{font-size:16px}
.container-inner.ai-container-inner{width:auto}
}@media (min-width:768px) and (max-width:991.98px){.container-inner.ai-container-inner{width:auto;padding-left:30px;padding-right:30px}
}@media (min-width:992px) and (max-width:1199.98px){}
@media (min-width:1200px){.container{margin-left:auto;margin-right:auto}
}@media print{body{color:#000;background-color:#fff;font-size:12pt}
.no-print{display:none}
a{text-decoration:none;color:inherit}
}