/* 前台设计系统 —— 0 圆角、1px 描边网格、数字 tabular-nums、涨红跌绿 */
:root {
    --page-bg:#FFFFFF; --soft-bg:#FAF8F5; --red-soft-bg:#FFF3EC;
    --primary:#E33B2E; --accent:#F27127;
    --ink:#0B0B0C; --ink-border:#22221F;
    --text:#161311; --text-sub:#6B6259; --text-weak:#9C948B;
    --border:#E4E0DA; --border-soft:#EDE9E3;
    --up:#D3271A; --down:#00B36A; --neutral:#6B6259;
    --maxw:1440px; --padx:120px;
    --font-sans:'Barlow','Noto Sans SC',system-ui,-apple-system,sans-serif;
    --font-num:'Barlow','Noto Sans SC',system-ui,sans-serif;
    --font-num-big:'Barlow Semi Condensed','Barlow','Noto Sans SC',sans-serif;
}
* { box-sizing:border-box; }
html,body { margin:0; padding:0; }
.site * { border-radius:0 !important; }
body { background:#fff; color:var(--text); font-family:var(--font-sans); font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } a:hover { color:var(--primary); }
h1,h2,h3,h4 { margin:0; font-weight:700; }
img { max-width:100%; }
.num,.font-num { font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; }
.font-num-big { font-family:var(--font-num-big); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.container { max-width:var(--maxw); margin:0 auto; padding-left:var(--padx); padding-right:var(--padx); }
@media (max-width:1200px){ :root{ --padx:40px; } }
.hair-grid { display:grid; gap:1px; background:var(--border); border:1px solid var(--border); }
.hair-cell { background:var(--page-bg); }
.chg-chip { display:inline-flex; align-items:center; justify-content:center; min-width:62px; padding:3px 8px; color:#fff; font-variant-numeric:tabular-nums; font-size:13px; font-weight:600; }
.chg-up{ background:var(--up); } .chg-down{ background:var(--down); } .chg-flat{ background:var(--neutral); }
@keyframes flash-up{0%{color:var(--up);}100%{color:inherit;}}
@keyframes flash-down{0%{color:var(--down);}100%{color:inherit;}}
.flash-up{ animation:flash-up .2s ease-out; } .flash-down{ animation:flash-down .2s ease-out; }
@keyframes ticker{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
.eyebrow{ font-family:var(--font-num); font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--text-weak); }
.btn{ display:inline-flex; align-items:center; gap:8px; padding:13px 26px; font-size:14px; font-weight:600; cursor:pointer; border:1px solid transparent; }
.btn-primary{ background:var(--primary); color:#fffefe; } .btn-primary:hover{ background:#cf3226; color:#fff; }
.btn-ghost{ background:var(--page-bg); border-color:var(--border); color:var(--text); } .btn-ghost:hover{ background:var(--soft-bg); color:var(--text); }
.btn-dark{ background:#17171a; color:#fff; }
.risk-bar{ display:flex; gap:3px; } .risk-cell{ width:22px; height:8px; background:var(--border-soft); } .risk-cell.on{ background:var(--primary); }
.html-block{ display:block; }
/* 富文本块 */
.rt{ overflow-wrap:break-word; word-break:break-word; }
.rt h2{ font-size:22px; margin:28px 0 12px; } .rt h3{ font-size:17px; margin:22px 0 10px; }
.rt p{ margin:0 0 14px; color:var(--text-sub); line-height:1.85; }
.rt ul,.rt ol{ margin:0 0 16px; padding-left:20px; color:var(--text-sub); line-height:1.9; }
.rt-table{ width:100%; border-collapse:collapse; margin:12px 0 20px; font-size:14px; }
.rt-table th,.rt-table td{ border:1px solid var(--border); padding:10px 14px; text-align:left; }
.rt-table th{ background:var(--soft-bg); font-weight:600; } .rt-table td.num{ text-align:right; }
.rt-steps{ list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:1px; background:var(--border); border:1px solid var(--border); }
.rt-steps li{ background:var(--page-bg); display:flex; gap:14px; padding:14px 16px; }
.rt-steps .no{ flex:none; width:26px; height:26px; background:var(--red-soft-bg); border:1px solid #f0cdbc; color:var(--primary); font-family:var(--font-num); font-weight:700; font-size:12px; display:flex; align-items:center; justify-content:center; }
.callout{ display:flex; flex-direction:column; gap:4px; padding:14px 16px 14px 18px; margin:0 0 18px; background:var(--soft-bg); border-left:2px solid var(--neutral); }
.callout-title{ font-weight:700; font-size:13px; } .callout-body{ color:var(--text-sub); font-size:14px; }
.callout-warn{ background:#fdece9; border-left-color:var(--up); } .callout-warn .callout-title{ color:var(--up); }
.callout-tip{ background:var(--red-soft-bg); border-left-color:var(--accent); } .callout-tip .callout-title{ color:var(--accent); }
.callout-note{ background:var(--soft-bg); border-left-color:var(--neutral); }
/* 富文本长文块（后台所见即所得直出，复用 .rt 排版） */
.rt a{ color:var(--primary); text-decoration:underline; text-underline-offset:2px; }
.rt a:hover{ color:var(--accent); }
.rt img{ max-width:100%; height:auto; display:block; margin:16px 0; border-radius:4px; }
.rt figure{ margin:16px 0; } .rt figure img{ margin:0; } .rt figcaption{ font-size:13px; color:var(--text-weak); text-align:center; margin-top:6px; }
.rt strong,.rt b{ font-weight:700; color:var(--text); }
.rt em,.rt i{ font-style:italic; }
.rt blockquote{ margin:0 0 16px; padding:10px 16px; border-left:3px solid var(--border); background:var(--soft-bg); color:var(--text-sub); }
.rt u{ text-decoration:underline; } .rt s,.rt strike,.rt del{ text-decoration:line-through; }
.rt [style*="text-align:center"] img,.rt [style*="text-align: center"] img{ margin-left:auto; margin-right:auto; }
.rt [style*="text-align:right"] img,.rt [style*="text-align: right"] img{ margin-left:auto; margin-right:0; }
.rt > :first-child{ margin-top:0; }
/* 图片灯箱（点击放大） */
.license-grid img, .rt img, img.zoomable{ cursor:zoom-in; }
.img-lightbox{ display:none; position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.82); align-items:center; justify-content:center; padding:32px; cursor:zoom-out; }
.img-lightbox.open{ display:flex; }
.img-lightbox img{ max-width:96vw; max-height:92vh; background:#fff; box-shadow:0 10px 44px rgba(0,0,0,.5); cursor:default; }
.img-lightbox-close{ position:fixed; top:18px; right:22px; width:40px; height:40px; border:none; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:20px; line-height:1; cursor:pointer; }
.img-lightbox-close:hover{ background:rgba(255,255,255,.3); }
/* 帮助页三栏响应式 */
.help-layout{ display:grid; grid-template-columns:284px 1fr 232px; align-items:start; }
.help-tree{ border-right:1px solid var(--border); } .help-toc{ border-left:1px solid var(--border); padding:24px 20px; }
.help-main{ padding:8px 40px 40px; min-width:0; }
@media (max-width:1199px){ .help-layout{ grid-template-columns:284px 1fr; } .help-toc{ display:none; } }
@media (max-width:767px){ .help-layout{ grid-template-columns:1fr; } .help-tree{ display:none; } .help-main{ padding:16px 20px 32px; } }

/* ============ 响应式（新增）——桌面观感不变；中间态 768–1199 / 移动 <768 ============ */
/* 汉堡按钮与移动菜单：桌面态隐藏 */
.nav-toggle{ display:none; }
.nav-mobile{ display:none; }

/* 中间态（平板）：超大标题略降，页脚收一列 */
@media (min-width:768px) and (max-width:1199px){
  .site main h1{ font-size:42px; }
  .foot-grid{ grid-template-columns:1.4fr 1fr 1fr 1fr !important; }
}

@media (max-width:767px){
  :root{ --padx:16px; }

  /* 顶栏 68→56px，收起桌面导航，露出汉堡 */
  .topbar{ height:56px !important; }
  .nav-desktop{ display:none !important; }
  .hdr-right{ display:none !important; }
  .nav-toggle{ display:inline-flex; align-items:center; justify-content:center; width:46px; margin-left:auto;
    background:none; border:none; border-left:1px solid var(--ink-border); color:#F5F3F0; font-size:20px; cursor:pointer; }
  .nav-mobile.open{ display:block; background:var(--ink); border-top:1px solid var(--ink-border); }
  .nav-mobile.open a{ display:block; padding:14px 20px; color:#C9C6C1; font-size:15px; border-bottom:1px solid var(--ink-border); }
  .nav-mobile.open a:active{ background:#17171a; color:#F5F3F0; }

  /* 大标题缩放 */
  .site main h1{ font-size:30px !important; line-height:1.2 !important; }
  .site main h2{ font-size:21px !important; }

  /* 两栏内容区 → 单列堆叠 */
  .g-split{ grid-template-columns:1fr !important; gap:26px !important; }

  /* 页脚 → 2 列；品牌列占整行 */
  .foot-grid{ grid-template-columns:1fr 1fr !important; gap:26px 20px !important; }
  .foot-grid > div:first-child{ grid-column:1 / -1; }

  /* 卡片 / 统计网格（repeat 型 hair-grid）→ 2 列 */
  .site .hair-grid[style*="repeat"]{ grid-template-columns:repeat(2,1fr) !important; }

  /* 按钮组 → 竖向整宽堆叠 */
  .cta-row{ flex-direction:column !important; width:100% !important; align-items:stretch !important; }
  .cta-row .btn{ justify-content:center; width:100%; height:48px; }

  /* 行情表：隐藏次要列（走势/点差/杠杆），并兜底横向滚动 */
  .hide-sm{ display:none !important; }
  .market-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .market-table > div:first-child{ gap:16px !important; }
}

/* ============ 帮助中心分类：桌面网格 / 移动手风琴（嵌入 APP） ============ */
/* 默认（桌面/平板）：手风琴隐藏，沿用原网格 */
.help-cats-mobile{ display:none; }
.help-cats-mobile .hc-node{ background:var(--page-bg); border:1px solid var(--border); border-top:none; scroll-margin-top:64px; }
.help-cats-mobile .hc-node:first-child{ border-top:1px solid var(--border); }
.help-cats-mobile .hc-head{ display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer; user-select:none; }
.help-cats-mobile .hc-badge{ width:28px; height:28px; flex:none; background:var(--red-soft-bg); border:1px solid #f0cdbc; color:var(--primary); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.help-cats-mobile .hc-name{ font-size:15.5px; font-weight:700; color:var(--text); }
.help-cats-mobile .hc-count{ margin-left:auto; font-size:12px; color:var(--text-weak); }
.help-cats-mobile .hc-ico{ position:relative; width:18px; height:18px; flex:none; }
.help-cats-mobile .hc-ico::before,.help-cats-mobile .hc-ico::after{ content:""; position:absolute; background:var(--text-sub); transition:opacity .2s, transform .3s; }
.help-cats-mobile .hc-ico::before{ left:0; top:8px; width:18px; height:1.5px; }
.help-cats-mobile .hc-ico::after{ left:8px; top:0; width:1.5px; height:18px; }
.help-cats-mobile .hc-node.open .hc-ico::before,.help-cats-mobile .hc-node.open .hc-ico::after{ background:var(--primary); }
.help-cats-mobile .hc-node.open .hc-ico::after{ opacity:0; transform:scaleY(0); }
.help-cats-mobile .hc-sub{ max-height:0; overflow:hidden; transition:max-height .32s ease; }
.help-cats-mobile .hc-grp{ background:var(--soft-bg); }
.help-cats-mobile .hc-doc{ display:flex; align-items:center; padding:13px 16px 13px 40px; font-size:14px; color:var(--text-sub); text-decoration:none; }
.help-cats-mobile .hc-doc + .hc-doc{ border-top:1px solid var(--border-soft); }
.help-cats-mobile .hc-doc .hc-chev{ margin-left:auto; color:var(--text-weak); font-size:15px; }
.help-cats-mobile .hc-doc:active{ color:var(--primary); }
.help-cats-mobile .hc-empty{ padding:13px 16px 13px 40px; font-size:13px; color:var(--text-weak); }
.help-cats-mobile .hc-node.hc-hl .hc-grp{ animation:hc-hl 1.3s ease; }
@keyframes hc-hl{ 0%,60%{ background:#fdeee9; } 100%{ background:var(--soft-bg); } }
/* 移动端：网格隐藏，手风琴显示 */
@media (max-width:767px){
  .help-cats-desktop{ display:none !important; }
  .help-cats-mobile{ display:block; }
}

/* ============ JDT 平台代币页（桌面 1440 / 移动 390） ============ */
.jdt-badge{ width:56px; height:56px; flex:none; background:var(--primary); color:#FFFEFE; font-family:var(--font-num); font-weight:700; font-size:17px; letter-spacing:.06em; display:flex; align-items:center; justify-content:center; }
.jdt-hero{ display:grid; grid-template-columns:1.02fr .98fr; gap:70px; align-items:center; }
.jdt-wp-btn{ align-self:flex-start; display:inline-flex; align-items:center; gap:10px; padding:16px 44px; background:var(--primary); color:#FFFEFE; font-size:16px; font-weight:600; text-decoration:none; }
.jdt-wp-btn:hover{ background:#cf3226; color:#FFFEFE; }
.jdt-wp-btn svg{ flex:none; }
.jdt-wp-pdf{ font-size:12px; font-weight:400; letter-spacing:.08em; opacity:.82; }
.jdt-hero-stats{ grid-template-columns:1fr 1fr; }
.jdt-head{ display:flex; align-items:center; gap:14px; margin-bottom:34px; }
.jdt-az{ width:26px; height:26px; flex:none; background:var(--primary); color:#FFFEFE; font-family:var(--font-num); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
.jdt-en{ font-family:var(--font-num); font-size:14px; letter-spacing:.08em; color:var(--text-weak); }
.jdt-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-alloc{ display:grid; grid-template-columns:340px 1fr; gap:56px; align-items:center; }
.jdt-ring{ position:relative; width:230px; height:230px; }
.jdt-ring-center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.jdt-alloc-list{ display:flex; flex-direction:column; gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-alloc-row{ background:var(--page-bg); padding:17px 22px; display:grid; grid-template-columns:230px 76px 1fr; gap:20px; align-items:center; }
.jdt-alloc-head{ background:#F0EDE8; padding:12px 22px; }
.jdt-alloc-head span{ font-size:12px; font-weight:500; color:var(--text-weak); }
.jdt-rel3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-timeline{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.jdt-burn2{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); margin-bottom:1px; }
.jdt-burn3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-grid-5{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-compound{ display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-stage{ background:var(--page-bg); display:flex; flex-direction:column; justify-content:flex-end; }
.jdt-stage-info{ padding:22px 24px 0; display:flex; flex-direction:column; gap:10px; }
.jdt-stage-no{ width:24px; height:24px; flex:none; background:var(--primary); color:#FFFEFE; font-family:var(--font-num); font-weight:700; font-size:12px; display:flex; align-items:center; justify-content:center; }
.jdt-bar{ margin:18px 24px 0; height:var(--h); background:var(--primary); }
.jdt-types{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-equity{ display:grid; grid-template-columns:1.25fr .75fr; gap:1px; background:var(--border); border:1px solid var(--border); }
.jdt-home{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.jdt-home-bars{ display:flex; align-items:flex-end; gap:8px; height:80px; }
.jdt-home-bars span{ flex:1; background:var(--primary); opacity:.82; }
@media (max-width:767px){
  .jdt-hero{ grid-template-columns:1fr; gap:26px; }
  .jdt-hero h1{ font-size:30px !important; }
  .jdt-wp-btn{ align-self:stretch; justify-content:center; width:100%; }
  .jdt-head h2{ font-size:19px !important; }
  .jdt-az{ width:20px; height:20px; font-size:11px; }
  .jdt-grid-3{ grid-template-columns:repeat(2,1fr); }
  .jdt-alloc{ grid-template-columns:1fr; gap:26px; }
  .jdt-ring{ width:176px; height:176px; margin:0 auto; }
  .jdt-alloc-row{ grid-template-columns:1fr; gap:8px; padding:14px 16px; }
  .jdt-alloc-row > span:nth-child(2){ text-align:left !important; }
  .jdt-alloc-head{ display:none; }
  .jdt-rel3{ grid-template-columns:1fr; }
  .jdt-timeline{ grid-template-columns:1fr; gap:20px; }
  .jdt-burn2, .jdt-burn3{ grid-template-columns:1fr; }
  .jdt-grid-5{ grid-template-columns:repeat(2,1fr); }
  .jdt-grid-4{ grid-template-columns:repeat(2,1fr); }
  .jdt-compound{ grid-template-columns:1fr; }
  .jdt-stage{ flex-direction:row; align-items:center; justify-content:flex-start; gap:16px; padding:14px 16px; }
  .jdt-stage-info{ padding:0; flex:none; }
  .jdt-bar{ margin:0; height:8px !important; width:var(--w); align-self:center; }
  .jdt-types{ grid-template-columns:1fr; }
  .jdt-equity{ grid-template-columns:1fr; }
  .jdt-home{ grid-template-columns:1fr; gap:26px; }
  .jdt-home h2{ font-size:26px !important; }
  .jdt-home-cta2{ display:none; }
}