@charset "UTF-8";
/* ==========================================================================
   X Capital — 域名资产投资基金 官方网站
   样式表：严格遵循《x.capital 网站策划方案 v1.0》第 5 节视觉设计规范
   - 5.2 配色系统 / 5.3 字体系统 / 5.4 组件规范 / 5.5 布局规范
   ========================================================================== */

/* ------------------------------ 1. 设计令牌 ------------------------------ */
:root{
  /* 5.2 配色系统 */
  --indigo:#1B2A4A;          /* 主色：品牌主色、标题、导航、重要按钮 */
  --indigo-2:#233558;
  --indigo-3:#2E4370;
  --indigo-dark:#131F3A;
  --indigo-deep:#0B1428;
  --amber:#C8861A;           /* 强调色：CTA、关键数据、高亮、链接 hover */
  --amber-dark:#A96F12;
  --amber-tint:rgba(200,134,26,.10);
  --amber-line:rgba(200,134,26,.30);

  --bg:#FFFFFF;              /* 页面背景 */
  --bg-alt:#F5F6F8;          /* 卡片、区块背景 */
  --text:#505050;            /* 正文内容 */
  --heading:#1B2A4A;         /* 标题、重点 */
  --muted:#767676;           /* 说明、来源、页脚 */
  --line:#D8D8D8;            /* 细线分隔 */
  --line-soft:#E7EAF0;
  --ok:#1D7A54;
  --warn:#A33A2A;

  /* 5.3 字体系统 */
  --font-serif:"Noto Serif SC","Source Han Serif SC","Source Han Serif CN","Songti SC","STSong",SimSun,Georgia,serif;
  --font-sans:"Noto Sans SC","Source Han Sans SC","Source Han Sans CN","PingFang HK","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-num:"Inter",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* 5.5 布局规范 */
  --container:1200px;
  --pad-desk:40px;
  --pad-tab:24px;
  --pad-mob:20px;
  --gap:24px;
  --sec-y:96px;              /* 区块上下间距 80–100px */

  --radius:4px;              /* 5.4 组件：圆角 4px */
  --shadow:0 10px 30px rgba(27,42,74,.08);
  --shadow-lg:0 18px 44px rgba(27,42,74,.14);
  --shadow-sm:0 2px 10px rgba(27,42,74,.06);
  --hdr-h:72px;
}

/* ------------------------------ 2. 基础重置 ------------------------------ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 16px);}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.8;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-wrap:break-word;   /* 长英文单词 / 邮箱 / URL 不撑破容器（双语版尤为重要） */
}
body.no-scroll{overflow:hidden;}
img,svg{max-width:100%;display:block;}
a{color:var(--indigo);text-decoration:none;transition:color .2s;}
a:hover{color:var(--amber);}
h1,h2,h3,h4,h5{font-family:var(--font-serif);color:var(--heading);line-height:1.38;margin:0;font-weight:700;letter-spacing:.005em;text-wrap:balance;}
p{margin:0 0 14px;}
p:last-child{margin-bottom:0;}
ul,ol{margin:0 0 14px;padding-left:1.25em;}
li{margin-bottom:8px;}
li:last-child{margin-bottom:0;}
strong{color:var(--heading);font-weight:600;}
hr{border:none;border-top:1px solid var(--line);margin:32px 0;}
table{border-collapse:collapse;}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:2px;}
::selection{background:var(--amber-tint);}
.num,.tabular{font-family:var(--font-num);font-variant-numeric:tabular-nums;}

/* 跳过导航（无障碍） */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--amber);color:#fff;padding:10px 16px;border-radius:0 0 var(--radius) 0;}
.skip-link:focus{left:0;color:#fff;}

/* 语言判定首屏遮盖：仅在 lang-boot.js 检测到「需要按 IP 判定语言」时显示，
   判定完成（或超时）即移除 data-lang-pending。禁用 JS 时属性不会出现，页面正常显示。 */
.langsplash{display:none;}
html[data-lang-pending] body{background:var(--indigo-deep);}
html[data-lang-pending] body > *:not(.langsplash){visibility:hidden;}
html[data-lang-pending] .langsplash{display:flex;position:fixed;inset:0;z-index:999;align-items:center;justify-content:center;background:var(--indigo-deep);}
.langsplash img{width:min(54vw,230px);height:auto;opacity:.9;}

/* ------------------------------ 3. 布局工具类 ---------------------------- */
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--pad-desk);}
@media(max-width:1024px){.wrap{padding:0 var(--pad-tab);}}
@media(max-width:640px){.wrap{padding:0 var(--pad-mob);}}

