/* ============================================================
   DISCOVERY AIDC — Design System v2 (Vestas-inspired)
   2026-08-31  ·  B2B data center corporate site
   全屏大图 / 大留白 / 黑白克制 / 品牌紫点缀 / 硬数据大数字
   ============================================================ */

/* ---------- Fonts (self-hosted) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/Inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/Inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/Inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/Inter-700.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;
  src:url('../fonts/Inter-800.woff2') format('woff2');}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/NotoSansSC-Regular.woff2') format('woff2');}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/NotoSansSC-Medium.woff2') format('woff2');}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/NotoSansSC-Bold.woff2') format('woff2');}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:900;font-display:swap;
  src:url('../fonts/NotoSansSC-Black.woff2') format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/InterTight-Variable.woff2') format('woff2-variations'),
       url('../fonts/InterTight-Variable.woff2') format('woff2');}

/* ---------- Tokens ---------- */
:root{
  --ink:#111318;        /* near-black text */
  --ink-2:#3c4049;      /* secondary text */
  --muted:#6b7079;      /* muted text */
  --line:#e6e7ea;       /* hairline */
  --brand:#4A2D8E;      /* primary purple — brand anchor, unchanged */
  --brand-d:#3d2785;    /* deep purple, slightly settled */
  --brand-2:#0a7fc4;    /* tech blue */
  --violet-l:#f1ecfa;   /* light purple bg */
  --blue-l:#e7f4fc;     /* light blue bg */
  --bg:#ffffff;
  --bg-soft:#f5f6f8;
  --dark:#241a4e;       /* deep brand dark (A+C: graphite-purple) */
  --dark-2:#211844;
  --bg-dark:#161820;    /* solid dark section bg (graphite) */
  --on-dark:#9285cf;    /* accent on dark solid sections (muted violet-grey) */
  --on-dark-2:#9f92d6;  /* secondary accent on dark gradient sections */
  --radius:6px;
  --shadow:0 16px 48px rgba(17,19,24,.10);
  --shadow-lg:0 24px 70px rgba(17,19,24,.16);
}

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:'Inter','Noto Sans SC','Helvetica Neue',Arial,sans-serif;
  color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  line-height:1.6;font-size:16px;
}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;line-height:1.12;color:var(--ink);}
p{color:var(--ink-2);}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul,ol{padding-left:1.2em;}
button{font-family:inherit;}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px;width:100%;}
.eyebrow,.kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);transition:box-shadow .25s;}
.site-header.scrolled{box-shadow:0 4px 24px rgba(17,19,24,.08);}
.hd{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px;}
.brand-logo{font-weight:800;font-size:1.45rem;letter-spacing:.02em;color:var(--ink);white-space:nowrap;line-height:1;}
.brand-logo .b1{color:var(--brand);margin-left:-.06em;}
.brand-logo small{display:block;font-size:.58rem;font-weight:600;letter-spacing:.22em;color:var(--muted);margin-top:3px;text-transform:uppercase;}
.brand-logo img.logo-img{display:block;height:52px;width:auto;}
.site-footer .brand-logo img.logo-img{height:54px;}
.site-footer .brand-logo{font-size:1.5rem;}
.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto;}
.main-nav > a,.main-nav .nav-drop > .nav-parent{
  font-size:.94rem;font-weight:600;color:var(--ink-2);padding:26px 0;position:relative;
  transition:color .2s;cursor:pointer;display:inline-flex;align-items:center;gap:5px;background:none;border:none;}
.main-nav a:hover,.main-nav .nav-parent:hover{color:var(--brand);}
.main-nav a.is-active{color:var(--ink);}
.main-nav a.is-active:after,.main-nav .nav-drop:hover .nav-parent:after{
  content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--brand);}
.nav-drop{position:relative;}
.nav-parent svg{width:13px;height:13px;transition:transform .2s;}
.nav-drop:hover .nav-parent svg{transform:rotate(180deg);}
.nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:218px;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;
  box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:.2s;}
.nav-drop:hover .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-menu a{display:block;padding:11px 14px;border-radius:8px;font-size:.92rem;font-weight:600;color:var(--ink-2);}
.nav-menu a:hover{background:var(--bg-soft);color:var(--brand);}
.hd-actions{display:flex;align-items:center;gap:6px;}

/* language switcher (globe) */
.lang-switcher{position:relative;}
.lang-btn{width:44px;height:44px;border:none;background:transparent;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--ink);position:relative;transition:background .2s;}
.lang-btn:hover{background:var(--bg-soft);}
.lang-btn svg.globe{width:22px;height:22px;}
.lang-code{position:absolute;bottom:6px;right:4px;font-size:.6rem;font-weight:800;line-height:1;
  background:var(--brand);color:#fff;border-radius:4px;padding:2px 3px;letter-spacing:.02em;}
.lang-panel{position:absolute;top:54px;right:0;width:210px;background:#fff;border-radius:12px;padding:8px;
  box-shadow:var(--shadow-lg);border:1px solid var(--line);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:120;}
.lang-switcher.open .lang-panel{opacity:1;visibility:visible;transform:translateY(0);}
.lang-panel .lp-title{font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:10px 12px 6px;}
.lang-opt{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;color:var(--ink-2);}
.lang-opt:hover{background:var(--bg-soft);}
.lang-opt .nat{margin-left:auto;color:var(--muted);font-weight:600;font-size:.82rem;}
.lang-opt .tick{display:none;margin-left:auto;color:var(--brand);}
.lang-opt.cur{color:var(--brand);background:var(--violet-l);cursor:default;}
.lang-opt.cur .nat{display:none;}
.lang-opt.cur .tick{display:flex;}
.icon-btn{width:44px;height:44px;border:none;background:transparent;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .2s;}
.icon-btn:hover{background:var(--bg-soft);}
.icon-btn svg{width:22px;height:22px;}
.hamburger{display:none;}

/* mobile drawer */
.mobile-drawer{position:fixed;inset:0;z-index:200;visibility:hidden;}
.mobile-drawer .md-overlay{position:absolute;inset:0;background:rgba(17,19,24,.45);opacity:0;transition:.25s;}
.mobile-drawer .md-panel{position:absolute;top:0;right:0;height:100%;width:min(86%,360px);background:#fff;
  transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;
  box-shadow:-20px 0 60px rgba(17,19,24,.2);}
.mobile-drawer.open{visibility:visible;}
.mobile-drawer.open .md-overlay{opacity:1;}
.mobile-drawer.open .md-panel{transform:translateX(0);}
.md-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);}
.md-nav{padding:12px 16px;overflow-y:auto;flex:1;}
.md-nav .md-group{border-bottom:1px solid var(--line);}
.md-nav .md-label{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 8px;
  font-size:1.02rem;font-weight:700;color:var(--ink);background:none;border:none;cursor:pointer;text-align:left;}
