/* 元引设计系统：统一令牌 → 基础 → 共用组件 → 页面布局 → 响应式 */
:root {
  --blue:#0866ff; --blue-hover:#0055dc; --ink:#1c2b33; --muted:#60717d;
  --paper:#fff; --surface:#f3f6fa; --line:#dfe6ed; --blue-soft:#eaf2ff;
  --radius:20px; --radius-sm:12px; --pill:999px;
  --space-section:88px; --gap:24px; --card-padding:32px;
  --shell:min(1320px,calc(100% - 80px)); --header-h:88px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}
h1,h2,h3,h4,p,ol,ul,address,figure{margin:0}
h1,h2,h3,h4{font-weight:500;line-height:1.35;letter-spacing:-.035em}
h1{font-size:clamp(36px,4.2vw,60px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:24px}h4{font-size:16px}
p{overflow-wrap:break-word}.shell{width:var(--shell);margin-inline:auto}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:300;top:12px;left:20px;padding:12px 20px;background:var(--paper);border-radius:var(--radius-sm);transform:translateY(-150%)}.skip-link:focus{transform:none}
/* 全站导航 */
.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(255,255,255,.97);border-bottom:1px solid transparent}.site-header.is-scrolled{border-color:var(--line)}
.header-inner{display:flex;min-height:var(--header-h);align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:6px;font-size:22px;letter-spacing:.08em;font-weight:600;line-height:1.1;white-space:nowrap}.brand-wordmark small{display:block;font-size:9px;letter-spacing:.18em;font-weight:400;line-height:1;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.main-nav a{position:relative;font-size:13px;white-space:nowrap;padding:30px 0;color:var(--muted);font-weight:500}.main-nav a:hover,.main-nav a.is-active{color:var(--blue)}.main-nav a.is-active::after{content:'';position:absolute;width:18px;height:3px;border-radius:var(--pill);bottom:20px;left:calc(50% - 9px);background:var(--blue)}
.language{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.language :is(button,a){border:0;background:none;min-width:28px;min-height:40px;padding:8px 4px;color:var(--muted);font-size:11px}.language :is(button,a):is([aria-pressed=true],[aria-current=true]){color:var(--blue);font-weight:600}
.menu-toggle{display:none;border:0;background:none;padding:12px}.menu-toggle__label{display:none}.menu-toggle__icon,.menu-toggle__icon::before,.menu-toggle__icon::after{display:block;width:22px;height:2px;background:var(--ink)}.menu-toggle__icon{position:relative}.menu-toggle__icon::before,.menu-toggle__icon::after{position:absolute;content:'';left:0}.menu-toggle__icon::before{top:-6px}.menu-toggle__icon::after{top:6px}.menu-toggle[aria-expanded=true] .menu-toggle__icon{background:transparent}.menu-toggle[aria-expanded=true] .menu-toggle__icon::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__icon::after{top:0;transform:rotate(-45deg)}
/* 组件：按钮、标签、内容卡片 */
.button,.next-step .text-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;border-radius:var(--pill);background:var(--blue);border:1px solid var(--blue);color:#fff;font-size:14px;font-weight:500;transition:background .2s,color .2s}
.button:hover,.next-step .text-link:hover{background:var(--blue-hover);border-color:var(--blue-hover)}
.button--ghost,.feature-card .button{background:#fff;color:var(--ink);border-color:#fff}.button--ghost:hover,.feature-card .button:hover{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue)}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;color:var(--blue);padding:10px 0}.text-link:hover{color:var(--blue-hover)}
.eyebrow{font-size:14px;font-weight:500;color:var(--blue);margin-bottom:20px}.eyebrow>span:first-child:empty{display:none}
.principles article,.capability-path li,.case-card,.scenario-grid article,.contact-card{padding:var(--card-padding);border-radius:var(--radius);background:var(--surface)}
.step-index,.small-index,.sector-number,.principles article>span,.delivery-list article>span{font-size:12px;letter-spacing:.06em;color:var(--blue)}
.principles p,.capability-path p,.case-card p,.value-grid p,.scenario-grid p,.delivery-list p{font-size:15px;line-height:1.85;color:var(--muted)}
.category-card svg,.step-icon svg{fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* 首页导航融入首屏，滚动和展开菜单时使用标准白底 */
body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled){background:transparent;border-color:transparent;color:#fff}
body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled) :is(.main-nav a,.language,.language :is(button,a),.brand-wordmark small){color:#fff}
body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled) .main-nav a.is-active::after{background:#fff}
body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled) .menu-toggle__icon,body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled) .menu-toggle__icon::before,body[data-page="home"]:not(.menu-open) .site-header:not(.is-scrolled) .menu-toggle__icon::after{background:#fff}
/* 首页：整屏摄影与入口 */
.hero{position:relative;isolation:isolate;overflow:hidden;margin:0;height:100svh;background:var(--ink)}
.hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 44%}
.hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 44%;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero.is-video-ready .hero-video{opacity:1}.hero-video-toggle{position:absolute;right:32px;bottom:32px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#102b4866;color:#fff;font-size:18px}.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#102b4870,transparent 26%)}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,30,48,.58),rgba(12,30,48,.1) 60%,transparent)}
.hero-inner{height:100%;display:flex;padding:calc(var(--header-h) + 64px) 0 56px}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;max-width:760px;width:100%}.hero h1{font-size:clamp(40px,4.8vw,78px);line-height:1.2;color:#fff}.hero h1 em{font-style:normal;color:inherit}.hero-actions{display:flex;gap:16px;margin-top:32px}

.explore{padding:64px 0 32px}.explore>h2{text-align:center;font-size:28px;margin-bottom:32px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.category-card{display:flex;flex-direction:column;min-height:152px;padding:24px;align-items:center;justify-content:center;gap:16px;border-radius:var(--radius);background:var(--surface);transition:background .2s}.category-card svg{width:40px;height:40px;stroke-width:3.4}.category-card h3{font-size:18px}.category-card:hover{background:var(--blue-soft)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding-bottom:var(--space-section)}
.feature-card{position:relative;min-height:500px;border-radius:var(--radius);overflow:hidden;background:var(--surface);isolation:isolate;display:flex;align-items:flex-end;color:#fff}.feature-card--wide{grid-column:1/-1;min-height:540px}
.feature-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.feature-card--wide img{object-position:center 45%}
.feature-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(13,36,63,.18) 52%,rgba(13,36,63,.78))}.feature-copy{padding:40px}.feature-copy h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:24px}
/* 所有内页共用的标题、分区和栅格 */
.page-breadcrumb{display:flex;gap:12px;padding-top:calc(var(--header-h) + 32px);font-size:12px;color:var(--muted)}.page-breadcrumb a:hover{color:var(--blue)}
.section,.contact{padding:48px 0 var(--space-section)}.section-heading{max-width:1040px;margin-bottom:48px}.section-heading h1,.contact h1{font-size:clamp(36px,4.2vw,60px)}
.content-section{padding:0 0 var(--space-section)}.split-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:40px}.split-heading>p{max-width:420px;font-size:15px;color:var(--muted)}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.value-grid article{padding:28px 0 0;border-top:1px solid var(--line)}.value-grid h3{margin:20px 0 16px}
.delivery-list article{display:grid;grid-template-columns:56px 1fr 1.6fr;gap:32px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.delivery-list h4{margin-bottom:12px}.delivery-list article>span{padding-top:5px}
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.scenario-grid h3{margin:20px 0 16px}.scenario-grid ul{list-style:none;margin-top:24px;padding:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}.scenario-grid li::before{content:'—';margin-right:12px;color:var(--blue)}
/* 公司与能力 */
.about-layout{display:grid;gap:40px}.about-layout .section-heading{margin-bottom:8px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-story .lead{font-size:24px;line-height:1.75;max-width:550px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.principles h3{font-size:22px;margin:24px 0 16px}
.editorial-image{overflow:hidden;border-radius:var(--radius);height:420px}.editorial-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.85)}
.capability-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding:0;list-style:none}.step-icon{margin:32px 0 24px}.step-icon svg{width:40px;height:40px}.capability-path h3{margin-bottom:16px}
.capability-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:48px}.capability-feature h2{margin-bottom:24px}.capability-feature p:not(.eyebrow){color:var(--muted);font-size:15px}.capability-feature .text-link{margin-top:16px}.capability-feature img{width:100%;height:360px;object-fit:cover;border-radius:var(--radius);filter:saturate(.85)}
/* 行业方案：平面标签和结构图 */
.sector-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.sector-tabs *{min-width:0}.sector-nav{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.tab-list{display:flex;gap:32px;max-width:100%}.tab-list button{position:relative;padding:16px 0;border:0;background:none;white-space:nowrap;color:var(--muted);font-size:16px}.tab-list button[aria-selected=true]{color:var(--blue)}.tab-list button[aria-selected=true]::after{content:'';position:absolute;inset:auto 0 -1px;height:3px;background:var(--blue)}
.carousel-toggle{display:inline-flex;gap:8px;align-items:center;margin-left:auto;border:0;background:none;color:var(--muted);font-size:12px}.carousel-toggle__icon{display:block;width:9px;height:10px;border-inline:2px solid currentColor}.carousel-toggle[aria-pressed=true] .carousel-toggle__icon{border:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
[role=tabpanel]{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;min-height:380px;padding:40px;background:var(--surface);border-radius:var(--radius)}.sector-copy{display:grid;gap:24px}.sector-copy h3{font-size:32px}.sector-copy>p:not(.sector-number){font-size:15px;color:var(--muted)}.sector-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.sector-copy li,.case-tag{font-size:12px;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-sm)}.sector-copy .button{justify-self:start}
.sector-visual{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;min-height:280px;padding:32px 24px 72px;background:var(--paper);border-radius:var(--radius-sm)}.sector-visual span{flex-shrink:0;display:grid;place-items:center;width:72px;height:72px;background:var(--blue-soft);border:1px solid #d3e3ff;border-radius:var(--radius-sm);font-size:32px;color:var(--blue)}html[lang="en"] .sector-visual span{font-size:14px}.sector-visual i{flex-shrink:1;width:20px;height:1px;background:var(--line)}.sector-visual p{position:absolute;bottom:40px;font-size:14px;color:var(--muted)}
/* 案例与联系 */
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.case-card{min-height:360px;display:flex;flex-direction:column;gap:64px}.case-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.case-index{font-size:32px;font-weight:400;color:var(--blue)}.case-card>div:nth-child(2){margin-top:auto}.case-card h3{margin-bottom:20px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-copy h1{margin-bottom:24px}.contact-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:32px;max-width:490px}.contact-card{display:grid;grid-template-columns:1fr auto;gap:24px}.contact-details{display:grid;gap:24px}.contact-details>div{display:grid;gap:8px}.contact-details span{font-size:12px;color:var(--muted)}.contact-details strong,.contact-details a,.contact-details address{font-size:14px;font-weight:400;font-style:normal}.contact-details a{color:var(--blue)}.qr{display:grid;align-content:center;justify-items:center;gap:12px}.qr img{width:108px}.qr span{font-size:12px;color:var(--muted)}.contact-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.contact-note p{font-size:14px;color:var(--muted)}
/* 共用行动区与页脚 */
.next-step{width:var(--shell);margin:0 auto var(--space-section);padding:48px;background:var(--surface);border-radius:var(--radius)}.next-step>.shell{width:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.next-step h2{font-size:32px}.next-step .text-link{flex-shrink:0}
.site-footer{background:var(--surface);color:var(--muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:20px 32px;padding-top:40px;font-size:13px}.footer-nav a:hover{color:var(--blue)}.footer-main{display:flex;gap:24px;align-items:center;padding:32px 0}.brand--footer img{width:32px;height:32px}.footer-main p{font-size:12px;margin-right:auto}.footer-main>a:last-child{font-size:14px;color:var(--blue)}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;padding:24px 0;border-top:1px solid var(--line)}.footer-legal>div{display:flex;gap:20px}.footer-legal a{display:inline-flex;gap:5px;align-items:center}
.reveal{opacity:1}.is-reveal-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.is-reveal-ready .reveal.is-visible{opacity:1;transform:none}
/* 响应式：沿用同一组组件，仅调整密度与列数 */
@media(max-width:1180px){:root{--shell:calc(100% - 64px)}.header-inner{gap:24px}.main-nav{gap:16px}.main-nav a{font-size:12px}.brand-wordmark{font-size:20px}.brand img{width:44px;height:44px}.capability-path{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story,.contact-layout,.capability-feature{gap:32px}.contact-card{grid-template-columns:1fr}.qr{justify-items:start}}
@media(max-width:1000px){:root{--header-h:76px}.main-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;height:calc(100dvh - var(--header-h));padding:20px 32px 48px;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;overflow-y:auto}.main-nav.is-open{display:flex}.main-nav a{padding:20px 0;border-bottom:1px solid var(--line);font-size:18px}.main-nav a.is-active::after{display:none}.menu-toggle{display:block;margin-left:auto;order:3}.language{margin-left:auto}.header-inner{gap:16px}.about-story,.contact-layout{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr auto}.qr{justify-items:center}.case-grid{grid-template-columns:1fr}.case-card{min-height:240px;gap:32px}.sector-nav{flex-wrap:wrap;gap:12px}.carousel-toggle{margin-bottom:12px}[role=tabpanel]{gap:32px;padding:32px}.sector-visual{padding-inline:16px}.sector-visual span{width:56px;height:64px}.footer-legal{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:700px){:root{--shell:calc(100% - 36px);--space-section:56px;--gap:16px;--card-padding:24px;--radius:20px}
.header-inner{gap:8px}.language{gap:2px}.language :is(button,a){font-size:10px}.brand{gap:8px}.brand-wordmark{font-size:18px;gap:5px}.brand-wordmark small{font-size:8px;letter-spacing:.1em}.brand img{width:38px;height:38px}
.hero-inner{padding:calc(var(--header-h) + 40px) 0 32px}.hero-art,.hero-video{object-position:57% center}.hero-video-toggle{right:18px;bottom:100px}.hero::after{background:linear-gradient(180deg,#172e486b,transparent 45%,#142b48b3)}.hero h1{font-size:clamp(32px,8vw,46px);line-height:1.3}.hero-actions{gap:12px;flex-wrap:wrap}.hero .button{padding:12px 20px;font-size:13px;gap:16px}
.explore{padding:40px 0 24px}.explore>h2{font-size:24px;margin-bottom:24px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:132px;padding:20px;gap:12px}.category-card h3{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card--wide{grid-column:auto;min-height:400px}.feature-card--wide img{object-position:58% center}.feature-copy{padding:28px}.feature-copy h2{font-size:28px}
.page-breadcrumb{padding-top:calc(var(--header-h) + 24px)}.section,.contact{padding-top:32px}.section-heading{margin-bottom:32px}.section-heading h1,.contact h1{font-size:36px}.eyebrow{margin-bottom:16px;font-size:13px}.split-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:32px}
.value-grid{grid-template-columns:1fr;gap:28px}.value-grid article{padding-top:24px}.value-grid h3{margin:16px 0}.delivery-list article{grid-template-columns:28px 1fr;gap:16px;padding:24px 0}.delivery-list article>div{grid-column:2}.delivery-list h3{font-size:22px}.scenario-grid{grid-template-columns:1fr}
.about-layout{gap:32px}.about-story .lead{font-size:21px}.principles{grid-template-columns:1fr 1fr}.principles article{padding:24px 20px}.principles h3{font-size:20px}.editorial-image{height:300px}.capability-path{grid-template-columns:1fr 1fr}.capability-path li{padding:24px 20px}.capability-path h3{font-size:21px}.step-icon{margin:24px 0}.capability-feature{grid-template-columns:1fr;gap:32px;margin-top:32px}.capability-feature img{height:280px}
.tab-list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.tab-list button{text-align:left;font-size:15px;white-space:normal;overflow-wrap:anywhere}.carousel-toggle{margin-left:0}.sector-tabs{gap:24px}[role=tabpanel]{grid-template-columns:1fr;padding:24px;gap:32px}.sector-copy{gap:20px}.sector-copy h3{font-size:26px}.sector-visual{min-height:220px}.sector-visual span{width:64px;height:64px;font-size:28px}.sector-visual p{bottom:32px}
.case-card h3{font-size:24px}.contact-layout{gap:32px}.contact-card{grid-template-columns:1fr}.qr{justify-items:start}.contact-note{align-items:start;flex-direction:column;gap:16px}.next-step{padding:32px 24px}.next-step>.shell{align-items:start;flex-direction:column;gap:24px}.next-step h2{font-size:28px}
.footer-nav{gap:16px 24px;font-size:12px;padding-top:32px}.footer-main{flex-wrap:wrap;gap:16px}.footer-main p{flex:1;font-size:11px}.footer-main>a:last-child{flex-basis:100%;font-size:13px}.footer-legal{font-size:10px}.footer-legal>div{flex-wrap:wrap;gap:12px}}
@media(max-width:380px){.capability-path,.principles{grid-template-columns:1fr}.brand-wordmark{font-size:16px}.brand img{width:34px;height:34px}.brand-wordmark small{font-size:7px}.hero h1{font-size:30px}}
@media(max-height:520px){.hero-inner{padding-top:calc(var(--header-h) + 20px);padding-bottom:24px}.hero h1{font-size:clamp(28px,5vh,40px)}.hero-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-reveal-ready .reveal{opacity:1;transform:none}}