@import url("https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont/style.css");
/* 守值 HoldValue · 在 Editorial(HTML5 UP) 之上的避险资产主题覆盖层 */
:root{
  --pine:#123f38; --pine-deep:#0c2c28; --pine-soft:#1a564c;
  --brass:#a87c3d; --brass-deep:#6c4d20;
  --ink:#13241f; --ink-soft:#46544e;
  --canvas:#eef1ef; --card:#ffffff; --pine-tint:#e2ebe7;
  --line:rgba(18,63,56,.16); --line-soft:rgba(18,63,56,.09);
  --clay:#9c3b2e;
}
body{background:var(--canvas)}
/* 字体回退链：拉丁字形走 Spectral/IBM Plex，汉字回退到 Noto（§26.5） */
body,input,select,textarea,button{font-family:"IBM Plex Sans","LXGW WenKai Screen",system-ui,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6,#header .logo strong{font-family:"Spectral","LXGW WenKai Screen",Georgia,serif}
.mono,.erode .row .n,.ledger .rate,.path .k,.guide .idx,#header .logo small{font-family:"IBM Plex Mono","LXGW WenKai Screen",ui-monospace,monospace;font-variant-numeric:tabular-nums}
img{max-width:100%;height:auto}

/* ---- logo / header ---- */
#header .logo{display:flex;align-items:center;gap:10px;border:0}
#header .logo .mark{width:22px;height:22px;background:var(--pine);border-radius:4px;position:relative;flex:none}
#header .logo .mark::after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--brass);border-radius:1px}
#header .logo strong{font-family:"Spectral","LXGW WenKai Screen",serif;letter-spacing:.01em}
#header .logo small{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:11px;letter-spacing:.16em;color:var(--ink-soft)}
.eyebrow-tag{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:11px;color:var(--pine);background:var(--pine-tint);padding:4px 10px;border-radius:999px;letter-spacing:.04em;white-space:nowrap}

/* ---- banner ---- */
#banner{display:grid !important;grid-template-columns:1.1fr .9fr;gap:3em;align-items:start;background:transparent}
.banner-side{display:flex;flex-direction:column;gap:1.2em}
/* 注册前核对卡（底座 §21.5/§21.8/§21.9 合规形态：核对信息，不是优惠） */
.precheck-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3em 1.4em}
.precheck-card .pc-title{display:flex;align-items:center;gap:.55em;font-family:"Spectral","LXGW WenKai Screen",serif;font-weight:600;font-size:1.12em;color:var(--ink);margin:0}
.precheck-card .pc-title .ico{flex:none;width:24px;height:24px;border-radius:6px;background:var(--pine-tint);color:var(--pine);display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:700}
.precheck-card .pc-sub{font-size:.8em;color:var(--ink-soft);margin:.5em 0 1em;line-height:1.55}
.precheck-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5em 1em;align-items:baseline}
.precheck-card dt{font-size:.82em;color:var(--ink-soft);white-space:nowrap}
.precheck-card dd{margin:0;font-size:.88em;color:var(--ink);text-align:right;word-break:break-word}
.precheck-card dd.code{font-family:"IBM Plex Mono",monospace;color:var(--pine);font-weight:500}
.precheck-card dd.domain{font-family:"IBM Plex Mono",monospace}
.precheck-card .pc-disc{font-size:.74em;color:var(--ink-soft);line-height:1.5;border-top:1px solid var(--line-soft);margin:1em 0 0;padding-top:.8em}
.precheck-card .pc-cta{display:inline-block;margin-top:1em;background:var(--pine);color:#fff;border-radius:8px;padding:.6em 1.15em;font-size:.9em;font-weight:600;text-decoration:none;transition:background .15s}
.precheck-card .pc-cta:hover{background:var(--pine-deep)}
#banner .content{padding:0}
#banner h1{letter-spacing:-.015em;line-height:1.08}
#banner .content > p{color:var(--ink-soft);max-width:40ch}
#banner .actions{margin-top:1.6em}
.trustline{margin-top:1em;font-size:.85em;color:var(--ink-soft)}

/* erosion figure */
.erode{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3em 1.4em 1.2em}
.erode .cap{display:flex;justify-content:space-between;align-items:baseline;font-size:.8em;color:var(--ink-soft)}
.erode .cap b{font-family:"Spectral","LXGW WenKai Screen",serif;font-size:1.15em;color:var(--ink);font-weight:600}
.erode svg{display:block;width:100%;height:118px;margin:.8em 0 .5em}
.erode .row{display:flex;justify-content:space-between;align-items:baseline;font-size:.82em;color:var(--ink-soft)}
.erode .row .n{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:1.5em;font-weight:500;color:var(--ink)}
.erode .row .n.down{color:var(--clay)}
.erode .note{margin:.8em 0 0;font-size:.72em;color:var(--ink-soft);line-height:1.5;border-top:1px solid var(--line-soft);padding-top:.7em}

/* ---- safety note ---- */
.safety-note{background:var(--pine-tint);border:1px solid var(--line);border-radius:10px;padding:1em 1.25em;font-size:.85em;color:var(--ink-soft);line-height:1.6;margin:0 0 2em}
.safety-note strong{color:var(--pine)}

/* ---- section heading accent ---- */
header.major > h2{position:relative;padding-bottom:.35em}
header.major > h2::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;background:var(--brass);border-radius:2px}
.sec-hint{color:var(--ink-soft);font-size:.9em;margin-top:-.4em}