.md-nav .md-label svg{width:16px;height:16px;flex-shrink:0;color:var(--muted);transition:transform .2s;}
.md-nav .md-group.open .md-label svg{transform:rotate(180deg);}
.md-nav .md-children{display:none;padding:2px 8px 12px;}
.md-nav .md-group.open .md-children{display:block;}
.md-nav .md-children a{display:block;padding:10px 8px;font-size:.94rem;font-weight:500;color:var(--ink-2);}
.md-nav .md-children a:hover{color:var(--brand);}
.md-foot{padding:20px 24px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);}

/* ============================================================
   HERO  (home, full-screen image)
   ============================================================ */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.hero-bg:after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(10,12,20,.72) 0%,rgba(10,12,20,.45) 38%,rgba(10,12,20,.08) 68%),
    linear-gradient(180deg,rgba(10,12,20,.40) 0%,rgba(10,12,20,.10) 34%,rgba(10,12,20,.30) 62%,rgba(10,12,20,.88) 100%);}
.hero .wrap{position:relative;z-index:2;padding-bottom:96px;padding-top:120px;width:100%;}
.hero .eyebrow{display:inline-block;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);
  padding:7px 16px;border-radius:40px;margin-bottom:26px;backdrop-filter:blur(4px);}
.hero h1{font-size:clamp(2.6rem,5.6vw,5rem);color:#fff;max-width:15ch;margin-bottom:26px;text-shadow:0 2px 24px rgba(0,0,0,.35);}
.hero p.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:56ch;color:rgba(255,255,255,.96);font-weight:500;margin-bottom:36px;line-height:1.65;text-shadow:0 1px 14px rgba(0,0,0,.55);}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;}

/* page hero (inner pages, slimmer) */
.page-hero{position:relative;color:#fff;padding:170px 0 96px;overflow:hidden;}
.page-hero .ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.page-hero .ph-bg:after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(20,16,38,.96) 0%,rgba(22,18,42,.90) 45%,rgba(24,20,44,.72) 100%);}
.page-hero .ph-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,30,.30) 0%,rgba(15,12,30,0) 30%,rgba(15,12,30,.42) 100%);}
.page-hero .wrap{position:relative;z-index:2;}
.breadcrumb{font-size:.85rem;color:rgba(255,255,255,.72);margin-bottom:22px;font-weight:500;}
.breadcrumb a{color:rgba(255,255,255,.72);}
.breadcrumb a:hover{color:#fff;}
.breadcrumb span{margin:0 8px;opacity:.5;}
.page-hero .eyebrow{color:#b3a7e0;display:block;margin-bottom:16px;}
.page-hero h1{color:#fff;font-size:clamp(2.1rem,4.2vw,3.4rem);max-width:18ch;margin-bottom:20px;}
.page-hero p{color:rgba(255,255,255,.9);font-size:1.12rem;max-width:62ch;font-weight:400;}
/* 关于页 · 公司简介长段落：编辑级排版，避免末行孤字 */
.page-hero p.hero-lede{
  max-width:44em;
  line-height:1.9;
  font-size:1.06rem;
  letter-spacing:.01em;
  text-align:justify;
  text-justify:inter-character;   /* 中文按表意文字均匀分布，行间整齐 */
  text-wrap:pretty;               /* 现代浏览器主动消除末行单字/孤行 */
  overflow-wrap:break-word;
  hyphens:none;
  hanging-punctuation:last allow-end;
}
html[lang="en"] .page-hero p.hero-lede{
  max-width:64ch;
  line-height:1.8;
  text-justify:auto;
  letter-spacing:0;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.97rem;padding:15px 30px;
  border-radius:var(--radius);transition:.2s;cursor:pointer;border:1.5px solid transparent;line-height:1;white-space:nowrap;}
.btn svg{width:18px;height:18px;}
.btn-primary{background:#fff;color:var(--ink);}
.btn-primary:hover{background:var(--brand);color:#fff;}
.btn-brand{background:var(--brand);color:#fff;}
.btn-brand:hover{background:var(--brand-d);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand);}
.btn-outline:hover{background:var(--brand);color:#fff;}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--brand);}
.link-arrow{font-weight:700;font-size:.92rem;color:var(--brand);display:inline-flex;align-items:center;gap:8px;}
.link-arrow svg{width:16px;height:16px;transition:transform .2s;}
.link-arrow:hover svg{transform:translateX(4px);}

/* ============================================================
   SECTIONS
   ============================================================ */
section{padding:108px 0;}
.sec-head{max-width:780px;margin-bottom:60px;}
.sec-head .kicker{color:var(--brand);margin-bottom:18px;display:block;}
.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:20px;}
.sec-head p{font-size:1.1rem;color:var(--muted);}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.bg-soft{background:var(--bg-soft);}
.bg-dark{background:var(--bg-dark);color:#fff;}
.bg-brand{background:linear-gradient(135deg,var(--dark) 0%,var(--brand-d) 100%);color:#fff;}

/* intro / positioning */
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start;}
.intro-lead{font-size:clamp(1.5rem,2.4vw,2.05rem);font-weight:700;letter-spacing:-.01em;line-height:1.38;color:var(--ink);}
.intro-body p{font-size:1.04rem;color:var(--ink-2);margin-bottom:18px;}
.intro-body p strong{color:var(--ink);font-weight:700;}

/* solutions / image+text blocks */
.sol-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}
.sol{display:grid;grid-template-columns:1fr 1.1fr;border-bottom:1px solid var(--line);}
.sol:nth-child(odd){border-right:1px solid var(--line);}
.sol-img{overflow:hidden;background:var(--bg-soft);}
.sol-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;transition:transform .5s;}
.sol:hover .sol-img img{transform:scale(1.04);}
.sol-txt{padding:42px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff;}
.sol-txt .num{font-size:.82rem;font-weight:700;color:var(--brand);letter-spacing:.08em;margin-bottom:14px;}
.sol-txt h3{font-size:1.4rem;margin-bottom:14px;}
.sol-txt p{color:var(--muted);font-size:.97rem;margin-bottom:22px;}

/* big stats (dark) */
.stats .kicker{color:var(--on-dark);}
.stats h2{color:#fff;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;border-top:1px solid rgba(255,255,255,.16);padding-top:56px;}
.stat .big{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1;}
.stat .big small{font-size:1.5rem;font-weight:700;color:var(--on-dark);}
.stat .cap{margin-top:16px;color:rgba(255,255,255,.74);font-size:.98rem;font-weight:500;}
.stats.on-brand{background:linear-gradient(135deg,var(--dark) 0%,var(--brand-d) 100%);}
.stats.on-brand .kicker{color:var(--on-dark-2);}
.stats.on-brand .big small{color:var(--on-dark-2);}

/* light stat strip */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.stat-strip .stat .big{color:var(--brand);}
.stat-strip .stat .big small{color:var(--brand-2);}
.stat-strip .stat .cap{color:var(--muted);}

/* news */
.news-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:20px;}
.news-head h2{font-size:clamp(2rem,3.6vw,2.9rem);}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.news-item{border-top:2px solid var(--ink);padding-top:22px;display:block;}
.news-item .date{font-size:.85rem;color:var(--muted);font-weight:600;margin-bottom:14px;}
.news-item .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--brand);background:var(--violet-l);padding:4px 10px;border-radius:4px;margin-bottom:14px;}
.news-item h3{font-size:1.15rem;line-height:1.4;margin-bottom:10px;transition:color .2s;font-weight:700;}
.news-item:hover h3{color:var(--brand);}
.news-item p{font-size:.94rem;color:var(--muted);}

/* CTA image band */
.cta-band{position:relative;color:#fff;overflow:hidden;}
.cta-band .cb-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.cta-band .cb-bg:after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(28,22,48,.95) 0%,rgba(28,22,48,.72) 55%,rgba(28,22,48,.35) 100%);}
.cta-band .wrap{position:relative;z-index:2;}
.cta-inner{max-width:680px;padding:56px 0;}
.cta-band .kicker{color:var(--on-dark-2);display:block;margin-bottom:18px;}
.cta-band h2{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:20px;text-wrap:balance;line-height:1.18;}
.cta-band p{color:rgba(255,255,255,.86);font-size:1.08rem;margin-bottom:32px;}

/* ============================================================
   INNER PAGE COMPONENTS
   ============================================================ */
/* prose content */
.prose{max-width:820px;}
.prose h2{font-size:1.9rem;margin:44px 0 18px;}
.prose h3{font-size:1.32rem;margin:32px 0 14px;}
.prose p{font-size:1.04rem;margin-bottom:16px;color:var(--ink-2);}
.prose ul,.prose ol{margin:0 0 18px;color:var(--ink-2);font-size:1.04rem;}
.prose li{margin-bottom:10px;}
.prose strong{color:var(--ink);}
.prose blockquote{border-left:3px solid var(--brand);padding:6px 0 6px 24px;margin:28px 0;color:var(--ink-2);font-size:1.15rem;font-weight:500;}

/* feature cards (icon / number) */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;}
.feat-grid.c2{grid-template-columns:repeat(2,1fr);}
.feat-grid.c3{grid-template-columns:repeat(3,1fr);}
.feat-grid.c4{grid-template-columns:repeat(4,1fr);}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px 30px;transition:.25s;}
.feat-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent;}
.feat-ic{width:52px;height:52px;border-radius:12px;background:var(--violet-l);color:var(--brand);
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.feat-ic.blue{background:var(--blue-l);color:var(--brand-2);}
.feat-ic svg{width:26px;height:26px;}
.feat-card h3{font-size:1.2rem;margin-bottom:12px;}
.feat-card p{font-size:.96rem;color:var(--muted);}
.feat-card .fc-num{font-size:2rem;font-weight:800;color:var(--brand);line-height:1;margin-bottom:14px;letter-spacing:-.02em;}

/* image feature rows (alternating) */
.imgrow{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px;}
.imgrow:last-child{margin-bottom:0;}
.imgrow.flip .ir-img{order:2;}
.ir-img{border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}
.ir-img img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.ir-txt .kicker{color:var(--brand);display:block;margin-bottom:14px;}
.ir-txt h3{font-size:1.7rem;margin-bottom:16px;}
.ir-txt p{font-size:1.04rem;color:var(--ink-2);margin-bottom:16px;}
.ir-txt ul{list-style:none;padding:0;margin:18px 0;}
.ir-txt ul li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:1rem;color:var(--ink-2);}
.ir-txt ul li svg{width:20px;height:20px;color:var(--brand);flex-shrink:0;margin-top:2px;}

