:root{--ink: #0b1220;--cream: #f0ead6;--cream-dim: rgba(240, 234, 214, .72);--cream-faint: rgba(240, 234, 214, .45);--gold: #c9a25e;--vermillion: #c73e29;--panel: rgba(11, 18, 32, .88);--panel-border: rgba(201, 162, 94, .22);--serif-en: "Cormorant Garamond", "Noto Serif SC", serif;--brush: "Ma Shan Zheng", "Noto Serif SC", cursive;--seigaiha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%23c9a25e' stroke-width='1.4'%3E%3Ccircle cx='30' cy='90' r='28'/%3E%3Ccircle cx='90' cy='90' r='28'/%3E%3Ccircle cx='30' cy='90' r='19'/%3E%3Ccircle cx='90' cy='90' r='19'/%3E%3Ccircle cx='30' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3C/g%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--serif-en);overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--gold)}#sea{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:-1}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 3rem;background:linear-gradient(to bottom,#0b1220f5 82%,#0b122000)}.nav__brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--cream);flex-shrink:0}.nav__seal{font-family:var(--brush);font-size:.95rem;line-height:1;color:var(--cream);background:var(--vermillion);padding:.35rem .42rem;border-radius:3px;box-shadow:0 0 0 1px #f0ead640 inset}.nav__title{font-size:1rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.nav__links{display:flex;gap:1.9rem}.nav__links a{color:var(--cream-dim);text-decoration:none;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;position:relative;transition:color .3s;white-space:nowrap}.nav__links a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.nav__links a:hover{color:var(--cream)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1)}.nav__links a.is-active{color:var(--gold)}.footer{position:relative;background:var(--ink);border-top:1px solid rgba(201,162,94,.25);padding:2.2rem 3rem;text-align:center}.footer p{font-size:.85rem;color:var(--cream-faint);letter-spacing:.04em;line-height:1.7}.eyebrow{font-family:"Noto Serif SC",serif;font-size:.8rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.lede{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.75;color:var(--cream-dim);max-width:44rem}.lede em{color:var(--cream)}.hanzi{font-family:var(--brush);font-weight:400;color:var(--cream)}.button-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.btn{display:inline-block;padding:.72rem 1.6rem;font-family:var(--serif-en);font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:background .3s,color .3s,transform .3s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--vermillion);border-color:var(--vermillion);color:var(--cream)}.btn--primary:hover{background:#d94a32}.btn--ghost{background:transparent;color:var(--gold)}.btn--ghost:hover{background:#c9a25e1f}.page{position:relative;max-width:72rem;margin:0 auto;padding:9rem 1.5rem 6rem}.page-header{margin-bottom:3.5rem;padding:1.6rem 1.8rem;margin-left:-.6rem;margin-right:-.6rem;background:linear-gradient(105deg,#0b1220a8,#0b122047 70%,#0b122000);border-radius:6px}.page-header .eyebrow,.page-header h1,.page-header .lede{text-shadow:0 1px 18px rgba(11,18,32,.95),0 0 6px rgba(11,18,32,.8)}.page-header h1{font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1.4rem}.page-header .hanzi{display:block;font-size:clamp(3.4rem,8vw,6rem);line-height:1;margin-bottom:.6rem;text-shadow:0 0 50px rgba(11,18,32,.6)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:clamp(1.6rem,3.5vw,2.8rem);margin-bottom:2.5rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel--flush{padding:0;overflow:hidden}.section-heading{margin-bottom:2.2rem}.section-heading h2{font-weight:400;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.25}.section-heading p{margin-top:.7rem;color:var(--cream-dim);font-size:1.05rem;line-height:1.7}.seigaiha-divider{height:34px;margin:0 0 2rem;opacity:.45;background-image:var(--seigaiha);background-repeat:repeat-x;background-position:bottom;background-size:auto 34px}.card-grid{display:grid;gap:1.4rem}.card-grid--2{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.card{background:#f0ead60a;border:1px solid var(--panel-border);border-radius:4px;padding:1.5rem}.card h3{font-weight:600;font-size:1.25rem;margin-bottom:.6rem}.card p{color:var(--cream-dim);line-height:1.7;font-size:1rem}.card-link{display:inline-block;margin-top:1rem;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}.gold-label{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,162,94,.45);border-radius:999px;padding:.28rem .85rem}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:1rem}.pill-list li,.pill-list .tag{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);border:1px solid rgba(240,234,214,.2);border-radius:999px;padding:.22rem .7rem}.source-note{font-size:.88rem;color:var(--cream-faint);margin-top:.9rem}@media (max-width: 860px){.nav{padding:.9rem 1.1rem;flex-wrap:wrap}.nav__links{order:3;width:100%;gap:1.2rem;overflow-x:auto;padding-bottom:.3rem}.nav__links a{font-size:.8rem}.page{padding-top:10.5rem}}.prose p{color:var(--cream-dim);line-height:1.85;font-size:1.08rem;margin-bottom:1.1rem}.prose h2{font-weight:400;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.2rem}.prose em{color:var(--cream)}.split{display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:start}@media (max-width: 860px){.split{grid-template-columns:1fr}}