/* ---- path cards (varied, not a uniform grid) ---- */
.paths{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-top:.5em}
.path{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.4em 1.4em 1.2em;transition:border-color .2s,transform .2s}
.path:hover{border-color:var(--pine);transform:translateY(-2px)}
.path .k{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:.72em;letter-spacing:.08em;color:var(--brass-deep)}
.path h3{margin:.4em 0 .4em;font-size:1.15em}
.path p{margin:0;font-size:.9em;color:var(--ink-soft)}
.path .go{display:inline-block;margin-top:1em;font-size:.9em;color:var(--pine);font-weight:600}
.path.lead{background:var(--pine);border-color:var(--pine)}
.path.lead .k{color:#c7a86e}
.path.lead h3{color:#fff}
.path.lead p{color:#d3e0db}
.path.lead .go{color:#fff}

/* ---- asset ledger ---- */
.ledger{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ledger table{width:100%;margin:0;font-size:.86em}
.ledger caption{caption-side:top;text-align:left;padding:1em 1.2em .3em;font-family:"Spectral","LXGW WenKai Screen",serif;font-size:1.15em;font-weight:600;color:var(--ink)}
.ledger thead th{background:var(--pine);color:#cfe0d8;font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-weight:500;font-size:.82em;letter-spacing:.02em;text-align:left;padding:.8em 1em;border:0}
.ledger tbody td{padding:.85em 1em;border-top:1px solid var(--line-soft);color:var(--ink-soft);vertical-align:top}
.ledger tbody td:first-child{font-family:"Spectral","LXGW WenKai Screen",serif;font-weight:600;color:var(--ink)}
.ledger tbody tr:nth-child(even){background:#f4f7f5}
.ledger .rate{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace}
.ledger .lcap{font-size:.78em;color:var(--ink-soft);padding:.9em 1.2em 1.1em;line-height:1.6;margin:0}

/* ---- guide cards (text-led, no stock photos) ---- */
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.guide{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.3em 1.3em 1.2em;text-decoration:none;transition:border-color .2s,transform .2s}
.guide:hover{border-color:var(--pine);transform:translateY(-2px)}
.guide .idx{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:.72em;color:var(--brass-deep);letter-spacing:.06em}
.guide h3{margin:.35em 0 .4em;font-size:1.1em;color:var(--ink)}
.guide p{margin:0;font-size:.88em;color:var(--ink-soft)}

/* ---- verify panel ---- */
.verify{background:var(--pine);border-radius:16px;padding:2em 2.1em 1.8em;color:#eaf1ed;display:grid;grid-template-columns:1fr 280px;gap:2.2em;align-items:center;margin-top:1em}
.verify h2{color:#fff;font-family:"Spectral","LXGW WenKai Screen",serif;font-size:1.45em;margin:0 0 .4em}
.verify h2::after{display:none}
.verify .lead2{color:#c6d6cf;font-size:.92em;max-width:46ch;margin:0 0 1.1em}
.verify .checks{list-style:none;margin:0;padding:0;display:grid;gap:.7em}
.verify .checks li{display:flex;gap:.7em;align-items:flex-start;font-size:.92em;color:#e3ece8}
.verify .ck{flex:none;width:20px;height:20px;border-radius:50%;background:var(--brass);color:var(--pine-deep);font-size:.72em;display:flex;align-items:center;justify-content:center;margin-top:2px;font-weight:600}
.verify .panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:1.4em}
.verify .panel h3{color:#fff;margin:0 0 .4em;font-size:1.05em}
.verify .panel p{color:#bfd0c9;font-size:.85em;margin:0 0 1.1em}
.verify .panel .button{background:var(--brass);color:var(--pine-deep);box-shadow:none;width:100%;text-align:center;font-weight:600}
.verify .panel .button:hover{background:#b98d4d}

/* ---- sidebar tweaks ---- */
#sidebar .jump{list-style:none;margin:0;padding:0}
#sidebar .jump li{border-bottom:1px solid var(--line-soft)}
#sidebar .jump a{display:block;padding:.55em 0;color:var(--ink-soft);text-decoration:none;font-size:.92em;border:0}
#sidebar .jump a:hover{color:var(--pine)}
#footer .disclosure{font-size:.82em;color:var(--ink-soft);line-height:1.6}
#footer .credit{font-size:.78em;color:var(--ink-soft);margin-top:1em}

/* ---- breadcrumb / content pages ---- */
.crumbs{font-size:.85em;color:var(--ink-soft);margin:0 0 1.6em}
.crumbs a{color:var(--pine);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.lede-text{font-size:1.12em;color:var(--ink-soft);max-width:64ch}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:1.6em;margin-top:.5em}
.col-do h2,.col-dont h2{font-size:1.1em;margin-bottom:.4em}
.col-do h2::after,.col-dont h2::after{display:none}
.col-do ul,.col-dont ul{margin:0}
.trust-note{background:#f3f6f4;border:1px solid var(--line);border-radius:10px;padding:1em 1.25em;font-size:.85em;color:var(--ink-soft);line-height:1.6;margin:1.6em 0}
.trust-note strong{color:var(--pine)}
.trust-note a{color:var(--pine)}

/* ---- author box ---- */
.author-box{display:flex;gap:1.3em;align-items:flex-start}
.author-avatar{flex:none;width:64px;height:64px;border-radius:12px;background:var(--pine);color:#fff;font-family:"Spectral","LXGW WenKai Screen",serif;font-size:1.9em;display:flex;align-items:center;justify-content:center}
.author-bio{flex:1;min-width:0}
.author-bio p{margin:0 0 .9em}

/* ---- article components ---- */
.article-meta{font-size:.85em;color:var(--ink-soft);margin:-.4em 0 1.6em;display:flex;flex-wrap:wrap;gap:.3em 1.1em;align-items:center}
.article-meta .by{font-weight:500;color:var(--ink)}
.article-meta a{color:var(--pine);text-decoration:none}
.article-meta a:hover{text-decoration:underline}
h1 small{display:block;font-family:"IBM Plex Sans","LXGW WenKai Screen",sans-serif;font-weight:400;font-size:1.05rem;color:var(--ink-soft);margin-top:.7em;letter-spacing:0;line-height:1.55}
.section-lead{font-size:1.12em;color:var(--ink-soft);max-width:64ch}
.keypoints{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1em 1.4em;margin:1.4em 0}
.keypoints h2{font-size:1.05em;margin:0 0 .5em}
.keypoints h2::after{display:none}
.keypoints ul{margin:0}
details.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.2em 1.3em;margin:1.6em 0}
details.toc>summary{cursor:pointer;font-family:"Spectral","LXGW WenKai Screen",serif;font-weight:600;padding:.8em 0;color:var(--ink)}
details.toc ol{margin:.2em 0 1em;columns:2;column-gap:2.4em;padding-left:1.3em}
details.toc li{margin:.25em 0}
details.toc a{color:var(--pine);text-decoration:none}
details.toc a:hover{text-decoration:underline}
.diy{background:var(--pine-tint);border:1px solid var(--line);border-radius:10px;padding:1.2em 1.4em;margin:1.6em 0}
.diy h3{margin-top:0;font-size:1.1em}
.diy h3::after{display:none}
.stopbox{background:#f7edeb;border:1px solid rgba(156,59,46,.28);border-radius:10px;padding:1.1em 1.3em;margin:1.6em 0}
.stopbox h3{margin-top:0;color:var(--clay);font-size:1.1em}
.stopbox h3::after{display:none}
.faq dt{font-family:"Spectral","LXGW WenKai Screen",serif;font-weight:600;color:var(--ink);margin-top:1.2em}
.faq dd{margin:.3em 0 0;color:var(--ink-soft)}
.sources{font-size:.92em;color:var(--ink-soft)}
.sources a{color:var(--pine)}
.nextread{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1em 0}
.nextread a{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1em 1.2em;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.nextread a:hover{border-color:var(--pine);transform:translateY(-2px)}
.nextread .nl{font-family:"IBM Plex Mono","LXGW WenKai Screen",monospace;font-size:.72em;color:var(--brass-deep);letter-spacing:.05em}
.nextread strong{display:block;margin-top:.2em}

/* ---- language switcher (dropdown) ---- */
#header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
#header .logo{margin-right:auto}
#header .eyebrow-tag{margin-left:0}
.langswitch{position:relative;flex:0 0 auto;max-width:-webkit-max-content;max-width:max-content;font-size:13px;font-family:"IBM Plex Sans","LXGW WenKai Screen",sans-serif}
.langswitch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);background:var(--card)}
.langswitch>summary::-webkit-details-marker{display:none}
.langswitch>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s}
.langswitch[open]>summary::after{transform:rotate(-135deg);margin-top:2px}
.langswitch>summary:hover{border-color:var(--pine);color:var(--pine)}
.langswitch .lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:128px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;flex-direction:column;gap:2px;z-index:60;box-shadow:0 8px 22px rgba(18,63,56,.13)}
.langswitch .lang-menu a,.langswitch .lang-menu .cur{display:block;padding:7px 11px;border-radius:6px;text-decoration:none;color:var(--ink-soft);white-space:nowrap}
.langswitch .lang-menu a:hover{background:var(--pine-tint);color:var(--pine)}
.langswitch .lang-menu .cur{color:var(--pine);font-weight:600;background:var(--pine-tint)}

@media (max-width:736px){
  .cols2{grid-template-columns:1fr}
  .author-box{flex-direction:column}
  details.toc ol{columns:1}
  .nextread{grid-template-columns:1fr}
}

@media (max-width:980px){
  .paths{grid-template-columns:1fr 1fr}
}
@media (max-width:736px){
  #banner{grid-template-columns:1fr;gap:2em;align-items:start}
  .paths{grid-template-columns:1fr}
  .verify{grid-template-columns:1fr;gap:1.4em}
}
/* 移动端触摸目标 ≥44px（模块21）*/
@media (max-width:736px){
  .button,.pc-cta,.verify .panel .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .langswitch>summary{min-height:44px}
  .path .go,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