/* table horizontal scroll wrapper */
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;}
.table-scroll .spec-table{border-radius:0;border:none;min-width:560px;}
.table-scroll::-webkit-scrollbar{height:6px;}
.table-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;}

/* spec table */
.spec-table{width:100%;border-collapse:collapse;font-size:.98rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.spec-table th{background:var(--ink);color:#fff;text-align:left;padding:16px 22px;font-weight:700;font-size:.92rem;}
.spec-table td{padding:15px 22px;border-top:1px solid var(--line);color:var(--ink-2);}
.spec-table tr:nth-child(even) td{background:var(--bg-soft);}
.spec-table td:first-child{font-weight:600;color:var(--ink);width:38%;}

/* steps / process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step;}
.step{position:relative;padding-top:8px;}
.step .sn{font-size:2.6rem;font-weight:800;color:var(--violet-l);line-height:1;letter-spacing:-.03em;}
.step .sn:before{counter-increment:step;content:"0" counter(step);}
.step .sn.sn-static:before{content:none;counter-increment:none;}
.step h3{font-size:1.15rem;margin:14px 0 10px;}
.step p{font-size:.95rem;color:var(--muted);}

/* timeline */
.timeline{position:relative;max-width:860px;margin:0 auto;padding-left:34px;}
.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line);}
.tl-item{position:relative;padding-bottom:44px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item:before{content:"";position:absolute;left:-32px;top:6px;width:14px;height:14px;border-radius:50%;
  background:#fff;border:3px solid var(--brand);}
.tl-item .tl-year{font-size:1.05rem;font-weight:800;color:var(--brand);margin-bottom:6px;letter-spacing:.02em;}
.tl-item h3{font-size:1.22rem;margin-bottom:8px;}
.tl-item p{color:var(--muted);font-size:.98rem;}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.team-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s;}
.team-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.team-photo{aspect-ratio:1/1;background:linear-gradient(135deg,var(--violet-l),var(--blue-l));
  display:flex;align-items:center;justify-content:center;color:var(--brand);}
.team-photo svg{width:64px;height:64px;opacity:.7;}
.team-info{padding:22px 22px 26px;}
.team-info h3{font-size:1.12rem;margin-bottom:4px;}
.team-info .role{color:var(--brand);font-weight:700;font-size:.88rem;margin-bottom:10px;}
.team-info p{font-size:.9rem;color:var(--muted);line-height:1.55;}

/* honors / awards */
.honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.honor-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 26px;text-align:center;transition:.25s;}
.honor-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.honor-ic{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:var(--violet-l);color:var(--brand);
  display:flex;align-items:center;justify-content:center;}
