:root{--bg: #14110d;--bg-soft: #1a1611;--surface: #1f1a13;--line: #2a221a;--line-strong: #3a2f22;--ink: #ece2cf;--ink-soft: #c9bda4;--ink-mute: #8a7d68;--ink-dim: #5a5040;--amber: #d4a574;--amber-strong: #e6b078;--amber-dim: #876a4c;--green: #9bb06b;--red: #c87964;--blue: #6f8aa6;--serif: "Source Serif Pro", "Source Serif 4", "EB Garamond", "Songti SC", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Code", "Consolas", "SFMono-Regular", "PingFang SC", monospace;--maxw: 1180px;--maxw-narrow: 720px;--gutter: clamp(20px, 4vw, 56px);--radius: 6px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--ink);background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(212,165,116,.05),transparent 60%),radial-gradient(ellipse 50% 40% at 90% 100%,rgba(212,165,116,.03),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--amber);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}a:hover{border-bottom-color:var(--amber);color:var(--amber-strong)}::selection{background:var(--amber-dim);color:var(--bg)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.wrap--narrow{max-width:var(--maxw-narrow);margin:0 auto;padding:0 var(--gutter)}.nav{position:sticky;top:0;z-index:50;background:#14110dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.02em;color:var(--ink);border:none}.brand__mark{display:inline-block;width:22px;height:22px;background:var(--amber);transform:rotate(45deg);border-radius:2px;margin-right:4px}.brand__cn{color:var(--ink)}.brand__sep{display:inline-block;width:1px;height:14px;background:var(--line-strong);margin:0 4px;align-self:center}.brand__subtitle{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--ink-soft);letter-spacing:.04em}.brand__en{color:var(--ink-mute);font-size:13px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.nav__links{display:flex;gap:28px}.nav__links a{color:var(--ink-soft);font-size:14px;font-weight:500;border:none}.nav__links a:hover,.nav__links a.active{color:var(--amber)}@media (max-width: 640px){.nav__links{gap:16px}.nav__links a{font-size:13px}.brand__en{display:none}}.hero{padding:clamp(60px,12vw,140px) 0 clamp(40px,8vw,80px);border-bottom:1px solid var(--line)}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:24px}.hero__eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--amber)}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6.5vw,88px);line-height:1.04;letter-spacing:-.02em;margin:0 0 24px;color:var(--ink)}.hero h1 em{font-style:italic;color:var(--amber)}.hero__lede{font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:var(--ink-soft);max-width:640px;margin:0 0 40px}.hero__meta{display:flex;gap:32px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-mute);text-transform:uppercase;border-top:1px solid var(--line);padding-top:20px}.hero__meta b{color:var(--amber);font-weight:500}section.block{padding:clamp(48px,8vw,96px) 0}section.block+section.block{border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px;gap:24px}.section-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.01em;margin:0;color:var(--ink)}.section-head__num{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.section-head__num:before{content:"— "}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 800px){.pillars{grid-template-columns:1fr}}.pillar{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--bg-soft);transition:border-color .15s ease,transform .15s ease}.pillar:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.pillar__num{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--amber);margin-bottom:16px}.pillar h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.25;margin:0 0 12px;color:var(--ink)}.pillar p{font-size:14px;line-height:1.65;color:var(--ink-mute);margin:0}.pillar__tag{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-dim)}.posts{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.post-card{display:grid;grid-template-columns:100px 1fr auto;gap:32px;align-items:baseline;padding:32px 0;border-bottom:1px solid var(--line);color:inherit;border-top:none;transition:background .15s ease}.post-card:hover{background:#d4a57408;border-bottom-color:var(--amber-dim)}.post-card__no{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--amber);padding-top:4px}.post-card__body{min-width:0}.post-card__body h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,32px);line-height:1.2;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}.post-card__body p{margin:0;color:var(--ink-mute);font-size:15px;line-height:1.6;max-width:64ch}.post-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);padding-top:4px}.post-card__pill{display:inline-block;padding:2px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--amber)}@media (max-width: 720px){.post-card{grid-template-columns:60px 1fr;row-gap:8px}.post-card__meta{grid-column:2 / 3;flex-direction:row;align-items:center}}.article{padding:clamp(48px,8vw,96px) 0 clamp(64px,10vw,120px)}.article__head{margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid var(--line)}.article__crumb{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:20px}.article__crumb a{color:var(--amber);border:none}.article__crumb span{margin:0 8px;color:var(--ink-dim)}.article h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-.015em;margin:0 0 20px;color:var(--ink)}.article__lede{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink-soft);margin:0 0 32px}.article__meta{display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.article__meta b{color:var(--amber);font-weight:500}.prose{font-size:17px;line-height:1.75;color:var(--ink-soft)}.prose p{margin:0 0 1.4em}.prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.01em;color:var(--ink);margin:2.4em 0 .8em;padding-top:.4em;border-top:1px solid var(--line)}.prose h2:before{content:"§ ";color:var(--amber);font-family:var(--mono);font-size:.7em;margin-right:8px}.prose h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2vw,24px);color:var(--ink);margin:2em 0 .6em}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}.prose li{margin:0 0 .4em}.prose li::marker{color:var(--amber)}.prose blockquote{margin:1.6em 0;padding:16px 20px;border-left:2px solid var(--amber);background:#d4a5740a;font-style:italic;color:var(--ink-soft)}.prose blockquote p:last-child{margin:0}.prose strong{color:var(--ink);font-weight:600}.prose em{color:var(--ink)}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4em auto;width:80px}.prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);display:block;margin:1.6em auto}.prose img+em{display:block;text-align:center;font-size:13px;color:var(--ink-mute);font-style:normal;margin-top:-1em;margin-bottom:1.6em}.prose code{font-family:var(--mono);font-size:.88em;padding:2px 6px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--amber)}.prose pre{margin:1.4em 0;padding:18px 20px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;font-size:13.5px;line-height:1.6}.prose pre code{background:none;border:none;padding:0;color:var(--ink);font-size:inherit}.prose pre code .c{color:var(--ink-dim);font-style:italic}.prose pre code .k{color:var(--amber)}.prose pre code .s{color:var(--green)}.prose pre code .n{color:var(--blue)}.prose pre code .v{color:var(--ink)}.prose pre code .o{color:var(--ink-mute)}.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:14.5px}.prose th,.prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.prose th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-weight:500;border-bottom-color:var(--line-strong)}.prose td{color:var(--ink-soft)}.callout{margin:1.6em 0;padding:18px 20px;border:1px solid var(--line-strong);border-left:3px solid var(--amber);background:var(--bg-soft);border-radius:var(--radius)}.callout__label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}.callout p:last-child{margin:0}.about{display:grid;grid-template-columns:200px 1fr;gap:56px;padding:clamp(48px,8vw,96px) 0;border-top:1px solid var(--line)}@media (max-width: 720px){.about{grid-template-columns:1fr;gap:32px}}.about__label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);padding-top:8px}.about p{margin:0 0 1em;font-size:16px;line-height:1.75;color:var(--ink-soft)}.about p:last-child{margin:0}.footer{border-top:1px solid var(--line);padding:40px 0 60px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-mute)}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer a{color:var(--ink-soft);border:none}.footer a:hover{color:var(--amber)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.mute{color:var(--ink-mute)}.amber{color:var(--amber)}.types-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1100px){.types-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.types-grid{grid-template-columns:1fr}}.type-card{display:flex;flex-direction:column;padding:24px 22px 28px;border:1px solid var(--line);border-top:3px solid var(--type-color, var(--amber));border-radius:var(--radius);background:var(--bg-soft);color:inherit;min-height:380px;position:relative;transition:border-color .15s ease,transform .15s ease,background .15s ease;overflow:hidden}.type-card:hover{border-color:var(--type-color, var(--amber));transform:translateY(-3px);background:color-mix(in srgb,var(--type-color, var(--amber)) 6%,var(--bg-soft))}.type-card__illu{width:100%;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:radial-gradient(ellipse 60% 50% at 50% 50%,color-mix(in srgb,var(--type-color, var(--amber)) 8%,transparent),transparent 70%);border-radius:4px}.type-card__illu img{max-width:130px;max-height:130px;display:block;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--type-color, var(--amber)) 30%,transparent));transition:transform .25s ease}.type-card:hover .type-card__illu img{transform:scale(1.05) rotate(-2deg)}.type-card__code{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--type-color, var(--amber));margin-bottom:12px;position:absolute;top:16px;right:20px}.type-card__name{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.05;color:var(--ink);margin-bottom:2px}.type-card__en{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:14px}.type-card__tag{display:inline-block;padding:3px 10px;border:1px solid var(--type-color, var(--amber));border-radius:999px;font-family:var(--mono);font-size:11px;color:var(--type-color, var(--amber));margin-bottom:14px;align-self:flex-start}.type-card__desc{font-size:13.5px;line-height:1.65;color:var(--ink-soft);margin:0 0 18px;flex:1}.type-card__arrow{font-family:var(--mono);font-size:20px;color:var(--type-color, var(--amber));align-self:flex-end;transition:transform .15s ease}.type-card:hover .type-card__arrow{transform:translate(4px)}.sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 700px){.sections-grid{grid-template-columns:1fr}}.section-card{display:block;padding:28px 28px 32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);color:inherit;transition:border-color .15s ease,transform .15s ease;position:relative}.section-card:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.section-card__no{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--amber);margin-bottom:14px}.section-card h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.15;color:var(--ink);margin:0 0 10px}.section-card p{font-size:14px;line-height:1.65;color:var(--ink-mute);margin:0 0 18px}.section-card__count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pill--roamer{color:#d4a574;border:1px solid #876a4c}.pill--portrait{color:#9bb06b;border:1px solid #6a7a4a}.pill--case{color:#c87964;border:1px solid #8a5246}.pill--trick{color:#6f8aa6;border:1px solid #4a5e72}