/* TradingDNA · 小頁共用頁殼「附錄」（2026-09-21，WO_20260921_trust-pages-shell）
   用在 refund／privacy／terms（之後 about／notes 也套這份）。
   色票與字族沿用 landing-casefile.css 檔頭的變數名與值（只抄那一小段，不 @import 整份）。
   全站原則：同一份檔案、每站不同房間、每頁一個招牌效果。這裡的房間＝檔案最後面的「附錄」，
   招牌效果只有一個：條號走在頁邊（.cf-num，由 casefile-pages.js 從 h2 開頭拆出來）。
   其餘刻意安靜：髮線分段、無框、無卡片、無陰影、無漸層、無動畫。
   開關：<body class="cf-page">＝暗面（預設）；<body class="cf-page cf-paper">＝骨白紙面。 */

:root{--ink:#0a0b0d;--bone:#e9e3d5;--ash:#a6a296;--v2gold:#c9a24a;--v2gold2:#e8c874;--v2line:rgba(233,227,213,.18);--v2gut:24px;--v2serif:'TDNA Punct','Noto Serif TC','PMingLiU',serif;--v2sans:'TDNA Punct Sans','Noto Sans TC',sans-serif;--v2mono:'IBM Plex Mono',monospace;color-scheme:dark}
/* 四語字族補丁（同 landing-casefile.css） */
html[lang="ko"]{--v2serif:'Noto Serif KR','Noto Serif TC',serif;--v2sans:'Noto Sans KR','Noto Sans TC',sans-serif}
html[lang="ko"] body{word-break:keep-all;overflow-wrap:anywhere}
html[lang="zh-Hans"]{--v2serif:'TDNA Punct','Noto Serif SC','Noto Serif TC','Songti SC',serif;--v2sans:'TDNA Punct Sans','Noto Sans SC','Noto Sans TC','PingFang SC',sans-serif}

/* 頁殼自己的語意色（兩種面各一組；其餘規則只用這一組） */
.cf-page{--cf-bg:var(--ink);--cf-fg:var(--bone);--cf-text:#c6c1b6;--cf-muted:var(--ash);--cf-gold:var(--v2gold);--cf-gold2:var(--v2gold2);--cf-line:var(--v2line);--cf-body:var(--v2serif)}
.cf-page.cf-paper{--cf-bg:var(--bone);--cf-fg:var(--ink);--cf-text:#2a2925;--cf-muted:#5c5a52;--cf-gold:#6f5218;--cf-gold2:#5a4312;--cf-line:rgba(10,11,13,.16);color-scheme:light}
/* 內文字族：中文走襯線；en／ko 襯線在小字號太重，退 sans */
html[lang="en"] .cf-page,html[lang="ko"] .cf-page{--cf-body:var(--v2sans)}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;max-width:100%;background:var(--ink)}
html:has(.cf-paper){background:var(--bone)}
body.cf-page{margin:0;background:var(--cf-bg);color:var(--cf-text);font-family:var(--cf-body);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100%;position:relative}
.cf-page h1,.cf-page h2,.cf-page h3,.cf-page p,.cf-page ul{margin:0;padding:0}
.cf-page ::selection{background:var(--cf-gold);color:var(--cf-bg)}
.cf-page :focus-visible{outline:2px solid var(--cf-gold2);outline-offset:4px}

/* 跳轉連結（同 landing：只在鍵盤 focus 時出現） */
.cf-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--cf-fg);color:var(--cf-bg);font:13px var(--v2mono);text-decoration:none}
.cf-skip:focus{top:12px}

/* 頁首：左 ◆ TRADINGDNA，右一條回首頁（不是選單） */
.cf-head{max-width:680px;margin:0 auto;padding:28px var(--v2gut) 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cf-brand{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--v2mono);letter-spacing:.24em;color:var(--cf-gold2);text-decoration:none;white-space:nowrap;padding:10px 0}
.cf-brand .logo-icon{width:22px;height:22px;flex:none;color:var(--cf-gold)} /* portal.html 的菱形用 currentColor（portal 閘門禁舊色票 hex），吃這裡的頁殼金 */
@media(max-width:360px){.cf-brand .logo-icon{width:18px;height:18px}}
.cf-back{font:400 12px/1.6 var(--v2mono);letter-spacing:.04em;color:var(--cf-muted);text-decoration:none;padding:10px 0;white-space:nowrap}
.cf-back:hover,.cf-brand:hover{color:var(--cf-gold2)}

/* 單欄文件 */
.cf-doc{max-width:680px;margin:0 auto;padding:64px var(--v2gut) 40px}