.honor-ic svg{width:30px;height:30px;}
.honor-card h3{font-size:1.02rem;line-height:1.4;margin-bottom:8px;font-weight:700;}
.honor-card .yr{font-size:.85rem;color:var(--muted);font-weight:600;}
/* honors 资质荣誉页：3×3 网格，9 卡无孤卡；卡更宽，长标题优雅折行 */
body.honors-page .honor-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1040px;margin:0 auto;}
body.honors-page .honor-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:36px 28px;min-height:210px;}
body.honors-page .honor-ic{margin-bottom:20px;}
body.honors-page .honor-card h3{text-wrap:balance;overflow-wrap:break-word;word-break:normal;line-height:1.5;min-height:2.8em;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
body.honors-page .honor-card .yr{margin-top:auto;}
/* 卡片标题统一换行平衡，避免单字落行 */
.feat-card h3,.info-card h3,.loc-card h3{text-wrap:balance;overflow-wrap:break-word;}
@media(max-width:1024px){body.honors-page .honor-grid{grid-template-columns:repeat(3,1fr);gap:18px;}body.honors-page .honor-card{min-height:0;padding:28px 18px;}}
@media(max-width:768px){body.honors-page .honor-grid{grid-template-columns:repeat(2,1fr);}body.honors-page .honor-card h3{min-height:0;}}
@media(max-width:420px){body.honors-page .honor-grid{grid-template-columns:1fr;}}

/* industry / location cards */
.loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.loc-card{position:relative;border-radius:12px;overflow:hidden;min-height:230px;display:flex;align-items:flex-end;color:#fff;}
.loc-card .lc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;}
.loc-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,24,.05) 30%,rgba(17,19,24,.85) 100%);}
.loc-card:hover .lc-bg{transform:scale(1.05);}
.loc-card .lc-txt{position:relative;z-index:2;padding:24px;}
.loc-card h3{color:#fff;font-size:1.25rem;margin-bottom:4px;}
.loc-card p{color:rgba(255,255,255,.85);font-size:.9rem;}

/* value cards (about) */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.value-card{padding:36px 32px;border-radius:12px;background:#fff;border:1px solid var(--line);}
.value-card .v-num{font-size:.85rem;font-weight:800;color:var(--brand);letter-spacing:.1em;margin-bottom:16px;}
.value-card h3{font-size:1.3rem;margin-bottom:12px;}
.value-card p{font-size:.97rem;color:var(--muted);}

/* contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;}
.contact-info .ci-item{display:flex;gap:16px;margin-bottom:28px;}
.ci-ic{width:46px;height:46px;border-radius:10px;background:var(--violet-l);color:var(--brand);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.ci-ic svg{width:22px;height:22px;}
.ci-item h4{font-size:.95rem;margin-bottom:4px;}
.ci-item p{font-size:.98rem;color:var(--muted);}
.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:var(--shadow);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--ink);}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;font-size:.97rem;font-family:inherit;
  color:var(--ink);background:var(--bg);transition:border-color .2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);}
.form-group textarea{resize:vertical;min-height:120px;}

/* jobs list */
.job-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;border-bottom:1px solid var(--line);}
.job-item h3{font-size:1.15rem;margin-bottom:6px;}
.job-meta{display:flex;gap:18px;font-size:.9rem;color:var(--muted);flex-wrap:wrap;}
.job-meta span{display:inline-flex;align-items:center;gap:6px;}
.job-meta svg{width:15px;height:15px;}

/* simple card grid (generic) */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.card-grid.c2{grid-template-columns:repeat(2,1fr);}
.info-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px 30px;}
.info-card h3{font-size:1.2rem;margin-bottom:12px;}
.info-card p{font-size:.97rem;color:var(--muted);margin-bottom:10px;}
.info-card ul{padding-left:1.1em;color:var(--ink-2);font-size:.96rem;}
.info-card ul li{margin-bottom:8px;}

/* logo / client strip */
.client-strip{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.client-pill{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 26px;font-weight:700;
  color:var(--ink-2);font-size:1.05rem;letter-spacing:.02em;}

/* faq / accordion */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;
  padding:24px 4px;text-align:left;font-size:1.08rem;font-weight:700;color:var(--ink);cursor:pointer;font-family:inherit;}
