@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&Barlow:wght@400;500;600;700;800&display=swap');

/* =========================================================
   Wisdom Win Theme — Brand Tokens
   (品牌视觉手册 v1.0 + dist 首屏严格值)
   ========================================================= */
:root {
  /* --- Brand Core (品牌视觉手册) --- */
  --ww-navy:        #0A2540;
  --ww-navy-800:    #071B31;
  --ww-navy-700:    #0E3157;
  --ww-navy-600:    #164068;
  --ww-navy-500:    #1E5486;
  --ww-navy-300:    #6E93B8;
  --ww-navy-100:    #D6E2EE;
  --ww-orange:      #FF6B1A;
  --ww-orange-600:  #E2550A;
  --ww-orange-300:  #FFA36B;
  --ww-orange-100:  #FFE7D8;

  /* --- Neutrals --- */
  --ww-iron:        #2E3A46;
  --ww-graphite:    #55616E;
  --ww-steel:       #8A96A3;
  --ww-mist:        #D9DDE2;
  --ww-concrete:    #E7E5E1;
  --ww-chalk:       #F7F6F4;
  --ww-white:       #FFFFFF;

  /* --- Functional --- */
  --ww-amber:       #FFB020;
  --ww-green:       #1F7A5C;
  --ww-red:         #D93A2B;
  --ww-blue:        #2B6CB0;

  /* --- Dist Hero 严格值 (dist/index.html style) --- */
  --navy:           #071f33;
  --navy-dist:      #071f33;
  --orange:         #ff651b;
  --orange-dist:    #ff651b;
  --muted:          #bdcddd;
  --mx:             65%;
  --my:             40%;
  --px:             0px;
  --py:             0px;

  /* --- Heynds 兼容 (映射到品牌色) --- */
  --color-ember-orange:   var(--ww-orange);
  --color-pale-peach:     var(--ww-orange-100);
  --color-midnight-charcoal: var(--ww-navy);
  --color-canvas-white:   var(--ww-chalk);
  --color-border-fog:     var(--ww-concrete);
  --color-muted-ash:      var(--ww-steel);
  --color-divider-gray:   var(--ww-mist);

  /* --- 字体 (品牌手册: Archivo/Inter/IBM Plex Mono) --- */
  --font-geist:   "Inter","Archivo","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --f-display:    "Archivo","Inter","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --f-text:       "Inter","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --f-mono:       "IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;
  --f-hero:       "Manrope","Barlow",Arial,sans-serif;

  /* --- 字号/行距 (8pt 系统) --- */
  --text-caption:   12px;
  --leading-caption:1.4;
  --text-body:      14px;
  --leading-body:   1.65;
  --text-body-lg:   16px;
  --leading-body-lg:1.7;
  --text-subheading:20px;
  --leading-subheading:1.25;
  --text-heading-sm:24px;
  --leading-heading-sm:1.25;
  --text-heading:   32px;
  --leading-heading:1.11;
  --text-heading-lg:40px;
  --leading-heading-lg:1.11;
  --text-display:   48px;
  --leading-display:1.04;
  --text-display-lg:64px;
  --leading-display-lg:1;

  /* --- 间距/圆角/阴影 --- */
  --spacing-8: 8px;   --spacing-16:16px; --spacing-24:24px;
  --spacing-32:32px;  --spacing-40:40px; --spacing-48:48px;
  --spacing-64:64px;  --spacing-80:80px; --spacing-112:112px;
  --radius-md:4px;    --radius-lg:8px;   --radius-xl:12px;
  --radius-full:9999px;
  --r-s:2px; --r-m:4px; --r-l:8px;
  --shadow-subtle:    0 1px 2px rgba(10,37,64,.06);
  --shadow-2:         0 4px 12px rgba(10,37,64,.10);
  --shadow-3:         0 12px 32px rgba(10,37,64,.16);
  --line:             #E3E1DD;
  --line-strong:      #CFCCC6;

  /* --- 语义 --- */
  --ink:              var(--ww-navy);
  --ink-2:            var(--ww-graphite);
  --ink-3:            var(--ww-steel);
  --paper:            var(--ww-white);
  --surface:          var(--ww-chalk);
  --accent:           var(--ww-orange);
}

*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #ff9a62;outline-offset:6px}

body.heynds-body{
  background:var(--ww-chalk);
  color:var(--ink);
  font-family:var(--f-text);
  font-size:var(--text-body);
  line-height:var(--leading-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;
}
.heynds-body .container{max-width:1200px}
.heynds-body a{text-decoration:none;color:inherit}
.heynds-body a:hover,.heynds-body a:focus{color:var(--ww-navy);text-decoration:none}

/* 首页全局 body 覆盖 (用于 hero 全屏) */
body.ww-home-body{background:var(--navy-dist);color:#f8fbff;overflow-x:hidden}

/* ================= Heynds 兼容类 重定义 ================= */
.heynds-accent{color:var(--ww-orange)}

.heynds-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius-full);
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);background:rgba(255,255,255,.92);font-weight:500;
}

.heynds-link{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--ww-orange);font-weight:600;white-space:nowrap;
}
.heynds-link:hover{color:var(--ww-orange-600)}

/* ===== 内容区块 (heynds-section* 补全 + 品牌分层配色) ===== */
.heynds-section{padding:88px 0;background:var(--surface);color:var(--ink);position:relative;overflow:hidden}
.heynds-section-muted{background:var(--ww-white)}

/* 首页专属：品牌色交替分层 (chalk → navy → iron → navy) */
.heynds-section[data-ww-layer="chalk"]{background:var(--ww-chalk);color:var(--ww-navy)}
.heynds-section[data-ww-layer="chalk"] .heynds-section-title{color:var(--ww-navy)}
.heynds-section[data-ww-layer="chalk"] .heynds-tag{background:var(--ww-navy-100);color:var(--ww-navy-700)}
.heynds-section[data-ww-layer="chalk"] .heynds-section-desc{color:var(--ww-graphite)}
.heynds-section[data-ww-layer="chalk"] .heynds-link{color:var(--ww-orange-600)}
.heynds-section[data-ww-layer="chalk"] .heynds-link:hover{color:var(--ww-navy)}

