/* ==========================================================================
   27CC Rebate — Inner-page design system (scope: body.pg-in)
   Same tokens, type, nav, buttons, cards, inputs and footer as the homepage
   (home.*.css), applied to FAQ, brokers, guide, calculator, academy and legal pages.
   Loaded after /dist/style.*.css; shared styles and page markup are untouched.
   ========================================================================== */
/* 1 ─ Tokens ───────────────────────────────────────────────────────────── */
.pg-in{
  /* colour */
  --h-bg:#FFFFFF; --h-bg-2:#F7F7F7;
  --h-tx:#171717; --h-tx-2:#777777; --h-tx-3:#A0A0A0;
  --h-line:#EAEAEA; --h-line-strong:#D9D9D9;
  --h-btn:#171717; --h-btn-hover:#333333; --h-btn-tx:#FFFFFF;
  --h-brand:#2D54E8;               /* 27CC brand blue — links/focus/active only */
  --h-brand-soft:#EEF2FF;
  /* radius */
  --h-r-ctl:12px;                   /* buttons, inputs, menus items */
  --h-r-sm:14px; --h-r-md:16px; --h-r-lg:20px;   /* cards 14–20 */
  /* shadow (very light) */
  --h-sh-0:0 1px 2px rgba(0,0,0,.03);
  --h-sh-1:0 10px 28px -14px rgba(0,0,0,.14);
  /* spacing / layout */
  --h-w:1160px; --h-gap:20px; --h-pad:28px;
  --h-sec-y:clamp(56px,8vw,112px);
  /* type scale */
  --h-fs-display:clamp(2.5rem,5.6vw,4rem);
  --h-fs-h2:clamp(1.75rem,3.2vw,2.5rem);
  --h-fs-h3:clamp(1.0625rem,1.4vw,1.25rem);
  --h-fs-lead:clamp(1.0625rem,1.5vw,1.25rem);
  --h-fs-body:1rem; --h-fs-sm:.875rem; --h-fs-xs:.8125rem;
  /* motion */
  --h-ease:cubic-bezier(.2,.7,.2,1);
  --h-t-fast:180ms; --h-t:240ms; --h-t-slow:300ms;

  /* remap legacy tokens so every shared rule picks up the new palette */
  --bg:var(--h-bg); --bg-2:var(--h-bg-2); --surface:var(--h-bg);
  --tx:var(--h-tx); --tx-2:var(--h-tx-2); --tx-3:var(--h-tx-3);
  --line:var(--h-line); --line-strong:var(--h-line-strong);
  --r:var(--h-r-ctl); --r-lg:var(--h-r-md);
  --sh-1:var(--h-sh-0); --sh-2:var(--h-sh-1);
  --w-page:var(--h-w); --gutter:24px;
  --brand:var(--h-brand); --brand-soft:var(--h-brand-soft);
  --t:var(--h-t-fast); --ease:var(--h-ease);
  --hdr-bg:rgba(255,255,255,.85);
  background:var(--h-bg);
}

/* 2 ─ Base & typography ────────────────────────────────────────────────── */
.pg-in{color:var(--h-tx);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:var(--h-fs-body);line-height:1.65;letter-spacing:0;font-feature-settings:"cv11" 1,"ss03" 1}
.pg-in h1,.pg-in h2,.pg-in h3{color:var(--h-tx);text-wrap:balance}
/* display title — reserved for the v2 hero (h1) */
.pg-in .h-display{font-size:var(--h-fs-display);font-weight:700;line-height:1.08;letter-spacing:-.035em}
/* section title */
.pg-in h2{font-size:var(--h-fs-h2);font-weight:600;line-height:1.15;letter-spacing:-.028em}
/* card title */
.pg-in h3,.pg-in .lk-t{font-size:var(--h-fs-h3);font-weight:600;line-height:1.35;letter-spacing:-.012em}
.pg-in .lead{font-size:var(--h-fs-lead);font-weight:400;line-height:1.55;color:var(--h-tx);letter-spacing:-.01em}
.pg-in .lk-d,.pg-in .hm-h p{color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.6}
.pg-in .small,.pg-in small{color:var(--h-tx-3);font-size:var(--h-fs-xs)}
.pg-in a{text-decoration-color:rgba(23,23,23,.25)}
.pg-in a:hover{color:var(--h-tx)}
.pg-in :focus-visible{outline:2px solid var(--h-brand);outline-offset:2px}
.pg-in ::selection{background:var(--h-brand-soft)}
/* 中文：不收紧字距，行高略放；标题字距收得比英文少 */
.pg-in:lang(zh){line-height:1.75}
.pg-in:lang(zh) h1,.pg-in:lang(zh) h2,.pg-in:lang(zh) h3,
.pg-in:lang(zh) .h-display{letter-spacing:-.01em;line-height:1.3}
.pg-in:lang(zh) h2{font-weight:600}
.pg-in:lang(zh) .lead{letter-spacing:0;line-height:1.7}
.pg-in:lang(zh) .lk-d,.pg-in:lang(zh) .hm-h p{line-height:1.75}
/* 英文：标准紧字距 */
.pg-in:lang(en) h2{line-height:1.12}

/* 3 ─ Layout ───────────────────────────────────────────────────────────── */
.pg-in .wrap{max-width:var(--h-w)}
.pg-in main[data-p=index]{padding-bottom:var(--h-sec-y)}
.pg-in .hm-sec{padding:var(--h-sec-y) 0;border-top:1px solid var(--h-line);gap:var(--h-gap)}
.pg-in .hm-sec:first-of-type{border-top:0;padding-top:clamp(40px,6vw,80px)}
.pg-in .hm-h h2{padding-top:0}
.pg-in .hm-h h2:before{display:none}               /* 去掉旧的蓝色短横装饰 */
.pg-in .hm-h p{max-width:28em}
.pg-in .hm-b>p:last-child{margin-bottom:0}
.pg-in .bk-grid{gap:var(--h-gap);margin-bottom:0}

