:root{--ink:#292624;--red:#8d201b;--paper:#f7f1e7;--gold:#b18a4c;--line:rgba(73,50,35,.18);--serif:"Noto Serif TC","Source Han Serif TC",serif;--sans:"Noto Sans TC","PingFang TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#f4eadb;background-image:linear-gradient(rgba(255,250,240,.34),rgba(249,240,223,.46)),url("autumn-ink-background-v1.webp");background-position:center top;background-size:cover;background-attachment:fixed;color:var(--ink);font:16px/1.8 var(--sans)}a{color:inherit}.top{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;gap:1rem;padding:.75rem max(1rem,calc((100vw - 1120px)/2));background:rgba(250,246,238,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.top a{text-decoration:none;font-weight:800}.langs{display:flex;gap:.75rem}.hero,.article,.hearing{width:min(1120px,calc(100% - 2rem));margin:auto}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding:clamp(2.5rem,7vw,6rem) 0}.eyebrow{color:var(--red);font-size:.78rem;font-weight:900;letter-spacing:.12em}.hero h1{margin:.3rem 0 1rem;font:900 clamp(2.4rem,6vw,5rem)/1.18 var(--serif)}.lead{font:700 clamp(1.08rem,2vw,1.3rem)/1.7 var(--serif);color:#5c463a}.visual{margin:0}.visual img{width:100%;height:auto;border:10px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:0 28px 70px rgba(70,43,30,.22)}.visual figcaption{margin-top:.5rem;color:#77695f;font-size:.78rem;text-align:center}.article{max-width:780px;margin-bottom:4rem;padding:clamp(1.5rem,4vw,3.25rem);border:1px solid rgba(121,74,42,.16);border-radius:28px;background:rgba(255,250,240,.86);box-shadow:0 26px 70px rgba(74,47,31,.14);backdrop-filter:blur(8px)}.article p{margin:0 0 1.45rem}.article p:first-child:first-letter{float:left;margin:.08em .13em 0 0;color:var(--red);font:900 4.4rem/.82 var(--serif)}blockquote{margin:2.2rem 0;padding:1.6rem clamp(1.2rem,4vw,2.5rem);border-left:6px solid var(--red);background:rgba(255,255,255,.7);box-shadow:0 16px 35px rgba(75,49,33,.1);font:900 clamp(1.35rem,3vw,2rem)/1.55 var(--serif)}.article h2{margin:2.5rem 0 1rem;font:900 1.65rem/1.35 var(--serif)}.note{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55);font-size:.9rem;color:#675c55}.hearing{margin-bottom:5rem;padding:clamp(1.3rem,4vw,2.5rem);border:2px solid rgba(141,32,27,.25);border-radius:26px;background:#fffaf0;box-shadow:0 22px 55px rgba(73,42,28,.13)}.hearing h2{margin:0 0 1rem;color:var(--red);font:900 clamp(1.6rem,4vw,2.5rem)/1.3 var(--serif)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.facts div{padding:1rem;border-radius:14px;background:#f1e4d1}.facts span{display:block;color:#826d5c;font-size:.75rem;font-weight:900}.facts strong{display:block;margin-top:.2rem}.warning{margin-top:1rem;font-size:.9rem;color:#655b54}footer{padding:2rem 1rem;text-align:center;background:#2e2925;color:#eee4d8}@media(max-width:760px){body{background-attachment:scroll;background-position:58% top}.hero{grid-template-columns:1fr;padding-top:2rem}.hero-copy{order:1}.visual{order:0}.hero h1{font-size:clamp(2.1rem,11vw,3.3rem)}.facts{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.langs{width:100%;justify-content:space-between}.article{width:min(100% - 2rem,780px)}}
