/* Paper Trail（投資申報）：申報資料終端機／會計帳簿。炭藍黑底、等寬數字、單一琥珀色強調；綠紅只給買賣與漲跌。細線、緊湊表格。 */
:root{
  color-scheme:dark;
  --paper:#0e131a;--paper-hi:#151c25;--panel-2:#1b2430;
  --ink:#e4e8ee;--ink-2:#c0c8d2;--sub:#97a3b3;
  --line:rgba(160,178,200,.24);--hair:rgba(160,178,200,.12);
  --zhu:#f0a63a;--zhu-lite:#f0a63a;--gold:#f0a63a;--cream:#e4e8ee;--ok:#4fc58a;
  --amber:#f0a63a;--up:#4fc58a;--dn:#f2665e;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
}
html{background:var(--paper)}
body{font-family:var(--sans);font-size:16px;line-height:1.6;background:var(--paper);background-image:none;color:var(--ink);font-variant-numeric:tabular-nums}
.wrap{max-width:960px}
a{color:var(--amber);text-decoration-color:rgba(240,166,58,.45);text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--amber)}
::selection{background:rgba(240,166,58,.35);color:#fff}
h1,h2,h3{color:var(--ink)}
h1{font:600 clamp(28px,4.4vw,40px)/1.15 var(--sans);letter-spacing:-.015em;margin:0 0 8px}
.sub{color:var(--ink-2);font-size:16px;max-width:66ch}
h2{font:600 13px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:34px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line);display:block}
h2 .n{color:var(--amber)}
.kicker{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
.sans,.note,label,.eg,.form label,.items li .meta,.chtsub,.sldout,.unitbar>span{font-family:var(--sans)}

/* 站頭：一條細線，左邊標誌，右邊等寬導覽 */
.sitebar{border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:28px}
.brand{color:var(--ink);font:600 16px var(--mono);letter-spacing:.14em}
.brand b{color:var(--amber);font-weight:600;margin-left:.45em}
.sitenav{gap:4px 20px}
.sitenav a{font:500 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.sitenav a:hover{color:var(--ink)}
.sitenav a.on{color:var(--amber);box-shadow:inset 0 -2px 0 var(--amber)}

/* 卡片與表單 */
.card{background:var(--paper-hi);border:1px solid var(--line);border-radius:2px;box-shadow:none;padding:16px 18px}
label,.form label{color:var(--sub);font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
input,select,textarea,.form input,.form select,.finder input{background:#0a0e14;color:var(--ink);border:1px solid var(--line);border-radius:2px;font-family:var(--mono);font-size:16px}
input::placeholder{color:#6f7b8b}
input:focus,select:focus,textarea:focus,.form input:focus,.form select:focus,.finder input:focus{outline:2px solid var(--amber);outline-offset:0;border-color:var(--amber);box-shadow:none}
option{background:#0a0e14;color:var(--ink)}
.btn{background:var(--amber);color:#14100a;border:1px solid var(--amber);border-radius:2px;font:600 14px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.btn:hover{background:#ffbf5c;border-color:#ffbf5c;color:#14100a}
.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line);font-size:12.5px;min-height:38px;padding:8px 14px;margin-top:10px}
.btn.ghost:hover{border-color:var(--amber);color:var(--amber);background:transparent}
.eg{color:var(--sub);font-size:13px}
.eg button{color:var(--amber);font-family:var(--mono);text-decoration-color:rgba(240,166,58,.45)}
.seg,.langbar{background:#0a0e14}
.seg button.on{background:var(--amber);color:#14100a;box-shadow:none}

/* 答案：帳簿上的合計列 */
.answer,.answer.soft{background:var(--paper-hi);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:2px;box-shadow:none;padding:18px 22px 20px;margin:18px 0}
.answer .q,.answer.soft .q{font:500 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin-bottom:8px}
.answer .a,.answer.soft .a{font:600 clamp(22px,3.6vw,32px)/1.2 var(--mono);letter-spacing:-.01em;color:var(--ink);margin-bottom:10px}
.answer .a b,.answer.soft .a b{color:var(--amber);font-weight:600}
.answer .why,.answer.soft .why{color:var(--ink-2);font-size:15px;line-height:1.65}
.answer .why b,.answer.soft .why b{color:var(--ink);font-family:var(--mono);font-weight:600}
.answer .why a,.answer.soft .why a{color:var(--amber)}
.answer th,.answer td{color:var(--ink-2);border-bottom-color:var(--hair)}
.answer tr.hi td{background:rgba(240,166,58,.1);color:var(--ink)}
.answer .note{color:var(--sub)}

.warn,.good{background:var(--paper-hi);border:1px solid var(--line);border-radius:2px;color:var(--ink);font-size:15px}
.warn{border-left:3px solid var(--dn)}
.good{border-left:3px solid var(--up)}
.note{color:var(--sub);font-size:13px}

/* 表格：等寬、緊、細線 */
.tblwrap{overflow-x:auto;margin:8px 0;border:1px solid var(--line);background:var(--paper-hi)}
table{font:13px/1.45 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
th,td{padding:7px 10px;border-bottom:1px solid var(--hair)}
th{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub);background:var(--panel-2);border-bottom:1px solid var(--line);white-space:nowrap}
tbody tr:hover td{background:rgba(160,178,200,.05)}
tr.hi td{background:rgba(240,166,58,.1)}
tr.mute td{color:var(--sub)}

/* 標籤：綠＝買／加碼，紅＝賣／減碼 */
.tag{border-radius:2px;font:600 10.5px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(160,178,200,.14);color:var(--ink-2);padding:1px 6px}
.tag.ok{background:rgba(79,197,138,.14);color:var(--up)}
.tag.hot{background:rgba(242,102,94,.14);color:var(--dn)}

.items li{background:var(--paper-hi);border:1px solid var(--line);border-radius:2px;padding:11px 14px;margin:6px 0}
.items li h3{font:500 15px/1.45 var(--sans);color:var(--ink)}
.items li .meta{color:var(--sub);font-family:var(--mono);font-size:12px}
.items li p{color:var(--ink-2)}

.bars{font:13px var(--mono)}
.bars li{margin:3px 0}
.bars .k{color:var(--ink-2)}
.bars .b{background:rgba(160,178,200,.1);border-radius:0;height:10px}
.bars .b i{background:var(--amber);border-radius:0}
.bars .v{color:var(--ink)}
.bar{background:rgba(160,178,200,.12)}
.big{font-family:var(--mono);font-weight:600;color:var(--amber)}
.big.ok{color:var(--up)}
.kpi .lb{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.spark{background:var(--paper-hi);border:1px solid var(--hair)}
.chtwrap{border-top-color:var(--line)}
details.fold{background:var(--paper-hi);border-color:var(--line)}
details.fold[open]>summary{background:transparent}
.chips a{background:rgba(160,178,200,.12);color:var(--ink-2)}
.toolgrid a{background:var(--paper-hi);border-color:var(--line);color:var(--ink)}

/* 站尾 */
.sitefoot{font:13px/1.65 var(--sans);color:var(--sub);border-top-color:var(--line)}
.sitefoot .gov{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.sitefoot a{color:var(--ink-2)}

/* 合併頁 */
.picker{margin:18px 0 6px}
.picker .form label{flex:1 1 160px;max-width:280px}
.picker .form input{text-transform:uppercase}
.dz{background:var(--paper-hi);border:1px solid var(--line);border-radius:2px;padding:16px 18px 18px;margin:22px 0}
.dz-h{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}
.dz-n{width:auto;min-width:34px;height:24px;padding:0 6px;border-radius:2px;background:transparent;border:1px solid var(--amber);color:var(--amber);font:600 11.5px var(--mono);letter-spacing:.06em}
.dz h2{font:600 18px/1.3 var(--sans);text-transform:none;letter-spacing:-.005em;color:var(--ink);margin:0;padding:0;border:0}
.dz-t p{color:var(--sub);font:13.5px/1.55 var(--sans);max-width:72ch}
.dz-open{font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.dz-skip{color:var(--sub)}
/* 嵌入：面板裡面的表格不再加框底 */
html.embed .tblwrap{background:transparent}
html.embed .answer{margin-top:10px}

/* ── 首頁 ── */
.home .in{max-width:1080px;margin:0 auto;padding:0 20px}
.home .sitebar{margin-bottom:0}
.hero{border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:48px 20px 56px!important}
.hero h1{font-size:clamp(32px,4.6vw,50px);line-height:1.08;margin:0 0 16px;max-width:17ch}
.hero .lede{font-size:17px;color:var(--ink-2);max-width:52ch;margin:0}
.tick{background:var(--paper-hi);border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:2px;padding:0 20px 18px}
.tick-h{display:flex;justify-content:space-between;gap:10px;font:500 11px var(--mono);letter-spacing:.12em;color:var(--sub);padding:10px 0;border-bottom:1px solid var(--hair);margin-bottom:16px}
.tick-h span:first-child{color:var(--amber)}
.tick-row{display:flex;align-items:stretch;border:1px solid var(--line);background:#0a0e14;border-radius:2px}
.tick-row:focus-within{border-color:var(--amber);outline:1px solid var(--amber)}
.tick .prompt{display:flex;align-items:center;padding:0 0 0 14px;color:var(--amber);font:600 22px var(--mono)}
.tick input{flex:1;min-width:0;border:0;background:transparent;font:600 24px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 10px;outline:none}
.tick input:focus{outline:none;border:0}
.tick input::placeholder{color:#5b6676;letter-spacing:.08em}
.tick .btn{border-radius:0;margin:-1px -1px -1px 0;flex:none;width:auto}
#err{font:500 13.5px var(--sans);color:var(--dn);margin:8px 0 0;min-height:1.3em}
.tick .eg{margin:2px 0 0}
.tick-f{margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--hair)}
.tick-f div{display:flex;gap:12px;font-size:13.5px;color:var(--ink-2);margin:4px 0}
.tick-f dt{font:500 12px/1.6 var(--mono);color:var(--sub)}
.tick-f dd{margin:0}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin:0 0 18px;padding-bottom:8px;flex-wrap:wrap}
.sec-h h2{margin:0;padding:0;border:0}
.sec-h p{margin:0;color:var(--sub);font-size:13.5px}
.ledgers{padding:44px 0 8px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.led{background:var(--paper-hi);border:1px solid var(--line);border-radius:2px;padding:16px 16px 14px;display:flex;flex-direction:column;min-width:0}
.led h3{font:600 17px/1.3 var(--sans);margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.led .code{font:600 11px var(--mono);letter-spacing:.12em;color:var(--amber)}
.ex-t{font-size:13px;margin:0 0 12px}
.ex-t th{background:transparent;padding:5px 0}
.ex-t td{padding:7px 0}
.ex-t th:last-child,.ex-t td:last-child{text-align:right;color:var(--sub)}
.ex-t a{color:var(--ink);text-decoration:none;font-family:var(--sans);font-size:14px}
.ex-t a::before{content:"› ";color:var(--amber);font-family:var(--mono)}
.ex-t tr:hover a{color:var(--amber)}
.lim{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:0 0 12px;flex:1}
.lim b{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.more{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.more::after{content:" →"}
.limits{padding:36px 0 0}
.lim-t{border:1px solid var(--line);background:var(--paper-hi);font-family:var(--sans);font-size:14.5px}
.lim-t th{width:8.5em;vertical-align:top;color:var(--amber);background:var(--panel-2);padding:12px 14px}
.lim-t td{color:var(--ink-2);padding:12px 14px;line-height:1.6}
.home .sitefoot{margin-top:40px;padding-bottom:56px}

@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:28px;padding:30px 20px 36px!important}
  .cols{grid-template-columns:1fr}
}
@media(max-width:560px){
  .home .in{padding:0 16px}
  .hero-grid{padding:24px 16px 30px!important}
  .tick{padding:0 14px 14px}
  .tick input{font-size:20px}
  .tick .btn{padding:10px 12px;font-size:13px}
  .lim-t th{display:block;width:auto;padding:10px 12px 0;background:transparent}
  .lim-t td{display:block;padding:4px 12px 12px}
  .dz{padding:12px 12px 14px}
  .dz-h{gap:10px}
  .answer,.answer.soft{padding:14px 14px 16px}
  .sitenav{gap:18px}
  .tick-h span:last-child{display:none}
}
td:first-child{white-space:nowrap}