.sec{padding:var(--sec-y) 0;}
.sec--tight{padding:56px 0;}
.sec--alt{background:var(--bg-alt);}
.sec--deep{background:linear-gradient(160deg,var(--indigo-deep) 0%,var(--indigo) 62%,var(--indigo-2) 100%);color:rgba(255,255,255,.86);}
.sec--deep h1,.sec--deep h2,.sec--deep h3,.sec--deep h4{color:#fff;}
.sec--deep a{color:#fff;}
.sec--deep a:hover{color:var(--amber);}
.sec--deep .lead,.sec--deep .muted{color:rgba(255,255,255,.68);}
@media(max-width:900px){:root{--sec-y:72px;}}
@media(max-width:640px){:root{--sec-y:56px;}}

.grid{display:grid;gap:var(--gap);}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.g-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.g-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.g-2-1{grid-template-columns:1.15fr .85fr;}
.g-1-2{grid-template-columns:.85fr 1.15fr;}
@media(max-width:1024px){
  .g-3,.g-4,.g-5{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g-2-1,.g-1-2{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .g-2,.g-3,.g-4,.g-5{grid-template-columns:1fr;}
}
.mt-0{margin-top:0;}.mt-8{margin-top:8px;}.mt-16{margin-top:16px;}.mt-24{margin-top:24px;}.mt-32{margin-top:32px;}.mt-40{margin-top:40px;}
.mb-0{margin-bottom:0;}.mb-16{margin-bottom:16px;}.mb-24{margin-bottom:24px;}.mb-32{margin-bottom:32px;}
.center{text-align:center;}
.muted{color:var(--muted);}
.small{font-size:13px;line-height:1.7;}
.xs{font-size:12px;line-height:1.7;}
.nowrap{white-space:nowrap;}

/* ------------------------------ 4. 区块标题 ------------------------------ */
.sec-head{max-width:860px;margin-bottom:44px;}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head--center .sec-sub{margin-left:auto;margin-right:auto;}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--amber);margin-bottom:12px;text-transform:uppercase;}
.kicker::before{content:"";width:22px;height:2px;background:var(--amber);display:block;}
.sec-head--center .kicker::before{display:none;}
.sec-title{font-size:clamp(24px,2.6vw,32px);}      /* H2 28–32px */
.sec-sub{margin-top:14px;font-size:15px;line-height:1.85;color:var(--muted);max-width:760px;}
.page-title{font-size:clamp(28px,3.4vw,44px);}      /* H1 42–48px（内页略收） */
.card-title{font-size:var(--ct,19px);}             /* H3 18–20px */

/* ------------------------------ 5. 页头 / 导航 --------------------------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:120;transition:background .3s ease,box-shadow .3s ease;}
.hdr-in{height:var(--hdr-h);display:flex;align-items:center;gap:18px;justify-content:space-between;}
.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none;}
/* 页头 Logo：官方位图两套，按页头底色纯 CSS 切换（深色首屏→反白版；滚动变白底→原色版），无闪动 */
.brand-logo{display:block;width:auto;height:34px;flex:none;}
.brand-logo--on-light{display:none;}
.hdr.is-solid .brand-logo--on-dark{display:none;}
.hdr.is-solid .brand-logo--on-light{display:block;}
.nav{display:flex;align-items:center;gap:2px;}
.nav a{display:block;font-size:14px;line-height:1;padding:10px 12px;border-radius:var(--radius);color:rgba(255,255,255,.85);transition:background .2s,color .2s;white-space:nowrap;}
.nav a:hover{color:#fff;background:rgba(255,255,255,.10);}
.nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.16);font-weight:600;}
.hdr-cta{flex:none;}
/* 抽屉导航内的主按钮：桌面端由页头 CTA 承担，窄屏才显示（见第 5 节末尾媒体查询）。
   用 .nav .nav-cta 保证特异性高于 .nav a{display:block}，否则会在桌面导航里冒出来。 */
.nav .nav-cta{display:none;}

/* 语言切换器（页头常驻，移动端不折入抽屉导航，保证任何视口都能切换） */
.langsw{display:inline-flex;align-items:center;gap:2px;flex:none;padding:3px;border-radius:var(--radius);background:rgba(255,255,255,.10);}
.langsw a{font-size:12.5px;font-weight:600;line-height:1;padding:7px 10px;border-radius:3px;color:rgba(255,255,255,.66);white-space:nowrap;transition:background .2s,color .2s;}
.langsw a:hover{color:#fff;}
.langsw a[aria-current]{background:rgba(255,255,255,.92);color:var(--indigo);}

@media(max-width:420px){
  .langsw{padding:2px;}
  .langsw a{font-size:12px;padding:6px 8px;}
}

.burger{display:none;flex:none;width:44px;height:44px;border:none;background:none;cursor:pointer;padding:10px;border-radius:var(--radius);}
.burger i{display:block;height:2px;background:#fff;margin:5px 0;transition:background .3s,transform .3s,opacity .3s;}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* 滚动后：白底 + 深色文字（6.1 导航栏滚动时背景变化） */
.hdr.is-solid{background:#fff;box-shadow:0 2px 14px rgba(27,42,74,.10);}
.hdr.is-solid .nav a{color:var(--text);}
.hdr.is-solid .nav a:hover{color:var(--indigo);background:rgba(27,42,74,.06);}
.hdr.is-solid .nav a[aria-current="page"]{color:var(--indigo);background:rgba(27,42,74,.09);}
.hdr.is-solid .burger i{background:var(--indigo);}
.hdr.is-solid .langsw{background:rgba(27,42,74,.07);}
.hdr.is-solid .langsw a{color:var(--muted);}
.hdr.is-solid .langsw a:hover{color:var(--indigo);}
.hdr.is-solid .langsw a[aria-current]{background:var(--indigo);color:#fff;}

@media(max-width:1120px){
  .nav{
    display:none;position:absolute;top:var(--hdr-h);left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;padding:8px var(--pad-tab) 18px;
    box-shadow:0 16px 34px rgba(27,42,74,.16);border-top:1px solid var(--line-soft);
    max-height:calc(100dvh - var(--hdr-h));overflow-y:auto;
  }
  .nav.is-open{display:flex;}
  .nav a{color:var(--text);padding:14px 4px;font-size:15px;border-bottom:1px solid var(--line-soft);border-radius:0;}
  .nav a:hover,.nav a[aria-current="page"]{color:var(--indigo);background:transparent;font-weight:600;}
  /* 抽屉内的主按钮：恢复为按钮外观，不再沿用导航链接样式 */
  .nav .nav-cta{
    display:inline-flex;align-items:center;justify-content:center;margin-top:16px;
    padding:14px 26px;border-bottom:none;border-radius:var(--radius);
    background:var(--amber);color:#fff;font-size:15px;font-weight:600;
  }
  .nav .nav-cta:hover,.nav .nav-cta[aria-current]{background:var(--amber-dark);color:#fff;}
  .burger{display:block;}
}
@media(max-width:560px){ .brand-logo{height:30px;} }
/* 移动端页头：语言切换器与汉堡按钮必须常驻可见，因此让出 CTA 空间，
   主按钮改由抽屉导航底部承担（.nav-cta）。 */
@media(max-width:640px){
  .hdr-in{gap:12px;}
  .brand-logo{height:28px;}
  .hdr .hdr-cta{display:none;}
  .nav{padding-left:var(--pad-mob);padding-right:var(--pad-mob);}   /* 抽屉链接与页面留白对齐 */
}
@media(max-width:360px){
  .hdr-in{gap:8px;}
  .langsw a{padding:9px 7px;}          /* 触控目标补足到 40px 以上 */
}

/* ------------------------------ 6. 按钮（5.4） --------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:1;
  padding:14px 26px;border-radius:var(--radius);border:1px solid transparent;
  cursor:pointer;text-decoration:none;text-align:center;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;
}
.btn svg{width:16px;height:16px;flex:none;}
.btn--amber{background:var(--amber);color:#fff;box-shadow:0 6px 18px rgba(200,134,26,.26);}
.btn--amber:hover{background:var(--amber-dark);color:#fff;box-shadow:0 8px 22px rgba(200,134,26,.34);}
.btn--indigo{background:var(--indigo);color:#fff;}
.btn--indigo:hover{background:var(--indigo-dark);color:#fff;}
.btn--ghost{background:transparent;color:var(--indigo);border-color:var(--indigo);}
.btn--ghost:hover{background:var(--indigo);color:#fff;}
.btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
.btn--ghost-light:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff;}
.btn--sm{padding:10px 18px;font-size:14px;}
.btn--lg{padding:16px 34px;font-size:16px;}
.btn--block{width:100%;}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;}

/* ------------------------------ 7. 卡片（5.4） --------------------------- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:box-shadow .25s,border-color .25s,transform .25s;}
.card:hover{box-shadow:var(--shadow);border-color:var(--line-soft);}
.card h3{font-size:19px;margin-bottom:10px;}
.card p{font-size:14.5px;line-height:1.85;}
.card--flat:hover{box-shadow:none;transform:none;}
.card--accent{border-top:3px solid var(--amber);}
.card--deep{background:var(--bg-alt);border-color:transparent;}
.card__ico{width:40px;height:40px;margin-bottom:16px;color:var(--amber);}
.card__idx{font-family:var(--font-num);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--amber);margin-bottom:12px;display:block;}

/* 数据卡片：大数字（琥珀金）+ 标签（深靛蓝）+ 说明 */
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:box-shadow .25s;}
.stat:hover{box-shadow:var(--shadow);}
.stat__num{font-family:var(--font-num);font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1;color:var(--amber);letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.stat__num small{font-size:.5em;font-weight:600;margin-left:4px;}
.stat__lb{margin-top:10px;font-size:15px;font-weight:600;color:var(--heading);}
.stat__ds{margin-top:6px;font-size:13px;line-height:1.7;color:var(--muted);}
.stat--on-deep{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);}
.stat--on-deep .stat__lb{color:#fff;}
.stat--on-deep .stat__ds{color:rgba(255,255,255,.62);}
.stat--on-deep:hover{background:rgba(255,255,255,.09);}

/* 要点列表 */
.ticks{list-style:none;padding:0;margin:0;}
.ticks li{position:relative;padding-left:24px;margin-bottom:10px;font-size:14.5px;line-height:1.8;}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--amber);}
.ticks--check li::before{content:"";left:0;top:.5em;width:14px;height:8px;border-radius:0;background:none;border-left:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(-45deg);}
.sec--deep .ticks li::before{background:var(--amber);}
.sec--deep .ticks--check li::before{background:none;border-color:var(--amber);}

/* ------------------------------ 8. 表格（5.4） --------------------------- */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
table.data{width:100%;min-width:560px;font-size:14.5px;}
table.data caption{caption-side:top;text-align:left;padding:14px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line-soft);}
table.data th{background:var(--indigo);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:14px;text-align:left;padding:14px 18px;white-space:nowrap;}
table.data td{padding:14px 18px;border-top:1px solid var(--line-soft);vertical-align:top;line-height:1.75;}
table.data tbody tr:nth-child(even){background:rgba(27,42,74,.025);}   /* 斑马纹 */
table.data tbody tr:hover{background:rgba(200,134,26,.06);}
table.data td:first-child{color:var(--heading);font-weight:600;}
table.data .amber{color:var(--amber);font-weight:700;}
table.data .num-cell{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;}
.sec--deep .tbl-wrap{border-color:rgba(255,255,255,.18);}
/* 窄屏横向滚动提示（由 main.js 的 initTableHint 注入） */
.tbl-hint{margin:10px 0 0;text-align:center;color:var(--amber-dark);}

/* ------------------------------ 9. Hero 首屏 ---------------------------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(158deg,var(--indigo-deep) 0%,var(--indigo) 55%,var(--indigo-3) 100%);color:rgba(255,255,255,.86);padding-top:var(--hdr-h);}
.hero__bg{position:absolute;inset:0;pointer-events:none;}
.hero__bg svg{width:100%;height:100%;}
.hero__glow{position:absolute;width:640px;height:640px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(200,134,26,.30) 0%,rgba(200,134,26,0) 68%);}
.hero__glow2{position:absolute;width:520px;height:520px;left:-200px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(46,67,112,.55) 0%,rgba(46,67,112,0) 70%);}
/* 注意：本类与 .wrap 同用于同一元素，因此只能设置纵向内边距。
   若写成 padding 简写并把左右设为 0，会覆盖 .wrap 的左右留白，
   在移动端表现为文字与按钮直接贴边、并被裁切。 */
.hero-in{position:relative;z-index:2;padding-top:clamp(72px,9vw,112px);}
.hero__tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--amber);border:1px solid var(--amber-line);background:rgba(200,134,26,.10);border-radius:100px;padding:7px 16px;margin-bottom:22px;}
.hero h1{color:#fff;font-size:clamp(34px,5.2vw,60px);line-height:1.14;letter-spacing:-.01em;}
.hero h1 .en{display:block;font-family:var(--font-num);font-weight:700;letter-spacing:.005em;}
.hero h1 .en em{font-style:normal;color:var(--amber);}
.hero__sub{margin-top:20px;font-family:var(--font-serif);font-size:clamp(19px,2.2vw,26px);font-weight:600;color:#fff;letter-spacing:.02em;}
.hero__desc{margin-top:16px;max-width:640px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.72);}
.hero .btn-row{margin-top:34px;}
.hero__note{margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.48);}
.databand{position:relative;z-index:2;margin-top:clamp(48px,6vw,72px);border-top:1px solid rgba(255,255,255,.14);}
.databand ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);}
.databand li{padding:28px 24px;border-right:1px solid rgba(255,255,255,.14);}
.databand li:first-child{padding-left:0;}
.databand li:last-child{border-right:none;padding-right:0;}
.databand .dv{font-family:var(--font-num);font-size:clamp(22px,2.6vw,32px);font-weight:700;color:var(--amber);line-height:1.2;font-variant-numeric:tabular-nums;}
.databand .dl{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.66);line-height:1.6;}
@media(max-width:900px){
  .databand ul{grid-template-columns:repeat(2,1fr);}
  .databand li{padding:22px 16px;border-bottom:1px solid rgba(255,255,255,.14);}
  .databand li:first-child,.databand li:last-child{padding-left:16px;padding-right:16px;}
  .databand li:nth-child(2n){border-right:none;}
  .databand li:nth-last-child(-n+2){border-bottom:none;}
}