/* 文件表頭：眉標 → 髮線 → h1 → 更新日 */
.cf-dochead{margin-bottom:40px}
.cf-eyebrow{font:400 11px/1.6 var(--v2mono);letter-spacing:.24em;color:var(--cf-gold);text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid var(--cf-line)}
.cf-dochead h1{margin-top:26px;font:900 clamp(30px,7.6vw,44px)/1.3 var(--v2serif);color:var(--cf-fg);letter-spacing:.01em;text-wrap:balance}
html[lang="en"] .cf-dochead h1{letter-spacing:0}
.cf-updated{margin-top:14px;font:400 11px/1.8 var(--v2mono);letter-spacing:.14em;color:var(--cf-muted)}
.cf-transnote{margin:-12px 0 36px;font:400 13px/1.8 var(--v2sans);color:var(--cf-muted)}
.cf-transnote:empty{display:none}

/* 內文 */
.cf-doc p,.cf-doc li{font-size:16px;line-height:1.85;color:var(--cf-text)}
.cf-doc p{margin-bottom:16px}
.cf-doc strong{color:var(--cf-fg);font-weight:700}
.cf-doc small{font-size:13px;line-height:1.8;color:var(--cf-muted)}

/* h2：髮線分段＋條號（招牌效果） */
.cf-doc h2{position:relative;margin:56px 0 18px;padding-top:28px;border-top:1px solid var(--cf-line);font:700 22px/1.5 var(--v2serif);color:var(--cf-fg);text-wrap:balance}
.cf-num{display:block;margin-bottom:8px;font:500 13px/1.6 var(--v2mono);letter-spacing:.16em;color:var(--cf-gold)}
@media (min-width:1000px){
  .cf-num{position:absolute;right:calc(100% + 28px);top:33px;margin:0;width:96px;text-align:right;white-space:nowrap}
}
.cf-doc h3{margin:34px 0 10px;font:700 17px/1.6 var(--v2serif);color:var(--cf-fg)}

/* 清單：去圓點，改髮線列 */
.cf-doc ul{list-style:none;margin:0 0 20px}
.cf-doc li{padding:12px 0;border-top:1px solid var(--cf-line)}
.cf-doc li:last-child{border-bottom:1px solid var(--cf-line)}
.cf-doc ul:has(+ h2) li:last-child{border-bottom:0} /* 下一個 h2 自帶髮線，不疊兩條 */

/* 連結：bone（紙面＝ink）色＋金色底線 */
.cf-doc a{color:var(--cf-fg);text-decoration:underline;text-decoration-color:var(--cf-gold);text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}
.cf-doc a:hover{color:var(--cf-gold2);text-decoration-color:var(--cf-gold2)}

/* 退款頁的保證句：不做框，只用兩條髮線夾住 */
.cf-doc .highlight-box{margin:8px 0 28px;padding:20px 0 6px;border-top:1px solid var(--cf-gold);border-bottom:1px solid var(--cf-line)}
.cf-doc .highlight-box strong{font:700 20px/1.5 var(--v2serif);color:var(--cf-gold2)}
.cf-page.cf-paper .cf-doc .highlight-box strong{color:var(--cf-gold)}
.cf-doc .timeline-note{font-size:13px;line-height:1.8;color:var(--cf-muted);margin-top:-4px}

/* 隱私頁的「不記錄閱讀分析」設定 */
.cf-doc .cf-optout{margin-top:8px;padding:16px 0;border-top:1px solid var(--cf-line);border-bottom:1px solid var(--cf-line)}
.cf-doc .cf-optout label{display:flex;gap:12px;align-items:flex-start;color:var(--cf-fg);cursor:pointer}
.cf-doc .cf-optout input{flex:none;width:18px;height:18px;margin:5px 0 0;accent-color:var(--cf-gold)}
.cf-doc .cf-optout small{display:block;margin-top:8px}

/* 共用頁尾 */
.cf-foot{max-width:680px;margin:0 auto;padding:0 var(--v2gut) 56px}
.cf-foot-inner{border-top:1px solid var(--cf-line);padding-top:24px}
.cf-foot nav{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:18px}
.cf-foot nav a,.cf-foot nav span{font:400 12px/2 var(--v2mono);letter-spacing:.04em}
.cf-foot nav a{color:var(--cf-muted);text-decoration:none}
.cf-foot nav a:hover{color:var(--cf-gold2)}
.cf-foot nav [aria-current="page"]{color:var(--cf-gold)}
.cf-foot .footer-note{margin:0;font:400 11px/1.8 var(--v2mono);letter-spacing:.08em;color:var(--cf-muted)}

@media (max-width:420px){
  .cf-doc{padding-top:48px}
  .cf-doc h2{font-size:20px;margin-top:48px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}