/* 4 ─ Navigation ───────────────────────────────────────────────────────── */
.pg-in .rbar{background:var(--h-bg-2);border-bottom:1px solid var(--h-line);color:var(--h-tx-2)}
.pg-in .rbar:hover{color:var(--h-tx)}
.pg-in header{background:var(--hdr-bg);border-bottom:1px solid var(--h-line);box-shadow:none;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.pg-in .top{min-height:60px}
.pg-in .brand{color:var(--h-tx);font-weight:700;letter-spacing:-.02em}      /* Logo 图片不动 */
.pg-in .dnav{gap:2px}
.pg-in .dnav a{padding:0 14px;border-radius:999px;color:var(--h-tx-2);font-size:var(--h-fs-sm);font-weight:500;transition:color var(--h-t-fast) var(--h-ease),background-color var(--h-t-fast) var(--h-ease)}
.pg-in .dnav a:hover{background:transparent;color:var(--h-tx)}
.pg-in .dnav a.on{background:transparent;color:var(--h-tx)}
.pg-in .tbtn,.pg-in .lbtn{border:1px solid var(--h-line);background:var(--h-bg);color:var(--h-tx);border-radius:999px;transition:border-color var(--h-t-fast) var(--h-ease),background-color var(--h-t-fast) var(--h-ease)}
.pg-in .tbtn:hover,.pg-in .lbtn:hover{border-color:var(--h-line-strong);background:var(--h-bg-2)}
.pg-in .mmenu{background:var(--h-bg)}
.pg-in .mmenu nav a{color:var(--h-tx);border-bottom:1px solid var(--h-line)}
.pg-in .mmenu nav a.on{color:var(--h-tx);font-weight:600}

/* 5 ─ Buttons ──────────────────────────────────────────────────────────── */
.pg-in .btn{min-height:44px;padding:0 22px;border:1px solid var(--h-btn);border-radius:var(--h-r-ctl);background:var(--h-btn);color:var(--h-btn-tx);font-weight:600;font-size:.9375rem;letter-spacing:0;box-shadow:none;filter:none;
  transition:background-color var(--h-t-fast) var(--h-ease),border-color var(--h-t-fast) var(--h-ease),color var(--h-t-fast) var(--h-ease),transform var(--h-t-fast) var(--h-ease)}
.pg-in .btn:hover{background:var(--h-btn-hover);border-color:var(--h-btn-hover);color:var(--h-btn-tx);filter:none;transform:none;box-shadow:none}
.pg-in .btn:active{background:#000;border-color:#000;transform:scale(.985)}
.pg-in .btn.ghost,.pg-in .btn.line{background:var(--h-bg);border:1px solid var(--h-line-strong);color:var(--h-tx)}
.pg-in .btn.ghost:hover,.pg-in .btn.line:hover{background:var(--h-bg-2);border-color:var(--h-tx-3);color:var(--h-tx)}
.pg-in .btn.off,.pg-in .btn:disabled{background:var(--h-bg-2);border:1px solid var(--h-line);color:var(--h-tx-3)}
.pg-in .btn.sm{min-height:36px;padding:0 16px;font-size:var(--h-fs-sm)}
.pg-in .lnk-a{color:var(--h-tx);font-weight:500}
.pg-in .lnk-a:hover{color:var(--h-brand)}

/* 6 ─ Cards ────────────────────────────────────────────────────────────── */
.pg-in .card,.pg-in .box,.pg-in .lk a{background:var(--h-bg);border:1px solid var(--h-line);border-radius:var(--h-r-md);box-shadow:var(--h-sh-0)}
.pg-in .card{padding:var(--h-pad);gap:var(--s4)}
.pg-in .card:before{display:none}                  /* 去掉经纪商彩色顶条（资料不变，仅视觉） */
.pg-in .card,.pg-in .lk a{transition:transform var(--h-t) var(--h-ease),box-shadow var(--h-t) var(--h-ease),border-color var(--h-t) var(--h-ease)}
.pg-in .card:hover,.pg-in .lk a:hover{transform:translateY(-2px);box-shadow:var(--h-sh-1);border-color:var(--h-line-strong)}
/* 经纪商卡片（Logo 方块） */
.pg-in .card.bk-tile{min-height:132px;padding:var(--h-pad) var(--s5);border-radius:var(--h-r-md)}
/* 普通链接行卡片 */
.pg-in .lk li{margin-bottom:var(--s3)}
.pg-in .lk a{padding:var(--s5) var(--h-pad);border-radius:var(--h-r-sm)}
.pg-in .lk a:hover .lk-t{color:var(--h-tx)}
.pg-in .lk .ic{color:var(--h-tx-3)}
.pg-in .lk a:hover .ic{color:var(--h-tx)}
/* 风险提示框 */
.pg-in .rk-box{background:var(--h-bg-2);border:1px solid var(--h-line);border-radius:var(--h-r-md);color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.75}
/* 内容文章卡片 — v2 起用于首页“学习/文章”区块（现首页暂无该区块） */
.pg-in .card.is-article{padding:0;overflow:hidden;gap:0;border-radius:var(--h-r-md)}
.pg-in .card.is-article .art-body{padding:var(--s5) var(--h-pad) var(--h-pad);display:flex;flex-direction:column;gap:var(--s2)}
.pg-in .card.is-article .art-meta{font-size:var(--h-fs-xs);color:var(--h-tx-3)}
.pg-in .card.is-article h3{margin:0}
.pg-in .card.is-article p{margin:0;color:var(--h-tx-2);font-size:var(--h-fs-sm)}

/* 7 ─ Inputs & dropdowns ───────────────────────────────────────────────── */
.pg-in select,.pg-in input{min-height:46px;padding:0 14px;border:1px solid var(--h-line-strong);border-radius:var(--h-r-ctl);background-color:var(--h-bg);color:var(--h-tx);font-size:var(--h-fs-body);transition:border-color var(--h-t-fast) var(--h-ease),box-shadow var(--h-t-fast) var(--h-ease)}
.pg-in select:hover:not(:disabled),.pg-in input:hover:not(:disabled){border-color:var(--h-tx-3)}
.pg-in select:focus,.pg-in input:focus{border-color:var(--h-tx);box-shadow:0 0 0 3px rgba(23,23,23,.08)}
.pg-in input::placeholder{color:var(--h-tx-3)}
.pg-in .lmenu,.pg-in .fab-menu{background:var(--h-bg);border:1px solid var(--h-line);border-radius:var(--h-r-sm);box-shadow:0 12px 32px -12px rgba(0,0,0,.18)}
.pg-in .lopt{border-radius:10px;color:var(--h-tx)}
.pg-in .lopt:hover{background:var(--h-bg-2)}
.pg-in .lopt[aria-current=true],.pg-in .lopt[aria-checked=true]{color:var(--h-tx);font-weight:600}
.pg-in .lopt .ic{color:var(--h-tx)}
.pg-in .lsw.open .lbtn,.pg-in .ssw.open .lbtn{border-color:var(--h-tx);box-shadow:0 0 0 3px rgba(23,23,23,.08)}

/* 8 ─ Divider · Icon · Section container ───────────────────────────────── */
.pg-in hr,.pg-in .h-divider{height:1px;border:0;margin:0;background:var(--h-line)}
.pg-in .ic{stroke-width:1.75}                      /* 统一线性图标：1.75 描边、currentColor */
.pg-in .h-section{padding:var(--h-sec-y) 0}
.pg-in .h-panel{background:var(--h-bg-2);border:1px solid var(--h-line);border-radius:var(--h-r-lg);padding:clamp(28px,5vw,64px)}

/* 9 ─ Footer & floating button ─────────────────────────────────────────── */
.pg-in footer h2,.pg-in .frisk h2{font-size:var(--h-fs-sm);font-weight:600;letter-spacing:0;line-height:1.4;margin:0 0 var(--s3);color:var(--h-tx)}
.pg-in footer .frisk p{font-size:var(--h-fs-xs);line-height:1.7;color:var(--h-tx-3)}
.pg-in .brand,.pg-in .brand span,.pg-in .lbtn .ln{white-space:nowrap}
.pg-in footer{background:var(--h-bg-2);border-top:1px solid var(--h-line);color:var(--h-tx-2)}
.pg-in footer:before{display:none}
.pg-in footer a{color:var(--h-tx-2);text-decoration:none}
.pg-in footer a:hover{color:var(--h-tx)}
.pg-in .chat-fab{background:var(--h-btn);box-shadow:0 8px 24px -10px rgba(0,0,0,.35);filter:none}
.pg-in .chat-fab:hover{background:var(--h-btn-hover);filter:none}

/* 10 ─ Motion ──────────────────────────────────────────────────────────── */
.pg-in .rv{opacity:0;transform:translateY(12px);transition:opacity var(--h-t-slow) var(--h-ease),transform var(--h-t-slow) var(--h-ease)}
.pg-in .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .pg-in *,.pg-in *:before,.pg-in *:after{transition:none!important;animation:none!important}
  .pg-in .rv{opacity:1;transform:none}
  .pg-in .card:hover,.pg-in .lk a:hover,.pg-in .btn:active{transform:none}
}
@media (prefers-reduced-transparency:reduce){.pg-in header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--h-bg)}}

