@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400.ttf") format("truetype")}@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/manrope-500.ttf") format("truetype")}@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/manrope-600.ttf") format("truetype")}@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700.ttf") format("truetype")}@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/manrope-800.ttf") format("truetype")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-sans-sc-400.ttf") format("truetype")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/noto-sans-sc-500.ttf") format("truetype")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/noto-sans-sc-600.ttf") format("truetype")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-sans-sc-700.ttf") format("truetype")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/noto-sans-sc-800.ttf") format("truetype")}:root{--ink:#272727;--muted:#777a80;--line:#e8e9eb;--soft:#f4f6fa;--orange:#f45b20;--navy:#080a1c;--container:1200px;--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC","Manrope",sans-serif;font-size:14px;line-height:1.7;background:#f4f6fa;}h1,h2{font-weight:500}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 80px));margin:0 auto}main{min-height:50vh;}
.hero{height:534px;position:relative;overflow:hidden;background:#f3f6fb}.hero-backdrop{position:absolute;inset:0;background:url("../banner/banner.jpg") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,246,251,.82),rgba(243,246,251,0) 68%);pointer-events:none}.hero-content{position:relative;z-index:1;padding-top:150px}.hero-kicker,.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#777}.hero h1{font-size:58px;line-height:1.14;letter-spacing:-.06em;margin:16px 0 12px;font-weight:500}.hero-copy{font-size:16px;color:#65686e;margin:0 0 30px}.hero-link,.text-link,.outline-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:600}.hero-link span,.text-link span,.outline-link span,.capability a span,.news-card a span{font-size:20px;font-weight:400;transition:transform .5s var(--ease)}.hero-pagination{position:absolute;z-index:2;bottom:28px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.hero-pagination button{width:38px;height:2px;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer;transition:background .5s var(--ease)}.hero-pagination button.is-active{background:var(--orange)}
.section-white{background:#fff}.metrics{padding:40px 0 54px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:70px}.metric{position:relative;text-align:center}.metric strong{display:block;font-size:34px;line-height:1.1;letter-spacing:-.04em}.metric strong span{font-size:17px;margin-left:2px}.metric small{display:block;color:#888;font-size:11px;margin-top:7px}.metric em{display:block;width:64px;height:3px;border-radius:3px;background:var(--orange);margin:17px auto 0}.metric em.blue{background:#4565bd}.metric em.red{background:#d9a5ae}.metric em.orange{background:#f1a540}
.capabilities{padding:35px 0 98px}.section-heading{max-width:560px;margin-bottom:50px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.05em;margin:10px 0 12px}.section-heading p{color:#83868b;font-size:12px;max-width:510px;margin:0}.capability-list{display:flex;flex-direction:column;gap:50px}.capability{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.capability img{width:100%;aspect-ratio:1.49;object-fit:cover;border-radius:3px}.capability>div{max-width:410px}.capability h3{font-size:18px;margin:0 0 12px}.capability p{color:#888;font-size:12px;line-height:1.9;margin:0 0 17px}.capability a,.news-card a{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.capability-right>div{order:0}.capability-right img{order:1}
.dark-feature{background:var(--navy) url("../banner/video-bg.jpg") center/cover no-repeat;color:#fff;padding:85px 0;position:relative;isolation:isolate}.dark-feature:before{content:"";position:absolute;inset:0;background:rgba(8,10,28,.62);z-index:-1}.feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.feature-image{width:100%;height:235px;object-fit:cover;opacity:.9;border-radius:3px}.feature-copy{max-width:440px}.feature-copy .eyebrow{color:#aeb2bf}.feature-copy h2{font-size:28px;line-height:1.4;letter-spacing:-.05em;margin:13px 0}.feature-copy p{color:#aeb2bf;font-size:12px}.outline-link{padding:10px 0;margin-top:13px}.why{padding:78px 0 88px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.why-item{display:flex;gap:20px;background:#f3f6fb;padding:23px 25px;align-items:flex-start}.why-item img{width:32px;height:32px;object-fit:contain}.why-item h3{font-size:13px;margin:0 0 5px}.why-item p{font-size:11px;color:#888;margin:0}
.partners{padding:20px 0 78px}
/* 合作伙伴 marquee：双行错位横向自动滚动 */
.partner-marquee{position:relative;overflow:hidden;padding:20px 0}
.partner-marquee::before,.partner-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:3;pointer-events:none}
.partner-marquee::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.partner-marquee::after{right:0;background:linear-gradient(270deg,#fff,transparent)}
.partner-row{overflow:hidden;padding-bottom:6px;}
.partner-row[data-dir="right"]{margin-top:10px;}
.partner-track{display:flex;flex-wrap:nowrap;will-change:transform;cursor:grab}
.partner-track:active{cursor:grabbing}
.partner-track.no-drag{cursor:default}
.partner{flex:0 0 auto;width:260px;height:160px;margin-right:16px;padding:25px 22px;border-radius:10px;background:#f4f6f6;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-start;gap:36px;align-items:flex-start;overflow:hidden;transition:box-shadow .35s var(--ease),background-color .35s var(--ease);text-decoration:none}
.partner:hover{box-shadow:0 0 4px rgba(30,45,60,.18);}
.partner:nth-child(4n+1){background:#f4f6f6}
.partner:nth-child(4n+2){background:#f1f5f6}
.partner:nth-child(4n+3){background:#eef7fb;color:#1486c1}
.partner:nth-child(4n+4){background:#fff5f2}
.partner img{width:auto;height:36px;max-width:160px;object-fit:contain;object-position:left center}
.partner div{width:100%}
.partner strong{display:block;font-size:13px;line-height:1.3;letter-spacing:.01em}
.partner small{display:block;font-size:10px;line-height:1.4;margin-top:4px;color:#858b8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.partner:nth-child(4n+3) small{color:currentColor;opacity:.7}
.partners .text-link{display:flex;justify-content:center;margin-top:25px;font-size:11px}
@media(prefers-reduced-motion:reduce){.partner-track{transform:none!important}}
.users{background:#f6f6f6;padding:72px 0 80px}.tabs{display:flex;justify-content:center;gap:8px;margin-top:20px}.tabs button{border:0;background:transparent;color:#999;padding:5px 16px;font:inherit;font-size:11px;cursor:pointer}.tabs button.active{color:#fff;background:var(--orange);border-radius:18px}.user-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.user-grid div,.user-card{height:116px;background:#fff;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#53856b;font-size:13px;font-weight:600}.user-card.is-hidden{display:none}.user-grid img{width:56px;height:56px;object-fit:contain}.user-grid span{font-size:11px;color:#5b6662;line-height:1.35;text-align:center}.user-grid small{font-size:9px;color:#9a9d9f;line-height:1.25;text-align:center}
.news{padding:82px 0 88px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.news-card{display:grid;grid-template-columns:190px 1fr;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.news-card img{width:190px;height:130px;object-fit:cover}.news-card time{font-size:10px;color:#999}.news-card h3{font-size:14px;line-height:1.5;margin:8px 0}.news-card p{font-size:11px;color:#888;margin:0 0 10px}
.site-footer{background:#303030;color:#fff;padding:50px 0 20px}.footer-main{display:flex;justify-content:space-between;min-height:160px}.footer-slogan{font-size:15px;line-height:1.7}.footer-links{display:flex;gap:90px}.footer-links div{display:flex;flex-direction:column;gap:5px;color:#a8a8a8;font-size:10px}.footer-links b{color:#fff;font-weight:500;margin-bottom:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;align-items:center;gap:25px;color:#858585;font-size:10px}.footer-bottom img{width:130px;filter:brightness(0) invert(1)}.footer-bottom a{margin-left:auto;color:#bbb}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:767px){.container{width:calc(100% - 36px)}.hero{height:520px}.hero-backdrop{background-position:64% center}.hero-content{padding-top:130px}.hero h1{font-size:42px}.hero-copy{font-size:13px;max-width:250px}.metrics{padding:30px 0 38px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}.metric strong{font-size:28px}.capabilities,.why,.news{padding:58px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:24px}.capability{display:flex;flex-direction:column;gap:20px;align-items:stretch}.capability-right>div{order:1}.capability-right img{order:0}.capability-list{gap:42px}.dark-feature{padding:58px 0}.feature-inner{display:flex;flex-direction:column;gap:28px}.feature-image{height:190px}.feature-copy h2{font-size:24px}.why-grid,.news-grid{grid-template-columns:1fr}.why-item{padding:18px}.users{padding:58px 0}.user-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-grid div{height:68px;font-size:11px}.news-card{grid-template-columns:120px 1fr;gap:13px}.news-card img{width:120px;height:95px}.news-card h3{font-size:12px}.news-card p{display:block}.footer-main{display:block}.footer-links{margin-top:35px;gap:35px}.footer-bottom{margin-top:30px;flex-wrap:wrap}.footer-bottom a{margin-left:0}.footer-bottom span{width:100%;order:3}}

/* desktop visual calibration against 画板备份 4 */
@media(min-width:768px){
  :root{--container:1060px}
  .container{width:min(var(--container),calc(100% - 120px))}
  .hero{height:642px}
  .hero-backdrop{background-position:center center;background-size:100% 100%}
  .hero:after{display:none}
  .hero-content{display:none}
  .hero-pagination{display:none}
  .metrics{padding:76px 0 82px}
  .metrics-grid{gap:94px}
  .metric strong{font-size:38px;font-family:"Manrope","Noto Sans SC",sans-serif;font-weight:500}
  .metric small{font-size:10px;margin-top:10px}
  .metric em{width:246px;margin-top:24px}
  .capabilities{padding:82px 0 148px}
  .section-heading{max-width:600px;margin-bottom:72px}
  .section-heading h2{font-size:30px;margin-top:14px}
  .section-heading p{font-size:12px;line-height:2}
  .capability-list{gap:92px}
  .capability{grid-template-columns:520px 1fr;gap:76px}
  .capability-right{grid-template-columns:1fr 520px}
  .capability img{aspect-ratio:1.49}
  .capability>div{max-width:365px}
  .capability h3{font-size:17px;margin-bottom:14px}
  .capability p{font-size:11px;line-height:2.05;margin-bottom:20px}
  .dark-feature{padding:105px 0}
  .feature-inner{grid-template-columns:520px 1fr;gap:78px}
  .feature-image{height:292px}
  .feature-copy h2{font-size:25px}
  .feature-copy p{font-size:11px;line-height:2}
  .why{padding:98px 0 112px}
  .why .section-heading{margin-bottom:52px}
  .why-grid{gap:18px 28px}
  .why-item{min-height:126px;padding:29px 30px;gap:24px}
  .why-item img{width:42px;height:42px}
  .why-item h3{font-size:12px}
  .why-item p{font-size:10px;line-height:1.9}
  .partners{padding:80px 0 112px}
  .partners .section-heading{margin-bottom:52px}
  .users{padding:96px 0 105px}
  .users .section-heading{margin-bottom:46px}
  .user-grid{gap:18px}
  .user-grid div{height:116px;font-size:12px}
  .news{padding:104px 0 112px}
  .news .section-heading{margin-bottom:50px}
  .news-grid{gap:42px}
  .news-card{grid-template-columns:205px 1fr;gap:25px;padding-bottom:28px}
  .news-card img{width:205px;height:150px}
  .news-card h3{font-size:15px;margin:10px 0}
  .news-card p{font-size:10px;line-height:1.9}
  .site-footer{padding:86px 0 20px}
  .footer-main{min-height:250px}
  .footer-slogan{font-size:15px}
  .footer-bottom{padding-top:28px}
}
@media(max-width:767px){
  .hero-content{display:none}
  .hero-backdrop{background-size:auto 100%;background-position:62% center}
  .hero-pagination{display:none}
  .metric em{width:90px}
  .capabilities{padding-bottom:72px}
  .capability-list{gap:52px}
  .dark-feature{padding:68px 0}
  .why{padding-top:68px}
  .partners{padding-top:68px}
}
@media(min-width:768px){
  .metric p{font-size:10px;color:#9a9da2;line-height:1.6;margin:5px 0 0;min-height:32px}
}
@media(max-width:767px){
  .metric p{font-size:9px;color:#9a9da2;line-height:1.5;margin:4px 0 0;min-height:27px}
}
@media(min-width:768px){
  .hero{height:640px}
  .hero-backdrop{background-size:100% 100%}
  .metrics{padding:80px 0 70px}
  .metrics-grid{min-height:162px}
  .capabilities{padding:80px 0 178px}
  .dark-feature{padding:100px 0}
  .why{padding:100px 0 100px}
  .partners{padding:100px 0 112px}
  .users{padding:100px 0 105px}
  .news{padding:84px 0 130px}
  .site-footer{padding:94px 0 20px;background:#303030}
  .footer-main{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:70px;min-height:280px}
  .footer-slogan{font-size:24px;line-height:1.65;font-weight:500}
  .footer-column b{display:block;font-size:11px;font-weight:500;padding-bottom:12px;border-bottom:1px solid #686868}
  .footer-list{color:#888;font-size:11px;line-height:1.9}
  .footer-list.columns{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin-top:13px}
  .footer-contact{display:flex;align-items:flex-end;gap:120px;margin-top:56px}
  .footer-logo{width:280px;filter:none}
  .footer-contact>div{display:flex;flex-direction:column;color:#aaa;font-size:11px;line-height:2}
  .footer-qr{margin-left:auto;align-items:center!important;gap:8px}
  .footer-qr img{width:100px;height:100px;background:#fff;padding:5px}
  .footer-qr span{font-size:10px}
  .footer-bottom{margin-top:36px;border-top:1px solid #555;padding-top:18px;display:block;text-align:right;color:#777;font-size:10px}
  .user-grid div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}
  .user-grid img{width:56px;height:56px;object-fit:contain}
  .user-grid span{font-size:9px;color:#8a8a8a;font-weight:400}
}
@media(max-width:767px){
  .user-grid div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
  .user-grid img{width:38px;height:38px;object-fit:contain}
  .user-grid span{font-size:8px;color:#888}
  .footer-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .footer-slogan{grid-column:1/-1}
  .footer-column{margin-top:28px}
  .footer-list span{display:block}
  .footer-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:20px;row-gap:16px;align-items:start;margin-top:30px}
  .footer-logo{grid-column:1;grid-row:1;width:180px}
  .footer-contact>div:not(.footer-qr){grid-column:1;grid-row:2;display:flex;flex-direction:column;color:#aaa;line-height:2}
  .footer-qr{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:0}
  .footer-qr img{width:78px;height:78px}
  .footer-bottom{justify-content:center;text-align:center}
  .footer-bottom span{width:100%;text-align:center}
}
/* CSS-drawn arrows */
.css-arrow{display:inline-block;position:relative;width:18px;height:18px;flex:0 0 18px;font-size:0;line-height:0;transition:transform .45s var(--ease)}
.css-arrow:before{content:"";position:absolute;background:currentColor}
.css-arrow-up-right{width:16px;height:16px;flex-basis:16px;border-radius:50%;background:#d7d8d8;color:#252525;vertical-align:-3px}
.css-arrow-up-right:before{display:none}
.css-arrow-up-right:after{content:"";position:absolute;inset:0;width:5px;height:5px;margin:auto;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateX(-1px) rotate(45deg);transform-origin:center}
.css-arrow-up{width:14px;height:14px;vertical-align:-2px}
.css-arrow-up:before{width:1px;height:11px;left:7px;top:2px}
.css-arrow-up:after{content:"";position:absolute;width:5px;height:5px;left:4px;top:1px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(45deg)}
.css-arrow-left,.css-arrow-right{width:12px;height:12px;flex-basis:12px}
.css-arrow-left:before,.css-arrow-right:before{width:8px;height:1px;top:6px}
.css-arrow-left:before{left:3px}.css-arrow-right:before{right:3px}
.css-arrow-left:after,.css-arrow-right:after{content:"";position:absolute;width:4px;height:4px;top:4px}
.css-arrow-left:after{left:2px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.css-arrow-right:after{right:2px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}
a:hover .css-arrow-up-right{transform:translateX(3px)}
.timeline-arrows{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;z-index:1;background:#343434;border-radius:20px;padding:7px 15px!important;color:#fff}
.footer-bottom a .css-arrow-up{margin-left:4px}

/* 首页视觉细化：保持参考稿的克制留白与橙色品牌识别 */
:root{--orange:#f25b1b;--ink:#252525;--muted:#7d8188;--soft:#f3f6fb}
.hero{background:#f4f7fc}
.hero-backdrop{background-position:center;background-size:cover}
.hero:after{display:block;background:linear-gradient(90deg,rgba(244,247,252,.94) 0%,rgba(244,247,252,.72) 34%,rgba(244,247,252,0) 72%)}
.hero-content{display:block;padding-top:184px}
.hero .reveal{opacity:1;transform:none}
.hero-pagination{display:flex}
.hero-kicker{color:#5e636b;letter-spacing:.12em;font-size:11px}
.hero h1{font-size:52px;line-height:1.22;letter-spacing:-.075em;margin:13px 0 14px}
.hero-copy{max-width:500px;font-size:14px;line-height:1.9;color:#70757d;margin-bottom:27px}
.hero-link{font-size:12px;color:#252525;gap:10px}
.hero-link .css-arrow-up-right{background:var(--orange);color:#fff}
.outline-link .css-arrow-up-right{background:#fff;color:#171a2a}
.capability a .css-arrow-up-right,.news-card a .css-arrow-up-right,.text-link .css-arrow-up-right{background:#d7d8d8;color:#252525}
.hero-pagination{bottom:31px}
.hero-pagination button{width:48px;background:rgba(255,255,255,.7)}
.metrics{padding:72px 0 78px}
.metrics-grid{gap:48px}
.metric strong{font-family:"Manrope","Noto Sans SC",sans-serif;font-weight:500;font-size:34px}
.metric small{font-size:10px;color:#6f7379;letter-spacing:.06em}
.metric p{font-size:10px;color:#a1a4aa;line-height:1.65}
.metric em{width:100%;max-width:188px;margin-top:18px}
.capabilities{padding:76px 0 166px}
.section-heading{margin-bottom:56px}
.section-heading h2{font-size:26px;letter-spacing:-.06em}
.section-heading p{font-size:12px;line-height:1.9}
.capability-list{gap:62px}
.capability{gap:72px}
.capability img{aspect-ratio:1.54;border-radius:4px}
.capability h3{font-size:16px;margin-bottom:11px}
.capability p{font-size:11px;line-height:1.9;color:#858990;margin-bottom:15px}
.capability a{font-size:10px}
.dark-feature{padding:98px 0;background-color:#090b1d;background-image:url("../banner/video-bg.jpg");background-position:center;background-size:cover}
.feature-inner{gap:80px}
.feature-image{height:245px;border-radius:3px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.feature-copy h2{font-size:25px;line-height:1.45}
.feature-copy p{font-size:11px;line-height:1.95;text-align: justify;}
.why{padding:94px 0 100px}
.why-grid{gap:14px 20px}
.why-item{min-height:105px;padding:22px 24px;background:#f4f7fc;border-radius:10px;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.why-item:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(49,66,94,.08)}
.why-item h3{font-size:12px}
.why-item p{font-size:10px;line-height:1.8}
.partners{padding:26px 0 88px}
.partner small{font-size:9px;letter-spacing:.04em}
.users{padding:82px 0 88px}
.user-grid{gap:14px}
.user-grid div{height:92px;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.user-grid div:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.05)}
.news{padding:88px 0 96px}
.news-grid{gap:34px}
.news-card{grid-template-columns:180px 1fr;gap:18px}
.news-card img{width:180px;height:124px;border-radius:10px}
.news-card h3{font-size:13px}
@media(max-width:767px){
  .hero-content{display:block;padding-top:135px}
  .hero:after{background:linear-gradient(90deg,rgba(244,247,252,.86),rgba(244,247,252,.15))}
  .hero h1{font-size:34px}
  .hero-copy{font-size:12px;max-width:270px}
  .metrics{padding:48px 0 54px}
  .metric em{max-width:90px}
  .capabilities{padding:60px 0 78px}
  .capability-list{gap:50px}
  .capability{gap:18px}
  .capability-media{box-shadow:0 9px 22px rgba(33,50,76,.07)}
  .dark-feature{padding:68px 0}
  .why{padding:68px 0 76px}
  .why-item:hover,.user-grid div:hover{transform:none;box-shadow:none}
  .partners{padding:66px 0 78px}
  .users{padding:68px 0 76px}
  .news{padding:72px 0 82px}
}

/* 参考图为 2880px 的 2x 导出，以下按 1440px 逻辑画布校准字号 */
@media(min-width:768px){
  body{font-size:15px}
  .hero-kicker,.eyebrow{font-size:12px}
  .hero h1{font-size:52px}
  .hero-copy{font-size:16px;line-height:1.85}
  .hero-link,.text-link,.outline-link{font-size:13px}
  .metric strong{font-size:40px}
  .metric strong span{font-size:19px}
  .metric small{font-size:13px}
  .metric p{font-size:12px;line-height:1.7}
  .section-heading h2{font-size:34px}
  .section-heading p{font-size:14px;line-height:1.9}
  .capability h3{font-size:20px}
  .capability p{font-size:14px;line-height:1.9}
  .capability a,.news-card a{font-size:12px}
  .feature-copy h2{font-size:32px}
  .feature-copy p{font-size:14px;line-height:1.9}
  .why-item h3{font-size:15px}
  .why-item p{font-size:13px;line-height:1.8}
  .tabs button{font-size:12px}
  .user-grid span{font-size:11px}
  .news-card time{font-size:11px}
  .news-card h3{font-size:16px;line-height:1.65}
  .news-card p{font-size:13px;line-height:1.8}
  .footer-column b{font-size:13px}
  .footer-list{font-size:12px}
  .footer-contact>div{font-size:12px}
  .footer-qr span,.footer-bottom{font-size:11px}
}
@media(max-width:767px){
  body{font-size:14px}
  .hero-kicker,.eyebrow{font-size:11px}
  .hero-copy{font-size:14px;line-height:1.75}
  .hero-link,.text-link,.outline-link{font-size:12px}
  .metric small{font-size:11px}
  .metric p{font-size:10px}
  .section-heading h2{font-size:28px}
  .section-heading p{font-size:13px}
  .capability h3{font-size:19px}
  .capability p{font-size:13px}
  .capability a,.news-card a{font-size:12px}
  .feature-copy h2{font-size:27px}
  .feature-copy p{font-size:13px}
  .why-item h3{font-size:14px}
  .why-item p{font-size:12px}
  .tabs button{font-size:12px}
  .user-grid span{font-size:10px}
  .news-card time{font-size:10px}
  .news-card h3{font-size:14px}
  .footer-column b{font-size:13px}
  .footer-list,.footer-contact>div{font-size:11px}
}

/* 主视觉支持左右半区点击，分页线保留细视觉并扩大点击热区 */
.hero{cursor:pointer;outline:none}
.hero:focus-visible{box-shadow:inset 0 0 0 2px rgba(242,91,27,.7)}
.hero a,.hero button{cursor:pointer}
.hero-backdrop{opacity:0;transition:opacity .75s var(--ease);will-change:opacity}
.hero-backdrop.is-active{opacity:1}
.hero-backdrop-current{background-image:url("../banner/banner.jpg")}
.hero-backdrop-next{background-image:url("../banner/banner-1.jpg")}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000;opacity:0;transition:opacity .75s var(--ease);will-change:opacity;pointer-events:none}
.hero-video.is-active{opacity:1}
.hero-pagination{align-items:center;gap:4px}
.hero-pagination button{position:relative;width:56px;height:20px;background:transparent!important}
.hero-pagination button:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:3px;border-radius:3px;background:rgba(255,255,255,.7);transform:translateY(-50%);transition:background .45s var(--ease),transform .45s var(--ease)}
.hero-pagination button.is-active:before{background:var(--orange);transform:translateY(-50%) scaleX(1.08)}

/* 视窗进入动画：方向感、错峰和媒体轻缩放 */
.reveal{opacity:0;transform:translate3d(0,42px,0);filter:blur(5px);transition:opacity .85s var(--ease) var(--reveal-delay,0ms),transform .95s var(--ease) var(--reveal-delay,0ms),filter .85s var(--ease) var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.reveal-from-top{transform:translate3d(0,-34px,0)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0);will-change:auto}
.feature-image.reveal{filter:none}
.capability img,.feature-image,.news-card img{transform:scale(1.035);transition:transform 1.15s var(--ease)}
.capability.is-visible img,.feature-image.is-visible,.news-card.is-visible img{transform:scale(1)}
.section-heading.reveal{transform:translate3d(0,54px,0)}
.section-heading.reveal-from-top{transform:translate3d(0,-40px,0)}
.section-heading.reveal.is-visible{transform:translate3d(0,0,0)}
.hero .reveal{opacity:1;transform:none;filter:none;will-change:auto}
.hero h1.reveal{text-indent:-2px;}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.reveal-from-top,.reveal.is-visible,.capability img,.feature-image,.news-card img{opacity:1;transform:none;filter:none;transition:none;will-change:auto}
  .capability-media:hover img{transform:none}
}


/* partner and user boards calibrated to the homepage reference */
.partners{padding:82px 0 74px}
.partners .section-heading{margin-bottom:34px}
.partners .section-heading h2,.users .section-heading h2{font-size:34px;letter-spacing:-.055em;margin:8px 0 12px}
.partners .section-heading p{font-size:14px;line-height:1.9;max-width:560px}
.users{padding:72px 0 76px;background:#f5f5f5}
.users .section-heading{margin-bottom:34px}
.users .section-heading h2{margin-bottom:14px}
.tabs{gap:4px;margin-top:0}
.tabs button{min-width:42px;padding:4px 15px;border-radius:18px;color:#a5a5a5;font-size:14px;line-height:1.5;transition:background .3s var(--ease),color .3s var(--ease)}
.tabs button.active{background:var(--orange);color:#fff}
.user-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.user-grid .user-card{height:102px;padding:12px 10px;border-radius:10px;gap:5px;background:#fff;box-shadow:none;transition:transform .35s var(--ease)}
.user-grid .user-card:hover{transform:translateY(-3px);box-shadow:none}
.user-grid img{width:47px;height:47px}
.user-grid span{max-width:100%;font-size:12px;line-height:1.35;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-grid small{max-width:100%;font-size:9px;line-height:1.25;color:#b0b0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 900px){
  .user-grid{gap:10px}
}
@media (max-width: 767px){
  .partners{padding:58px 0 64px}
  .partners .section-heading,.users .section-heading{margin-bottom:28px}
  .partners .section-heading h2,.users .section-heading h2{font-size:28px}
  .partner{width:200px;height:120px;padding:18px 16px;gap:24px}
  .partner img{height:26px;max-width:110px}
  .partner strong{font-size:12px;line-height:1.35}
  .partner small{font-size:9px;line-height:1.4;margin-top:3px}
  .users{padding:58px 0 64px}
  .user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .user-grid .user-card{height:165px}
  .user-grid img{width:42px;height:42px}
  .user-grid span{font-size:12px;line-height:1.35}
  .user-grid small{font-size:9px;line-height:1.3}
}



/* Sketch 1440px artboard calibration ? the PNG reference is a 2x export */
@media (min-width:1024px){
  :root{--container:1280px}
  .container{width:min(1270px,calc(100% - 50px))}
  .hero{height:588px}
  .hero-content{padding-top:150px}
  .hero h1{max-width:576px;margin:0 0 12px;font-size:48px;line-height:1.3;letter-spacing:-.04em}
  .hero-copy{margin:0 0 28px;font-size:24px;line-height:1.45;color:#65686e}
  .hero-link{font-size:16px}
  .metrics{height:342px;padding:80px 0 0}
  .metrics-grid{width:1063px;grid-template-columns:repeat(4,241px);gap:33px}
  .metric strong{font-size:48px;line-height:1.3}
  .metric strong span{font-size:20px}
  .metric small{font-size:16px;line-height:1.3;margin-top:0;font-weight:600;color:#333}
  .metric p{font-size:14px;line-height:1.5;min-height:42px;margin:5px 0 0;color:#8b8d91}
  .metric em{width:241px;margin-top:18px}
  .capabilities{padding:50px 0 178px}
  .capabilities>.container{width:1063px}
  .section-heading{max-width:none;margin-bottom:40px}
  .section-heading h2{font-size:38px;line-height:1.32;letter-spacing:-.04em;margin:0 0 20px}
  .section-heading p{max-width:none;font-size:18px;line-height:1.5}
  .capability-list{gap:60px}
  .capability{grid-template-columns:515px 415px;gap:83px;min-height:347px}
  .capability img{width:515px;height:347px;aspect-ratio:auto}
  .capability>div{max-width:415px}
  .capability-right{grid-template-columns:415px 515px;padding-left:50px;gap:83px}
  .capability h3{font-size:24px;line-height:1.3;margin:0 0 15px}
  .capability:nth-child(n+2) h3{font-size:20px}
  .capability p{font-size:14px;line-height:1.5;margin:0 0 25px}
  .capability a{font-size:16px}
  .dark-feature{height:551px;padding:100px 0;background-position:center}
  .feature-inner{grid-template-columns:623px 513px;gap:41px}
  .feature-image{width:623px;height:351px}
  .feature-copy{max-width:513px}
  .feature-copy h2{font-size:32px;line-height:1.4;margin:0 0 22px}
  .feature-copy p{font-size:16px;line-height:1.65;margin:0}
  .outline-link{font-size:16px;margin-top:42px;padding:0;border:0}
  .why{padding:100px 0 0;height:631px}
  .why .section-heading{margin-bottom:40px}
  .why-grid{grid-template-columns:repeat(2,623px);gap:33px}
  .why-item{position:relative;height:204px;padding:50px 56px 32px 106px;gap:0}
  .why-item img{position:absolute;left:30px;top:50px;width:56px;height:64px}
  .why-item h3{font-size:20px;line-height:1.3;margin:0 0 15px}
  .why-item p{font-size:14px;line-height:1.5;margin:0}
  .partners{padding:136px 0 90px}
  .partners .section-heading{margin-bottom:40px}
  .partners .section-heading h2,.users .section-heading h2{font-size:38px;line-height:1.32;margin:0 0 20px}
  .partners .section-heading p{font-size:18px;line-height:1.5;max-width:612px;margin:auto}
  .users{height:auto;min-height:768px;padding:100px 0;background:#f5f5f5}
  .users .section-heading{margin-bottom:40px}
  .users .section-heading h2{margin:0 0 40px}
  .tabs{gap:12px}
  .tabs button{width:116px;height:36px;padding:6px 10px;border-radius:18px;font-size:16px;line-height:24px}
  .user-grid{grid-template-columns:repeat(4,295px);column-gap:33px;row-gap:34px}
  .user-grid .user-card{position:relative;height:184px;padding:0;background:transparent;display:block}
  .user-grid .user-card:before{content:"";position:absolute;inset:0 0 31px;background:#f9fbfd;border-radius:10px;transition:box-shadow .35s var(--ease)}
  .user-grid .user-card:hover:before{box-shadow:0 8px 18px rgba(30,45,60,.06)}
  .user-grid img{position:relative;z-index:1;width:160px;height:160px;margin:0 auto}
  .user-grid span{position:absolute;left:0;right:0;top:163px;z-index:1;font-size:14px;line-height:21px;color:#777;text-align:center}
  .user-grid small{display:none}
  .news{position:relative;height:677px;padding:86px 0 0}
  .news .container{position:relative}
  .news .section-heading{margin-bottom:60px}
  .news .section-heading h2{font-size:38px;margin:0 0 20px}
  .news .section-heading p{font-size:18px;line-height:1.5}
  .news-more{position:absolute;right:0;top:20px;font-size:16px}
  .news-grid{grid-template-columns:repeat(2,610px);gap:59px}
  .news-card{grid-template-columns:295px 295px;gap:20px;height:295px;padding:0;border-bottom:0}
  .news-card img{width:295px;height:295px}
  .news-card h3{order:1;font-size:20px;line-height:1.3;margin:0 0 20px}
  .news-card p{order:2;font-size:14px;line-height:1.5;margin:0}
  .news-card time{order:3;display:block;margin-top:auto;font-size:14px}
  .news-card>div{position:relative;display:flex;flex-direction:column;height:295px;padding:20px 0}
  .news-card>div:after{content:"";position:absolute;left:1px;bottom:0;width:295px;height:1px;background:#787c84;transition:background-color .35s var(--ease)}
  .news-card a{display:none}
  .news-card{cursor:pointer}
  .news-card img{transition:transform .55s var(--ease),box-shadow .4s var(--ease)}
  .news-card h3{transition:color .35s var(--ease)}
  .news-card.is-visible:hover{transform:translate3d(0,-4px,0)}
  .news-card:hover img{transform:scale(1.015);box-shadow:0 14px 30px rgba(27,37,48,.12)}
  .news-card:hover h3{color:var(--orange)}
  .news-card:hover>div:after{background-color:var(--orange)}
  .news-card:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
  .site-footer{padding:90px 0 20px}
  .footer-main{grid-template-columns:423px 1fr 1fr;gap:60px}
  .footer-slogan{font-size:30px;line-height:1.45}
  .footer-column b{font-size:12px}
  .footer-list{font-size:14px;line-height:1.9}
  .footer-contact>div{font-size:12px}
  .footer-bottom{font-size:12px}
}
@media (min-width:768px) and (max-width:1023px){
  .container{width:calc(100% - 50px)}
  .user-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* User category visibility must override all card layout declarations. */
.users .user-grid .user-card[hidden],
.users .user-grid .user-card.is-hidden{display:none!important}


/* Sketch arrow controls: 30px logical size from the 1440px artboard. */
.hero-link,.capability a,.outline-link,.text-link,.news-more{gap:8px}
.css-arrow-up-right{
  order:-1;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  background:#bbb;
  color:#fff;
  vertical-align:middle;
}
.css-arrow-up-right:before{display:none}
.css-arrow-up-right:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  margin:0;
  border:0;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:translate(-65%,-50%) rotate(45deg);
}
.hero-link .css-arrow-up-right,.news-more .css-arrow-up-right{background:#de5419;color:#fff}
.capability a .css-arrow-up-right,.outline-link .css-arrow-up-right,.text-link .css-arrow-up-right{background:#bbb;color:#fff}
.news-more .css-arrow-up-right{background:#de5419}
a:hover .css-arrow-up-right{transform:translateX(2px)}
@media(max-width:767px){
  .css-arrow-up-right{width:24px;height:24px;flex-basis:24px}
  .css-arrow-up-right:after{width:4px;height:4px;border-width:2px}
}


/* 首屏主视觉高度（头部透明覆盖其上，站点 Header 样式见文件末段） */
@media (min-width:1024px){
  .hero{height:640px}
  .hero-content{padding-top:200px}
}

@media (min-width:768px) and (max-width:1023px){
  .user-grid .user-card{height:165px;background:rgb(249,251,253)}
  .user-grid img{width:84px;height:84px}
  .user-grid span{font-size:12px;line-height:1.35}
  .user-grid small{font-size:9px;line-height:1.3}
}
@media (max-width:767px){
  .user-grid .user-card{background:rgb(249,251,253)}
  .user-grid img{width:84px;height:84px}
}

/* 页脚链接 hover 处理（站点导航 hover 见文件末段 Header 复刻样式） */
.footer-list a{position:relative;display:block;width:max-content;max-width:100%;color:inherit;transition:color .3s ease-in-out,opacity .3s ease-in-out}
.footer-list a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:#fd4f0b;transform:scale3d(0,1,1);transform-origin:center;transition:transform .3s ease-in-out}
.footer-list a:hover,.footer-list a:focus-visible{color:#fd4f0b}
.footer-list a:hover:after,.footer-list a:focus-visible:after{transform:scale3d(1,1,1)}
.footer-list a:focus-visible{outline:2px solid #fd4f0b;outline-offset:3px}

.news-more{margin-top:0;display:inline-flex;align-items:center;justify-content:flex-start;white-space:nowrap}
@media(max-width:1023px){
  .news .container{position:relative}
  .news-more{position:absolute;right:0;top:4px;z-index:2}
  .news .section-heading h2{padding-right:130px}
  .news-card p{display:none}
}
@media(max-width:767px){
  .news-more{top:3px}
  .news .section-heading h2{padding-right:105px}
  .news-card p{display:block}
}

/* Fluid medium-desktop layout prevents fixed Sketch grids from overflowing. */
@media (min-width:1024px) and (max-width:1374px){
  .container{width:calc(100% - 50px);max-width:none}
  .metrics-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .metric em{width:100%}
  .capabilities>.container{width:min(1063px,calc(100% - 80px))}
  .capability{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(32px,5vw,68px)}
  .capability-right{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);padding-left:0;gap:clamp(32px,5vw,68px)}
  .capability img{width:100%;max-width:515px}
  .capability>div{max-width:none}
  .feature-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px}
  .feature-image{width:100%}
  .feature-copy{max-width:none}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .user-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:34px}
  .user-grid .user-card{min-width:0}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .news-card{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .news-card img{width:100%}
  .news-card>div:after{width:100%}
  .footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:32px}
  .footer-column{min-width:0}
  .footer-list a{overflow-wrap:anywhere}
  .footer-contact{gap:32px}
  .footer-logo{flex:0 1 240px;max-width:240px}
  .footer-contact>div:not(.footer-qr){min-width:0;overflow-wrap:anywhere}
  .footer-qr{flex:0 0 auto}
}
body{overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
.footer-logo{margin-bottom:6px;}
.footer-logo,.footer-logo.reveal,.footer-logo.reveal.is-visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;will-change:auto!important}

/* ==========================================================================
   20 周年区块（复刻 design/history-201 默认态 / history-202 悬停态，2x=1440 画板）
   结构：主视觉文案（右上）+ 悬停展开的年份文案面板（下半）+ 常驻年份刻度轴（底部胶囊）
   ========================================================================== */
.anniversary{position:relative;height:min(56.67vw,816px);min-height:600px;background:#ea5513 url("../images/bg20.jpg") center top/100% auto no-repeat;color:#fff;overflow:hidden}
.anniversary-brand-copy{position:absolute;z-index:2;top:18%;left:62%;max-width:420px}
.anniversary-brand-copy h2{margin:0;font-size:36px;line-height:1.36;font-weight:500}
.anniversary-brand-copy h2 strong{font-weight:600}
.anniversary-brand-copy p{margin:16px 0 0;font-size:17px;line-height:1.5}
.anniversary-link{display:inline-flex;align-items:center;gap:11px;margin-top:40px;color:#fff;font-size:17px}
.anniversary-link-icon{position:relative;flex-basis:24px;width:24px;height:24px;margin-top:2px;border:1px solid rgba(255,255,255,.9);border-radius:50%;transition:all .3s var(--ease)}
.anniversary-link-icon:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-right:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:translate(-66%,-50%) rotate(-45deg)}
.anniversary-link:hover .anniversary-link-icon{background:rgba(255,255,255,.16);transform:translateX(3px);}
/* 年份文案面板：白色渐变 + 背景模糊，悬停展开 */
.anniversary-detail{position:absolute;z-index:1;left:0;right:0;top:47.4%;bottom:0;opacity:0;visibility:hidden;transform:translate3d(0,14px,0);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.1) 55%,rgba(255,255,255,.14));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,.7,.2,1),visibility 0s linear .5s}
.anniversary.is-open .anniversary-detail{opacity:1;visibility:visible;transform:none;transition-delay:0s,0s,0s}
.anniversary-slides{position:relative;height:100%}
.anniversary-slide{position:absolute;left:20.5%;top:0;max-width:615px;margin:0;padding:78px 0 0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.anniversary-slide.is-active{opacity:1;visibility:visible;transition-delay:.1s,0s}
.anniversary-slide h3{margin:0;font-size:28px;line-height:1.2;font-weight:600;color:#5a3721}
.anniversary-slide h3:before{content:"";display:inline-block;width:22px;height:2px;margin-right:14px;vertical-align:.18em;background:currentColor;border-radius:1px}
.anniversary-slide p{margin:18px 0 0;font-size:18px;line-height:1.72;color:#5a3721;text-align:justify}
/* 年份刻度轴胶囊：浅白毛玻璃，年份按真实比例定位（--p: 0~1） */
.anniversary-dock{--rail-inset:100px;position:absolute;z-index:3;left:50%;bottom:8%;width:min(1060px,92vw);height:clamp(64px,7.2vw,91px);transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.anniversary-years{position:absolute;inset:0}
.anniversary-years:before{content:"";position:absolute;top:22px;left:var(--rail-inset);right:var(--rail-inset);height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 10px)}
.anniversary-years button{position:absolute;top:22px;left:calc(var(--rail-inset) + var(--p,0)*(100% - 2*var(--rail-inset)));transform:translateX(-50%);margin:0;padding:26px 6px 0;border:0;background:transparent;color:#fff;font:500 15px/1.2 "Manrope","Noto Sans SC",sans-serif;white-space:nowrap;cursor:pointer;opacity:.85;transition:opacity .25s var(--ease)}
.anniversary-years button:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:16px;background:#fff;border-radius:1px;transition:height .25s var(--ease)}
.anniversary-years button:hover{opacity:1}
.anniversary-years button.is-active{opacity:1;font-weight:600}
.anniversary-years button.is-active:before{height:24px}
.anniversary-years button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
/* 中央手柄：深色胶囊 + 左右箭头，可点击/拖拽；left 由 --p 驱动，吸附到当前年份刻度 */
.anniversary-handle{position:absolute;left:calc(var(--rail-inset) + var(--p,0)*(100% - 2*var(--rail-inset)));top:28px;transform:translate(-50%,-50%);display:flex;width:54px;height:31px;border-radius:999px;background:#333;box-shadow:0 2px 10px rgba(70,30,5,.28);cursor:grab;touch-action:none;transition:left .3s var(--ease)}
.anniversary-handle:active{cursor:grabbing}
.anniversary-handle button{display:grid;place-items:center;width:27px;height:29px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.anniversary-handle button:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:-3px;border-radius:8px}
.anniversary-prev:before,.anniversary-next:before{content:"";width:7px;height:7px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor}
.anniversary-prev:before{transform:translate(1px,1px) rotate(-45deg)}
.anniversary-next:before{transform:translate(-1px,1px) rotate(135deg)}

/* 2006 至 2026 共 20 个年度区间，每 5% 绘制一条短竖刻度。 */
.anniversary-years:before{height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 2.5%)}

/* 平板与手机：悬停不可用，改为纵向流式布局，面板常驻 */
@media(max-width:1023px){
  .anniversary{height:auto;min-height:0;background-size:cover;background-position:20% top}
  .anniversary-brand-copy{position:relative;left:auto;margin-left:auto;width:46%;max-width:none;padding:72px 5vw 0 0}
  .anniversary-brand-copy h2{font-size:clamp(22px,4.4vw,32px)}
  .anniversary-brand-copy p{margin-top:12px;font-size:15px}
  .anniversary-link{margin-top:26px;font-size:15px}
  .anniversary-detail{position:static;opacity:1;visibility:visible;transform:none;margin-top:48px;padding:40px 0 128px;transition:none}
  .anniversary-slides{height:auto}
  .anniversary-slide{position:static;display:none;max-width:560px;padding:0;height:120px;}
  .anniversary-slide.is-active{display:block}
  .anniversary-slide h3{font-size:24px}
  .anniversary-slide p{margin-top:12px;font-size:15px;line-height:1.7}
  .anniversary-dock{--rail-inset:46px;bottom:26px;height:72px}
  .anniversary-years:before{top:16px;height:8px}
  .anniversary-years button{top:16px;padding:22px 4px 0;font-size:11px}
  .anniversary-years button:before{height:12px}
  .anniversary-years button.is-active:before{height:18px}
  .anniversary-handle{top:22px;width:48px;height:27px}
  .anniversary-handle button{width:24px;height:25px}
}
/* ≤767px：手柄上移对齐刻度行，避免遮挡下方年份标签 */
@media(max-width:767px){
  .anniversary-handle{top:6px;transform:translateX(-50%)}
  .anniversary-brand-copy{padding-top:48px}
}
@media(max-width:720px){
  .anniversary-years button[data-year='2007'],.anniversary-years button[data-year='2015'],.anniversary-years button[data-year='2024']{color:transparent}
}
@media(max-width:640px){
  .anniversary-brand-copy{width:42%;}
}
@media(max-width:480px){
  .anniversary{background-position:6% top}
  .anniversary-brand-copy{width:48%;padding:56px 4vw 0 0}
  .anniversary-brand-copy h2{font-size:clamp(20px,5.4vw,26px)}
  .anniversary-detail{margin-top:36px;padding:36px 0 146px}
  .anniversary-dock{--rail-inset:38px}
  .anniversary-years button{font-size:10px;letter-spacing:-.02em}
}
@media(prefers-reduced-motion:reduce){
  .anniversary-detail,.anniversary-slide,.anniversary-years button,.anniversary-years button:before{transition:none}
}

.hero .reveal{font-weight:400}

/* 首页主视觉的三套内容版式，与背景轮播使用同一索引同步切换。 */
.hero{height:max(480px,calc(100vw * 1280 / 2880))}
.hero:after{display:none}
.hero-content{position:absolute;z-index:1;inset:0;width:min(var(--container),calc(100% - 80px));margin:auto;padding:0;pointer-events:none}
.hero-copy-panel{position:absolute;z-index:1;opacity:0;visibility:hidden;transform:translate3d(0,18px,0);pointer-events:none;transition:opacity .45s var(--ease),transform .55s var(--ease),visibility 0s linear .55s}
.hero-copy-panel.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:auto;transition-delay:.15s,.15s,0s}
.hero-copy-panel--brand{top:200px;left:0}
.hero-copy-panel--promethion{top:130px;left:0}
.hero-copy-panel--anniversary{top:200px;left:60.5%}
.hero-copy-panel h1{max-width:none;margin:0 0 12px;font-size:clamp(30px,calc(15.6px + 2.25vw),48px);line-height:1.3;letter-spacing:-.04em}
.hero-copy-panel .hero-copy{margin:0 0 28px;font-size:clamp(14px,calc(6px + 1.25vw),24px);line-height:1.45;color:#65686e}
.hero-copy-panel .hero-link{font-size:16px}
.hero-product-mark{width:214px;height:auto;margin:0 0 20px}
.hero-copy-panel--promethion h1{margin-bottom:42px}
.hero-copy-panel--anniversary h1{margin-bottom:28px}
@media(max-width:1023px){
  .hero-copy-panel--anniversary{top:36%;left:60%}
}
@media(max-width:825px){
  .hero-backdrop{background-position: -134px top;}
}
@media(max-width:767px){
  .hero-content{width:calc(100% - 48px)}
  .hero-copy-panel{top:132px;left:0;right:0}
  .hero-copy-panel--anniversary{top:64px;left:50%;right:0}
  .hero-copy-panel--promethion{top:104px}
  .hero-copy-panel h1{max-width:330px;line-height:1.35}
  .hero-copy-panel .hero-copy{max-width:290px;margin-bottom:24px;line-height:1.7}
  .hero-copy-panel .hero-link{font-size:14px}
  .hero-product-mark{width:164px;margin-bottom:16px}
  .hero-copy-panel--promethion h1{margin-bottom:28px}
  .hero-copy-panel--anniversary h1{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy-panel,.hero-copy-panel.is-active{transform:none;transition:none}
}

.capability img,#about video,.tabs button,.news-card img{border-radius:10px}
/* 解决方案图片链接：固定显示区域，hover 时仅图片放大到 103%（容器裁切，布局尺寸不变） */
.capability-media{display:block;overflow:hidden;border-radius:10px;box-shadow:0 14px 30px rgba(33,50,76,.06)}
.capability.is-visible .capability-media img{transition:transform .5s var(--ease)}
.capability-media:hover img{transform:scale(1.03)}

@media(min-width:768px){
  .footer-qr{width:100px;min-width:100px;flex:0 0 100px}
  .footer-qr img{width:100px;height:100px;min-width:100px;max-width:100px;aspect-ratio:1/1;object-fit:contain;flex:0 0 100px}
}
@media(max-width:534px){
  .news-card p{display:none}
}
/* ==========================================================================
   站点 Header（复刻 chinagatecompany.cn 站点头部）
   结构：.topper 顶部联系条 + .header-container > .header.header2 导航栏
   首页透明覆盖首屏；滚动超过 88px 后 .header2-fixed 吸顶毛玻璃
   ========================================================================== */

/* 浮动工具类（替代参考站 Bootstrap 的 pull-left/pull-right/clearfix） */
.pull-left{float:left}
.pull-right{float:right}
.clearfix{clear:both}

/* 顶部联系条 -------------------------------------------------------------- */
.topper{position:absolute;z-index:998;top:0;left:0;width:100%;background:#304058;color:#fff;padding:3px 0}
.top-wrapper{width:100%;max-width:1280px;height:29px;overflow:hidden;margin:0 auto}
ul.top-info{list-style:none;margin:0 10px 0 0;padding:0}
ul.top-info li{list-style:none;float:left;padding:4px 10px 3px 0}
ul.top-info a{float:left;line-height:22px;display:inline-block;color:#fff}
.ico-xs{background:url("../images/header/icon.png") no-repeat;background-size:250px 250px;width:22px;height:22px;display:inline-block}
.i-email{background-position:-51px -1px}
.i-phone{background-position:-1px -1px}
.i-fax{background-position:-26px -1px}
.i-chat{background-position:-76px -1px}
.ico-xs.i2-email{background-position:-51px -76px}
.ico-xs.i2-phone{background-position:-1px -76px}
.ico-xs.i2-fax{background-position:-26px -76px}
.ico-xs.i2-chat{background-position:-76px -76px}
ul.top-info a .ico-xs{float:left}
ul.top-info a .ico-text{float:left;color:#fff;font-size:12px;line-height:22px;padding:0 2px}
ul.top-info a .ico-text-val{float:left;color:#fff;font-size:12px;opacity:.5;line-height:14px;margin:4px 0;padding:0 14px 0 5px;border-right:1px solid rgba(255,255,255,.5)}
/* 重置全站 a:hover span 位移动画，避免联系条图标文字漂移 */
.topper a:hover span,.header-container a:hover span{transform:none}

.topbar{height:34px;background:#565550;color:#d9d9d7}
.topbar-inner{height:34px;display:flex;justify-content:flex-end;align-items:center;gap:42px;font-size:11px}
.topbar b{color:#fff;font-weight:600;margin-right:6px}

/* 导航栏容器 -------------------------------------------------------------- */
.header{position:absolute;z-index:997;top:35px;left:0;width:100%;}
.page-home .header{background:transparent}
.header2{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}
.header2-fixed{position:fixed;top:0;background:rgba(255,255,255,.75)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 10px rgba(0,0,0,.15)}
.header2-fixed .head-wrapper2{border-bottom-color:transparent}
.head-wrapper{max-width:1320px;margin:0 auto;padding:0 20px;height:72px;overflow:visible}
.head-wrapper2{border-bottom:1px solid rgba(151,151,151,.1);padding:14px 0 2px}

/* Logo：新品牌标识 */
.logo-b{position:relative;margin-left:0;transition:transform .3s ease-in-out}
.a-logo{display:block;height:40px;padding:4px 0;}
.a-logo img{height:32px;width:auto}
.page-home .a-logo img{filter:none}

/* 桌面主导航 -------------------------------------------------------------- */
ul.nav-main{list-style:none;float:left;margin:0;padding:4px 0 0;width:100%;min-width:720px}
ul.nav-main>li{position:relative;list-style:none;float:left;height:50px;margin:0 50px 0 0}
ul.nav-main>li>a{color:#000;font-size:14px;font-weight:400;line-height:28px;display:inline-block;transition:color .3s ease-in-out}
/* 解决方案/关于我们 右侧的小三角箭头 */
.arrow-down-10{position:absolute;right:-20px;top:9px;width:12px;height:9px}
.arrow-down-10:after{content:'';display:block;width:6px;height:6px;border-right:1.25px solid #000;border-top:1.25px solid #000;transform:rotate(135deg)}
/* hover 橙色下划线：文字不变色，仅下划线居中展开 */
ul.nav-main>li>a::after{content:' ';display:block;position:absolute;z-index:9999;top:49px;left:2px;right:2px;height:0;border-top:2px solid #fd4f0b;transition:transform .3s ease-in-out;transform:scale3d(0,1,1);transform-origin:center}
ul.nav-main>li:hover>a::after,ul.nav-main>li>a.current::after{transform:scale3d(1,1,1)}

/* 桌面下拉子菜单：白底阴影，hover 灰底从中心展开 */
ul.nav-main>li.has-sub .nav-sub{position:absolute;display:none;z-index:1999;top:51px;left:-64px;padding:0;margin:0;list-style:none;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15)}
ul.nav-main>li.has-sub .nav-sub.nav-sub-about{left:-40px}
ul.nav-main>li.has-sub ul.nav-sub li{display:block;box-shadow:0 1px 1px rgba(0,0,0,.05)}
ul.nav-main>li.has-sub ul.nav-sub li a{padding:5px 20px;width:188px;line-height:28px;display:block;box-sizing:border-box;color:#282828;font-size:13px;opacity:.9;text-align:center;position:relative}
ul.nav-main>li.has-sub ul.nav-sub.nav-sub-about li a{width:138px}
ul.nav-main>li.has-sub>ul.nav-sub>li>a::before{content:' ';display:block;position:absolute;z-index:-1;top:0;left:0;right:1px;bottom:0;background:#f5f5f5;transition:transform .3s ease-in-out;transform:scale3d(0,0,1);transform-origin:center}
ul.nav-main>li.has-sub>ul.nav-sub>li:hover>a::before{transform:scale3d(1,1,1)}
ul.nav-main>li.has-sub:hover .nav-sub{display:block}
ul.nav-main>li>a.active{font-weight:600;}

/* 语言切换：中 | EN 简约文字 */
.lang-select{float:left;display:flex;align-items:center;gap:6px;margin-top:4px}
.lang-select a{display:inline-block;font-size:13px;color:#000;opacity:.7;transition:opacity .3s ease}
.lang-select a:hover{opacity:1}
.lang-select .lang-active{opacity:1;font-weight:600}
.lang-select a>span{opacity:.5;}
.lang-select .lang-sep{font-size:12px;color:#999;opacity:.5;padding:0 3px;}
li.nav-right{float:right!important;height:auto;margin:0 5px 0 0!important}

/* 橙色按钮（移动菜单底部“在线联系”） */
.btn-orange{margin-top:27px;color:#fff;font-size:12px;width:140px;line-height:24px;padding:6px 0;display:inline-block;text-align:center;border:0;outline:none;border-radius:14px;background:#fd4f0b;transition:opacity .3s ease}
.btn-orange:hover{color:#fff;opacity:.7}

/* 键盘焦点可见性 */
.header-container a:focus-visible,.toggle-nav:focus-visible{outline:2px solid rgba(253,79,11,.55);outline-offset:2px}

/* 移动端汉堡按钮（桌面默认隐藏） */
.header-nav-mobile{display:none}
span.dot-3{position:relative;transition:background-color .2s ease}
span.dot-3,span.dot-3:after,span.dot-3:before{width:20px;height:2px;background:#1c2c45;border-radius:2px;display:inline-block}
span.dot-3:after,span.dot-3:before{position:absolute;left:0;content:" ";display:block;transition:transform .4s ease,top .4s ease,bottom .4s ease}
span.dot-3:after{top:-6px}
span.dot-3:before{bottom:-6px}

/* 中等屏宽收紧导航间距（对齐参考站 1000/876 断点） */
@media(max-width:1000px){
  ul.nav-main{min-width:560px}
  ul.nav-main>li{margin-right:35px}
}
@media(max-width:876px){
  ul.nav-main{min-width:0}
  ul.nav-main>li{margin-right:25px}
  ul.nav-main>li.has-sub{margin-right:35px}
  .lang-select a{font-size:12px}
}
/* 769–800px 进一步压缩，避免桌面导航在窄平板横向溢出 */
@media(max-width:800px) and (min-width:769px){
  ul.nav-main>li{margin-right:20px}
  ul.nav-main>li.has-sub{margin-right:35px}
}

/* ≤768px：隐藏联系条与桌面导航，启用汉堡移动菜单 */
@media(max-width:768px){
  .topper,.topbar,.site-header{display:none}
  .header{top:0}
  .head-wrapper{height:60px;padding:0 5px;}
  .head-wrapper2{padding:9px 0}
  .logo-b{transform:scale(.85)}
  ul.nav-main{display:none}
  .lang-select{float:right;}
  .header-nav-mobile{display:block;position:absolute;z-index:1999;top:60px;left:0;right:0;overflow:visible}
  .toggle-nav{position:absolute;z-index:1999;right:8px;top:-50px;width:40px;height:40px;padding-top:2px;text-align:center;cursor:pointer}
  /* 汉堡三横线展开为 × */
  html.show-tiny-menu span.dot-3{background-color:transparent}
  html.show-tiny-menu span.dot-3:after{transform:rotate(45deg);top:0}
  html.show-tiny-menu span.dot-3:before{transform:rotate(-45deg);bottom:0}
  /* 展开面板：默认隐藏，html.show-tiny-menu 时白底下滑显示 */
  .header .header-nav-copy{position:absolute;z-index:8888;top:0;left:0;right:0;padding:0;visibility:hidden;opacity:0;display:none;transform:translate(0,0);transition:visibility .4s ease,opacity .4s ease}
  html.show-tiny-menu .header2{background:#fff!important}
  html.show-tiny-menu .header-nav-copy{visibility:visible!important;opacity:1!important;display:block!important}
  .header .header-nav-copy nav{background:#fff;float:none;width:100%;padding:20px 0;box-shadow:0 5px 10px rgba(0,0,0,.15)}
  .header-nav-copy nav ul.nav-copy{list-style:none;height:auto;margin:0!important;padding:0}
  .header-nav-copy nav ul.nav-copy>li{float:none;width:100%;margin:0;padding:0 15px;height:auto!important;display:block!important}
  .header-nav-copy nav ul.nav-copy>li>a{position:relative;display:block;padding:5px 0;font-size:13px;height:40px;line-height:30px;color:#282828;border-bottom:1px solid rgba(0,0,0,.1);transition:padding-left .3s ease,background-color .3s ease}
  .header-nav-copy nav ul.nav-copy li a:hover{background-color:#f8f8f8;padding-left:10px}
  /* 子菜单指示箭头：下/上切换（CSS 绘制，替代参考站 FontAwesome 字符） */
  .header-nav-copy nav ul.nav-copy>li.has-sub>a::after{content:'';position:absolute;top:50%;right:12px;width:8px;height:8px;border-right:1.5px solid #282828;border-bottom:1.5px solid #282828;transform:translateY(-65%) rotate(45deg);transition:transform .3s ease}
  .header-nav-copy nav ul.nav-copy>li.show-sub>a::after{transform:translateY(-35%) rotate(225deg)}
  /* 子菜单手风琴：#fbfbfb 浅灰底，纵向展开 */
  .header-nav-copy nav ul>li.has-sub .nav-sub{padding:0;margin:0;position:static;display:block;border:0;box-shadow:none;list-style:none;background:#fbfbfb;height:0;overflow:hidden;transform:scale3d(1,0,1);transition:transform .3s ease}
  .header-nav-copy nav ul>li.show-sub .nav-sub{height:auto;padding:8px 0;overflow:visible;transform:scale3d(1,1,1)}
  .header-nav-copy nav ul>li.has-sub ul.nav-sub li{display:block;box-shadow:none}
  .header-nav-copy nav ul>li.has-sub ul.nav-sub li a{padding:0 15px;height:34px;width:auto;line-height:34px;display:block;box-sizing:border-box;color:#282828;opacity:.6;font-size:13px;transition:padding-left .3s ease}
  .header-nav-copy nav ul>li.has-sub ul.nav-sub li.link a:hover{padding-left:26px}
  /* 面板底部：在线联系橙色按钮 + 语言切换 */
  .header-nav-copy nav .nav-bottom{padding:40px 15px 5px}
  .nav-bottom-1{float:left;padding-top:1px}
  .nav-bottom-1 .btn-orange{float:left;margin-top:0;margin-right:16px;line-height:22px;width:auto;border-radius:6px;padding:2px 12px 3px 8px}
  .nav-bottom-1 .btn-orange span{float:left}
  .nav-bottom-1 .btn-orange span.ico-xs{margin-right:4px;}
  .nav-bottom-1 .btn-orange span.ico-chat{background-image:none;background-color:rgba(255,255,255,.75);width:16px;height:11px;border-radius:4px;margin:5px 6px 0 0;position:relative}
  .nav-bottom-1 .btn-orange span.ico-chat::after{content:'';position:absolute;bottom:-2.5px;left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid rgba(255,255,255,.75)}
  .nav-bottom-2{margin-left:28px}
  .header-nav-copy nav .nav-bottom .lang-select{margin-top:3px}
  .header-nav-copy nav .nav-bottom .lang-select a{font-size:14px}
  .header-nav-copy nav .nav-bottom .lang-select .lang-sep{font-size:12px;padding:0 5px;}
}

/* 尊重系统“减少动态效果”设置 */
@media(prefers-reduced-motion:reduce){
  .header2,.logo-b,ul.nav-main>li>a,ul.nav-main>li>a::after,
  ul.nav-main>li.has-sub>ul.nav-sub>li>a::before,.lang-select a,
  span.dot-3,span.dot-3:after,span.dot-3:before,
  .header .header-nav-copy,.header-nav-copy nav ul.nav-copy>li>a,
  .header-nav-copy nav ul>li.has-sub .nav-sub,.btn-orange{transition:none}
}