.faq-q svg{width:20px;height:20px;color:var(--brand);flex-shrink:0;transition:transform .25s;}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 4px 24px;font-size:1rem;color:var(--muted);max-width:760px;}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:#0d0f14;color:#aeb2bb;padding:72px 0 36px;}
.foot-top{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap;margin-bottom:52px;}
.foot-brand{max-width:340px;}
.foot-brand .brand-logo{color:#fff;margin-bottom:18px;font-size:1.55rem;}
.foot-brand p{font-size:.92rem;line-height:1.7;color:#9aa0aa;}
.foot-cols{display:flex;gap:60px;flex-wrap:wrap;}
.foot-col h4{color:#fff;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-weight:700;}
.foot-col a{display:block;font-size:.92rem;margin-bottom:12px;color:#aeb2bb;transition:color .2s;}
.foot-col a:hover{color:#fff;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:28px;display:flex;justify-content:space-between;
  font-size:.82rem;color:#7c8089;flex-wrap:wrap;gap:12px;}
.foot-bottom a{color:#7c8089;}
.foot-bottom a:hover{color:#fff;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .feat-grid,.feat-grid.c3,.feat-grid.c4{grid-template-columns:repeat(2,1fr);}
  .team-grid,.honor-grid{grid-template-columns:repeat(2,1fr);}
  .stats-grid,.stat-strip,.steps{grid-template-columns:repeat(2,1fr);gap:32px;}
  .sol-list{grid-template-columns:1fr;}
  .sol:nth-child(odd){border-right:none;}
  .sol{grid-template-columns:1fr;}
  .sol-img img{aspect-ratio:16/9;}
}
@media (max-width:900px){
  .wrap{padding:0 22px;}
  section{padding:70px 0;}
  .main-nav{display:none;}
  .hamburger{display:flex;}
  .intro-grid{grid-template-columns:1fr;gap:34px;}
  .news-grid,.loc-grid,.value-grid,.card-grid,.feat-grid,.feat-grid.c2,.card-grid.c2{grid-template-columns:1fr;}
  .imgrow{grid-template-columns:1fr;gap:28px;margin-bottom:56px;}
  .imgrow.flip .ir-img{order:0;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .form-row{grid-template-columns:1fr;gap:0;}
  .hero h1{font-size:clamp(2.2rem,8vw,3.2rem);}
  .hero .wrap{padding-bottom:64px;}
  .page-hero{padding:140px 0 64px;}
  .foot-top{flex-direction:column;gap:36px;}
  .foot-cols{gap:36px;}
  .job-item{flex-direction:column;align-items:flex-start;gap:14px;}
}
@media (max-width:560px){
  .table-scroll{border:1px solid var(--line);position:relative;}
  .table-scroll:not(.is-end):after{content:"";position:absolute;top:0;right:0;bottom:6px;width:36px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),rgba(17,19,24,.06));}
  .spec-table{font-size:.9rem;}
  .spec-table th,.spec-table td{padding:12px 14px;}

  .team-grid,.honor-grid,.steps,.feat-grid,.feat-grid.c3,.feat-grid.c4{grid-template-columns:1fr;}
  .stats-grid,.stat-strip{grid-template-columns:repeat(2,1fr);gap:28px 20px;}
  .stat .big{font-size:clamp(2rem,9vw,2.6rem);}
  .hd{height:64px;}
  .brand-logo{font-size:1.25rem;}
  .brand-logo img.logo-img{height:42px;}
  .hero-cta .btn{width:100%;justify-content:center;}
}

/* ============================================================
   VESTAS-STYLE COMPONENTS — real-photo hero carousel, leader
   band, photo cards, glass hub band. Shared by ZH + EN homes.
   ============================================================ */
.v-hero{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#141022;color:#fff;}
.v-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;}
.v-slide.on{opacity:1;}
.v-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,34,.30) 0%,rgba(20,16,34,.06) 42%,rgba(20,16,34,.22) 100%);}
.v-panel{position:absolute;left:48px;bottom:64px;z-index:3;width:min(640px,46vw);background:rgba(30,24,52,.82);padding:48px 50px 44px;}
.v-panel h1{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.18;margin:0 0 30px;color:#fff;max-width:18ch;}
.v-pager{position:absolute;right:48px;bottom:72px;z-index:3;display:flex;gap:12px;}
.v-pager button{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:transparent;color:#fff;font:600 .9rem/1 'Inter Tight',Inter,sans-serif;cursor:pointer;transition:all .25s;}
.v-pager button.on{background:#fff;color:#171a22;border-color:#fff;}
.v-go{display:inline-flex;align-items:center;gap:15px;font-weight:700;font-size:.95rem;color:#fff;}
.v-go .circ{width:42px;height:42px;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;transition:background .25s,border-color .25s;}
.v-go .circ svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.8;transition:transform .25s,stroke .25s;}
.v-go:hover .circ{background:#fff;border-color:#fff;}
.v-go:hover .circ svg{stroke:var(--brand);transform:translateX(3px);}
.v-go.dark{color:var(--ink);}
.v-go.dark .circ{border-color:var(--brand);}
.v-go.dark .circ svg{stroke:var(--brand);}
.v-go.dark:hover .circ{background:var(--brand);border-color:var(--brand);}
.v-go.dark:hover .circ svg{stroke:#fff;}
.v-leader{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-soft);}
.v-leader .vl-txt{padding:96px 56px 96px 72px;display:flex;flex-direction:column;justify-content:center;}
.v-leader h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.22;color:var(--brand);margin:0 0 38px;max-width:14em;}
.v-leader .vl-body{max-width:340px;}
.v-leader .vl-body p{font-size:1.02rem;line-height:1.75;color:var(--muted);margin:0 0 18px;}
.v-leader .vl-body p strong{color:var(--ink);font-weight:700;}
.v-leader .vl-pic{margin:48px 48px 48px 0;align-self:stretch;background:#fff center 22%/cover no-repeat;min-height:420px;}
.v-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.v-card{display:block;}
/* Full-width flagship banner (occupies a full row so the grid never orphans) */
.cloud-banner{margin-top:36px;display:grid;grid-template-columns:1.15fr .85fr;min-height:300px;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#2a1d5e 0%,#4A2D8E 48%,#0a7fc4 130%);color:#fff;box-shadow:0 24px 60px -28px rgba(58,42,133,.55);position:relative;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease;}
.cloud-banner:hover{transform:translateY(-4px);box-shadow:0 34px 72px -28px rgba(58,42,133,.7);}
.cloud-banner:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000 30%,transparent 75%);}
.cloud-banner .cb-txt{padding:46px 44px;display:flex;flex-direction:column;justify-content:center;}
.cloud-banner .cb-kicker{font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c9bff0;margin:0 0 14px;}
.cloud-banner h3{color:#fff;font-size:1.72rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.01em;}
.cloud-banner p{color:#ded8f5;font-size:.98rem;line-height:1.7;margin:0 0 22px;max-width:46ch;}
.cloud-banner .cb-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;}
.cloud-banner .cb-chips span{font-size:.84rem;font-weight:600;padding:7px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;}
.cloud-banner .cb-go{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;color:#fff;}
.cloud-banner .cb-go .circ{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);display:grid;place-items:center;transition:background .25s,border-color .25s;}
.cloud-banner .cb-go .circ svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.cloud-banner:hover .cb-go .circ{background:#fff;border-color:#fff;}
.cloud-banner:hover .cb-go .circ svg{stroke:#4A2D8E;}
.cloud-banner .cb-pic{background-size:cover;background-position:center;border-left:1px solid rgba(255,255,255,.12);min-height:280px;}
@media(max-width:900px){.cloud-banner{grid-template-columns:1fr;}.cloud-banner .cb-pic{min-height:180px;order:-1;border-left:none;border-bottom:1px solid rgba(255,255,255,.12);}.cloud-banner .cb-txt{padding:32px 26px;}}
.v-card .vc-ph{aspect-ratio:3/2;background-size:cover;background-position:center;margin-bottom:20px;}
.v-card h3{font-size:1.35rem;line-height:1.25;color:var(--brand);margin:0 0 10px;}
.v-card p{font-size:.94rem;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:30ch;}
.v-hub{position:relative;background:#221a44 center/cover;color:#fff;padding:104px 0;overflow:hidden;}
.v-hub:before{content:"";position:absolute;inset:0;background:rgba(24,18,46,.62);}
.v-hub .wrap{position:relative;z-index:2;}
.v-hub .kicker{color:#c9bff0;}
.v-hub h2{color:#fff;font-size:clamp(1.8rem,2.8vw,2.5rem);margin:0 0 52px;}
.v-glass{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.v-glass a{display:block;background:rgba(36,28,66,.66);border:1px solid rgba(255,255,255,.14);padding:42px 38px;color:#fff;transition:background .25s;}
.v-glass a:hover{background:rgba(58,42,104,.82);}
.v-glass .vg-small{font-size:.98rem;color:#b9aee4;margin:0 0 10px;line-height:1.4;}
.v-glass .vg-big{font-size:1.85rem;line-height:1.22;margin:0 0 24px;font-weight:600;color:#fff;}
.v-glass .vg-rule{width:60px;height:1.5px;background:rgba(255,255,255,.55);margin:0 0 22px;}
.v-glass .vg-go{font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:10px;}
.v-glass .vg-go svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.8;}
@media(max-width:900px){
  .v-panel{left:16px;right:16px;bottom:86px;width:auto;padding:28px 24px;}
  .v-panel h1{font-size:1.65rem;margin-bottom:22px;}
  .v-pager{right:20px;bottom:30px;}
  .v-pager button{width:32px;height:32px;font-size:.8rem;}
  .v-leader{grid-template-columns:1fr;}
  .v-leader .vl-txt{padding:56px 22px 36px;}
  .v-leader .vl-pic{margin:0 22px 44px;min-height:300px;}
  .v-cards{grid-template-columns:1fr;gap:42px;}
  .v-glass{grid-template-columns:1fr;gap:18px;}
  .v-hub{padding:72px 0;}
}

/* ============================================================
   PARTNER WALL — grayscale logo grid, color on hover
   ============================================================ */
.partners{background:#fff;border-top:1px solid #e9e6f2;border-bottom:1px solid #e9e6f2;padding:72px 0 64px;}
.partners-head{text-align:center;max-width:720px;margin:0 auto 44px;}
.partners-head .kicker{justify-content:center;}
.partners-head h2{font-size:1.9rem;margin:10px 0 10px;letter-spacing:-.01em;}
.partners-head p{color:var(--ink-2);margin:0;font-size:.98rem;}
.pgroup{margin-bottom:38px;}
.pgroup:last-child{margin-bottom:0;}
.pgroup-label{display:flex;align-items:center;gap:14px;margin:0 0 18px;color:var(--ink-3);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.pgroup-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#e6e2f0,transparent);}
/* partners marquee（32家logo无缝轮播） */
.pmarquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.pgrid{display:flex;flex-wrap:nowrap;width:max-content;gap:16px;padding:4px 0;animation:pmarq 64s linear infinite;}
.pmarquee:hover .pgrid{animation-play-state:paused;}
.pgrid .plogo{flex:0 0 200px;width:200px;min-width:200px;max-width:200px;height:92px;padding:10px 18px;margin:0;overflow:hidden;box-sizing:border-box;}
.pgrid .plogo img{max-width:164px;max-height:56px;width:auto;height:auto;object-fit:contain;opacity:.9;}
@keyframes pmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:720px){
  .pgrid{gap:12px;animation-duration:46s;}
  .pgrid .plogo{flex-basis:150px;width:150px;min-width:150px;max-width:150px;height:76px;padding:8px 14px;}
  .pgrid .plogo img{max-width:122px;max-height:44px;}
}
@media (prefers-reduced-motion:reduce){
  .pmarquee{overflow:visible;-webkit-mask-image:none;mask-image:none;}
  .pgrid{animation:none;flex-wrap:wrap;width:100%;justify-content:center;}
}
.plogo{display:flex;align-items:center;justify-content:center;height:86px;padding:10px 16px;background:#faf9fd;border:1px solid #eeebf6;border-radius:12px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.plogo img{max-width:100%;max-height:54px;width:auto;height:auto;object-fit:contain;opacity:.85;transition:opacity .25s ease,transform .25s ease;}
.plogo:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(74,45,142,.12);border-color:rgba(74,45,142,.28);}
.plogo:hover img{opacity:1;transform:scale(1.04);}
@media (max-width:900px){
  .partners{padding:52px 0 46px;}
  .pgrid{grid-template-columns:repeat(3,1fr);gap:10px;}
  .plogo{height:74px;padding:8px 10px;}
  .plogo img{max-height:46px;}
}
@media (max-width:420px){
  .pgrid{grid-template-columns:repeat(2,1fr);}
}
html[lang="en"] .partners-head h2{font-weight:400;letter-spacing:-.025em;}
html[lang="en"] .pgroup-label{font-weight:600;}

/* ============================================================
   GLOBAL PRESENCE — dark band, graticule map, pulsing nodes
   ============================================================ */
.gpresence{position:relative;background:linear-gradient(160deg,#0e0b1c 0%,#160f30 48%,#0b1226 100%);color:#fff;padding:76px 0 70px;overflow:hidden;}
.gpresence .sec-head.light{text-align:center;max-width:780px;margin:0 auto;}
.gpresence .sec-head.light h2{color:#fff;font-size:2.1rem;letter-spacing:-.01em;margin:10px 0 16px;}
.gpresence .sec-head.light .kicker{justify-content:center;color:#a98ee6;}
.gp-sub{color:rgba(255,255,255,.66);font-size:.98rem;line-height:1.75;margin:0 auto;max-width:680px;}
.gp-map{position:relative;height:auto;aspect-ratio:2/1;max-width:1060px;margin:36px auto 18px;border-radius:18px;
  background-color:#0a0d1c;
  background-image:url('../imgs/world-map.svg');
  background-size:cover;background-position:center;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 120px rgba(10,8,26,.75);}
.gp-map::after{content:'';position:absolute;inset:0;border-radius:18px;
  background:radial-gradient(ellipse at 50% 42%,transparent 46%,rgba(9,7,20,.55) 100%);pointer-events:none;}
.gdot{position:absolute;transform:translate(-50%,-50%);z-index:2;}
.gdot>i{display:block;width:12px;height:12px;border-radius:50%;background:#54d8ff;
  box-shadow:0 0 0 4px rgba(84,216,255,.18),0 0 18px rgba(84,216,255,.85);position:relative;}
.gdot>i::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(84,216,255,.5);
  animation:gppulse 2.4s ease-out infinite;}
@keyframes gppulse{0%{transform:scale(.55);opacity:.9;}100%{transform:scale(2.1);opacity:0;}}
.gdot em{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);white-space:nowrap;
  font-style:normal;font-size:.74rem;font-weight:600;letter-spacing:.04em;color:#dfe7ff;
  background:rgba(12,10,28,.72);padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.14);}
/* 海外城市标签：独立定位（与点解耦，防重叠） */
.glabel{position:absolute;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;pointer-events:none;
  font-style:normal;font-size:.74rem;font-weight:600;letter-spacing:.03em;color:#d7f4ff;
  background:rgba(10,20,38,.78);padding:3px 10px;border-radius:6px;
  border:1px solid rgba(84,216,255,.38);box-shadow:0 2px 10px rgba(10,30,60,.5);}
/* 中国节点：紫色脉冲 */
.gdot.cn i{width:11px;height:11px;background:#b48cff;
  box-shadow:0 0 0 4px rgba(180,140,255,.18),0 0 16px rgba(180,140,255,.85);}
.gdot.cn i::after{border-color:rgba(180,140,255,.55);animation-duration:2.8s;}
/* 中国 50+ 节点大标签 */
.gdot.hub{transform:translateX(-50%);}
.gdot.hub em{position:absolute;left:50%;top:0;bottom:auto;transform:translateX(-50%);
  white-space:nowrap;font-style:normal;font-size:.82rem;font-weight:700;letter-spacing:.05em;color:#fff;
  background:linear-gradient(90deg,rgba(94,60,168,.92),rgba(124,88,205,.92));
  padding:5px 13px;border-radius:999px;border:1px solid rgba(180,140,255,.55);
  box-shadow:0 4px 18px rgba(94,60,168,.45);}
/* 图例 */
.gp-legend{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;
  max-width:1060px;margin:0 auto 26px;}
.gleg{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.78);
  font-size:.88rem;font-weight:600;letter-spacing:.02em;}
.gleg i{width:11px;height:11px;border-radius:50%;display:inline-block;}
.gleg.overseas i{background:#54d8ff;box-shadow:0 0 10px rgba(84,216,255,.8);}
.gleg.cn i{background:#b48cff;box-shadow:0 0 10px rgba(180,140,255,.8);}
/* 联系页地图模块：无区域卡，收紧下边距 */
.gpresence.contact-map{padding:64px 0 60px;}
.gp-cap{display:flex;align-items:center;justify-content:center;gap:9px;color:rgba(255,255,255,.72);
  font-size:.92rem;font-weight:600;letter-spacing:.02em;margin-bottom:28px;}
.gp-cap svg{width:17px;height:17px;color:#54d8ff;}
.gp-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px;margin:0 auto;}
.gr-card{position:relative;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:20px 20px 18px;transition:transform .25s ease,border-color .25s ease,background .25s ease;}
.gr-card:hover{transform:translateY(-3px);border-color:rgba(84,216,255,.45);background:rgba(255,255,255,.07);}
.gr-badge{position:absolute;top:16px;right:16px;font-size:.62rem;font-weight:700;letter-spacing:.1em;
  color:#54d8ff;background:rgba(84,216,255,.12);border:1px solid rgba(84,216,255,.3);
  padding:2px 8px;border-radius:999px;}
.gr-card h3{font-size:1.08rem;color:#fff;margin:0 0 8px;font-weight:700;}
.gr-card p{margin:0;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.6;}
@media (max-width:900px){
  .gpresence{padding:56px 0 52px;}
  .gp-regions{grid-template-columns:repeat(2,1fr);}
  .gp-map{aspect-ratio:2/1;}
  .glabel{display:none;}
  .gdot.hub em{display:block;font-size:.7rem;padding:4px 10px;}
  .gp-legend{gap:16px;font-size:.8rem;}
  .gpresence .sec-head.light h2{font-size:1.7rem;}
  .gr-badge{position:static;display:inline-block;margin-bottom:10px;}
  .gr-card h3{margin-bottom:6px;}
}
html[lang="en"] .gpresence .sec-head.light h2{font-weight:400;letter-spacing:-.025em;}
html[lang="en"] .gr-card h3{font-weight:500;}


/* ============================================================
   EN TYPOGRAPHY — Vestas-matched display system (2026-09-07)
   Measured vestas.com/en: H1 56px/w200/lh1.05, H2 50px/w200,
   body 16px/w300/lh1.5, nav 500/16px; sentence case sitewide,
   ZERO uppercase eyebrows, letter-spacing normal.
   Weight strategy (Inter Tight variable, legible over photos):
   hero titles 300, in-page titles 300, card titles 400,
   body 300, nav/buttons 500, small stats 600.
   ============================================================ */
html[lang="en"] body{
  font-family:'Inter Tight','Inter','Helvetica Neue',Arial,sans-serif;
  line-height:1.5;font-weight:300;
}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4{
  font-family:'Inter Tight','Inter','Helvetica Neue',Arial,sans-serif;
  font-weight:300;
  letter-spacing:-.02em;
  line-height:1.08;
  text-transform:none;
}
html[lang="en"] .hero h1{font-weight:300;line-height:1.05;letter-spacing:-.025em;}
html[lang="en"] .sec-head h2,html[lang="en"] .cta-band h2,html[lang="en"] .news-head h2{font-weight:300;line-height:1.08;letter-spacing:-.02em;}
html[lang="en"] h3{font-weight:400;letter-spacing:-.01em;line-height:1.25;}
html[lang="en"] .page-hero h1{font-weight:300;letter-spacing:-.02em;line-height:1.08;}
/* eyebrows: sentence case, normal tracking, medium weight small text */
html[lang="en"] .eyebrow,html[lang="en"] .kicker{
  font-family:'Inter Tight','Inter',sans-serif;
  font-weight:500;letter-spacing:0;text-transform:none;
}
html[lang="en"] .sol-txt .num{font-family:'Inter Tight','Inter',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.04em;text-transform:none;}
html[lang="en"] .news-item .tag{font-weight:500;letter-spacing:.02em;text-transform:none;}
html[lang="en"] p{line-height:1.5;font-weight:300;}
html[lang="en"] .hero p.lead{font-weight:300;line-height:1.55;letter-spacing:0;}
html[lang="en"] .intro-lead{font-family:'Inter Tight','Inter',sans-serif;font-weight:300;line-height:1.4;letter-spacing:-.01em;}
html[lang="en"] .stat .big{
  font-family:'Inter Tight','Inter',sans-serif;
  font-weight:600;letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;
}
html[lang="en"] .stat .big small{font-weight:500;position:relative;top:.03em;}
html[lang="en"] .stat .cap{font-weight:300;line-height:1.5;}
html[lang="en"] .btn{font-weight:500;letter-spacing:0;}
html[lang="en"] .link-arrow{font-weight:500;letter-spacing:0;}
/* nav: 500 medium sentence case; Vestas-style scaleX underline (white on hero, purple on white) */
html[lang="en"] .main-nav > a,html[lang="en"] .main-nav .nav-drop > .nav-parent{font-weight:500;}
html[lang="en"] .main-nav a,html[lang="en"] .main-nav .nav-parent{transition:color .2s;}
html[lang="en"] .main-nav > a:after,html[lang="en"] .main-nav .nav-drop > .nav-parent:after{
  content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;
  background:var(--brand);transform:scaleX(0);transform-origin:left center;
  transition:transform .22s ease-out;}
html[lang="en"] .main-nav > a:hover:after,html[lang="en"] .main-nav > a.is-active:after,
html[lang="en"] .main-nav .nav-drop:hover > .nav-parent:after{transform:scaleX(1);}
html[lang="en"] .brand-logo{letter-spacing:.07em;}
html[lang="en"] .brand-logo .b1{margin-left:.02em;letter-spacing:.07em;}
html[lang="en"] .brand-logo small{letter-spacing:.24em;}
/* vestas components — EN display weights */
html[lang="en"] .v-panel h1{font-weight:300;line-height:1.12;letter-spacing:-.025em;}
html[lang="en"] .v-leader h2,html[lang="en"] .v-hub h2{font-weight:300;letter-spacing:-.02em;line-height:1.15;}
html[lang="en"] .v-card h3{font-weight:400;letter-spacing:-.01em;}
html[lang="en"] .v-glass .vg-big{font-family:'Inter Tight','Inter',sans-serif;font-weight:300;letter-spacing:-.02em;}
html[lang="en"] .v-go,html[lang="en"] .v-glass .vg-go{font-weight:500;letter-spacing:0;}
html[lang="en"] .v-leader .vl-body p{font-weight:300;}
/* -- supplemental coverage (footer / mobile nav / small caps / numerals) -- */
html[lang="en"] .foot-col h4{font-weight:500;letter-spacing:0;text-transform:none;}
html[lang="en"] .pgroup-label{font-weight:500;letter-spacing:0;text-transform:none;}
html[lang="en"] .lang-panel .lp-title{font-weight:600;letter-spacing:.06em;text-transform:none;}
html[lang="en"] .nav-menu a{font-weight:500;}
html[lang="en"] .md-nav .md-label,html[lang="en"] .md-nav .md-children a{font-weight:500;}
html[lang="en"] .feat-card .fc-num{font-weight:600;letter-spacing:-.03em;}
html[lang="en"] .step .sn{font-weight:500;letter-spacing:-.03em;}
html[lang="en"] .tl-item .tl-year{font-weight:600;letter-spacing:0;}
html[lang="en"] .value-card .v-num{font-weight:600;letter-spacing:.02em;}
html[lang="en"] .footer a,html[lang="en"] .foot-col a{font-weight:400;}
/* file upload dropzone (career apply) */
.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:26px 20px;border:1.5px dashed var(--brand-2);border-radius:10px;background:var(--blue-l);
  cursor:pointer;text-align:center;transition:border-color .2s,background .2s;}
.file-drop:hover{border-color:var(--brand);background:var(--violet-l);}
.file-drop svg{width:26px;height:26px;color:var(--brand-2);}
.file-drop .fd-main{font-size:.97rem;font-weight:600;color:var(--brand);}
.file-drop .fd-sub{font-size:.82rem;color:var(--muted);}
.file-drop.has-file{border-style:solid;border-color:var(--brand);background:var(--violet-l);}
.file-drop.has-file .fd-main{color:var(--brand);}
.file-drop input{display:none;}
/* ============================================================
   关于页（公司简介）专属精修 — body.about-page 作用域，仅影响中英 about/index
   克制·远景式：收字号、调字重、留白与分隔，避免粗重堆砌
   ============================================================ */
body.about-page .page-hero{padding:150px 0 88px;}
body.about-page .page-hero h1{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700;letter-spacing:-.01em;margin-bottom:18px;}
body.about-page .page-hero p{font-size:1.04rem;line-height:1.7;max-width:60ch;font-weight:300;}
body.about-page section{padding:96px 0;}
body.about-page .sec-head{margin-bottom:52px;}
body.about-page .sec-head .kicker{margin-bottom:14px;}
body.about-page .sec-head h2{font-size:clamp(1.6rem,2.7vw,2.15rem);font-weight:700;letter-spacing:-.01em;line-height:1.25;}
body.about-page .sec-head p{font-size:1rem;line-height:1.7;}
/* 公司定位：长文正文从粗黑大字改为正常字号正文 */
body.about-page .intro-grid{gap:64px;}
body.about-page .intro-lead{font-size:1.05rem;font-weight:400;line-height:1.85;color:var(--ink-2);letter-spacing:0;}
body.about-page .intro-lead p{margin-top:18px;}
body.about-page .intro-lead::first-letter{font-size:1.05rem;}
body.about-page .feat-card{padding:30px 28px;border-radius:14px;}
body.about-page .feat-card h3{font-size:1.08rem;font-weight:700;}
body.about-page .feat-card p{font-size:.94rem;line-height:1.7;}
body.about-page .feat-card .feat-ic{margin-bottom:18px;}
/* 规模数字：收字号、字重由800改为600（英文站Inter Tight 600更精致） */
body.about-page .stats{padding:84px 0;}
body.about-page .stats-grid{gap:48px 32px;padding-top:44px;}
body.about-page .stat .big{font-size:clamp(2.1rem,3.2vw,2.9rem);font-weight:600;letter-spacing:-.03em;}
body.about-page .stat .big small{font-size:1.2rem;font-weight:600;}
body.about-page .stat .cap{margin-top:12px;font-size:.92rem;font-weight:400;line-height:1.5;}
body.about-page .stat{position:relative;padding-top:22px;}
body.about-page .stat:before{content:"";position:absolute;top:0;left:0;width:34px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));}
/* 业务模式卡 */
body.about-page .value-card{padding:34px 30px;border-radius:14px;}
body.about-page .value-card .v-num{font-size:.8rem;margin-bottom:14px;}
body.about-page .value-card h3{font-size:1.14rem;font-weight:700;}
body.about-page .value-card p{font-size:.94rem;line-height:1.7;}
/* 创始人 */
body.about-page .imgrow{gap:56px;}
body.about-page .ir-txt h3{font-size:1.32rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px;}
body.about-page .ir-txt p{font-size:.98rem;line-height:1.8;color:var(--muted);margin-bottom:14px;}
body.about-page .ir-txt ul{margin-top:18px;}
body.about-page .ir-txt ul li{font-size:.94rem;line-height:1.6;}
/* 发展历程时间线：更精致 */
body.about-page .timeline{padding-left:30px;}
body.about-page .timeline:before{left:5px;width:1px;background:linear-gradient(180deg,var(--brand-2),var(--brand) 60%,var(--line));}
body.about-page .tl-item{padding-bottom:38px;}
body.about-page .tl-item:before{left:-30px;width:11px;height:11px;border-width:2px;background:var(--violet-l);}
body.about-page .tl-item .tl-year{display:inline-block;font-size:.82rem;font-weight:700;color:var(--brand);letter-spacing:.08em;background:var(--violet-l);padding:3px 12px;border-radius:20px;margin-bottom:10px;}
body.about-page .tl-item h3{font-size:1.08rem;font-weight:700;margin-bottom:8px;}
body.about-page .tl-item p{font-size:.94rem;line-height:1.75;}
/* 资质荣誉卡 */
body.about-page .honor-card{padding:28px 22px;border-radius:14px;}
body.about-page .honor-ic{width:52px;height:52px;margin-bottom:14px;}
body.about-page .honor-ic svg{width:26px;height:26px;}
body.about-page .honor-card h3{font-size:.96rem;}
body.about-page .honor-card .yr{font-size:.8rem;}
/* CTA */
body.about-page .cta-inner{padding:72px 0;}
body.about-page .cta-band h2{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700;}
body.about-page .cta-band p{font-size:1rem;line-height:1.7;}
@media(max-width:768px){
  body.about-page section{padding:60px 0;}
  body.about-page .sec-head{margin-bottom:36px;}
  body.about-page .intro-grid{gap:32px;}
  body.about-page .stat .big{font-size:clamp(1.9rem,8vw,2.3rem);}
  /* 荣誉卡手机端两列紧凑，避免单列大空白 */
  body.about-page .honor-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  body.about-page .honor-card{padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  body.about-page .honor-ic{width:46px;height:46px;margin-bottom:12px;}
  body.about-page .honor-ic svg{width:23px;height:23px;}
  body.about-page .honor-card h3{font-size:.86rem;line-height:1.35;margin-bottom:6px;}
  body.about-page .honor-card .yr{font-size:.74rem;}
}
@media(max-width:380px){
  body.about-page .honor-grid{grid-template-columns:1fr;}
}
/* 关于页CTA：加深遮罩，手机端彩线背景上文字更清晰 */
body.about-page .cta-band .cb-bg:after{background:linear-gradient(100deg,rgba(20,16,38,.96) 0%,rgba(24,18,44,.88) 52%,rgba(28,22,48,.62) 100%);}
body.about-page .cta-band p{color:rgba(255,255,255,.92);}
@media(max-width:768px){
  body.about-page .cta-band .cb-bg:after{background:linear-gradient(180deg,rgba(20,16,38,.78) 0%,rgba(20,16,38,.92) 100%);}
}

/* grouped partners (2026-09-11) */
.pgroup{margin-top:34px;}
.pgroup:first-of-type{margin-top:8px;}
.pgroup-title{font-size:.92rem;font-weight:600;color:var(--ink-2,#475467);text-align:center;margin:0 0 16px;letter-spacing:.01em;}
.pgroup-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.pgroup-grid .plogo{flex:0 0 auto;width:188px;height:86px;padding:10px 16px;display:flex;align-items:center;justify-content:center;background:#faf9fd;border:1px solid #eeebf6;border-radius:12px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.pgroup-grid .plogo img{max-width:156px;max-height:52px;width:auto;height:auto;object-fit:contain;opacity:.85;transition:opacity .25s ease,transform .25s ease;}
.pgroup-grid .plogo:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(74,45,142,.12);border-color:rgba(74,45,142,.28);}
.pgroup-grid .plogo:hover img{opacity:1;transform:scale(1.04);}
@media(max-width:720px){.pgroup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.pgroup-grid .plogo{width:auto;height:70px;padding:8px 8px;}.pgroup-grid .plogo img{max-width:100%;max-height:44px;}}
@media(max-width:460px){.pgroup-grid{grid-template-columns:repeat(2,1fr);}}