/* 11 ─ Responsive (mobile uses its own, tighter rhythm) ───────────────── */
@media (max-width:719px){
  .pg-in{--h-gap:12px;--h-pad:20px;--h-sec-y:56px;--gutter:20px}
  .pg-in .card.bk-tile{min-height:104px;padding:var(--s4)}
  .pg-in .lk a{padding:var(--s4) var(--s5)}
  .pg-in .hm-h p{max-width:none}
  .pg-in .btn{min-height:48px}
  .pg-in .brand{font-size:1.0625rem}
  .pg-in .top{gap:var(--s3)}
}
@media (min-width:900px){
  .pg-in .card.bk-tile{min-height:156px}
}

/* 12 ─ Dark-mode fallback (site has a theme toggle; v1 keeps it legible) ── */
[data-theme=dark] .pg-in{
  --h-bg:#0C0C0C; --h-bg-2:#141414; --h-tx:#F2F2F2; --h-tx-2:#A0A0A0; --h-tx-3:#777777;
  --h-line:#262626; --h-line-strong:#363636; --h-btn:#F2F2F2; --h-btn-hover:#FFFFFF; --h-btn-tx:#0C0C0C;
  --h-brand:#7C9BFF; --h-brand-soft:#1A2347; --hdr-bg:rgba(12,12,12,.85);
}
[data-theme=dark] .pg-in .btn:active{background:#fff;border-color:#fff}
[data-theme=dark] .pg-in .card.bk-tile{background:#fff;border-color:#fff}

/* 15 ─ v2C · Footer, mobile menu, floating button, cross-section consistency (home only) ───── */
/* buttons: card buttons match hero buttons (48px on mobile) */
.pg-in .tl-go{min-height:48px}
/* footer */
.pg-in footer{padding:56px 0 calc(96px + env(safe-area-inset-bottom,0px))}
.pg-in footer .fcols{gap:32px 20px;margin:0 0 40px}
.pg-in footer .fbrand p{margin:12px 0 0;line-height:1.7}
.pg-in footer .fh{margin:0 0 8px;font-size:var(--h-fs-sm);font-weight:600;line-height:1.4}
.pg-in footer .fcg-b{gap:0}
.pg-in footer .fcg-b a{min-height:44px;line-height:1.4}
.pg-in footer .fcg-b2{gap:16px}
.pg-in footer .frisk{padding-top:32px;border-top:1px solid var(--h-line-strong)}
.pg-in footer .frisk h2{margin:0 0 12px}
.pg-in footer .frisk p{color:var(--h-tx-2);font-size:var(--h-fs-xs);line-height:1.75}
.pg-in footer .frisk p+p{margin-top:12px}
.pg-in footer a:active{color:var(--h-tx)}
/* mobile menu */
.pg-in .mmenu{padding:8px 0 calc(96px + env(safe-area-inset-bottom,0px))}
.pg-in .mmenu nav a{min-height:56px;font-size:1.0625rem;line-height:1.4;transition:background-color var(--h-t-fast) var(--h-ease)}
.pg-in .mmenu nav a:active{background:var(--h-bg-2)}
.pg-in .mm-foot{padding:20px 0 0}
.pg-in .mm-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--h-tx-2);font-size:var(--h-fs-sm);text-decoration:none;border-bottom:0}
/* footer brand link tap target */
.pg-in footer .brand{display:inline-flex;align-items:center;min-height:44px}
/* floating button + its menu */
.pg-in .chat-fab{width:52px;height:52px;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 8px))}
.pg-in .fab-menu{width:min(248px,calc(100vw - 32px))}
.pg-in .fab-i{min-height:48px}
.pg-in .fab-i span{min-width:0}
.pg-in .fab-i.is-soon span{white-space:nowrap}
.pg-in .fab-i em{flex:none;white-space:nowrap}
@media (max-width:359px){
  .pg-in footer .fcols{gap:28px 16px}
  .pg-in footer .fcg-b2{gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .pg-in .mmenu nav a{transition:none}
}

/* 16 ─ v3 · Broker order/grid, rebate-calculator panel, reveal motion, narrow header (home only) ───── */
/* header: brand may shrink instead of being covered by the buttons */
.pg-in .top{gap:8px}
.pg-in .brand{min-width:0;flex:0 1 auto}
.pg-in .brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-in .top-r{flex:none}
@media (max-width:420px){
  .pg-in header .lbtn{padding-left:10px;padding-right:8px;gap:6px}
  .pg-in .top-r{gap:6px}
}
@media (max-width:380px){
  .pg-in header .lbtn .ln{display:none}
  .pg-in header .lbtn{padding-left:8px}
}
/* 17d · footer (brand block + five link groups + risk warning) */
.pg-in footer .hf{display:flex;flex-direction:column;gap:32px;margin:0 0 40px}
.pg-in footer .hf-brand{max-width:360px}
.pg-in footer .hf-brand p{margin:12px 0 0;font-size:var(--h-fs-sm);line-height:1.7}
.pg-in footer .hf-tg{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;color:var(--h-tx-2);font-size:var(--h-fs-sm);font-weight:500;transition:color var(--h-t-fast) var(--h-ease)}
.pg-in footer .hf-tg:hover{color:var(--h-brand)}
.pg-in footer .hf-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-top:32px;border-top:1px solid var(--h-line-strong)}
.pg-in footer .hf-h{margin:0 0 6px;color:var(--h-tx);font-size:var(--h-fs-sm);font-weight:600;line-height:1.4}
.pg-in footer .hf-l{display:flex;flex-direction:column}
.pg-in footer .hf-l a{display:flex;align-items:center;min-height:44px;color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.4;overflow-wrap:anywhere;transition:color var(--h-t-fast) var(--h-ease)}
.pg-in footer .hf-l a:hover{color:var(--h-tx)}
.pg-in footer .hf-foot{margin:20px 0 0;color:var(--h-tx-3);font-size:var(--h-fs-xs);line-height:1.6}


