/* Editorial Wulin theme. Local fonts and supplied media only. */
:root{--bg:#101110;--bg2:#191b18;--bg3:#23251f;--ink:#eae5d8;--mut:#b0afa3;--dim:#97988c;--line:#33362e;--red:#b73632;--red2:#e06a5e;--gold:#c6b58e;--gold2:#efe2bf;--r:3px}
html{scroll-padding-top:125px}body{background:var(--bg);font-family:"Segoe UI","Microsoft YaHei","Microsoft JhengHei",sans-serif;color:var(--ink)}
[hidden]{display:none!important}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
.wrap{max-width:1240px;padding-left:40px;padding-right:40px}.site-header{background:#101110f5;backdrop-filter:blur(16px)}.bar{padding-top:17px;padding-bottom:13px}.brand{font-size:19px}.brand-t{letter-spacing:.04em}.seal{border-radius:1px;background:var(--red);box-shadow:none;transform:none;width:34px;height:36px;font-weight:400}.langs a,.langs a.cur{border:0;border-radius:0;background:none;color:var(--mut);padding:9px 10px}.langs a.cur{color:var(--gold2);border-bottom:1px solid var(--gold)}.mainnav{gap:16px;padding:0 0 9px}.mainnav a{padding:4px 0;font-size:13px;border-radius:0;letter-spacing:.05em}.mainnav a:hover{background:none;color:var(--gold2)}
.hero{background:linear-gradient(90deg,#101110 3%,#101110ed 27%,#10111090 54%,#10111010 100%),linear-gradient(0deg,#101110 0%,transparent 35%),url('./img/ss2-1280.jpg') 80% center/cover no-repeat;border:0}.hero::before,.hero::after{display:none}.hero-in{display:flex;align-items:center;min-height:570px;padding-top:65px;padding-bottom:75px}.hero-text{max-width:690px;position:relative;z-index:1}.kicker{font-size:10px;font-weight:500;letter-spacing:.2em;color:var(--gold);margin-bottom:26px}.kicker::before{width:22px;background:var(--red);margin-right:13px}.hero h1{font-size:clamp(54px,6.6vw,86px);font-weight:400;line-height:1.05;background:none;color:#f2eddf;letter-spacing:-.035em;margin:0 0 26px}.hero h1 span{display:block;color:#b0ae9c;font-size:.46em;letter-spacing:.025em;margin-top:18px;line-height:1.35}.hero .lede{font-size:16px;line-height:1.9;max-width:48ch;color:#c0c0b3}.cta{margin-top:30px;gap:12px}.btn{font-size:13px;padding:12px 20px;border-radius:2px;background:#10111070;border-color:#6c6e5f}.btn-primary{background:var(--red);border-color:var(--red);box-shadow:none}.btn-primary:hover{background:#cf4841}.btn-primary span{padding-left:20px}.hero-note{display:flex;align-items:center;gap:10px;color:#a4a694;font-size:10px;letter-spacing:.12em;margin-top:32px}.status-dot{width:6px;height:6px;border-radius:50%;background:#b7ad7a}.hero-note-sep{padding:0 8px;color:#626659}.hero-caption{position:absolute;right:40px;bottom:42px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#eae5d8;text-shadow:0 1px 8px #000}.hero-caption>span{font-family:var(--serif);font-size:35px;letter-spacing:.2em}.hero-caption small{font-size:8px;letter-spacing:.2em}.fact-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#181a16}.fact-strip>.wrap{display:flex;align-items:center;gap:28px;padding-top:12px;padding-bottom:12px;font-size:11px;color:var(--mut)}.fact-strip a:last-child{margin-left:auto}.fact-strip a{text-decoration:none}.fact-strip a>span{padding-left:12px}
main.wrap{padding-top:48px;padding-bottom:80px}.section-top{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-top h2{border:0;padding:0;margin:5px 0 0;font-size:30px;font-weight:400}.section-top h2::after{display:none}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:.19em;margin:0}.section-top>p{font-size:12px;color:var(--mut);max-width:46ch;margin:0}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.path-card{position:relative;background:var(--bg);padding:20px 21px 25px;text-decoration:none;display:flex;flex-direction:column;gap:12px;min-width:0;transition:background .2s}.path-card:hover{background:var(--bg2)}.path-num{font:12px var(--serif);color:#aaa084}.path-card strong{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink)}.path-card>span:not(.path-num){font-size:12px;line-height:1.7;color:var(--mut);padding-right:12px}.path-card b{position:absolute;right:17px;top:17px;font-weight:400;color:var(--gold)}.archive{margin-top:64px}.search-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #696b5b;margin-top:30px;padding:8px 0 15px}.search-row>span{font-size:28px;color:var(--gold);line-height:1}.search-row input{font:15px inherit;font-family:inherit;font-size:15px;color:var(--ink);background:none;border:0;flex:1;min-width:0;padding:10px 4px;outline-offset:0}.search-row input::placeholder{color:#96998a}.search-row output{font-size:11px;color:var(--mut);white-space:nowrap}.search-row button{font-size:12px;border:0;background:none;color:var(--gold);cursor:pointer}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 32px}.filters button{font:12px inherit;font-size:12px;font-family:inherit;padding:8px 15px;border:1px solid var(--line);background:none;color:var(--mut);cursor:pointer;border-radius:2px}.filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#171911}.filters button:hover{border-color:var(--gold)}.guide-group h3{font-size:21px;font-weight:400;margin:35px 0 18px;color:var(--ink)}.guide-group h3::before{content:"";display:inline-block;width:5px;height:16px;background:var(--red);margin-right:12px;vertical-align:-1px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:2px;box-shadow:none;transition:transform .18s,border-color .18s;min-width:0}.card:hover{transform:translateY(-3px);border-color:#8f8872;box-shadow:none}.card-img{border-radius:0;aspect-ratio:16/9}.card-img img{filter:saturate(.68);transition:filter .2s}.card:hover .card-img img{filter:saturate(1)}.card-img .ill{border-radius:0;font-size:8px;background:#101110c9;letter-spacing:.04em;padding:1px 6px}.card-img .cr{font-size:8px}.card-body{padding:17px 16px 15px}.card-body strong{font-size:17px;font-weight:400;line-height:1.45;font-family:var(--serif);min-height:3em}.card-desc{font-size:12px;line-height:1.7;color:var(--mut);margin-top:10px;-webkit-line-clamp:3}.card-go{color:var(--gold);font-size:10px;letter-spacing:.08em;margin-top:17px}.card-glyph{background:repeating-linear-gradient(125deg,#23271f 0 1px,#1b1f19 1px 22px)}.card-glyph b{font-weight:400;color:#bfb79c;font-size:65px}.cards-note{margin-top:26px;color:var(--dim);font-size:11px!important}.editorial{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.editorial summary{cursor:pointer;font-size:13px;color:var(--gold)}.editorial .blk{box-shadow:none}.gallery{margin-top:48px}.gallery h2{font-weight:400;font-size:26px}.gal-grid{grid-template-columns:repeat(3,1fr);gap:16px}.gal-item{border-radius:2px;box-shadow:none}.gallery .small{font-size:12px}.site-footer{background:#0c0e0b;padding:40px 0}.foot{grid-template-columns:2fr 1fr 1fr;gap:60px}.foot-brand p{font-size:12px;max-width:45ch}.foot-links a{font-size:12px}.foot-links strong{font-size:10px}.foot-bottom{font-size:10px;color:var(--dim)}
.page-head{background:linear-gradient(110deg,#22241b,#101110 70%)}.page-head::before{background:none}.page-head::after{height:1px;background:var(--line)}.ph-in{padding-top:28px;padding-bottom:40px}.page-head h1{font-size:clamp(30px,4.6vw,52px);font-weight:400;color:var(--ink);background:none;max-width:27ch}.page-head .lede{font-size:16px;max-width:68ch}.pill{border-radius:2px;font-size:10px}.crumbs{font-size:11px}.inner main.narrow{max-width:1240px}.inner main article{max-width:none;display:grid;grid-template-columns:220px minmax(0,790px);gap:0 55px;align-items:start;justify-content:center}.inner .prose,.inner .related,.inner .sources,.inner .legal{grid-column:2;min-width:0}.toc{grid-column:1;grid-row:1 / span 4;position:sticky;top:125px;border-left:1px solid var(--line);padding-left:18px;font-size:12px;max-height:calc(100vh - 155px);overflow-y:auto}.toc p{margin:0 0 14px;color:var(--gold);font-size:10px;letter-spacing:.1em}.toc ol{list-style:none;padding:0;margin:0}.toc li{margin-bottom:12px;line-height:1.6}.toc a{color:var(--mut);text-decoration:none}.toc a:hover,.toc a.active{color:var(--gold2)}.inner h2{font-size:25px;font-weight:400}.blk{box-shadow:none;border-radius:2px;background:#181b16;border-left-width:2px}.blk-badge{border-radius:2px;font-size:10px}.blk-title{font-weight:400}.tablewrap{border-radius:2px}th{background:#272a21;font-size:11px}.availability{border-left:2px solid var(--gold);padding:13px 18px;background:#c6b58e0a;color:#b8b8a5;font-size:12px}.related{border-radius:2px}.back-top{position:fixed;right:22px;bottom:22px;z-index:10;display:grid;place-items:center;width:40px;height:40px;background:#1c2019;border:1px solid #696b5b;border-radius:2px;text-decoration:none;color:var(--gold);box-shadow:0 3px 16px #0005}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lb{background:#070907f5}.lb button{border-radius:2px}.legal p{font-size:14px;color:var(--mut)}
.hero h1 .hero-game{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:12px;font-weight:400;letter-spacing:.12em;color:var(--gold);margin:0 0 19px}
@media(min-width:1600px){.hero{background-position:75% 45%;background-size:cover}.hero-in{min-height:640px}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.wrap{padding-left:26px;padding-right:26px}.inner main article{grid-template-columns:170px minmax(0,1fr);gap:0 30px}.hero-in{min-height:520px}.hero-caption{right:26px}.path-card{padding:16px}.path-card strong{font-size:17px}.hero-text{max-width:570px}}
@media(max-width:720px){html{scroll-padding-top:155px}.wrap{padding-left:20px;padding-right:20px}.bar{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.brand{font-size:16px}.brand-t{max-width:none}.langs{gap:0}.langs a{font-size:11px;padding:7px 8px}.mainnav{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:11px;scrollbar-width:none}.mainnav a{white-space:nowrap;font-size:12px}.hero{background:linear-gradient(90deg,#101110ed,#10111099),linear-gradient(0deg,#101110,transparent),url('./img/ss2-1280.jpg') 66% center/cover}.hero-in{min-height:465px;padding-top:48px;padding-bottom:45px}.hero h1{font-size:60px;margin-bottom:24px}.hero h1 span{font-size:25px}.hero .lede{font-size:14px;max-width:40ch}.hero .kicker{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.hero-caption{display:none}.hero-note{font-size:8px;margin-top:25px}.hero .cta{gap:8px}.hero .btn{padding:11px 14px;font-size:12px}.fact-strip>.wrap{flex-wrap:wrap;gap:5px 18px;font-size:10px}.fact-strip a:last-child{margin-left:0}.fact-strip>.wrap>span{width:100%}main.wrap{padding-top:35px}.section-top{display:block;margin-bottom:20px}.section-top h2{font-size:27px}.section-top>p{margin-top:10px;max-width:46ch}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{padding:19px 15px;gap:10px}.path-card strong{font-size:18px}.path-card>span:not(.path-num){font-size:11px}.archive{margin-top:45px}.search-row{gap:8px;padding-bottom:9px}.search-row input{font-size:13px}.search-row output{font-size:10px}.filters{gap:6px;margin-top:16px;margin-bottom:24px}.filters button{font-size:11px;padding:7px 10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card-body strong{font-size:16px;min-height:0}.card-desc{display:-webkit-box;font-size:11px;-webkit-line-clamp:2}.card-go{font-size:9px;margin-top:12px}.gal-grid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.foot-brand{grid-column:1/-1}.inner main article{display:block}.toc{position:static;max-height:none;overflow:visible;border:1px solid var(--line);padding:17px 20px;margin-bottom:30px}.toc ol{display:flex;flex-wrap:wrap;gap:8px 20px}.toc li{margin:0}.page-head .lede{font-size:14px}.ph-in{padding-top:20px;padding-bottom:30px}.inner h2{font-size:23px}.prose{font-size:15px}.back-top{right:12px;bottom:12px;width:34px;height:34px}}
@media(max-width:380px){.cards{grid-template-columns:1fr}.bar{gap:8px}.hero h1{font-size:50px}.hero h1 span{font-size:22px}.brand-t{font-size:14px}.wrap{padding-left:16px;padding-right:16px}.path-card strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
