@charset "UTF-8";
:root{--bg:#101211;--panel:#191c19;--line:#30342e;--ink:#eae8df;--muted:#a2a69a;--gold:#c4ad7d;--red:#8f332b;--serif:"STKaiti","KaiTi","Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}a,button{transition:color .2s,background .2s,border-color .2s}button:hover,a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.5;cursor:default}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid #35392f;background:#111511;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font:35px var(--serif);color:var(--gold);border:1px solid #8d7952;width:44px;height:48px;display:grid;place-items:center;transform:rotate(-4deg)}.brand b{font:26px var(--serif);letter-spacing:3px;display:block;line-height:1.2}.zero{color:var(--gold)}.brand small{font-size:9px;color:var(--muted);letter-spacing:3px;display:block;margin-top:6px}.header nav{display:flex;align-items:center;gap:36px;height:100%;font-size:13px}.header nav a{height:100%;display:grid;place-items:center;position:relative;color:#b6b8ae}.header nav a.current{color:var(--gold)}.current:after{content:"";position:absolute;bottom:0;width:22px;height:2px;background:var(--gold)}.collection-button{display:flex;align-items:center;gap:10px;font-size:12px}.collection-button span{font:11px monospace;color:var(--gold);background:#282c24;padding:0 6px}.hero{height:620px;min-height:540px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/world.jpg') center 55%/cover no-repeat;filter:saturate(.6);transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,12,.94) 0%,rgba(10,15,13,.78) 33%,rgba(10,15,13,.12) 70%),linear-gradient(0deg,#101211 0%,transparent 30%,rgba(10,15,13,.15))}.hero-content{position:relative;padding:68px 0 0 7.5%;max-width:780px}.eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:2.3px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow>span:first-child{width:24px;height:1px;background:var(--gold)}.hero-title{display:flex;align-items:center;gap:32px;margin-top:27px}h1{font:66px/1.24 var(--serif);letter-spacing:8px;margin:0;font-weight:500}h1 span{color:var(--gold)}.seal{font:15px/1.3 var(--serif);letter-spacing:3px;border:1px solid #ad6152;color:#c68773;padding:7px 4px;transform:rotate(5deg);align-self:flex-end;margin-bottom:16px}.hero-content>p{font-size:13px;line-height:2.1;color:#b9c0b3;margin:25px 0 27px}.hero-actions{display:flex;gap:18px;align-items:center}.button{display:inline-flex;gap:30px;justify-content:center;align-items:center;padding:13px 22px;border:1px solid #6d6b56;font-size:13px}.primary{background:var(--gold);color:#161a15;border-color:var(--gold)}.primary:hover{background:#d9c79f;color:#101211}.primary span{font-size:18px}.ghost{border-color:#7579674d;background:#161c1660;gap:10px}.play-icon{font-size:20px;color:var(--gold)}.hero-foot{display:flex;gap:29px;font-size:10px;color:#919b8c;align-items:center;margin-top:35px;letter-spacing:1px}.dot{display:inline-block;height:5px;width:5px;background:#a0ab89;border-radius:50%;margin-right:7px}.hero-caption{position:absolute;right:6%;bottom:100px;display:flex;flex-direction:column;gap:10px;text-align:right}.hero-caption span{font:10px monospace;letter-spacing:2px;color:#c4c9bb}.hero-caption b{font:17px var(--serif);letter-spacing:4px}.scroll-hint{position:absolute;right:6%;bottom:39px;font-size:10px;letter-spacing:2px;color:#a1a99b;display:flex;gap:25px}.page-wrap{max-width:1390px;margin:auto;padding:0 5.5%}.quick-routes{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:-13px;padding-bottom:36px;border-bottom:1px solid var(--line)}.quick-routes>a,.quick-routes>button{display:flex;text-align:left;gap:15px;align-items:center;padding:17px 22px;border-right:1px solid var(--line)}.quick-routes>:first-child{padding-left:0}.quick-routes>:last-child{border:0;padding-right:0}.route-icon{font:30px var(--serif);color:var(--gold);width:45px;height:48px;display:grid;place-items:center;border:1px solid #5c5944;background:#22271f;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.quick-routes b{display:block;font-size:15px;font-weight:500;letter-spacing:1px}.quick-routes small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.route-arrow{margin-left:auto;color:#827a62;font-size:19px}.guides-section{padding-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-heading h2{font:32px var(--serif);letter-spacing:4px;margin:8px 0 0;display:flex;align-items:center;gap:15px}.small-seal{font:14px var(--serif);border:1px solid #9a4a3e;color:#bc7667;letter-spacing:0;padding:2px 3px}.muted{font-size:9px;color:#8d947f}.section-heading p{margin:0 0 3px;color:var(--muted);font-size:12px}.search-row{display:flex;gap:18px}#search-form{display:flex;align-items:center;gap:13px;flex:1;border:1px solid #494d3f;background:#1b1f1a;padding:9px 10px 9px 20px}#search-form svg{color:var(--gold);flex-shrink:0}#search{background:none;border:0;outline:none;color:var(--ink);width:100%;height:34px;font-size:13px}#search::placeholder{color:#838a7b}#search-form:focus-within{border-color:var(--gold)}#search-form kbd{color:#858b7e;border:1px solid #454b3c;padding:0 7px;font-size:11px}#search-form>button{background:#31382a;color:#d8c8a1;white-space:nowrap;padding:7px 24px;font-size:12px}.chapter-select{display:flex;gap:16px;align-items:center;padding:0 16px;border:1px solid var(--line);font-size:11px}.chapter-select span{color:var(--muted)}select{background:#181d17;color:#dddccd;border:0;padding:8px 4px;font-size:12px;cursor:pointer}.popular-searches{display:flex;align-items:center;gap:19px;margin:12px 0 27px;font-size:10px;color:#a4a895}.popular-searches span{color:#747e6d}.popular-searches button{padding:0;font-size:10px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:31px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.tabs button{font-size:12px;padding:0 0 14px;color:#9ba38e;position:relative}.tabs button.active{color:var(--gold)}.tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.results-meta{display:flex;justify-content:space-between;font-size:10px;color:#808b75;margin:15px 0}.results-meta button{font-size:10px;color:var(--gold)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.article-card{background:#171b16;border:1px solid #30372c;position:relative;transition:transform .25s,border-color .25s}.article-card:hover{transform:translateY(-4px);border-color:#6c7059}.card-image{display:block;height:177px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .45s}.article-card:hover img{transform:scale(1.045)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10170d70,transparent 65%)}.card-tag{position:absolute;left:13px;top:13px;background:#0d140dcc;border:1px solid #aaa98555;color:#e0d4b3;font-size:9px;padding:3px 8px;z-index:1}.save-button{position:absolute;right:12px;top:12px;background:#111911c9;color:#e9e5d6;width:30px;height:30px;display:grid;place-items:center;z-index:2}.save-button[aria-pressed="true"]{color:#e3c78a;background:#4c4934}.save-button[aria-pressed="true"] svg{fill:#c4ad7d55}.save-button svg{width:16px;height:16px}.card-body{padding:18px 19px 14px}.card-category{font-size:9px;letter-spacing:1px;color:var(--gold)}.card-body h3{font-size:16px;font-weight:500;line-height:1.65;margin:8px 0}.card-body p{color:#929d87;font-size:11px;line-height:1.9;margin:0 0 15px;min-height:42px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #31372b;padding-top:12px;font-size:9px;color:#87917e}.card-footer span:last-child{color:#b2b9a4}.sidebar{padding-top:2px}.editor-pick{min-height:242px;position:relative;overflow:hidden;background:linear-gradient(135deg,#333a2b,#1c251b);border:1px solid #5c6249;padding:27px 23px}.editor-pick .eyebrow{font-size:9px;position:relative;z-index:1}.editor-pick h3{font:25px var(--serif);margin:20px 0 10px;position:relative;z-index:1}.editor-pick p{font-size:11px;color:#b0b89f;line-height:2;max-width:160px;position:relative;z-index:1}.editor-pick a{font-size:11px;color:var(--gold);display:flex;justify-content:space-between;position:relative;z-index:1;margin-top:22px}.pick-character{position:absolute;font:170px var(--serif);right:-24px;bottom:10px;color:#9da77913;transform:rotate(-12deg)}.notes-panel{margin-top:25px;border:1px solid var(--line);padding:22px}.aside-heading{display:flex;align-items:center;justify-content:space-between}.aside-heading h3{font-size:14px;font-weight:500;margin:0}.aside-heading span{font-size:8px;color:#7f8974}.note{display:flex;gap:13px;margin:17px 0}.note>span{font:italic 18px Georgia;color:#6e775e}.note p{font-size:10px;color:#939f84;margin:0;line-height:1.9}.note b{font-size:12px;font-weight:500;color:#c9d0bc;display:block;margin-bottom:4px}.text-link{font-size:11px;color:var(--gold);padding:0}.notes-panel>.text-link{border-top:1px solid var(--line);padding-top:15px;display:block}.empty{grid-column:1/-1;border:1px dashed #555b45;text-align:center;padding:60px 20px;color:#bfc6b3}.empty h3{font:25px var(--serif);color:var(--gold)}.empty button{border:1px solid #6f7359;padding:8px 17px;margin-top:15px}.journey{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;background:linear-gradient(120deg,#22281c,#171d15);border:1px solid #414b36;padding:40px 45px;margin-top:65px}.journey h2{font:31px/1.5 var(--serif);letter-spacing:3px;margin:15px 0}.journey-intro p{font-size:11px;line-height:2;color:#9da88e}.progress-label{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;color:#b4bca4}.progress-label b{color:var(--gold);font-family:monospace}progress{display:block;width:100%;height:4px;border:0;margin:12px 0 19px;accent-color:var(--gold);background:#394130}progress::-webkit-progress-bar{background:#394130}progress::-webkit-progress-value{background:var(--gold)}.checklist>label{display:flex;gap:17px;align-items:center;padding:17px 0;border-bottom:1px solid #36402d;cursor:pointer}.checklist>label:last-child{border:0}.checklist input{appearance:none;width:17px;height:17px;border:1px solid #6e775b;cursor:pointer;flex-shrink:0;display:grid;place-items:center;background:#1c2317}.checklist input:checked{background:var(--gold);border-color:var(--gold)}.checklist input:checked:after{content:"✓";color:#151c11;font-size:12px}.checklist input:checked+span{opacity:.55}.checklist input:checked+span b{text-decoration:line-through}.checklist b{display:block;font-weight:400;font-size:13px}.checklist small{display:block;color:#8e9a7e;font-size:10px;margin-top:5px}.checklist em,.checklist a{margin-left:auto;color:#aab596;font-size:10px;font-style:normal;flex-shrink:0}.checklist a{font-size:18px}.about{display:flex;gap:25px;align-items:flex-start;padding:55px 0;border-bottom:1px solid var(--line)}.about>.brand-mark{flex-shrink:0;margin-top:7px}.about h2{font:22px var(--serif);margin:0 0 12px}.about p{max-width:720px;font-size:11px;line-height:2;color:#939e87;margin:0}.about-links{display:flex;gap:25px;font-size:11px;color:var(--gold);margin-top:15px}.about-date{margin-left:auto;white-space:nowrap;font:13px/2 var(--serif);color:#7e8872;text-align:right}.about-date b{font:14px Georgia;color:#aeb499}footer{max-width:1390px;padding:27px 5.5% 35px;margin:auto;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#7e8973;font-size:10px}footer p{margin:0;font-size:9px}footer>a{white-space:nowrap}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#ddd3b8;color:#1a2015;padding:12px 25px;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-80px;left:20px;background:var(--gold);color:#111;padding:10px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}
/* Independent guide pages */
.article-wrap{max-width:1060px;margin:40px auto 70px;padding:0 35px}.breadcrumb{display:flex;gap:12px;font-size:11px;color:#929e85;margin-bottom:35px}.article-heading .eyebrow{margin-bottom:16px}.article-heading h1{font:39px/1.45 var(--serif);letter-spacing:2px;max-width:780px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#9ca78d;margin:21px 0 30px}.article-cover{width:100%;height:310px;object-fit:cover;filter:saturate(.6);border:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:45px;margin-top:35px}.answer-box{border-left:3px solid var(--gold);background:#22291c;padding:23px 25px;margin-bottom:30px}.answer-box b{font-size:12px;color:var(--gold);letter-spacing:2px}.answer-box p{font-size:15px;line-height:1.95;margin:12px 0 0;color:#dde0d0}.article-content h2{font:24px var(--serif);margin:30px 0 15px}.article-content p{font-size:14px;line-height:2;color:#b4bca8}.article-content details{border:1px solid #575742;background:#20251a;padding:16px 20px;margin:25px 0}.article-content summary{cursor:pointer;color:var(--gold);font-size:13px}.article-content details li{line-height:2;color:#bcc4ac;font-size:13px;margin:10px 0}.source-box{border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.source-box a{color:var(--gold);font-size:12px}.source-box p{font-size:11px}.article-tools{position:sticky;top:24px;align-self:start;border:1px solid var(--line);padding:23px}.article-tools h3{font-size:13px;margin:0 0 14px;font-weight:400}.article-tools>a{display:block;font-size:11px;color:#aab499;padding:9px 0;border-bottom:1px solid #30372a}.article-tools button{margin-top:19px;background:#c4ad7d;color:#131a0e;width:100%;font-size:12px;padding:10px}.article-tools p{font-size:10px;color:#88967b}.feedback{border:1px solid var(--line);padding:22px;margin-top:30px}.feedback h3{font-size:13px;margin:0 0 13px;font-weight:400}.feedback button{padding:8px 15px;border:1px solid #5c654d;margin-right:10px;font-size:11px}.feedback button[aria-pressed="true"]{color:var(--gold);border-color:var(--gold);background:#313723}.feedback p{font-size:10px;color:#929e85}.article-back{display:inline-block;font-size:12px;color:var(--gold);margin-top:30px}
@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1180px)/2)}.hero{height:660px}.hero-image{background-position:center 52%}}
@media(max-width:1050px){.header nav{gap:22px}.header{padding:0 4%}.hero-content{padding-left:6%}.page-wrap{padding:0 5%}.content-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.tabs{gap:14px}.quick-routes>a,.quick-routes>button{padding:13px;gap:10px}.quick-routes small{font-size:9px}.route-icon{width:35px;font-size:24px;flex-shrink:0}.route-arrow{display:none}.card-body{padding:15px}.card-body h3{font-size:14px}.journey{gap:35px;padding:30px}.hero-caption{display:none}.article-layout{gap:25px}}
@media(max-width:780px){.header{height:76px;padding:0 5%}.brand b{font-size:22px}.brand-mark{height:40px;width:36px;font-size:29px}.header nav{gap:18px}.header nav a{font-size:11px}.header nav a:first-child,.header nav a:last-child{display:none}.collection-button{font-size:0;gap:6px}.collection-button span{font-size:10px}.hero{height:570px}.hero-content{padding-top:62px;max-width:95%}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#09110ee8,#09110e88 60%,#09110e33),linear-gradient(0deg,#101211,transparent 40%)}h1{font-size:59px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero-foot{gap:15px;font-size:8px}.scroll-hint{display:none}.quick-routes{grid-template-columns:1fr 1fr;padding-bottom:23px;margin-top:0}.quick-routes>a,.quick-routes>button{padding:15px!important}.quick-routes>:nth-child(2){border-right:0}.quick-routes>:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-routes small{font-size:10px}.quick-routes b{font-size:14px}.content-layout{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.notes-panel{margin-top:0}.editor-pick{height:100%}.section-heading p{font-size:10px}.chapter-select{gap:5px;padding:0 10px}.chapter-select span{display:none}.article-grid{gap:20px}.card-image{height:170px}.journey{grid-template-columns:1fr;gap:20px;margin-top:40px}.journey h2 br{display:none}.journey h2{font-size:28px}.about-date{display:none}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}.article-wrap{padding:0 24px}.article-layout{grid-template-columns:1fr}.article-tools{position:static;grid-row:1;display:flex;gap:15px;align-items:center;padding:15px}.article-tools>a,.article-tools h3,.article-tools p{display:none}.article-tools button{margin:0;width:auto}.article-heading h1{font-size:31px}.article-cover{height:230px}}
@media(max-width:480px){.header nav{gap:15px}.brand{gap:9px}.brand b{font-size:20px}.brand small{font-size:7px}.hero{height:546px}.hero-content{padding-top:48px}.hero-title{gap:20px}h1{font-size:53px;letter-spacing:5px}.hero-content>p{font-size:11px;line-height:2.1}.hero-actions{gap:10px}.button{font-size:11px;padding:12px 16px;gap:15px}.hero-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}.quick-routes>a,.quick-routes>button{padding:12px 8px!important;gap:10px}.quick-routes small{font-size:9px}.route-icon{width:31px;height:38px;font-size:22px}.guides-section{padding-top:32px}.section-heading{align-items:center}.section-heading h2{font-size:28px}.section-heading p{max-width:90px;line-height:1.8}.search-row{gap:8px}#search-form{padding:6px 7px 6px 10px;gap:8px}#search-form svg{width:17px}#search{font-size:11px;min-width:0}#search-form kbd{display:none}#search-form>button{padding:6px 10px;font-size:10px}.chapter-select{padding:0 3px}.chapter-select select{max-width:85px;font-size:10px}.popular-searches{gap:12px;margin-bottom:22px}.tabs{gap:19px}.tabs button{font-size:11px}.article-grid{grid-template-columns:1fr;gap:20px}.card-image{height:200px}.card-body h3{font-size:17px}.card-body p{font-size:12px;min-height:0}.card-body{padding:19px}.sidebar{grid-template-columns:1fr}.editor-pick{min-height:220px}.journey{padding:25px 22px}.journey h2{font-size:25px;letter-spacing:1px}.checklist b{font-size:12px}.checklist{margin-top:4px}.checklist>label{gap:12px}.checklist small{font-size:9px}.about{gap:17px;padding:37px 0}.about h2{font-size:20px}.about p{font-size:10px}.article-wrap{padding:0 20px;margin-top:25px}.article-heading h1{font-size:28px}.article-cover{height:200px}.article-meta{gap:10px;font-size:10px}.answer-box{padding:20px}.answer-box p{font-size:14px}.article-content h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}