:root{--paper: #faf8f3;--surface: #ffffff;--surface-2: #f3f1ea;--ink: #1a1a1a;--ink-2: #5a5650;--ink-3: #6e685e;--line: #e3ded3;--line-2: #d6d0c3;--teal: #2f6f6a;--teal-dk: #234f4b;--teal-soft: #eef5f4;--warn: #9a6a3a;--danger: #b5533f;--good: #3f7a4f;--radius: 4px;--shadow: 0 1px 2px rgba(26, 26, 26, .04), 0 4px 16px rgba(26, 26, 26, .05);--serif: "Noto Serif TC", serif;--sans: "Noto Sans TC", sans-serif;--fs: 16px;--gap: 16px;--pad: 24px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:var(--fs);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 var(--pad)}.topbar{position:sticky;top:0;z-index:30;background:#faf8f3db;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:20px;height:64px;flex-wrap:wrap}.wordmark{font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:.04em;white-space:nowrap}.wordmark b{color:var(--teal)}.nav{display:flex;gap:2px;margin-left:4px;flex-wrap:wrap}.nav a{font-size:14px;color:var(--ink-2);text-decoration:none;padding:7px 12px;border-radius:var(--radius);transition:.18s}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{color:var(--teal);background:var(--surface-2)}.auth{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{font-family:var(--sans);font-size:14px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 16px;border-radius:var(--radius);cursor:pointer;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dk)}.btn-ghost{background:transparent}.btn-sm{padding:6px 12px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.user-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);font-weight:500}.admin-badge{font-size:11px;font-weight:600;color:var(--teal);border:1px solid #cfe0dd;background:var(--teal-soft);border-radius:99px;padding:1px 8px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.modal-mask[hidden]{display:none}.modal{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 48px #1a1a1a2e;width:min(420px,100%);padding:28px 30px}.modal-x{position:absolute;top:14px;right:16px;border:none;background:none;font-size:16px;color:var(--ink-3);cursor:pointer;line-height:1}.modal-h .eyebrow{margin-bottom:6px}.modal-h h2{font-size:24px;margin-bottom:8px}.modal form{margin-top:18px;display:grid;gap:14px}.note-body{margin-top:14px;font-size:14.5px;line-height:1.85;color:var(--ink)}.note-body p{margin:0 0 12px;padding-left:14px;position:relative}.note-body p:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--teal)}.field-l{font-size:13px;color:var(--ink-2);display:grid;gap:6px}.field-l input{font-family:var(--sans);font-size:14px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 12px;width:100%}.field-l input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.auth-msg{font-size:13px;border-radius:var(--radius);padding:9px 12px}.auth-msg.err{color:var(--danger);background:#fbeeec}.auth-msg.ok{color:var(--good);background:#eef5ec}.link-btn{border:none;background:none;color:var(--teal);font-size:13px;cursor:pointer;margin-top:14px;padding:0}.link-btn:hover{text-decoration:underline}section{padding:40px 0;border-top:1px solid var(--line)}section:first-of-type{border-top:none}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:8px}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:.02em;line-height:1.35}h2{font-size:28px;margin-bottom:4px}.lead{color:var(--ink-2);margin-top:8px;max-width:62ch}.center{text-align:center}.muted{color:var(--ink-3);font-size:13px}.chip{font-size:12px;font-family:var(--serif);font-weight:700;border:1px solid var(--line);border-radius:99px;padding:4px 12px;color:var(--ink-2);white-space:nowrap}.chip.teal{color:var(--teal);border-color:#cfe0dd;background:var(--teal-soft)}.ph{border:1px dashed var(--line);background:var(--surface-2);color:var(--ink-3);font-size:13px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;padding:10px}.ph-lg{min-height:120px}.ph-img{aspect-ratio:16/9;width:100%}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.hero-text{max-width:60ch}.hero h1{font-size:34px;line-height:1.4}.hero .lead{font-size:17px}.hero-aside{display:grid;gap:14px}.ha-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.ph-inline{color:var(--ink-2);font-style:normal;border-bottom:1px dashed var(--line-2);padding-bottom:1px}.ha-k{font-size:12px;letter-spacing:.08em;color:var(--ink-2)}.ha-v{font-family:var(--serif);font-weight:700;font-size:34px;color:var(--teal);line-height:1.1;margin-top:6px}.ha-u{font-size:15px;color:var(--ink-2);margin-left:3px;font-family:var(--sans)}.ha-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:10px 0 6px}.ha-bar>i{display:block;height:100%;background:var(--teal);border-radius:99px}.ha-sub{font-size:12px;color:var(--ink-2)}.countdown-light{margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 30px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.countdown-light .label{font-size:12px;letter-spacing:.2em;color:var(--teal);text-transform:uppercase;font-weight:700}.countdown-light .clock{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--ink);margin-top:4px;letter-spacing:.03em}.countdown-light .target{font-size:13px;color:var(--ink-2);margin-top:4px}.countdown-light .aside{font-size:13px;color:var(--ink-2);text-align:right;line-height:1.7}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:var(--gap)}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:.18s;cursor:pointer;text-align:left;font-family:var(--sans);color:var(--ink)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2)}.tile .ic{width:28px;height:28px;color:var(--teal);margin-bottom:12px}.tile h3{font-size:17px;margin-bottom:4px}.tile p{font-size:13px;color:var(--ink-2)}.changelog{margin-top:var(--gap);display:grid}.cl-item{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.cl-item:first-child{border-top:none}.cl-date{font-family:var(--serif);font-weight:700;color:var(--teal);font-size:14px}.cl-date small{display:block;font-family:var(--sans);font-weight:400;color:var(--ink-2);font-size:12px;margin-top:2px}.cl-body h3{font-size:17px;margin-bottom:4px}.cl-body p{font-size:14px;color:var(--ink-2)}.tagadmin{display:inline-block;font-size:11px;font-weight:700;color:var(--teal);border:1px solid #cfe0dd;border-radius:99px;padding:1px 8px;margin-left:8px;vertical-align:middle}.admin-panel{margin-top:var(--gap);background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius);padding:20px}.admin-panel .ap-title{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink-2);margin-bottom:14px;display:flex;align-items:center;gap:8px}.admin-panel .ap-title svg{width:16px;height:16px;color:var(--teal)}.ap-grid{display:grid;grid-template-columns:120px 1fr;gap:12px}.ap-grid label{font-size:13px;color:var(--ink-2);align-self:center}.ap-input,.ap-textarea{font-family:var(--sans);font-size:14px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:9px 12px;width:100%;transition:border-color .15s,box-shadow .15s}.ap-input::placeholder,.ap-textarea::placeholder{color:var(--ink-3)}.ap-input:focus,.ap-textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.ap-textarea{resize:vertical;min-height:64px}.ap-actions{margin-top:14px;display:flex;gap:8px;justify-content:flex-end}.board{margin-top:var(--gap);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.board .row{display:grid;grid-template-columns:48px 1fr 130px 80px;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center;transition:background .15s}.board .row:last-child{border-bottom:none}.board .row:hover{background:var(--surface-2)}.board .rk{font-family:var(--serif);font-weight:700;color:var(--teal)}.board .row:nth-child(1) .rk{color:#b8860b}.board .row:nth-child(2) .rk{color:#7a7a7a}.board .row:nth-child(3) .rk{color:#9c6b3f}.board .nm{font-weight:500}.board .pg{font-size:13px;color:var(--ink-2)}.board .ct{font-family:var(--serif);font-weight:700;text-align:right}.board .row:nth-child(1) .ct{color:#b8860b}.board .row:nth-child(2) .ct{color:#7a7a7a}.board .row:nth-child(3) .ct{color:#9c6b3f}.fund{margin-top:var(--gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.fund-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.fund-top .name{font-weight:700}.fund-top .amt{font-family:var(--serif);font-size:22px;color:var(--teal)}.bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--teal);transition:width .4s}.fund-note{font-size:12px;color:var(--ink-2);margin-top:8px}.fund.depleted .amt{color:var(--danger)}.fund.depleted .bar>i{background:var(--danger)}.quiz-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.progress-meta{margin-left:auto;font-size:13px;color:var(--ink-2)}.progress-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:12px 0 24px}.progress-bar>i{display:block;height:100%;background:var(--teal);transition:width .3s}.q-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.q-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.q-body{font-family:var(--serif);font-size:19px;line-height:1.8}.q-fig{display:block;max-width:100%;height:auto;margin:16px auto 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:8px}.options{display:grid;gap:12px;margin-top:24px}.opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:.16s;background:var(--paper);text-align:left;font-family:var(--sans);font-size:15px;color:var(--ink)}.opt:hover{border-color:var(--teal);background:var(--surface)}.opt .k{font-family:var(--serif);font-weight:700;width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2)}.opt.correct{border-color:var(--teal);background:var(--teal-soft)}.opt.correct .k{background:var(--teal);color:#fff;border-color:var(--teal)}.opt.wrong{border-color:var(--danger);background:#fbf0ec}.opt.wrong .k{background:var(--danger);color:#fff;border-color:var(--danger)}.opt[disabled]{cursor:default}.quiz-foot{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.quiz-foot .spacer{margin-left:auto}.icon-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:8px 14px;font-size:13px;color:var(--ink-2);cursor:pointer;transition:.16s;font-family:var(--sans)}.icon-btn:hover{border-color:var(--teal);color:var(--ink)}.icon-btn svg{width:15px;height:15px}.icon-btn.on{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.result{margin-top:24px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--radius);padding:18px 20px;background:var(--surface);display:none}.result.show{display:block}.result .tag{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--teal)}.result .tag.bad{color:var(--danger)}.result .ai{margin-top:10px;color:var(--ink-2);font-size:14px;line-height:1.75}.result .cached{font-size:12px;color:var(--teal);margin-top:8px;display:inline-flex;gap:6px;align-items:center}.result .cached svg{width:13px;height:13px}.result .ai ul,.note-body ul{margin:8px 0 8px 20px;list-style:disc}.result .ai li,.note-body li{margin:2px 0}.result .ai h3,.result .ai h4{font-family:var(--serif);margin:10px 0 4px;color:var(--ink)}.result .ai p{margin:0 0 8px}.list{display:grid;gap:12px;margin-top:var(--gap)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:.16s}.card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.card h3{font-family:var(--serif);font-size:17px;margin-bottom:6px}.card p{font-size:14px;color:var(--ink-2)}.card .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.card .right{margin-left:auto;display:flex;gap:8px}.pill{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink-2)}.pill.warn{color:var(--danger);border-color:#eccfc7;background:#fbf0ec}.pill.good{color:var(--good);border-color:#cfe3d2;background:#eef6ef}.empty{margin-top:var(--gap);padding:40px;text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--radius)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:var(--gap)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat .v{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--teal)}.stat .k{font-size:12px;color:var(--ink-2);margin-top:4px}.chart-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:var(--gap)}.chart-box h3{font-size:16px;margin-bottom:14px}.locked{text-align:center;padding:60px 20px}.locked .lock-ic{width:48px;height:48px;color:var(--ink-3);margin:0 auto 16px}.locked h2{font-size:24px}.progress-big{width:min(420px,90%);height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:20px auto}.progress-big>i{display:block;height:100%;background:var(--teal)}.bar-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;margin:10px 0;font-size:14px}.bar-label{color:var(--ink-2);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar-track>i{display:block;height:100%;background:var(--teal);border-radius:99px}.bar-val{color:var(--ink-3);font-size:13px;white-space:nowrap}.builder{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-top:var(--gap);display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.builder .field label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:6px}.tabs{display:flex;gap:4px;margin:18px 0 4px;border-bottom:1px solid var(--line)}.tab{font-family:var(--sans);font-size:14px;color:var(--ink-2);background:none;border:none;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:500}.tab-panel{margin-top:18px}.manual-list{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px}.manual-list label{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:14px;cursor:pointer}.manual-list label:last-child{border-bottom:none}.manual-list .qq{color:var(--ink-3);font-size:12px;white-space:nowrap}.switch{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);cursor:pointer}.switch input{width:16px;height:16px;accent-color:var(--teal)}.exam-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;background:var(--surface)}.exam-card h3{font-size:16px;margin-bottom:4px}.exam-card .meta{font-size:13px;color:var(--ink-3);margin-bottom:10px}.exam-card .acts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.builder select,.builder input[type=number]{font-family:var(--sans);font-size:14px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 12px;width:100%}.builder .full{grid-column:1 / -1}.compose{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:var(--gap)}.compose textarea{width:100%;font-family:var(--sans);font-size:14px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;resize:vertical;min-height:70px;color:var(--ink)}.compose .row{display:flex;gap:10px;align-items:center;margin-top:12px}.compose .row .who{font-size:13px;color:var(--ink-2)}.comment{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-top:12px}.comment .head{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}.comment .head .nm{font-weight:700;color:var(--ink)}.comment .body{margin-top:8px;font-size:15px;line-height:1.7;white-space:pre-wrap}.comment .acts{display:flex;gap:14px;margin-top:10px;font-size:13px;color:var(--ink-2)}.comment .acts button{background:none;border:none;cursor:pointer;color:var(--ink-2);font-family:var(--sans);font-size:13px;display:inline-flex;gap:5px;align-items:center;padding:0}.comment .acts button:hover{color:var(--teal)}.comment .acts button svg{width:14px;height:14px}.reply{margin-left:24px;border-left:2px solid var(--line);padding-left:16px;margin-top:10px}.tweaks{position:fixed;right:18px;bottom:18px;z-index:50;font-family:var(--sans)}.tweaks-toggle{width:42px;height:42px;border-radius:99px;background:var(--ink);color:var(--paper);border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 16px #1a1a1a33;font-size:18px}.tweaks-panel{position:absolute;right:0;bottom:54px;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px #1a1a1a2e;padding:18px;display:none}.tweaks-panel.open{display:block}.tweaks-panel h4{font-family:var(--serif);font-size:15px;margin-bottom:12px}.tweaks-panel .field{margin-bottom:14px}.tweaks-panel .field label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:6px}.tweaks-panel input[type=range]{width:100%}.sw-row{display:flex;gap:8px;flex-wrap:wrap}.sw-row button{flex:1;font-size:12px;padding:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;font-family:var(--sans);color:var(--ink-2)}.sw-row button.on{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.footnote{font-size:12px;color:var(--ink-3);margin-top:12px}.footnote.warn{color:var(--warn)}.sb-tag{display:inline-block;font-size:11px;color:var(--teal);border:1px solid #cfe0dd;border-radius:3px;padding:1px 6px;margin-left:6px;font-family:var(--sans);font-weight:500}@media (max-width: 820px){.hero{grid-template-columns:1fr;gap:28px}.grid-4,.stat-row{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr}.countdown-light{flex-direction:column;align-items:flex-start}.countdown-light .aside{text-align:left}.board .row{grid-template-columns:36px 1fr 64px}.board .pg{display:none}}