/* RightPocket v1 · 全站唯一一套 tokens(2026-10-10 batchA)
   静态页 <link rel="stylesheet" href="/rp-v1.css?v=20261010">;会员区 App.jsx 的 C 对象使用同一组色值。
   改色只改这里,并同步 App.jsx 的 C。 */
:root{
  color-scheme:dark;
  --rp-bg:#0B1018;--rp-surface:#111A27;--rp-surface-raised:#172334;--rp-surface-active:#1B2B41;
  --rp-border:#263448;--rp-divider:#1B293B;
  --rp-text:#EEF2F8;--rp-text-secondary:#B6C2D2;--rp-text-muted:#8C9CB3;
  --rp-accent:#6EA8FF;--rp-accent-hover:#8BBBFF;--rp-accent-soft:#172A44;--rp-accent-ink:#081321;
  --rp-up:#55D6A0;--rp-up-soft:#142E26;--rp-down:#F28B91;--rp-down-soft:#331E29;
  --rp-warning:#E8BF78;--rp-warning-soft:#30291D;
  --rp-model-x:#E6AF69;--rp-model-y:#6EA8FF;--rp-model-yj:#B7A2F2;--rp-model-s:#66C6C0;--rp-model-z:#A2B5E8;--rp-model-a:#B6C2D2;
  --rp-font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","Segoe UI",sans-serif;
  --rp-font-data:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;
  --rp-text-xs:12px;--rp-text-sm:13px;--rp-text-body:15px;--rp-text-lead:16px;
  --rp-text-h3:18px;--rp-text-h2:24px;--rp-text-h1:32px;--rp-text-number:24px;
  --rp-radius-sm:6px;--rp-radius-button:8px;--rp-radius-card:12px;
  --rp-content-max:1160px;--rp-gutter:20px;--rp-touch-min:44px;
}
@media (min-width:768px){
  :root{--rp-text-body:16px;--rp-text-lead:18px;--rp-text-h3:20px;--rp-text-h2:32px;--rp-text-h1:52px;--rp-text-number:28px;--rp-gutter:32px}
}

/* 基础:只作用于 .rp 容器内部,避免影响注入的导航/页脚 partial */
html{background:var(--rp-bg)}
body{margin:0;background:var(--rp-bg);color:var(--rp-text);font-family:var(--rp-font-body);font-size:var(--rp-text-body);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.rp,.rp *{box-sizing:border-box}
/* :where() 让这些重置的优先级为 0,页面里任何 class 都能覆盖 */
:where(.rp) :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
:where(.rp) :where(ul,ol){list-style:none}
:where(.rp) a{color:inherit;text-decoration:none}
:where(.rp) a:hover{color:var(--rp-accent-hover)}
:where(.rp) :where(h1,h2,h3){font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--rp-text)}
:where(.rp) :where(img,svg){display:block;max-width:100%}
.rp :where(a,button,summary):focus-visible{outline:2px solid var(--rp-accent);outline-offset:3px;border-radius:4px}

.rp-wrap{max-width:var(--rp-content-max);margin:0 auto;padding:0 var(--rp-gutter)}
.rp-section{padding:48px 0;border-top:1px solid var(--rp-divider)}
@media (min-width:768px){.rp-section{padding:72px 0}}
.rp-eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--rp-text-xs);letter-spacing:.12em;color:var(--rp-text-muted);margin-bottom:12px}
.rp-eyebrow::before{content:"";width:16px;height:1px;background:var(--rp-accent)}
.rp-h2{font-size:var(--rp-text-h2)}
.rp-lead{font-size:var(--rp-text-lead);color:var(--rp-text-secondary);line-height:1.8}
.rp-muted{color:var(--rp-text-muted)}
.rp-small{font-size:var(--rp-text-sm);color:var(--rp-text-secondary)}
.rp-num{font-family:var(--rp-font-data);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.rp-up{color:var(--rp-up)}.rp-down{color:var(--rp-down)}

.rp-card{background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:var(--rp-radius-card);padding:20px}
@media (min-width:768px){.rp-card{padding:24px}}

.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--rp-touch-min);padding:10px 20px;border:1px solid var(--rp-border);border-radius:var(--rp-radius-button);background:transparent;color:var(--rp-text);font:500 14px/1.3 var(--rp-font-body);white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rp a.rp-btn:hover,.rp-btn:hover{background:var(--rp-surface-raised);color:var(--rp-text)}
.rp-btn-primary{background:var(--rp-accent);border-color:var(--rp-accent);color:var(--rp-accent-ink)}
.rp a.rp-btn-primary:hover,.rp-btn-primary:hover{background:var(--rp-accent-hover);border-color:var(--rp-accent-hover);color:var(--rp-accent-ink)}
.rp-link{color:var(--rp-accent);font-size:var(--rp-text-sm);display:inline-flex;align-items:center;min-height:var(--rp-touch-min)}

.rp details{border:1px solid var(--rp-border);border-radius:var(--rp-radius-button);background:var(--rp-surface)}
.rp details+details{margin-top:8px}
.rp summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--rp-touch-min);padding:12px 16px;font-weight:500;cursor:pointer;list-style:none}
.rp summary::-webkit-details-marker{display:none}
.rp summary::after{content:"+";color:var(--rp-text-muted);font-family:var(--rp-font-data);font-size:18px;flex:none}
.rp details[open]>summary::after{content:"−"}
.rp-details-body{padding:0 16px 16px;color:var(--rp-text-secondary);font-size:var(--rp-text-sm);line-height:1.85}
@media (min-width:768px){.rp-details-body{font-size:15px}}
.rp-details-body p+p,.rp-details-body p+ul,.rp-details-body ul+p{margin-top:10px}
.rp-details-body a{color:var(--rp-accent)}
.rp-details-body strong{color:var(--rp-text);font-weight:600}

/* rp-stickynav-v1 2026-10-11:导航注入前先占住 64px,避免页面加载时内容被往下推;锚点跳转留出导航高度 */
#rp-nav-mount{position:sticky;top:0;z-index:100;min-height:64px}
html{scroll-padding-top:80px}

.rp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}