/* 产品中心专属：钢铁蓝渐变 + blueprint 网格 + 斜切橙光条 + 右上辉光 */
.heynds-section[data-ww-layer="product"]{
  background:linear-gradient(135deg,#0A2540 0%,#102e49 58%,var(--navy-dist) 100%);
  color:#eef4fb;position:relative;overflow:hidden;
}
.heynds-section[data-ww-layer="product"]::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(112,152,180,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(112,152,180,.055) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(180deg,#000 55%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);
  pointer-events:none;
}
.heynds-section[data-ww-layer="product"]::after{
  content:"";position:absolute;inset:auto;
  left:-10%;top:10%;width:52%;height:140%;
  background:linear-gradient(120deg,rgba(255,107,26,.3) 0%,rgba(255,107,26,.03) 45%,transparent 72%);
  transform:skewX(-14deg);clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
  pointer-events:none;
}
.heynds-section[data-ww-layer="product"] .container{position:relative;z-index:2}
.heynds-section[data-ww-layer="product"] .heynds-tag{background:rgba(255,107,26,.15);color:var(--ww-orange-300);border-color:rgba(255,107,26,.28)}
.heynds-section[data-ww-layer="product"] .heynds-section-title{color:#fff}
.heynds-section[data-ww-layer="product"] .heynds-section-desc{color:#cfdbe8}
.heynds-section[data-ww-layer="product"] .heynds-link{color:var(--ww-orange-300)}
.heynds-section[data-ww-layer="product"] .heynds-link:hover{color:#fff}

/* 产品卡片深色适配（半透明玻璃卡 + 悬停橙色辉光边框） */
.heynds-section[data-ww-layer="product"] .heynds-resource-card{
  background:rgba(255,255,255,.038);
  border:1px solid rgba(192,216,235,.14);
  color:#edf3fa;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 26px rgba(0,0,0,.25);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.heynds-section[data-ww-layer="product"] .heynds-resource-card:hover{
  background:rgba(255,255,255,.068);
  border-color:rgba(255,107,26,.45);
  box-shadow:0 0 0 1px rgba(255,107,26,.35),0 16px 44px rgba(0,0,0,.34);
  transform:translateY(-4px);
}
.heynds-section[data-ww-layer="product"] .heynds-resource-media{
  background:rgba(7,31,51,.7);
}
.heynds-section[data-ww-layer="product"] .heynds-resource-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(7,31,51,.75) 100%);
  pointer-events:none;
}
.heynds-section[data-ww-layer="product"] .heynds-resource-top{color:#cfdbe8}
.heynds-section[data-ww-layer="product"] .heynds-resource-title{color:#fff}
.heynds-section[data-ww-layer="product"] .heynds-resource-desc{color:#c4d3e4}
.heynds-section[data-ww-layer="product"] .heynds-resource-cta{color:var(--ww-orange-300)}
.heynds-section[data-ww-layer="product"] .heynds-resource-card:hover .heynds-resource-cta{color:#ffb891}
.heynds-section[data-ww-layer="product"] .heynds-card-tag{
  background:rgba(255,107,26,.88);
  box-shadow:0 3px 12px rgba(255,107,26,.3);
}
.heynds-section[data-ww-layer="product"] .heynds-card-tag-overlay{color:#fff}

.heynds-section[data-ww-layer="navy"]{
  background:linear-gradient(180deg,var(--navy-dist) 0%,var(--ww-navy) 100%);
  color:#f3f7fb;position:relative;overflow:hidden;
}
.heynds-section[data-ww-layer="navy"]::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(112,152,180,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(112,152,180,.045) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse 110% 80% at 50% 0%,#000 30%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 110% 80% at 50% 0%,#000 30%,transparent 85%);
  pointer-events:none;
}
.heynds-section[data-ww-layer="navy"] .container{position:relative;z-index:2}
.heynds-section[data-ww-layer="navy"] .heynds-tag{background:rgba(255,107,26,.14);color:var(--ww-orange-300);border-color:rgba(255,107,26,.25)}
.heynds-section[data-ww-layer="navy"] .heynds-section-title{color:#fff}
.heynds-section[data-ww-layer="navy"] .heynds-section-desc{color:#c9d8e8}
.heynds-section[data-ww-layer="navy"] .heynds-link{color:var(--ww-orange-300)}
.heynds-section[data-ww-layer="navy"] .heynds-link:hover{color:#fff}
.heynds-section[data-ww-layer="navy"] .heynds-feature-list .feat{color:#dde8f2}
.heynds-section[data-ww-layer="navy"] .heynds-feature-list .feat i{color:var(--ww-orange)}
.heynds-section[data-ww-layer="navy"] .heynds-card,
.heynds-section[data-ww-layer="navy"] .heynds-resource-card{
  background:rgba(255,255,255,.045);
  border-color:rgba(192,216,235,.14);
  color:#ecf3fa;
}
.heynds-section[data-ww-layer="navy"] .heynds-card:hover,
.heynds-section[data-ww-layer="navy"] .heynds-resource-card:hover{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,107,26,.35);
}
.heynds-section[data-ww-layer="navy"] .heynds-card-meta,
.heynds-section[data-ww-layer="navy"] .heynds-resource-meta{color:#aec1d4}
.heynds-section[data-ww-layer="navy"] .heynds-card-title{color:#fff}
.heynds-section[data-ww-layer="navy"] .heynds-card-desc{color:#cad8e7}
.heynds-section[data-ww-layer="navy"] .heynds-cta-ghost{
  border-color:rgba(255,255,255,.25);color:#fff;
}
.heynds-section[data-ww-layer="navy"] .heynds-cta-ghost:hover{background:rgba(255,255,255,.08)}
.heynds-section[data-ww-layer="navy"] .heynds-two-col-img img{border-color:rgba(192,216,235,.14)}

.heynds-section[data-ww-layer="iron"]{
  background:linear-gradient(180deg,var(--ww-iron) 0%,#3B4A59 100%);
  color:#f0f2f5;position:relative;overflow:hidden;
}
.heynds-section[data-ww-layer="iron"]::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(180deg,#000 40%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);
  pointer-events:none;
}
.heynds-section[data-ww-layer="iron"]::after{
  content:"";position:absolute;left:-180px;bottom:-200px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(10,37,64,.55),transparent 65%);
  pointer-events:none;
}
.heynds-section[data-ww-layer="iron"] .container{position:relative;z-index:2}
.heynds-section[data-ww-layer="iron"] .heynds-tag{background:rgba(255,255,255,.09);color:var(--ww-orange-300);border-color:rgba(255,255,255,.12)}
.heynds-section[data-ww-layer="iron"] .heynds-section-title{color:#fff}
.heynds-section[data-ww-layer="iron"] .heynds-section-desc{color:#cfd6dd}
.heynds-section[data-ww-layer="iron"] .heynds-link{color:var(--ww-orange-300)}
.heynds-section[data-ww-layer="iron"] .heynds-link:hover{color:#fff}
.heynds-section[data-ww-layer="iron"] .heynds-card,
.heynds-section[data-ww-layer="iron"] .heynds-resource-card{
  background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);color:#eef2f6;
}
.heynds-section[data-ww-layer="iron"] .heynds-card:hover,
.heynds-section[data-ww-layer="iron"] .heynds-resource-card:hover{
  background:rgba(255,255,255,.075);border-color:rgba(255,107,26,.35);
}
.heynds-section[data-ww-layer="iron"] .heynds-card-meta,
.heynds-section[data-ww-layer="iron"] .heynds-resource-meta{color:#b7bfc8}
.heynds-section[data-ww-layer="iron"] .heynds-card-title{color:#fff}
.heynds-section[data-ww-layer="iron"] .heynds-card-desc{color:#d6dbe1}

/* ===== 内页：品牌化 Header 页头（ww-header-innerpage） ===== */
body.heynds-body .ww-header{
  position:sticky;top:0;z-index:120;padding:14px 4%;
  background:var(--navy-dist);color:#fff;
  border-bottom:1px solid rgba(170,198,219,.14);
}
body.heynds-body .ww-header-innerpage::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(112,152,180,.07) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(112,152,180,.07) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(180deg,#000 30%,transparent 95%);
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 95%);
  pointer-events:none;
}
body.heynds-body .ww-header-innerpage::after{
  content:"";position:absolute;right:-160px;top:-180px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,107,26,.26),transparent 65%);
  pointer-events:none;
}
body.heynds-body .ww-header > .ww-brand,
body.heynds-body .ww-header > .ww-menu,
body.heynds-body .ww-header > .ww-nav-wrap{position:relative;z-index:2}
body.heynds-body .ww-brand .ww-logo-img{filter:none}
@media (max-width:1080px){
  body.heynds-body .ww-header{padding:14px 4%}
}
body.heynds-body{padding-top:0}

/* ===== 内页：品牌化 Banner (heynds-page-hero) ===== */
.heynds-page-hero{
  position:relative;overflow:hidden;padding:88px 0 72px;
  background:linear-gradient(160deg,var(--navy-dist) 0%,var(--ww-navy) 55%,#0E2F4F 100%);
  color:#eef4fb;
}
.heynds-page-hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(112,152,180,.085) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(112,152,180,.085) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(ellipse 110% 90% at 50% 0%,#000 35%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 110% 90% at 50% 0%,#000 35%,transparent 85%);
  pointer-events:none;
}
.heynds-page-hero::after{
  content:"";position:absolute;left:-10%;top:10%;width:52%;height:140%;
  background:linear-gradient(120deg,rgba(255,107,26,.16) 0%,rgba(255,107,26,.05) 45%,transparent 72%);
  transform:skewX(-14deg);clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
  pointer-events:none;
}
.heynds-page-hero > .container{position:relative;z-index:2}
.heynds-page-hero .heynds-tag{background:rgba(255,107,26,.14);color:var(--ww-orange-300);border-color:rgba(255,107,26,.25)}
.heynds-page-hero .heynds-page-title{
  font-family:var(--f-display);font-weight:800;font-size:clamp(32px,3.6vw,48px);
  line-height:1.08;letter-spacing:-.018em;color:#fff;margin:10px 0 12px;
}
.heynds-page-hero .heynds-page-sub{color:#c9d8e8;font-size:16px;line-height:1.7;max-width:680px}
.heynds-page-hero .heynds-page-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.heynds-page-hero .heynds-btn-primary{background:var(--orange-dist);border-color:var(--orange-dist);color:#fff}
.heynds-page-hero .heynds-btn-primary:hover{background:#ff7c33;border-color:#ff7c33}
.heynds-page-hero .heynds-btn-ghost{border-color:rgba(255,255,255,.25);color:#fff}
.heynds-page-hero .heynds-btn-ghost:hover{background:rgba(255,255,255,.08)}
.heynds-page-hero .heynds-resource-search{
  display:flex;gap:8px;min-width:320px;max-width:440px;flex:1 1 320px;
  background:rgba(7,31,51,.7);padding:6px;border:1px solid rgba(170,198,219,.18);border-radius:10px;
  backdrop-filter:blur(8px);
}
.heynds-page-hero .heynds-resource-search input{
  flex:1;background:transparent;border:0;outline:0;color:#fff;padding:10px 12px;font-size:14px;
}
.heynds-page-hero .heynds-resource-search input::placeholder{color:rgba(207,218,234,.55)}
.heynds-page-hero .pill{
  display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid rgba(170,198,219,.2);
  color:#dbe6f2;font-size:13px;background:rgba(255,255,255,.04);transition:all .2s;
}
.heynds-page-hero .pill:hover{border-color:rgba(255,107,26,.45);color:#fff;background:rgba(255,107,26,.12)}
.heynds-page-hero .pill.active{background:var(--orange-dist);border-color:var(--orange-dist);color:#fff}
/* 产品页二级栏目：字号更大、对比更清晰 */
.heynds-page-hero .heynds-product-filters .pill{
  font-family:var(--f-text);font-size:15px;font-weight:600;letter-spacing:0;
  padding:9px 20px;color:#eaf2fa;background:rgba(255,255,255,.1);
  border-color:rgba(170,198,219,.4);
}
.heynds-page-hero .heynds-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.heynds-page-hero .heynds-sort-descs{margin-top:18px;display:grid;gap:10px}
.heynds-page-hero .heynds-sort-desc{
  background:rgba(255,255,255,.04);border:1px solid rgba(170,198,219,.14);border-radius:8px;padding:12px 16px;
  color:#dbe6f2;font-size:13px;line-height:1.7;
}
.heynds-page-hero > .container > [style*="color:#827e7e"]{color:#a7bad0!important;font-size:12px}

/* ===== 内页通用：表单在深色层下的样式 (heynds-page-hero + navy section) ===== */
.heynds-section[data-ww-layer="navy"] .cms-detail-box,
.heynds-section[data-ww-layer="iron"] .cms-detail-box,
.heynds-section[data-ww-layer="product"] .cms-detail-box{
  background:rgba(255,255,255,.045);border:1px solid rgba(192,216,235,.14);border-radius:12px;padding:28px;color:#eef4fb;
}
.heynds-section[data-ww-layer="navy"] .form-control,
.heynds-section[data-ww-layer="iron"] .form-control,
.heynds-section[data-ww-layer="product"] .form-control{
  background:rgba(7,31,51,.75);border:1px solid rgba(170,198,219,.2);color:#fff;border-radius:8px;padding:10px 14px;
}
.heynds-section[data-ww-layer="navy"] .form-control:focus,
.heynds-section[data-ww-layer="iron"] .form-control:focus,
.heynds-section[data-ww-layer="product"] .form-control:focus{
  border-color:var(--orange-dist);background:rgba(7,31,51,.9);box-shadow:0 0 0 3px rgba(255,107,26,.15);outline:0;
}
.heynds-section[data-ww-layer="navy"] .form-control::placeholder,
.heynds-section[data-ww-layer="iron"] .form-control::placeholder,
.heynds-section[data-ww-layer="product"] .form-control::placeholder{color:rgba(207,218,234,.5)}

.heynds-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;margin-bottom:48px;flex-wrap:wrap;
}
.heynds-section-head > div:first-child{max-width:700px}
.heynds-section-title{
  font-family:var(--f-display);font-weight:800;font-size:clamp(28px,3vw,40px);
  line-height:1.12;letter-spacing:-.015em;color:var(--ww-navy);margin:6px 0 10px;
}
.heynds-section-desc{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:640px}

/* ===== 首页 Header 搜索 (紧凑版) ===== */
.ww-header-search{
  display:flex;align-items:center;gap:0;flex-shrink:0;
  height:36px;border:1px solid rgba(170,198,219,.28);
  border-radius:999px;overflow:hidden;
  background:rgba(7,31,51,.55);
  transition:width .3s,border-color .3s,background .3s;
  width:36px;
}
.ww-header-search:focus-within,
.ww-header-search:hover{
  width:260px;border-color:rgba(255,107,26,.55);background:rgba(7,31,51,.85);
}
.ww-header-search input{
  flex:0 0 0;min-width:0;height:100%;
  background:transparent;border:0;outline:0;
  padding:0;color:#fff;font-size:13px;
  opacity:0;pointer-events:none;transition:opacity .25s,padding .25s,flex-basis .25s;
}
.ww-header-search:focus-within input,
.ww-header-search:hover input{
  opacity:1;pointer-events:auto;flex-basis:auto;padding:0 10px 0 14px;
}
.ww-header-search input::placeholder{color:rgba(207,218,234,.55)}
.ww-header-search button{
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  background:transparent;border:0;color:#cfdaea;cursor:pointer;
  font-size:14px;line-height:1;
}
.ww-header-search:focus-within button,
.ww-header-search:hover button{color:var(--orange-dist)}
@media (max-width:768px){
  .ww-header-search{width:200px;background:rgba(7,31,51,.85);border-color:rgba(255,107,26,.5)}
  .ww-header-search input{opacity:1;pointer-events:auto;flex-basis:auto;padding:0 10px 0 14px}
}

/* ===== 按钮 ===== */
.heynds-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 28px;border-radius:var(--r-s);font-weight:700;font-family:var(--f-display);
  border:1px solid transparent;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s;
  user-select:none;white-space:nowrap;font-size:14px;letter-spacing:.01em;
  position:relative;overflow:hidden;
}
.heynds-btn:before{
  content:"";position:absolute;inset:-100% -50%;
  background:linear-gradient(110deg,transparent 40%,#ffffff30 50%,transparent 60%);
  transform:translateX(-75%);transition:transform .65s;
}
.heynds-btn:hover:before{transform:translateX(75%)}
.heynds-btn:hover{transform:translateY(-3px)}
.heynds-btn:active{transform:translateY(1px)}
.heynds-btn-sm{padding:8px 14px;font-size:13px;letter-spacing:.02em}

.heynds-btn-primary{
  background:var(--ww-orange);color:#fff;border-color:var(--ww-orange);
  box-shadow:0 5px 24px rgba(254,97,21,.14);
}
.heynds-btn-primary:hover,.heynds-btn-primary:focus{
  background:#ff7e37;border-color:#ff7e37;color:#fff;
  box-shadow:0 8px 30px rgba(255,100,30,.45);
}
.heynds-btn-ghost{
  background:transparent;color:var(--ww-orange);border-color:var(--ww-orange);
}
.heynds-btn-ghost:hover,.heynds-btn-ghost:focus{
  background:var(--ww-orange-100);color:var(--ww-orange-600);border-color:var(--ww-orange);
}

/* dropdown (语言切换等) */
.heynds-nav-actions .dropdown:hover>.dropdown-menu,
.heynds-nav-actions .dropdown.show>.dropdown-menu{display:block}
.heynds-nav-actions .dropdown-menu{left:auto;right:0;min-width:160px;max-width:260px;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-2);padding:6px 0}
.heynds-nav-actions .dropdown-menu .dropdown-item{padding:8px 16px;font-size:13px;color:var(--ink)}
.heynds-nav-actions .dropdown-menu .dropdown-item:hover,.dropdown-item.active{background:var(--ww-orange-100);color:var(--ww-orange-600)}
.heynds-nav .dropdown-menu.show{display:block}

/* ================= 全局 Header (内页粘性) ================= */
.heynds-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(247,246,244,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.heynds-header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px 0;
}
.heynds-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.heynds-logo{height:40px;width:auto}
.heynds-wordmark{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.04em;color:var(--ww-navy)}

.heynds-header-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.heynds-lang .heynds-btn{gap:0}
.heynds-lang-mobile{display:none}

.heynds-burger{
  display:none;flex-direction:column;gap:6px;padding:12px;background:none;border:0;cursor:pointer;
}
.heynds-burger span{width:23px;height:1px;background:var(--ww-navy)}

.heynds-nav{display:flex;align-items:center;gap:20px}
.heynds-nav-list{
  display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;
}
.heynds-nav-list>li{position:relative}
.heynds-nav-list>li>a{
  display:block;padding:10px 14px;font-family:var(--f-display);font-size:13px;
  font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ww-navy-700);
  transition:color .2s;position:relative;
}
.heynds-nav-list>li>a:after{
  content:"";height:2px;background:var(--ww-orange);
  position:absolute;bottom:4px;left:14px;right:14px;
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.heynds-nav-list>li:hover>a:after,.heynds-nav-list>li.active>a:after{transform:scaleX(1)}
.heynds-nav-list>li:hover>a,.heynds-nav-list>li.active>a{color:var(--ww-orange)}
.heynds-nav-list>li>.dropdown-menu{
  top:100%;left:0;min-width:200px;margin:0;border:1px solid var(--line);border-radius:var(--r-m);
  padding:6px 0;box-shadow:var(--shadow-2);background:#fff;
}
.heynds-nav-list>li>.dropdown-menu>li{list-style:none}
.heynds-nav-list>li>.dropdown-menu>li>a{display:block;padding:8px 16px;font-size:13px;color:var(--ink)}
.heynds-nav-list>li>.dropdown-menu>li>a:hover{background:var(--ww-orange-100);color:var(--ww-orange-600)}

.heynds-nav-actions{display:flex;align-items:center;gap:12px;margin-left:10px}
.heynds-search{
  display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:#fff;
}
.heynds-search-input{
  border:0;outline:0;padding:8px 12px;font-size:13px;width:180px;background:transparent;color:var(--ink);
}
.heynds-search-btn{
  background:transparent;border:0;color:var(--ww-steel);padding:8px 12px;cursor:pointer;
}
.heynds-search-btn:hover{color:var(--ww-orange)}
.heynds-user{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.heynds-user .dropdown-menu{right:0;left:auto}
.heynds-user .login-btn{
  padding:8px 12px;font-size:13px;color:var(--ww-navy-700);font-weight:600;
}
.heynds-user .login-btn:hover{color:var(--ww-orange)}

/* 内页移动端导航展开 */
body.heynds-nav-open .heynds-nav{
  position:fixed;top:0;right:0;bottom:0;width:82%;max-width:360px;
  background:#fff;z-index:1100;padding:80px 24px 24px;flex-direction:column;align-items:flex-start;gap:20px;
  box-shadow:-20px 0 60px rgba(0,0,0,.2);overflow-y:auto;
}
body.heynds-nav-open .heynds-nav-list{flex-direction:column;align-items:flex-start;width:100%;gap:4px}
body.heynds-nav-open .heynds-nav-list>li{width:100%}
body.heynds-nav-open .heynds-nav-list>li>a{padding:12px 4px;font-size:15px}
body.heynds-nav-open .heynds-nav-actions{flex-direction:column;align-items:flex-start;width:100%;gap:14px;margin-left:0}
body.heynds-nav-open .heynds-search{width:100%}
body.heynds-nav-open .heynds-search-input{flex:1;width:auto}

/* ================= 首页 Hero 严格按 dist ================= */
.ww-site{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:76px 1fr 126px;overflow:hidden}
.ww-visual{position:absolute;inset:0 0 126px;z-index:-5;background:#102e49;animation:visual-in 1.8s ease both}
.ww-visual video,.ww-visual img{height:100%;width:100%;object-fit:cover;object-position:75% center;transform:translate(var(--px),var(--py)) scale(1.035);will-change:transform}
.ww-shade{
  position:absolute;inset:0;z-index:-4;
  background:
    linear-gradient(90deg,rgba(3,20,34,.28),transparent 70%),
    linear-gradient(180deg,rgba(5,26,45,.46),transparent 27%,transparent 80%,rgba(5,26,45,.25));
}
.ww-blueprint{
  position:absolute;inset:0;z-index:-3;
  clip-path:polygon(0 0,44.3% 0,25.6% calc(100% - 126px),0 calc(100% - 126px));
  background:linear-gradient(90deg,#051e31f5,#0b2943f2),#071f33;
}
.ww-blueprint:after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(#7098b409 1px,transparent 1px),
    linear-gradient(90deg,#7098b409 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(90deg,#000,transparent 58%);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 58%);
}
.ww-cursor-light{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 600px 500px at var(--mx) var(--my),#72b7ea16,transparent 75%);
  mix-blend-mode:screen;
}

/* ===== 首页 Header ===== */
.ww-header{
  display:flex;align-items:center;justify-content:space-between;padding:0 4%;
  border-bottom:1px solid rgba(170,198,219,.22);
  animation:enter .9s .1s both;position:relative;z-index:10;
}
.ww-brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:#fff}
.ww-brand svg{width:72px;height:47px;flex:0 0 auto}
.ww-brand strong{font-size:25px;font-weight:800;line-height:1.05;letter-spacing:-.6px;display:block;font-family:var(--f-display)}
.ww-brand small{display:block;font-size:10px;letter-spacing:2.6px;margin-top:6px;font-family:var(--f-mono);color:var(--ww-navy-300)}
.ww-brand img.ww-logo-img{height:48px;width:auto}

.ww-nav-wrap{display:flex;align-items:center;gap:24px}
.ww-header nav{display:flex;gap:30px;align-items:center}
.ww-header nav>a,
.ww-header nav>.ww-nav-item>a{
  position:relative;background:none;text-transform:uppercase;
  font-size:12px;font-weight:700;letter-spacing:2px;padding:20px 0;
  color:rgba(207,218,234,.92);transition:color .25s;text-decoration:none;font-family:var(--f-display);
}
.ww-header nav>a:after,
.ww-header nav>.ww-nav-item>a:after{
  content:"";height:2px;background:var(--orange-dist);
  position:absolute;bottom:8px;left:0;right:2px;
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.ww-header nav>a:hover:after,.ww-header nav>a.active:after,
.ww-header nav>.ww-nav-item>a:hover:after,.ww-header nav>.ww-nav-item>a.active:after{transform:scaleX(1)}
.ww-header nav>a:hover,.ww-header nav>a.active,
.ww-header nav>.ww-nav-item>a:hover,.ww-header nav>.ww-nav-item>a.active{color:var(--orange-dist)}

/* 一级菜单（含子栏目的父项） */
.ww-nav-item{position:relative;display:flex;align-items:center}
.ww-caret{margin-left:6px;font-size:11px;opacity:.6;transition:transform .25s,opacity .25s}
.ww-nav-item.has-sub:hover .ww-caret{transform:rotate(180deg);opacity:1}

/* 二级栏目下拉面板 */
.ww-subnav{
  position:absolute;top:100%;left:-18px;min-width:250px;margin:0;padding:8px 0;list-style:none;
  background:rgba(7,31,51,.97);backdrop-filter:blur(12px);
  border:1px solid rgba(170,198,219,.2);border-top:2px solid var(--orange-dist);
  border-radius:0 0 8px 8px;box-shadow:0 18px 44px rgba(0,0,0,.42);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s,visibility .22s;
  z-index:30;
}
.ww-nav-item.has-sub:hover>.ww-subnav,
.ww-nav-item.has-sub:focus-within>.ww-subnav{opacity:1;visibility:visible;transform:translateY(0)}
.ww-subnav li a{
  display:block;padding:10px 20px;font-size:12.5px;font-weight:500;letter-spacing:.02em;
  color:#cfdaea;font-family:var(--f-text);text-decoration:none;white-space:nowrap;
  border-left:2px solid transparent;transition:background .18s,color .18s,border-color .18s,padding-left .18s;
}
.ww-subnav li a:hover{background:rgba(255,107,26,.14);color:#fff;border-left-color:var(--orange-dist);padding-left:24px}
.ww-subnav li a.active{background:rgba(255,107,26,.14);color:#fff;border-left-color:var(--orange-dist)}

.ww-header nav .dropdown{position:relative}
.ww-header nav .dropdown-menu{
  position:absolute;top:100%;left:-20px;min-width:220px;margin:0;padding:8px 0;list-style:none;
  background:rgba(7,31,51,.97);backdrop-filter:blur(10px);border:1px solid rgba(170,198,219,.22);
  border-radius:var(--r-m);box-shadow:var(--shadow-3);display:none;z-index:10;
}
.ww-header nav .dropdown:hover>.dropdown-menu{display:block}
.ww-header nav .dropdown-menu li a{
  display:block;padding:10px 20px;font-size:12.5px;letter-spacing:.02em;color:#cfdaea;font-family:var(--f-text);
}
.ww-header nav .dropdown-menu li a:hover{background:rgba(255,107,26,.14);color:#fff}

.ww-header-actions{display:flex;align-items:center;gap:10px;margin-left:12px}
.ww-header-actions .heynds-lang .heynds-btn{
  background:rgba(7,31,51,.6);color:#cfdaea;border-color:rgba(170,198,219,.32);
  backdrop-filter:blur(8px);font-size:12px;
}
.ww-header-actions .heynds-lang .heynds-btn:hover{background:rgba(255,107,26,.2);color:#fff;border-color:var(--orange-dist)}
.ww-header-actions .heynds-lang .dropdown-menu{background:rgba(7,31,51,.97);border-color:rgba(170,198,219,.28)}
.ww-header-actions .heynds-lang .dropdown-menu li {text-align: center;}
.ww-header-actions .heynds-lang .dropdown-menu a {color:#cfdaea}
.ww-header-actions .heynds-lang .dropdown-menu .dropdown-item{color:#cfdaea}
.ww-header-actions .heynds-lang .dropdown-menu .dropdown-item:hover{background:rgba(255,107,26,.18);color:#fff}
.ww-header-actions .ww-search-btn{
  background:rgba(7,31,51,.6);border:1px solid rgba(170,198,219,.32);color:#cfdaea;
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  backdrop-filter:blur(8px);transition:background .2s;
}
.ww-header-actions .ww-search-btn:hover{background:var(--orange-dist);border-color:var(--orange-dist);color:#fff}

.ww-menu{
  display:none;flex-direction:column;gap:6px;padding:12px 0 12px 12px;background:none;border:0;cursor:pointer;
}
.ww-menu span{width:23px;height:1px;background:#fff}

/* ===== 首页 Hero ===== */
.ww-hero{position:relative;display:flex;align-items:center;padding:0 4%;min-height:0}
.ww-technical{position:absolute;color:#7ba4bd;opacity:.14;width:190px;pointer-events:none}
.ww-technical-top{top:5%;left:3%}

.ww-copy{
  position:relative;z-index:1;padding-bottom:3%;
  transform:translate(calc(var(--px) * -.25),calc(var(--py) * -.25));
  width:49%;
}
.ww-eyebrow{
  display:flex;align-items:center;gap:16px;text-transform:uppercase;
  color:var(--orange-dist);font-family:var(--f-hero);
  font-size:clamp(10px,.85vw,14px);font-weight:500;letter-spacing:3px;
  margin:0 0 20px;animation:enter .9s .25s both;
}
.ww-triangle{
  width:0;height:0;
  border-left:9px solid transparent;border-right:9px solid transparent;
  border-bottom:16px solid var(--orange-dist);flex-shrink:0;
}
.ww-hero h1{
  font-size:clamp(48px,4.85vw,91px);font-weight:800;line-height:1.04;letter-spacing:-3.8px;
  margin:0 0 24px;animation:enter 1.05s .35s both;text-shadow:0 3px 24px rgba(0,20,40,.14);
  font-family:var(--f-hero);color:#fff;
}
.ww-description{
  font-size:clamp(14px,1.1vw,19px);line-height:1.65;color:#cbd8e8;margin:0;
  animation:enter 1.05s .48s both;
}
.ww-actions{display:flex;gap:18px;margin-top:30px;animation:enter 1.05s .6s both}
.ww-button{
  position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:18px;
  min-height:52px;padding:0 25px;border-radius:2px;font-size:14px;font-weight:700;
  transition:transform .3s,box-shadow .3s,background .3s;border:0;cursor:pointer;text-decoration:none;
  font-family:var(--f-display);
}
.ww-button:before{
  content:"";position:absolute;inset:-100% -50%;
  background:linear-gradient(110deg,transparent 40%,#ffffff30 50%,transparent 60%);
  transform:translateX(-75%);transition:transform .65s;
}
.ww-button:hover:before{transform:translateX(75%)}
.ww-button:hover{transform:translateY(-3px)}
.ww-button-primary{background:var(--orange-dist);color:#fff;box-shadow:0 5px 24px rgba(254,97,21,.20)}
.ww-button-primary:hover{background:#ff762e;color:#fff;box-shadow:0 8px 30px rgba(255,100,30,.45)}
.ww-button-secondary{background:rgba(7,30,50,.5);border:1px solid rgba(226,235,241,.82);color:#fff}
.ww-button-secondary:hover{background:rgba(255,255,255,.12);box-shadow:0 8px 25px rgba(0,0,0,.2);color:#fff}
.ww-button .arrow{display:inline-block;transition:transform .3s;font-size:17px}
.ww-button:hover .arrow{transform:translate(2px,-2px)}

.ww-signature{
  position:absolute;left:4%;bottom:20px;display:grid;gap:12px;
  color:rgba(115,149,175,.44);font-family:var(--f-mono);
  font-size:10px;letter-spacing:4px;text-transform:uppercase;line-height:1.9;z-index:2;
}
.ww-signature .mini-lines{font-size:37px;letter-spacing:14px;line-height:1;color:rgba(102,141,165,.28)}
.ww-signature i{display:block;width:32px;height:1px;background:rgba(153,178,195,.52)}

.ww-visual-caption{
  position:absolute;right:4%;top:9%;display:flex;align-items:center;gap:12px;
  color:rgba(184,207,223,.61);font:10px Barlow,sans-serif;letter-spacing:2.4px;
  animation:enter 1s 1s both;z-index:2;
}
.ww-live-dot{height:5px;width:5px;background:var(--orange-dist);border-radius:50%;box-shadow:0 0 12px #ff651b}
.ww-caption-line{width:35px;height:1px;background:rgba(184,207,223,.38)}

.ww-playback{
  position:absolute;right:24px;bottom:22px;z-index:5;
  background:rgba(6,30,50,.42);backdrop-filter:blur(8px);
  border:1px solid rgba(183,207,225,.34);border-radius:50%;
  height:34px;width:34px;display:grid;place-items:center;
  transition:background .25s;color:#fff;cursor:pointer;
}
.ww-playback:hover{background:var(--orange-dist);border-color:var(--orange-dist)}
.ww-playback svg{width:14px;fill:none;stroke:currentColor;stroke-width:2}

/* ===== 首页 Hero 底部 Stats ===== */
.ww-stats{
  z-index:2;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
  border-top:1px solid rgba(147,182,209,.28);
  background:linear-gradient(110deg,#071e31,#0a2841);
  animation:enter 1s .75s both;color:#fff;
}
.ww-stats>div{
  text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;
  border-right:1px solid rgba(156,180,202,.38);min-height:65px;
}
.ww-stats>div:last-child{border:0}
.ww-stats strong{
  font-family:var(--f-display);font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1;color:#fff;
}
.ww-stats .unit{font-size:32px;margin-left:2px}
.ww-stats>div>span{
  font-family:var(--f-mono);font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:var(--ww-navy-300);
}

/* ================= 首页中段 (产品/新闻/案例/关于 结构沿用 heynds) ================= */
.ww-section{padding:80px 0;border-top:1px solid var(--line);background:var(--surface);color:var(--ink)}
.ww-section.ww-section-muted{background:var(--ww-white)}
.ww-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap;
}
.ww-section-title{
  font-family:var(--f-display);font-weight:800;font-size:clamp(28px,3vw,40px);
  line-height:1.12;letter-spacing:-.015em;color:var(--ww-navy);margin:6px 0 8px;
}
.ww-section-desc{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:640px}
.ww-section-kicker{
  font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ww-orange-600);
}

/* 产品网格 (heynds-resource-grid 兼容) */
.heynds-resource-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;
}
.heynds-resource-card{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;
  box-shadow:var(--shadow-subtle);transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;
}
.heynds-resource-card:hover{
  transform:translateY(-4px);box-shadow:var(--shadow-3);border-color:var(--ww-orange-300);
}
.heynds-resource-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ww-navy-700)}
.heynds-resource-thumb{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.heynds-resource-card:hover .heynds-resource-thumb{transform:scale(1.06)}
.heynds-card-tag{
  display:inline-block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;
  padding:4px 10px;border-radius:var(--r-s);background:var(--ww-orange);color:#fff;
  text-transform:uppercase;font-weight:500;
}
.heynds-card-tag-overlay{
  position:absolute;top:12px;left:12px;z-index:2;
}
.heynds-resource-top{padding:16px 18px 0}
.heynds-resource-title{
  font-family:var(--f-display);font-weight:700;font-size:18px;line-height:1.35;
  color:var(--ww-navy);padding:14px 18px 4px;
}
.heynds-resource-desc{
  font-size:13.5px;line-height:1.65;color:var(--ink-2);padding:0 18px 12px;flex:1;
}
.heynds-resource-cta{
  font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--ww-orange);
  padding:8px 18px 18px;letter-spacing:.02em;
}
.heynds-resource-card:hover .heynds-resource-cta{color:var(--ww-orange-600)}

/* heynds-grid / heynds-card 兼容 (通用卡片/新闻网格) */
.heynds-grid{display:grid;gap:18px}
.heynds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.heynds-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.heynds-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.heynds-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:22px;
  box-shadow:var(--shadow-subtle);transition:transform .25s,box-shadow .25s,border-color .25s;
  display:flex;flex-direction:column;gap:8px;
}
.heynds-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--ww-orange-300)}
.heynds-card-soft{background:var(--ww-chalk);border-color:var(--ww-mist)}
.heynds-card-tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ww-orange-100);font-weight:600}
.heynds-card-title{font-family:var(--f-display);font-weight:800;font-size:20px;line-height:1.3;color:var(--ww-navy)}
.heynds-card-desc{font-size:14px;line-height:1.7;color:var(--ink-2)}
.heynds-card-meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);margin-top:auto;padding-top:6px}

/* 双栏布局 (关于/介绍等) */
.heynds-two-col{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
}
.heynds-feature-list{display:grid;gap:12px;margin-top:18px}
.heynds-feature-list .feat{
  display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-2);
  padding:10px 0;border-bottom:1px dashed var(--ww-concrete);
}
.heynds-feature-list .feat i{color:var(--ww-green);font-size:16px}

/* ================= 内页 Page Hero ================= */
.heynds-page-hero{
  background:var(--ww-navy);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden;
}
.heynds-page-hero::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:32px 32px;opacity:.55;pointer-events:none;
}
.heynds-page-hero .container{position:relative;z-index:2}
.heynds-page-hero-top{
  display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;
}
.heynds-page-title{
  font-family:var(--f-display);font-weight:800;font-size:clamp(36px,4vw,54px);
  line-height:1.06;letter-spacing:-.02em;margin:10px 0 10px;color:#fff;
}
.heynds-page-sub{font-size:17px;line-height:1.65;color:var(--ww-navy-300);max-width:680px}
.heynds-page-hero .heynds-tag{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);
  color:var(--ww-orange-300);
}
.heynds-page-hero .heynds-resource-search{
  display:flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-m);overflow:hidden;background:rgba(7,27,49,.6);
}
.heynds-page-hero .heynds-resource-search input{
  background:transparent;border:0;outline:0;padding:12px 16px;color:#fff;font-size:14px;width:240px;
}
.heynds-page-hero .heynds-resource-search input::placeholder{color:rgba(207,218,234,.5)}
.heynds-page-hero .heynds-resource-search button{border-radius:0;height:100%}
.heynds-filters{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;
}
.heynds-filters .pill{
  font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;
  padding:6px 14px;border-radius:var(--r-s);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  color:var(--ww-navy-300);text-decoration:none;transition:.2s;
}
.heynds-filters .pill:hover{background:rgba(255,107,26,.18);color:#fff;border-color:var(--ww-orange)}
.heynds-filters .pill.active{background:var(--ww-orange);color:#fff;border-color:var(--ww-orange)}
.heynds-sort-descs{
  margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;
}
.heynds-sort-desc{
  font-size:13px;line-height:1.6;padding:12px 14px;
  background:rgba(255,255,255,.06);border-left:3px solid var(--ww-orange);border-radius:0 var(--r-s) var(--r-s) 0;
  color:var(--ww-navy-100);
}

/* ================= 详情页 ================= */
.cms-detail-box{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:40px 48px;box-shadow:var(--shadow-subtle);
}
.cms-detail-box .detail-content{
  font-size:16px;line-height:1.85;color:var(--ink-2);
}
.cms-detail-box .detail-content h1,.cms-detail-box .detail-content h2,.cms-detail-box .detail-content h3,
.cms-detail-box .detail-content h4{font-family:var(--f-display);color:var(--ww-navy);font-weight:700;margin-top:28px}
.cms-detail-box .detail-content img{max-width:100%;height:auto;border-radius:var(--r-m);margin:16px 0}
.cms-detail-box .detail-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.cms-detail-box .detail-content table th{background:var(--ww-navy);color:#fff;padding:10px 14px;text-align:left;font-weight:600}
.cms-detail-box .detail-content table td{padding:10px 14px;border-top:1px solid var(--line)}
.detail-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);
}
.detail-nav>div{
  padding:14px 18px;background:var(--ww-chalk);border-radius:var(--r-m);font-size:13.5px;color:var(--ink-2);
}
.detail-nav a{color:var(--ww-navy-600);font-weight:600}
.detail-nav a:hover{color:var(--ww-orange)}

/* ================= 页脚 (品牌手册风格) ================= */
.heynds-footer{
  background:var(--ww-navy);color:rgba(255,255,255,.6);padding:56px 0 32px;margin-top:0;font-size:13.5px;line-height:1.75;border-top: 1px solid rgba(147, 182, 209, .28);
}
.heynds-footer a{color:rgba(255,255,255,.72);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}
.heynds-footer a:hover{color:var(--ww-orange-300);border-bottom-color:var(--ww-orange-300)}
.heynds-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:32px}
.heynds-footer-brand{
  font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.04em;color:#fff;margin-bottom:10px;
}
.heynds-footer-desc{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.6);margin-bottom:18px}
.heynds-footer-meta{display:grid;gap:6px;font-size:13px;color:rgba(255,255,255,.55)}
.heynds-footer-meta a{border:0}
.heynds-footer-title{
  font-family:var(--f-display);font-size:14px;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;font-weight:700;margin-bottom:16px;
}
.heynds-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.heynds-footer-links a{border:0}
.heynds-footer-bottom{
  width:100%;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:rgba(255,255,255,.4);
}

/* ================= WhatsApp 悬浮按钮 ================= */
.heynds-home-whatsapp{
  position:fixed;right:24px;bottom:24px;z-index:900;
  width:60px;height:60px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;
  font-size:28px;box-shadow:0 10px 30px rgba(37,211,102,.4);
  transition:transform .3s,box-shadow .3s;border:0;
}
.heynds-home-whatsapp:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 14px 40px rgba(37,211,102,.55);color:#fff}

/* ================= 消息页 Message ================= */
.heynds-section .form-group{margin-bottom:18px}
.heynds-section label{font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.03em;color:var(--ww-navy);margin-bottom:6px;display:block}
.heynds-section .form-control{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);
  font-size:14px;line-height:1.6;background:#fff;color:var(--ink);outline:none;
  transition:border-color .2s,box-shadow .2s;font-family:inherit;
}
.heynds-section .form-control:focus{border-color:var(--ww-orange);box-shadow:0 0 0 3px var(--ww-orange-100)}

/* ================= 标签云 Tags ================= */
.heynds-tags-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:20px}
.heynds-tags-cloud a{
  font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;
  padding:6px 14px;border-radius:var(--r-s);
  background:var(--ww-navy-100);color:var(--ww-navy-600);
  text-decoration:none;transition:.2s;
}
.heynds-tags-cloud a:hover{background:var(--ww-orange);color:#fff;transform:translateY(-2px)}

/* ================= 搜索页 ================= */
.heynds-search-result{display:grid;gap:16px}
.heynds-search-item{
  padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);
  transition:border-color .2s,box-shadow .2s;
}
.heynds-search-item:hover{border-color:var(--ww-orange-300);box-shadow:var(--shadow-2)}
.heynds-search-item h3{font-family:var(--f-display);font-size:18px;margin:0 0 8px;color:var(--ww-navy)}
.heynds-search-item p{font-size:14px;color:var(--ink-2);margin:0}

/* ================= 分页 ================= */
.text-center{text-align:center}
.pagination{display:inline-flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}
.pagination li a,.pagination li span{
  display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 12px;
  border-radius:var(--r-s);border:1px solid var(--line);font-size:13px;font-family:var(--f-mono);
  background:#fff;color:var(--ink-2);text-decoration:none;
}
.pagination li.active span{background:var(--ww-orange);color:#fff;border-color:var(--ww-orange)}
.pagination li a:hover{background:var(--ww-orange-100);color:var(--ww-orange);border-color:var(--ww-orange-300)}

/* ================= 搜索展开 (body class) ================= */
body.heynds-search-open .heynds-search{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1200;width:min(560px,92vw);background:#fff;border-radius:var(--r-m);box-shadow:var(--shadow-3);padding:16px}
body.heynds-search-open::before{content:"";position:fixed;inset:0;background:rgba(7,27,49,.72);z-index:1100;backdrop-filter:blur(4px)}

/* ================= 动画 (dist 严格值) ================= */
@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes visual-in{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}

/* ================= 响应式 ================= */

/* 大屏 >1700px */
@media(min-width:1700px){
  .ww-site{grid-template-rows:86px 1fr 132px}
  .ww-copy{width:51%}
  .ww-button{min-height:58px;font-size:16px}
  .ww-actions{margin-top:36px}
  .ww-description{font-size:20px}
}

/* 桌面 -1100 */
@media(max-width:1100px){
  .ww-header nav{gap:18px}
  .ww-header nav>a{font-size:11px;letter-spacing:1.5px;padding:16px 0}
  .ww-brand{gap:13px}
  .ww-brand strong{font-size:21px}
  .ww-brand svg{width:58px}
  .ww-copy{width:58%}
  .ww-hero h1{font-size:clamp(48px,5.4vw,64px);letter-spacing:-2.7px}
  .ww-eyebrow{letter-spacing:2px}
  .ww-button{padding:0 18px;font-size:12px;gap:12px}
  .ww-actions{gap:12px}
  .desktop-break{display:none}
  .ww-description{max-width:420px}
  .ww-site{grid-template-rows:72px 1fr 104px}
  .ww-visual{bottom:104px}
  .ww-blueprint{clip-path:polygon(0 0,54% 0,33% calc(100% - 104px),0 calc(100% - 104px))}
  .ww-signature .mini-lines{display:none}
  .ww-stats strong{font-size:34px}
  .ww-visual-caption{font-size:8px}

  .heynds-nav-list{display:none}
  .heynds-burger{display:flex}
  .heynds-lang{display:none}
  .heynds-lang-mobile{display:block}
  .heynds-nav{display:none}

  .heynds-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .heynds-two-col{grid-template-columns:1fr;gap:28px}
  .heynds-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .heynds-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 平板/移动 -760 */
@media(max-width:760px){
  .ww-site{grid-template-rows:68px 1fr 94px}
  .ww-header{padding:0 6%}
  .ww-brand strong{font-size:20px}
  .ww-brand small{font-size:8px;letter-spacing:2px}
  .ww-brand svg{width:49px}
  .ww-menu{display:flex}
  .ww-nav-wrap{
    display:none;position:absolute;top:68px;left:0;right:0;padding:12px 6%;
    background:rgba(7,31,51,.98);backdrop-filter:blur(12px);z-index:100;
  }
  .ww-nav-wrap.open{display:block}
  .ww-header nav{flex-direction:column;align-items:flex-start;gap:0}
  .ww-header nav>a{font-size:13px;letter-spacing:2px;padding:14px 0;width:100%;border-bottom:1px solid rgba(170,198,219,.12)}
  .ww-nav-item{display:block;width:100%;border-bottom:1px solid rgba(170,198,219,.12)}
  .ww-header nav>.ww-nav-item>a{display:block;font-size:13px;letter-spacing:2px;padding:14px 0;width:100%;border-bottom:0}
  .ww-header nav>.ww-nav-item>a:after{bottom:4px}
  .ww-caret{margin-left:8px}
  .ww-subnav{
    position:static;opacity:1;visibility:visible;transform:none;min-width:0;width:100%;
    background:rgba(255,255,255,.035);border:0;border-radius:0;box-shadow:none;padding:2px 0 8px;
  }
  .ww-subnav li a{padding:8px 0 8px 16px;font-size:12.5px;white-space:normal;border-left:1px solid rgba(170,198,219,.18)}
  .ww-subnav li a:hover{padding-left:20px}
  .ww-header-actions{margin-left:0;margin-top:12px;flex-wrap:wrap;gap:8px}

  .ww-hero{padding:0 6%;align-items:flex-start}
  .ww-copy{width:100%;padding:0;margin-top:clamp(26px,7svh,70px)}
  .ww-hero h1{font-size:clamp(42px,8.8vw,65px);letter-spacing:-2.5px;margin-bottom:18px}
  .ww-eyebrow{font-size:9px;letter-spacing:1.5px;gap:10px;margin-bottom:18px}
  .ww-triangle{border-left-width:6px;border-right-width:6px;border-bottom-width:11px}
  .ww-description{max-width:360px;font-size:13px;line-height:1.7}
  .ww-actions{margin-top:22px;gap:10px}
  .ww-button{min-height:46px;padding:0 14px;font-size:11px;gap:10px}
  .ww-visual{bottom:94px;top:68px}
  .ww-visual video,.ww-visual img{object-position:70% center}
  .ww-shade{background:linear-gradient(180deg,#061d32 6%,#061d32d9 25%,#061d3266 58%,#061d3200 80%)}
  .ww-blueprint{clip-path:none;opacity:.26;background:linear-gradient(90deg,#061d32,transparent)}
  .ww-technical,.ww-signature,.ww-visual-caption{display:none}
  .ww-stats>div{min-height:48px;gap:8px}
  .ww-stats strong{font-size:26px}
  .ww-stats .unit{font-size:22px}
  .ww-stats>div>span{font-size:8px;letter-spacing:1.4px}
  .ww-playback{right:18px;bottom:16px}

  .cms-detail-box{padding:24px}
  .cms-detail-box .detail-content{font-size:15px}
  .detail-nav{grid-template-columns:1fr}

  .heynds-footer-grid{grid-template-columns:1fr;gap:28px}
  .heynds-grid-3,.heynds-grid-2{grid-template-columns:1fr}
  .heynds-page-hero{padding:48px 0 44px}
  .heynds-page-hero-top{flex-direction:column;align-items:flex-start;gap:20px}
  .heynds-page-hero .heynds-resource-search{width:100%}
  .heynds-page-hero .heynds-resource-search input{flex:1;width:auto}
  .heynds-home-whatsapp{width:52px;height:52px;font-size:24px;right:16px;bottom:16px}
}

/* 矮屏幕 */
@media(max-height:700px) and (min-width:761px){
  .ww-site{grid-template-rows:64px 1fr 88px}
  .ww-visual{bottom:88px}
  .ww-blueprint{clip-path:polygon(0 0,44% 0,28% calc(100% - 88px),0 calc(100% - 88px))}
  .ww-technical-top,.ww-signature{display:none}
  .ww-copy{padding-bottom:0}
  .ww-hero h1{font-size:min(5vw,67px);margin-bottom:18px}
  .ww-eyebrow{margin-bottom:14px}
  .ww-actions{margin-top:23px}
  .ww-stats strong{font-size:32px}
  .ww-stats>div{min-height:52px}
}
@media(max-height:640px) and (max-width:760px){
  .ww-copy{margin-top:20px}
  .ww-hero h1{font-size:38px;margin-bottom:12px}
  .ww-eyebrow{margin-bottom:12px}
  .ww-description{font-size:12px;line-height:1.5}
  .ww-actions{margin-top:16px}
  .ww-site{grid-template-rows:60px 1fr 70px}
  .ww-visual{bottom:70px}
  .ww-stats strong{font-size:23px}
  .ww-nav-wrap{top:60px}
}

/* 减少动画偏好 */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .ww-visual video,.ww-copy{transform:none!important}
}