/* 内页横幅 */
.pagehero{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--indigo-deep) 0%,var(--indigo) 70%,var(--indigo-2) 100%);color:rgba(255,255,255,.8);padding-top:var(--hdr-h);}
/* 同 .hero-in：只设纵向内边距，左右留白交给 .wrap */
.pagehero-in{position:relative;z-index:2;padding-top:clamp(52px,6vw,80px);padding-bottom:clamp(40px,5vw,60px);}
.pagehero h1{color:#fff;}
.pagehero__sub{margin-top:16px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.7);max-width:760px;}
.pagehero__meta{margin-top:18px;font-size:13px;color:rgba(255,255,255,.5);}

/* 面包屑（6.1 内页） */
.crumb{background:var(--bg-alt);border-bottom:1px solid var(--line-soft);}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:13px 0;font-size:13px;color:var(--muted);}
.crumb li{display:flex;align-items:center;gap:8px;margin:0;}
.crumb li+li::before{content:"/";color:var(--line);}
.crumb a{color:var(--muted);}
.crumb a:hover{color:var(--amber);}
.crumb [aria-current="page"]{color:var(--heading);font-weight:600;}

/* ------------------------------ 10. 合规提示 ---------------------------- */
.risk{border-left:3px solid var(--amber);background:var(--bg-alt);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;font-size:13px;line-height:1.85;color:var(--muted);}
.risk strong{color:var(--heading);}
.sec--deep .risk{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border-left-color:var(--amber);}
.sec--deep .risk strong{color:#fff;}
.risk--inline{margin-top:22px;}
.notice{border:1px dashed var(--amber);background:var(--amber-tint);border-radius:var(--radius);padding:18px 22px;font-size:14px;line-height:1.8;color:#6B4A0B;}
.notice strong{color:#5A3E09;}
.notice--info{border-color:rgba(27,42,74,.28);background:rgba(27,42,74,.045);color:var(--indigo);}
.tag-pending{display:inline-block;font-size:12px;font-weight:600;color:#8A5A00;background:var(--amber-tint);border:1px solid var(--amber-line);border-radius:3px;padding:2px 8px;vertical-align:middle;}

/* ------------------------------ 11. 表单 -------------------------------- */
.form{display:grid;gap:18px;}
.field{display:grid;gap:7px;}
.field label{font-size:14px;font-weight:600;color:var(--heading);}
.field .req{color:var(--amber);margin-left:3px;}
.field .hint{font-size:12.5px;color:var(--muted);}
.field input,.field select,.field textarea{
  width:100%;font-family:var(--font-sans);font-size:15px;color:var(--text);
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:12px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;
}
.field textarea{min-height:120px;resize:vertical;}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23767676' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:38px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-tint);}
.field input::placeholder,.field textarea::placeholder{color:#A8A8A8;}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--warn);}
.field .err{display:none;font-size:12.5px;color:var(--warn);}
.field.has-error .err{display:block;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.checkline{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.75;color:var(--muted);}
.checkline input{width:16px;height:16px;margin-top:4px;flex:none;accent-color:var(--amber);}
.form-status{display:none;border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.75;}
.form-status.is-ok{display:block;background:rgba(29,122,84,.08);border:1px solid rgba(29,122,84,.32);color:#15603F;}
.form-status.is-err{display:block;background:rgba(163,58,42,.07);border:1px solid rgba(163,58,42,.3);color:#8A2E20;}
.form-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}

/* ------------------------------ 12. 弹窗 / 提示条 ------------------------ */
.modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(11,20,40,.72);backdrop-filter:blur(3px);}
.modal.is-open{display:flex;}
.modal__box{width:100%;max-width:600px;max-height:88dvh;overflow-y:auto;background:#fff;border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.35);}
.modal__hd{padding:26px 30px 0;}
.modal__hd h2{font-size:21px;}
.modal__bd{padding:16px 30px 4px;font-size:14.5px;line-height:1.85;}
.modal__ft{padding:20px 30px 26px;display:flex;flex-direction:column;gap:12px;}
.modal__ft .btn-row{gap:12px;}
.modal__scroll{max-height:180px;overflow-y:auto;background:var(--bg-alt);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px;font-size:13px;line-height:1.8;color:var(--muted);}
@media(max-width:560px){.modal__hd{padding:22px 20px 0;}.modal__bd{padding:14px 20px 4px;}.modal__ft{padding:16px 20px 22px;}}

.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:250;background:var(--indigo-deep);color:rgba(255,255,255,.8);border-top:1px solid rgba(255,255,255,.14);transform:translateY(110%);transition:transform .35s ease;padding:16px 0;}
.cookiebar.is-show{transform:translateY(0);}
.cookiebar .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;}
.cookiebar p{margin:0;font-size:13px;line-height:1.7;flex:1 1 380px;}
.cookiebar a{color:var(--amber);text-decoration:underline;text-underline-offset:2px;}
.cookiebar .btn-row{gap:10px;flex:none;}

/* 浮动返回顶部 */
.totop{position:fixed;right:22px;bottom:22px;z-index:140;width:44px;height:44px;border-radius:50%;background:var(--indigo);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:background .2s,opacity .2s;}
.totop:hover{background:var(--amber);}
.totop.is-show{display:flex;}
@media(max-width:640px){.totop{right:14px;bottom:14px;width:40px;height:40px;}}

/* ------------------------------ 13. Logo 墙 ----------------------------- */
.logowall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;}
.logowall span{display:flex;align-items:center;justify-content:center;min-height:82px;padding:14px 10px;background:#fff;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--indigo);text-align:center;letter-spacing:.02em;transition:background .2s,color .2s;}
.logowall span:hover{background:var(--amber-tint);color:var(--amber-dark);}
@media(max-width:900px){.logowall{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:640px){.logowall{grid-template-columns:repeat(2,minmax(0,1fr));}.logowall span{min-height:64px;font-size:14px;}}

/* ------------------------------ 14. 流程 / 时间线 ------------------------ */
.steps{counter-reset:st;list-style:none;padding:0;margin:0;display:grid;gap:20px;}
.steps li{counter-increment:st;position:relative;padding:22px 24px 22px 74px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);}
.steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:22px;top:20px;width:36px;height:36px;border-radius:50%;background:var(--indigo);color:#fff;font-family:var(--font-num);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.steps li h4{font-size:16px;margin-bottom:6px;}
.steps li p{font-size:14px;margin:0;}
.steps--amber li::before{background:var(--amber);}
.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
.flow li{flex:1 1 0;min-width:130px;padding:18px 14px;text-align:center;position:relative;border-right:1px solid var(--line-soft);font-size:13.5px;font-weight:600;color:var(--heading);display:flex;align-items:center;justify-content:center;line-height:1.5;margin:0;}
.flow li:last-child{border-right:none;}
.flow li::after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;border-top:1.5px solid var(--amber);border-right:1.5px solid var(--amber);transform:translateY(-50%) rotate(45deg);background:#fff;z-index:2;}
.flow li:last-child::after{display:none;}
@media(max-width:760px){
  .flow{flex-direction:column;}
  .flow li{border-right:none;border-bottom:1px solid var(--line-soft);min-width:0;}
  .flow li::after{right:auto;left:50%;top:auto;bottom:-6px;transform:translateX(-50%) rotate(135deg);}
  .flow li:last-child{border-bottom:none;}
}

/* ------------------------------ 15. 图表 -------------------------------- */
.chart{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;}
.chart svg{width:100%;height:auto;}
.bars{display:flex;align-items:flex-end;gap:28px;height:220px;padding:0 8px;}
.bars .bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:8px;}
.bars .bar i{display:block;width:100%;max-width:96px;background:linear-gradient(180deg,var(--indigo-3),var(--indigo));border-radius:3px 3px 0 0;transition:height .6s cubic-bezier(.2,.8,.2,1);}
.bars .bar--hl i{background:linear-gradient(180deg,var(--amber),var(--amber-dark));}
.bars .bar b{font-family:var(--font-num);font-size:18px;color:var(--amber);font-weight:700;}
.bars .bar span{font-size:13px;color:var(--muted);}
.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:13px;color:var(--muted);}
.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px;}

/* ------------------------------ 16. LP 专区 ----------------------------- */
.lockbox{max-width:520px;margin:0 auto;}
.ir-panel{display:none;}
.ir-panel.is-show{display:block;}
.dl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px;flex-wrap:wrap;}
.dl-row__meta{flex:1 1 240px;}
.dl-row__meta strong{display:block;font-size:15px;}
.dl-row__meta span{font-size:12.5px;color:var(--muted);}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--indigo);flex:none;}

