html{scroll-behavior:smooth}body{margin:0;padding:0;background:#f4ede0;--bg-ivory: #f4ede0;--bg-cream: #faf5ea;--bg-paper: #fdfbf6;--ink-primary: #2d2620;--ink-secondary: #4a3f33;--ink-muted: #7a6a55;--ink-faint: #a89882;--accent-red: #8b3a3a;--accent-gold: #a08040;--font-display: "Noto Serif TC", serif;--font-body: "Noto Sans TC", sans-serif;--font-latin: "Cormorant Garamond", serif;--ease: cubic-bezier(.16, 1, .3, 1);background:radial-gradient(ellipse 80% 40% at top,rgba(160,128,64,.05),transparent),var(--bg-ivory)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent-gold),var(--accent-red));z-index:100;transition:width .1s linear}.page-wrap{max-width:1240px;margin:0 auto;padding:3rem 2.5rem 6rem;display:grid;grid-template-columns:minmax(0,880px) 230px;gap:3rem;justify-content:center;align-items:start;color:var(--ink-primary);font-family:var(--font-body)}.article-page{grid-column:1;min-width:0}.back-link{display:inline-block;font-family:var(--font-display);font-size:.9rem;color:var(--ink-muted);text-decoration:none;letter-spacing:.08em;margin-bottom:1.2rem;transition:color .4s var(--ease)}.back-link:hover{color:var(--accent-red)}.article-sheet{background:var(--bg-paper);border:1px solid rgba(160,128,64,.18);border-radius:6px;box-shadow:0 6px 30px #2d262017;overflow:hidden}.sheet-inner{padding:2.6rem 3.4rem 3.8rem}.article-cover{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover;margin:0}.article-header{text-align:center;margin-bottom:2.2rem}.article-date{font-family:var(--font-latin);font-style:italic;font-size:1.05rem;color:var(--accent-gold);letter-spacing:.05em}.article-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.3;letter-spacing:.04em;margin:.5rem 0 0;color:var(--ink-primary)}.title-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);margin:1.3rem auto 0}.article-body{font-size:1.05rem;line-height:1.95;color:var(--ink-secondary)}.article-body>*:first-child{margin-top:0}.article-body h2,.article-body h3{scroll-margin-top:2rem}.article-body h2{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--ink-primary);letter-spacing:.04em;margin:2.8rem 0 .6rem;padding-bottom:.5rem;border-bottom:1px solid rgba(160,128,64,.25)}.article-body h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink-primary);letter-spacing:.04em;margin:2rem 0 .3rem}.article-body h3:before{content:"◆";color:var(--accent-gold);font-size:.5em;margin-right:.6em;vertical-align:.25em}.article-body p{margin:1.1rem 0}.article-body h2+p,.article-body h3+p{margin-top:.4rem}.article-body strong{color:var(--ink-primary);font-weight:700}.article-body em{font-family:var(--font-latin);font-style:italic;color:var(--accent-gold);font-size:1.1em}.article-body a{color:var(--accent-red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .3s var(--ease)}.article-body a:hover{opacity:.7}.article-body img{max-width:100%;height:auto;border-radius:4px;margin:1.6rem 0;box-shadow:0 2px 12px #2d26201a}.article-body ul,.article-body ol{padding-left:1.5rem;margin:1.1rem 0}.article-body li{margin:.5rem 0}.article-body blockquote{margin:1.8rem 0;padding:1.1rem 1.4rem;background:#a0804017;border-left:3px solid var(--accent-gold);border-radius:0 4px 4px 0;color:var(--ink-secondary);font-size:.98rem}.article-body blockquote p{margin:.4rem 0}.article-body blockquote p:first-child{margin-top:0}.article-body blockquote p:last-child{margin-bottom:0}.article-body hr{border:none;border-top:1px solid rgba(160,128,64,.3);margin:2.5rem 0}.toc{grid-column:2;position:sticky;top:2rem;font-family:var(--font-body)}.toc-title{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1rem;padding-left:0}.toc-root{list-style:none;margin:0;padding:0;border-left:1px solid rgba(160,128,64,.25)}.toc-root>li{margin:0}.toc a{display:block;text-decoration:none;transition:color .3s var(--ease),border-color .3s var(--ease)}.toc a:hover{color:var(--accent-red)}.toc-root>li>a{margin-left:-1px;border-left:2px solid transparent;padding:.45rem .9rem;font-size:.92rem;line-height:1.45;color:var(--ink-secondary);font-weight:600;letter-spacing:.02em}.toc-root>li>a.active{color:var(--accent-red);border-left-color:var(--accent-red)}.toc-sub{list-style:none;margin:0 0 0 1rem;padding:0}.toc-sub li{margin:0}.toc-sub a{position:relative;padding:.28rem .9rem .28rem 1.4rem;font-size:.8rem;line-height:1.4;color:var(--ink-faint);font-weight:400}.toc-sub a:before{content:"◆";position:absolute;left:.4rem;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--ink-faint);transition:color .3s var(--ease)}.toc-sub a.active{color:var(--accent-red);font-weight:600}.toc-sub a.active:before{color:var(--accent-red)}@media(max-width:1024px){.page-wrap{grid-template-columns:1fr}.article-page{grid-column:1;max-width:900px;margin:0 auto}.toc{display:none}}@media(max-width:600px){.sheet-inner{padding:1.6rem 1.4rem 2.4rem}.article-body{font-size:1rem;line-height:1.85}.article-body h2{font-size:1.4rem}}