:root{
  --bg:#0b130f; --cream:#f3efe7; --text:#c6d0c6; --muted:#7f8f83;
  --gold:#c5a14e; --gold-soft:rgba(197,161,78,.15); --faint:rgba(255,255,255,.05);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background-color:var(--bg);
  background-image:radial-gradient(135% 95% at 50% -12%, rgba(36,70,50,.42), rgba(7,13,10,0) 55%), radial-gradient(85% 55% at 50% 116%, rgba(124,33,48,.22), rgba(7,13,10,0) 60%);
  background-attachment:fixed;
  color:var(--text);
  font-family:'Noto Sans TC',-apple-system,Arial,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;line-height:1.7;min-height:100vh;position:relative;color-scheme:dark;
}
/* 隱約絲絨顆粒質地 */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
/* 內縮金框 */
body::after{content:"";position:fixed;inset:14px;z-index:5;pointer-events:none;border:1px solid var(--gold-soft);}
.serif{font-family:'Cormorant Garamond','Noto Serif TC',Georgia,serif;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:26px 7vw;border-bottom:1px solid var(--faint);position:relative;z-index:1;}
.nav a{text-decoration:none;color:inherit;}
.nav .mark{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;letter-spacing:4px;color:var(--cream);}
.nav .links a{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-left:26px;transition:color .2s;}
.nav .links a:hover{color:var(--gold);}
section{max-width:640px;margin:0 auto;text-align:center;padding:0 24px;position:relative;z-index:1;}
.hero{padding:14vh 24px 10vh;}
.hero .word{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,11vw,76px);letter-spacing:.14em;color:var(--cream);line-height:1;}
.hero .zh{font-size:15px;letter-spacing:.85em;color:var(--gold);margin-top:22px;padding-left:.85em;}
.hero .desc{font-size:11px;letter-spacing:.5em;color:#97876b;margin-top:16px;padding-left:.5em;}
.rule{width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 22%,var(--gold) 78%,transparent);opacity:.85;margin:34px auto;}
.tagline{font-family:'Cormorant Garamond','Noto Serif TC',Georgia,serif;font-size:clamp(23px,4.6vw,30px);color:var(--cream);line-height:1.55;}
.hero .en{font-size:12px;letter-spacing:.25em;color:var(--muted);margin-top:22px;text-transform:uppercase;}
.block{padding:7vh 24px;}
.block p{font-size:16px;line-height:2.1;}
.label{font-size:11px;letter-spacing:.28em;color:var(--muted);text-transform:uppercase;margin-bottom:16px;}
.hair{width:30px;height:1px;background:rgba(255,255,255,.16);margin:0 auto;}
.cta{display:inline-block;font-size:13px;letter-spacing:.22em;color:var(--bg);background:var(--gold);padding:15px 34px;text-transform:uppercase;text-decoration:none;transition:background .2s;}
.cta:hover{background:#d4b566;}
footer{text-align:center;padding:8vh 24px 6vh;border-top:1px solid var(--faint);margin-top:5vh;position:relative;z-index:1;}
footer .mark{font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;letter-spacing:.35em;color:var(--muted);}
.page-head{text-align:center;padding:13vh 24px 5vh;position:relative;z-index:1;}
.page-head .kicker{font-size:11px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;}
.page-head h1{font-family:'Cormorant Garamond','Noto Serif TC',Georgia,serif;font-size:clamp(34px,7vw,52px);color:var(--cream);font-weight:500;margin-top:18px;letter-spacing:.02em;}
.journal{max-width:680px;margin:0 auto;padding:0 24px 10vh;position:relative;z-index:1;}
.entry{display:block;text-decoration:none;color:inherit;padding:34px 4px;border-top:1px solid var(--faint);transition:opacity .2s;}
.entry:last-child{border-bottom:1px solid var(--faint);}
.entry:hover{opacity:.72;}
.entry .k{font-size:10.5px;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;}
.entry h2{font-family:'Cormorant Garamond','Noto Serif TC',Georgia,serif;font-size:clamp(22px,4vw,28px);color:var(--cream);font-weight:500;margin:12px 0 10px;line-height:1.35;}
.entry p{font-size:14.5px;color:var(--muted);line-height:1.8;}
.entry .date{font-size:11px;letter-spacing:.2em;color:#5f6d62;margin-top:12px;}
.article{max-width:620px;margin:0 auto;padding:12vh 24px 6vh;position:relative;z-index:1;}
.article .k{text-align:center;font-size:11px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;}
.article h1{font-family:'Cormorant Garamond','Noto Serif TC',Georgia,serif;font-size:clamp(28px,5.5vw,40px);color:var(--cream);font-weight:500;text-align:center;margin:20px 0 14px;line-height:1.4;}
.article .dek{text-align:center;font-size:16px;color:var(--muted);font-style:italic;margin-bottom:8px;}
.article .meta{text-align:center;font-size:11px;letter-spacing:.2em;color:#5f6d62;margin-bottom:44px;}
.article .body p{font-size:16px;line-height:2.05;margin-bottom:20px;}
.article .body .em{color:var(--cream);}
.article .body .gold{color:var(--gold);}
.article .sign{text-align:right;font-family:Georgia,serif;font-style:italic;color:#a9a08a;font-size:14px;margin-top:30px;}
.article .sources{margin-top:40px;padding-top:18px;border-top:1px solid var(--faint);font-size:11px;color:#5f6d62;line-height:1.9;word-break:break-all;}
.back{display:block;text-align:center;margin-top:40px;font-size:12px;letter-spacing:.2em;color:var(--muted);text-decoration:none;text-transform:uppercase;}
.back:hover{color:var(--gold);}
@media(max-width:520px){.nav{padding:20px 6vw;}.nav .links a{margin-left:16px;}}