/* ------------------------------ 17. 页脚 -------------------------------- */
.ftr{background:var(--indigo-deep);color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.85;padding-top:64px;}
.ftr h4{color:#fff;font-size:15px;font-family:var(--font-sans);font-weight:600;margin-bottom:16px;letter-spacing:.02em;}
.ftr a{color:rgba(255,255,255,.62);}
.ftr a:hover{color:var(--amber);}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:36px;padding-bottom:40px;}
.ftr-brand .brand-logo{height:52px;}
.ftr-brand p{margin-top:14px;max-width:320px;font-size:13px;line-height:1.85;}
.ftr ul{list-style:none;padding:0;margin:0;}
.ftr ul li{margin-bottom:9px;}
.ftr-risk{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.5);}
.ftr-risk strong{color:rgba(255,255,255,.78);font-weight:600;}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 26px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.45);}
.ftr-bottom .links{display:flex;flex-wrap:wrap;gap:18px;}
@media(max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr;gap:28px;}}
@media(max-width:560px){.ftr-grid{grid-template-columns:1fr;gap:24px;}}

/* 页脚站内搜索（方案 §6.1 可选功能） */
.ftr-search{position:relative;margin-top:22px;max-width:320px;}
.ftr-search input{
  width:100%;font-family:var(--font-sans);font-size:14px;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius);padding:10px 12px;line-height:1.4;
}
.ftr-search input::placeholder{color:rgba(255,255,255,.38);}
.ftr-search input:focus{outline:none;border-color:var(--amber);background:rgba(255,255,255,.12);}
.ftr-search__box{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border-radius:var(--radius);box-shadow:0 16px 40px rgba(0,0,0,.3);overflow:hidden;}
.ftr-search__box a{border-bottom:1px solid var(--line-soft);}
.ftr-search__box a:last-child{border-bottom:none;}
.ftr-search__box a:hover{background:var(--amber-tint);}

/* hidden 属性优先于一切 display 声明（避免被 .grid / .card 等覆盖） */
[hidden]{display:none!important;}

/* ------------------------------ 18. 打印 -------------------------------- */
@media print{
  .hdr,.cookiebar,.totop,.modal,.hdr-cta{display:none!important;}
  body{font-size:12pt;}
  .sec{padding:16px 0;}
  .sec--deep,.hero,.pagehero{background:#fff!important;color:#000!important;}
  .hero h1,.pagehero h1,.sec--deep h2{color:#000!important;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}