/* ==========================================================================
   I · Inner pages (FAQ · brokers · guide · calculator · academy · legal)
   Components below reuse the homepage tokens above. Only elements that exist
   on inner pages are styled; no markup, copy, data or script was changed.
   ========================================================================== */

/* I-1 · Page frame & titles ------------------------------------------------ */
.pg-in{--h-text:720px}
.pg-in main.wrap{padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(56px,8vw,96px)}
.pg-in .hero{padding:clamp(28px,5vw,56px) 0 0}
.pg-in .hero+main.wrap{padding-top:clamp(20px,3vw,32px)}
.pg-in .hero-in{max-width:var(--h-w)}
.pg-in .hero h1,.pg-in main.wrap>h1{margin:0;font-size:clamp(1.875rem,5.4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}
.pg-in main.wrap>h1.faq-h1s{font-size:clamp(1.5rem,4.4vw,2rem);line-height:1.25}
.pg-in:lang(zh) .hero h1,.pg-in:lang(zh) main.wrap>h1{letter-spacing:-.01em;line-height:1.3}
.pg-in .hero p{max-width:36em;margin:12px 0 0;color:var(--h-tx-2);font-size:var(--h-fs-lead);line-height:1.6}
.pg-in .hero-brand{margin:0 0 20px}
.pg-in .hero-brand .lt,.pg-in .lt{box-sizing:border-box;width:136px;height:64px;padding:8px 14px;justify-content:center;background:var(--h-bg);border:1px solid var(--h-line);border-radius:14px}
.pg-in .lt img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.pg-in .hero-brand .lt img{height:auto}
.pg-in main h2{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:600;line-height:1.3;letter-spacing:-.02em}
.pg-in:lang(zh) main h2{letter-spacing:-.005em}
.pg-in main h3{font-size:1.0625rem;line-height:1.4}
.pg-in .crumb{margin:0 0 16px;color:var(--h-tx-3);font-size:var(--h-fs-sm)}
.pg-in .crumb a{color:var(--h-tx-2);text-decoration:none}
.pg-in .crumb a:hover{color:var(--h-tx)}
.pg-in .crumb+h1{margin-top:0}
.pg-in .small,.pg-in small{color:var(--h-tx-2)}
.pg-in .pend{color:var(--h-tx-3)}
.pg-in main[data-p^=broker-]>*{max-width:880px}
.pg-in main[data-p^=broker-]>p:first-child{max-width:40em;margin:0 0 24px;color:var(--h-tx-2);font-size:var(--h-fs-lead);line-height:1.6}

/* I-2 · Buttons row & content cards --------------------------------------- */
.pg-in .cta{gap:12px;margin:0 0 28px}
.pg-in .prof,.pg-in .calc-panel{padding:var(--h-pad);background:var(--h-bg);border:1px solid var(--h-line);border-radius:var(--h-r-md);box-shadow:var(--h-sh-0)}
.pg-in .prof{margin:0 0 var(--h-gap)}
.pg-in .prof>h2,.pg-in .calc-panel>h2,.pg-in .info>h2{padding-left:0;margin-bottom:12px;font-size:1.25rem}
.pg-in .prof>h2:before,.pg-in .calc-panel>h2:before,.pg-in .info>h2:before{display:none}
.pg-in .prof .sc{margin-bottom:12px}
.pg-in .prof ul{margin:0 0 12px;padding-inline-start:1.2em}
.pg-in .prof li{margin-bottom:6px}
.pg-in .dr:before{display:none}
.pg-in table{font-size:.9375rem}
.pg-in th{border-bottom:1px solid var(--h-line-strong);color:var(--h-tx-2);font-size:var(--h-fs-xs);font-weight:600}
.pg-in td{border-bottom:1px solid var(--h-line)}
.pg-in .prof table td[data-label]:before{color:var(--h-tx-2)}
.pg-in .res .m{background:var(--h-bg-2);border:1px solid var(--h-line);border-radius:var(--h-r-md)}
.pg-in .box.cost-panel{box-shadow:none}

/* I-3 · Broker tiles (brokers list · guide hub · calculator picker) ------- */
.pg-in .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--h-gap);margin:20px 0 var(--h-gap)}
.pg-in .card.bk-tile .lt{width:100%;height:56px;padding:0;background:none;border:0;border-radius:0}
.pg-in .bk-tile .lt img{max-height:56px}
@media (min-width:720px){.pg-in .bk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.pg-in main:not([data-p=guide]) .bk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* brokers list: same card as the homepage (logo · name · chevron) */
.pg-in main[data-p=brokers] .bk-grid{grid-template-columns:minmax(0,1fr);margin-top:0}
.pg-in main[data-p=brokers] .card.bk-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-content:stretch;column-gap:16px;min-height:76px;padding:14px 16px}
.pg-in main[data-p=brokers] .card.bk-tile .lt{box-sizing:border-box;width:104px;height:56px;padding:6px 10px;background:#fff;border:1px solid var(--h-line);border-radius:12px}
.pg-in main[data-p=brokers] .card.bk-tile .lt img{max-height:100%}
.pg-in main[data-p=brokers] .card.bk-tile:after{content:attr(aria-label);min-width:0;color:var(--h-tx);font-size:1.0625rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.pg-in main[data-p=brokers] .card.bk-tile:before{display:block;order:3;content:"";width:8px;height:8px;margin-inline-end:6px;border-top:1.75px solid var(--h-tx-3);border-right:1.75px solid var(--h-tx-3);background:none;transform:rotate(45deg);transition:transform var(--h-t-fast) var(--h-ease),border-color var(--h-t-fast) var(--h-ease);position:static;height:8px;border-radius:0}
.pg-in main[data-p=brokers] .card.bk-tile:hover:before{border-color:var(--h-tx);transform:translateX(2px) rotate(45deg)}
@media (min-width:640px){.pg-in main[data-p=brokers] .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.pg-in main[data-p=brokers] .bk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* I-4 · FAQ — search bar, filter, category grid ---------------------------- */
.pg-in .fq-bar{max-width:720px;gap:12px;margin:0 0 20px}
.pg-in .fq-sel .lbtn,.pg-in .ssw .lbtn{min-height:46px;padding:0 14px;border-color:var(--h-line-strong);border-radius:var(--h-r-ctl);background:var(--h-bg);font-size:var(--h-fs-body);font-weight:400}
.pg-in .fq-sel .lbtn:hover,.pg-in .ssw .lbtn:hover{border-color:var(--h-tx-3);background:var(--h-bg)}
.pg-in main[data-p=faq]>#faq-app{max-width:none}
.pg-in .faq-broker-tools{gap:12px;margin:20px 0 0}
.pg-in .faq-broker-tools .fq-bar{margin:0}
.pg-in .fq-grid{grid-template-columns:minmax(0,1fr);gap:var(--h-gap)}
.pg-in .fq-card,.pg-in .fq-top{gap:4px;min-height:88px;padding:20px 24px;justify-content:center;border:1px solid var(--h-line);border-radius:var(--h-r-md);background:var(--h-bg);box-shadow:var(--h-sh-0);color:var(--h-tx);transition:transform var(--h-t) var(--h-ease),box-shadow var(--h-t) var(--h-ease),border-color var(--h-t) var(--h-ease)}
.pg-in .fq-card:hover,.pg-in .fq-top:hover{border-color:var(--h-line-strong);box-shadow:var(--h-sh-1);transform:translateY(-2px);color:var(--h-tx)}
.pg-in .fq-card b,.pg-in .fq-top b{color:var(--h-tx);font-size:1.0625rem;font-weight:600;line-height:1.35;letter-spacing:-.012em}
.pg-in .fq-card span,.pg-in .fq-top span{color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.6}
.pg-in .fq-top{background:var(--h-bg-2)}
.pg-in .edu-entry{margin:24px 0 var(--h-gap)}
.pg-in .edu-entry .fq-card b{font-size:1.125rem}
@media (min-width:600px){.pg-in .fq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.pg-in main[data-p=faq]>#faq-app .fq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* I-5 · FAQ — broker & topic pages ---------------------------------------- */
.pg-in .faq-intro{max-width:44em;margin:12px 0 0;color:var(--h-tx-2);font-size:var(--h-fs-body);line-height:1.75}
.pg-in .faq-back-link{margin:16px 0 4px;font-size:var(--h-fs-sm)}
.pg-in .faq-back-link a{color:var(--h-tx-2);text-decoration:none}
.pg-in .faq-back-link a:hover{color:var(--h-tx)}
.pg-in .faq-category-nav{gap:8px;margin:16px 0 8px}
.pg-in .faq-cat-link{min-height:40px;padding:0 16px;border:1px solid var(--h-line-strong);border-radius:999px;background:var(--h-bg);color:var(--h-tx);font-size:var(--h-fs-sm);font-weight:500;transition:background-color var(--h-t-fast) var(--h-ease),border-color var(--h-t-fast) var(--h-ease)}
.pg-in .faq-cat-link:hover{border-color:var(--h-tx-3);background:var(--h-bg-2);color:var(--h-tx)}
.pg-in .faq-cat-link[aria-current=page]{border-color:var(--h-btn);background:var(--h-btn);color:var(--h-btn-tx)}
.pg-in .faq-cat-link span{opacity:.6}
.pg-in .faq-count-note{margin:12px 0;color:var(--h-tx-3);font-size:var(--h-fs-xs)}
.pg-in .faq-warn{margin:16px 0;padding:16px 20px;border:1px solid var(--h-line);border-radius:var(--h-r-md);background:var(--h-bg-2);color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.75}
.pg-in .faq-cta{gap:12px 16px;margin:20px 0 8px;padding:20px 24px;border:1px solid var(--h-line);border-radius:var(--h-r-md);background:var(--h-bg-2)}
.pg-in .faq-cta p{color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.7}
.pg-in .faq-note{color:var(--h-tx-3);font-size:var(--h-fs-xs)}
.pg-in .faq-pn a{padding:14px 18px;border:1px solid var(--h-line);border-radius:var(--h-r-md);transition:border-color var(--h-t-fast) var(--h-ease)}
.pg-in .faq-pn a:hover{border-color:var(--h-line-strong);color:var(--h-tx)}
.pg-in .fq-cat{margin:40px 0 0;scroll-margin-top:84px}
.pg-in .fq-cat h2{margin:0 0 8px;font-size:1.375rem}
.pg-in .fq-cat>.small{margin:0 0 16px;line-height:1.75}
.pg-in .fq-cat>h3{margin:28px 0 12px;color:var(--h-tx);font-size:1.0625rem;font-weight:600}
.pg-in .edu-part{margin:56px 0 16px;padding-top:32px;border-top:1px solid var(--h-line);font-size:1.5rem;line-height:1.3}
.pg-in .faq-qlist{margin:0 0 16px;padding:0;list-style:none;border-top:1px solid var(--h-line)}
.pg-in .faq-qlist li{margin:0;border-bottom:1px solid var(--h-line)}
.pg-in .faq-qlist li a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:var(--h-tx);font-size:.9375rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;transition:color var(--h-t-fast) var(--h-ease)}
.pg-in .faq-qlist li a:hover{color:var(--h-brand)}
.pg-in .faq-qlist li .pend{display:block;padding:10px 0}

/* I-6 · Accordions --------------------------------------------------------- */
.pg-in details{border-top:1px solid var(--h-line)}
.pg-in details:last-of-type{border-bottom:1px solid var(--h-line)}
.pg-in summary{min-height:56px;gap:16px;padding:14px 0;color:var(--h-tx);font-weight:600;line-height:1.5;transition:color var(--h-t-fast) var(--h-ease)}
.pg-in summary:after{display:block;width:24px;height:24px;border-radius:0;background:none;color:var(--h-tx-3);font-size:1.5rem;font-weight:300;line-height:24px;place-items:initial}
.pg-in details[open]>summary{color:var(--h-tx)}
.pg-in details[open]>summary:after{background:none;color:var(--h-tx)}
.pg-in summary:hover,.pg-in summary:hover .fq-q{color:var(--h-brand)}
.pg-in .fq-q,.pg-in summary h3{text-wrap:pretty}
.pg-in .fq-q{margin:0;color:var(--h-tx);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0}
.pg-in .fq-answer{padding:0 0 20px;padding-inline-end:32px}
.pg-in .fq-answer p{max-width:46em;margin:0 0 .8em;color:var(--h-tx-2);font-size:.9375rem;line-height:1.8}
.pg-in .fq-answer p:last-child{margin-bottom:0}
.pg-in:lang(zh) .fq-answer p{line-height:1.85}
.pg-in .fq-ex,.pg-in .fq-f{margin:12px 0;padding:12px 16px;border:1px solid var(--h-line);border-radius:12px;background:var(--h-bg-2);color:var(--h-tx-2);font-size:var(--h-fs-sm);line-height:1.75}
.pg-in .fq-tag{border-radius:999px;background:var(--h-bg-2);color:var(--h-tx-2)}
.pg-in .ac-list,.pg-in .ac-rel{gap:12px}
.pg-in .ac-list a,.pg-in .ac-rel a{padding:14px 18px;border:1px solid var(--h-line);border-radius:var(--h-r-md);background:var(--h-bg);box-shadow:var(--h-sh-0);color:var(--h-tx);font-weight:600;transition:transform var(--h-t) var(--h-ease),box-shadow var(--h-t) var(--h-ease),border-color var(--h-t) var(--h-ease)}
.pg-in .ac-list a:hover,.pg-in .ac-rel a:hover{border-color:var(--h-line-strong);box-shadow:var(--h-sh-1);transform:translateY(-2px)}
.pg-in .ac-list small,.pg-in .ac-rel small{color:var(--h-tx-2);font-weight:400}

/* I-7 · Academy articles --------------------------------------------------- */
.pg-in .ac-sum,.pg-in .ac-toc,.pg-in .ac-ex,.pg-in .ac-fm,.pg-in .ac-qa,.pg-in .ac-ref{border:1px solid var(--h-line);border-radius:var(--h-r-sm);background:var(--h-bg-2);-webkit-backdrop-filter:none;backdrop-filter:none}
.pg-in .ac-sum-t,.pg-in .ac-toc-t,.pg-in .ac-lb{color:var(--h-tx-2);font-size:var(--h-fs-xs);letter-spacing:0}
.pg-in .ac-tbl{border-radius:var(--h-r-sm)}
.pg-in .ac .disc{border-radius:var(--h-r-sm)}
.pg-in .ac h1{text-wrap:pretty;font-size:clamp(1.875rem,5vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.03em}
.pg-in:lang(zh) .ac h1{letter-spacing:-.01em;line-height:1.3}
.pg-in .ac h2{margin-top:56px;font-size:clamp(1.375rem,2.6vw,1.75rem)}
.pg-in .ac-toc a{color:var(--h-tx-2)}
.pg-in .ac-toc a:hover{color:var(--h-tx)}

/* I-8 · Guide, legal ------------------------------------------------------- */
.pg-in main[data-p=guide] ol li:before{border:1px solid var(--h-line);background:var(--h-bg-2);color:var(--h-tx);font-size:var(--h-fs-sm);line-height:34px}
.pg-in main[data-p=guide] ol li{border-bottom-color:var(--h-line)}
.pg-in main[data-p=risk-disclosure] ul li{border-left:2px solid var(--h-line-strong);background:none}
.pg-in .lg-i{border-color:var(--h-line);border-radius:var(--h-r-md);box-shadow:var(--h-sh-0)}
.pg-in a.lg-i:hover{border-color:var(--h-line-strong);box-shadow:var(--h-sh-1)}
.pg-in a.lg-i:hover .lg-t{color:var(--h-tx)}
.pg-in .rk-sec{border-top-color:var(--h-line)}
.pg-in .rk-sec h2{font-size:1.25rem}
.pg-in .rk-h3{font-size:1rem}

/* I-9 · Footer media (hf layout) ------------------------------------------ */
@media (min-width:640px){
  .pg-in footer .hf-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-in footer .hf-l a{min-height:38px}
}
@media (min-width:960px){
  .pg-in footer .hf{flex-direction:row;justify-content:space-between;gap:56px}
  .pg-in footer .hf-brand{flex:none;width:280px}
  .pg-in footer .hf-nav{flex:1 1 auto;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:0;border-top:0}
}

/* I-10 · Small screens & motion -------------------------------------------- */
@media (max-width:640px){
  .pg-in .prof table td:not([data-label]){padding:4px 0}
  .pg-in .cta .btn,.pg-in .faq-cta .btn{width:100%;flex:1 1 100%}
  .pg-in .prof,.pg-in .calc-panel{padding:20px}
  .pg-in .fq-card,.pg-in .fq-top{padding:18px 20px}
  .pg-in .fq-answer{padding-inline-end:0}
  .pg-in .faq-cta{padding:18px 20px}
}
@media (max-width:359px){
  .pg-in .prof,.pg-in .calc-panel{padding:16px}
  .pg-in main[data-p=brokers] .card.bk-tile{column-gap:12px;padding:12px}
  .pg-in main[data-p=brokers] .card.bk-tile .lt{width:88px}
}
@media (prefers-reduced-motion:reduce){
  .pg-in .fq-card:hover,.pg-in .fq-top:hover,.pg-in .ac-list a:hover,.pg-in .ac-rel a:hover{transform:none}
  .pg-in main[data-p=brokers] .card.bk-tile:before,.pg-in main[data-p=brokers] .card.bk-tile:hover:before{transition:none;transform:rotate(45deg)}
}

/* 正文文字链接：与首页 .lnk-a 一致（深色、字重500、悬停才变蓝），不再默认蓝色 */
:where(.pg-in main) a:not([class]){color:var(--h-tx);text-decoration-color:rgba(23,23,23,.3)}
.pg-in main p a:not([class]),.pg-in main details a:not([class]){font-weight:500}
.pg-in main p a:not([class]):hover,.pg-in main details a:not([class]):hover{color:var(--h-brand);text-decoration-color:currentColor}
[data-theme=dark] .pg-in a{text-decoration-color:rgba(242,242,242,.32)}
[data-theme=dark] .pg-in main p a:not([class]):hover,[data-theme=dark] .pg-in main details a:not([class]):hover{text-decoration-color:currentColor}

/* 经纪商选择：自定义白色下拉（与语言菜单同款），替代原生 select */
.pg-in .faq-broker-tools .fq-sel{flex:0 1 220px;min-width:0;max-width:100%}
.pg-in .fq-sel .lbtn .ln{display:inline}
.pg-in .faq-broker-tools .fq-sel .lmenu{z-index:40}
@media(max-width:640px){.pg-in .faq-broker-tools .fq-sel{flex:1 1 auto;width:100%}}

/* 开户指南：经纪商列表与首页一致（logo + 名称 + 入口） */
.pg-in .bk-list{display:flex;flex-direction:column;gap:var(--h-gap);margin:0;max-width:720px}
.pg-in .card.bk-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;min-height:76px;padding:14px 16px;border-radius:var(--h-r-md);color:var(--h-tx);text-decoration:none}
.pg-in .bk-card .lt{grid-row:1/3;box-sizing:border-box;width:104px;height:56px;padding:6px 10px;justify-content:center;background:#fff;border:1px solid var(--h-line);border-radius:12px}
.pg-in .bk-card .lt img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.pg-in .bk-name{align-self:end;min-width:0;font-weight:600;font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.pg-in .bk-more{align-self:start;justify-self:start;display:inline-flex;align-items:center;gap:4px;color:var(--h-tx-2);font-size:var(--h-fs-sm);font-weight:500;line-height:1.4}
.pg-in .bk-more .ic{transition:transform var(--h-t-fast) var(--h-ease)}
.pg-in .bk-card:hover .bk-more{color:var(--h-tx)}
.pg-in .bk-card:hover .bk-more .ic{transform:translateX(2px)}
.pg-in main>h1+.hm-sec:first-of-type{border-top:0;padding-top:clamp(8px,2vw,16px)}
@media (max-width:359px){.pg-in .card.bk-card{column-gap:12px;padding:12px}.pg-in .bk-card .lt{width:88px}}
@media (min-width:640px){.pg-in .bk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}
@media (min-width:1000px){.pg-in .bk-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.pg-in .bk-more .ic{transition:none}.pg-in .bk-card:hover .bk-more .ic{transform:none}}

/* footer · mobile refinement (phone only, desktop untouched) */
@media (max-width:639px){
:is(.pg-home,.pg-in) footer{background:var(--h-bg);padding-top:40px}
:is(.pg-home,.pg-in) footer .hf{gap:24px;margin:0 0 28px}
:is(.pg-home,.pg-in) footer .hf-brand p{margin:8px 0 14px;color:var(--h-tx-3)}
:is(.pg-home,.pg-in) footer .hf-tg{margin:0;padding:0 16px;min-height:44px;border:1px solid var(--h-line-strong);border-radius:var(--h-r-ctl);color:var(--h-tx);background:var(--h-bg)}
:is(.pg-home,.pg-in) footer .hf-tg:active{background:var(--h-bg-2)}
:is(.pg-home,.pg-in) footer .hf-nav{gap:24px 20px;padding-top:24px}
:is(.pg-home,.pg-in) footer .hf-col:first-child{grid-column:1/-1}
:is(.pg-home,.pg-in) footer .hf-h{margin:0 0 10px;color:var(--h-tx-3);font-size:var(--h-fs-xs);font-weight:500;letter-spacing:.02em}
:is(.pg-home,.pg-in) footer .hf-col:first-child .hf-l{flex-direction:row;flex-wrap:wrap;gap:8px}
:is(.pg-home,.pg-in) footer .hf-col:first-child .hf-l a{min-height:36px;padding:0 14px;border:1px solid var(--h-line);border-radius:999px;background:var(--h-bg-2);color:var(--h-tx);font-size:var(--h-fs-sm)}
:is(.pg-home,.pg-in) footer .hf-col:first-child .hf-l a:active{border-color:var(--h-line-strong)}
:is(.pg-home,.pg-in) footer .hf-col:first-child .hf-l a:last-child{background:transparent;border-color:transparent;padding:0 4px;color:var(--h-brand);font-weight:500}
:is(.pg-home,.pg-in) footer .hf-col:first-child .hf-l a:last-child:after{content:"→";margin-left:4px}
:is(.pg-home,.pg-in) footer .hf-col:not(:first-child) .hf-l a{min-height:40px}
:is(.pg-home,.pg-in) footer .frisk{margin-top:4px;padding:16px 18px;border:1px solid var(--h-line);border-radius:var(--h-r-md);background:var(--h-bg-2)}
:is(.pg-home,.pg-in) footer .frisk h2{margin:0 0 8px;font-size:var(--h-fs-xs)}
:is(.pg-home,.pg-in) footer .frisk p{font-size:.75rem;line-height:1.7;color:var(--h-tx-3)}
:is(.pg-home,.pg-in) footer .frisk p+p{margin-top:8px}
:is(.pg-home,.pg-in) footer .hf-foot{margin:16px 0 0;text-align:center}
}