:root{--bg:#ffffff;--surface:#ffffff;--surface-soft:#f6faf8;--text:#18211f;--text-muted:#5f6d68;--text-faint:#87938f;--border:#dfe8e4;--accent:#147d6f;--accent-strong:#0b5f55;--accent-soft:#e7f5f1;--green:#2b8a3e;--amber:#b26b16;--amber-soft:#fff5df;--shadow:0 14px 40px rgba(16,48,42,0.08);--radius:8px;--max:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1120px;margin:0 auto;padding:16px 24px}.logo{flex:0 0 auto;color:var(--accent-strong);font-size:18px;font-weight:800;letter-spacing:0}.nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.filter-link,.lang-switch button,.nav a{border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);font-size:15px;font-weight:700;padding:8px 12px;white-space:nowrap}.filter-link.on,.filter-link:hover,.nav a.active,.nav a:hover{background:var(--accent-soft);border-color:#cfe8e1;color:var(--accent-strong)}.lang-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.lang-switch button{min-width:42px;border:0;background:transparent;cursor:pointer;padding:6px 8px}.lang-switch button.on{background:var(--text);color:white}.container{max-width:var(--max);margin:0 auto;padding:0 24px 64px}.hero{padding:48px 0 24px}.hero h1{max-width:720px;margin:0;color:var(--text);font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:0}.hero p{max-width:680px;margin:18px 0 0;color:var(--text-muted);font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.ghost-button,.icon-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;font-size:15px;font-weight:800}.primary-button{background:var(--accent);border-color:var(--accent);color:white;padding:0 16px}.ghost-button{padding:0 16px}.ghost-button,.icon-button{background:var(--surface);color:var(--accent-strong)}.icon-button{width:44px}.cat-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.feed-grid{display:grid;grid-gap:16px;gap:16px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px;box-shadow:var(--shadow)}.card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.badge-cat,.badge-read,.badge-score,.badge-tier{display:inline-flex;align-items:center;min-height:28px;border-radius:7px;font-size:13px;font-weight:800;line-height:1;padding:0 9px}.badge-score{background:var(--amber-soft);color:var(--amber)}.badge-cat{background:var(--accent-soft);color:var(--accent-strong)}.badge-read,.badge-tier{background:#f1f5f3;color:var(--text-muted)}.card h3{margin:0;color:var(--text);font-size:24px;line-height:1.28;letter-spacing:0}.card h3 a:hover{color:var(--accent-strong)}.summary{margin:12px 0 0;color:var(--text-muted);font-size:17px;line-height:1.75}.reason-box{margin:14px 0 0;border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-soft);color:var(--text);font-size:16px;line-height:1.72;padding:12px 14px}.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;color:var(--text-faint);font-size:14px}.meta,.meta a{align-items:center}.meta a{display:inline-flex;gap:5px;color:var(--text-muted);font-weight:800}.meta a:hover{color:var(--accent-strong)}.section-title{margin:36px 0 14px;color:var(--text);font-size:24px;line-height:1.2}.doc-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:20px}.prose{color:var(--text);font-size:19px;line-height:1.9}.prose p{margin:0 0 18px}.article-hero{padding:32px 0 18px}.article-hero h1{margin:0;font-size:clamp(30px,5vw,46px);line-height:1.16;letter-spacing:0}.audio-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;margin:18px 0 22px;border:1px solid #cfe8e1;border-radius:var(--radius);background:var(--accent-soft);padding:14px}.audio-main{min-width:0}.audio-title{margin:0;color:var(--accent-strong);font-size:15px;font-weight:900}.audio-status{margin:2px 0 8px;color:var(--text-muted);font-size:13px}.audio-note{margin:-3px 0 8px;color:var(--amber);font-size:12px;line-height:1.45}.voice-select{min-height:44px;max-width:250px;border:1px solid #cfe8e1;border-radius:var(--radius);background:var(--surface);color:var(--accent-strong);cursor:pointer;font-size:14px;font-weight:800;padding:0 10px}.progress{height:7px;overflow:hidden;border-radius:999px;background:#d2e9e2}.progress span{display:block;height:100%;width:var(--progress,0);border-radius:inherit;background:var(--accent)}.tabs{display:inline-flex;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tabs button{border:0;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:900;padding:8px 14px}.tabs button.on{background:var(--text);color:white}.source-list{display:grid;grid-gap:12px;gap:12px}.source-row{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.source-row h3{margin:0 0 4px;font-size:18px}.source-row p{margin:0;color:var(--text-muted);font-size:14px}.footer{border-top:1px solid var(--border);background:var(--surface-soft)}.footer-inner{display:flex;flex-wrap:wrap;gap:14px;max-width:1120px;margin:0 auto;padding:26px 24px;color:var(--text-muted);font-size:14px}.footer-inner a:hover{color:var(--accent-strong)}@media (max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding:14px 16px}.container{padding:0 16px 48px}.hero{padding-top:34px}.hero p{font-size:18px}.card{padding:18px}.card h3{font-size:21px}.prose,.summary{font-size:17px}.audio-panel,.source-row{grid-template-columns:1fr}.voice-select{max-width:none;width:100%}.audio-panel .icon-button{width:100%}}