:root{--ink:#1c2527;--muted:#536166;--black:#151a1b;--deep:#0d1112;--gold:#f2c438;--paper:#fcfaf2;--panel:#fff;--orange:#cf7545;--teal:#246c68;--width:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2b8f88}.wrapper{width:min(var(--width),calc(100% - 64px));margin:0 auto}.eyebrow-bar{background:#fff4d2;color:#27322c;font-size:13px}.top-inner{min-height:30px;display:flex;justify-content:space-between;gap:12px;align-items:center}.header{background:var(--black);color:#fcfbf6}.header-inner{min-height:70px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;flex-shrink:0;min-width:145px}.logo img{height:37px;width:auto;max-width:185px;object-fit:contain}.logo-type{font-size:25px;font-weight:900;letter-spacing:.4px;color:#f8d970}.logo-type span{color:white}.toplinks{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(10px,1.9vw,28px)}.toplinks a{white-space:nowrap;font-weight:650;font-size:14px;padding:21px 0 17px;border-bottom:3px solid transparent}.toplinks a:hover,.toplinks .active{color:#f8d970;border-bottom-color:#f2c438;text-decoration:none}.top-actions{display:flex;gap:8px;align-items:center}.top-actions a,.top-actions button{background:transparent;border:1px solid #5c6665;border-radius:9px;color:#fff;padding:7px 12px;white-space:nowrap;min-height:44px}.top-actions button:hover,.top-actions a:hover{background:#2d3838;text-decoration:none}.channel{background:#222a2b;color:#e5eae5}.channel-track{min-height:44px;display:flex;align-items:center;gap:23px;overflow-x:auto;scrollbar-width:thin}.channel a{font-size:14px;font-weight:600;white-space:nowrap;flex:none}.channel a.active,.channel a:hover{color:#f8d970}.menu-overlay{position:fixed;inset:0;background:#0009;z-index:70}.menu-overlay[hidden]{display:none}.drawer{visibility:hidden;pointer-events:none;position:fixed;inset:0 0 0 auto;width:min(390px,88vw);background:#fcfaf2;color:#1c2527;z-index:80;transform:translateX(100%);transition:transform .2s ease,visibility .2s;display:flex;flex-direction:column;box-shadow:-18px 0 34px #0002}.drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dbd5}.drawer-head button{background:#151a1b;color:white;border:0;border-radius:8px;min-height:44px;min-width:44px}.drawer-content{padding:13px 22px 32px;overflow-y:auto}.drawer-group{border-bottom:1px solid #dfded8;padding-bottom:14px}.drawer-group h3{font-size:17px;margin:12px 0 6px}.drawer-group a{display:inline-block;font-size:14px;color:#354547;padding:5px 12px 5px 0}.section{padding:54px 0}.section.soft{background:#fff4d2}.section.dark{background:#151a1b;color:#f9faf5}.section.teal{background:#1d3636;color:#fff}.section.white{background:white}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:19px}.section-title h2{font-size:clamp(23px,2.3vw,28px);line-height:1.32;margin:5px 0}.section-title p{max-width:760px;margin:0;color:inherit;opacity:.79}.eyebrow{font-size:13px;letter-spacing:1px;font-weight:750;color:#8b6318}.dark .eyebrow,.teal .eyebrow{color:#f8d970}.hero{background:linear-gradient(145deg,#111817,#283131);color:white;padding:39px 0}.hero-grid{display:grid;grid-template-columns:44fr 56fr;gap:25px;align-items:center}.hero-copy{padding:10px 0}.hero h1{font-size:clamp(29px,3.4vw,40px);line-height:1.24;margin:11px 0 18px}.hero p{font-size:16px;line-height:1.8;color:#e7ece7;max-width:560px}.hero-cover{border-radius:18px;background:linear-gradient(135deg,#313a32,#7b5923);min-height:270px;display:grid;place-items:center;overflow:hidden;max-height:390px}.hero-cover img{width:100%;height:auto;max-height:390px;object-fit:contain;display:block}.hero-cover .art-letter{font-size:clamp(48px,8vw,120px);font-weight:900;color:#f8de95;letter-spacing:3px;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;padding:9px 19px;font-weight:800;background:#f4c646;color:#1c2527;text-decoration:none}.button:hover{text-decoration:none;background:#f8d970}.button.alt{background:#246c68;color:white}.button.ghost{background:#fff;color:#1c2527}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-link{display:block;background:#fff;border:1px solid #e9e9e3;border-radius:14px;padding:21px;min-height:160px;box-shadow:0 5px 20px #1725250b}.editor-link b{display:block;font-size:19px;margin:4px 0 8px}.editor-link p{color:#52605e;margin:0}.work-card,.story,.panel{border:1px solid #e2e4de;border-radius:15px;background:#fff;overflow:hidden;color:#1c2527}.work-card .thumb{height:186px;background:linear-gradient(115deg,#26373a,#725a26);display:grid;place-items:center;color:#f7e2a1}.work-card .thumb img{width:100%;height:100%;object-fit:contain}.work-card .thumb span{font-size:17px;font-weight:750}.work-body,.story,.panel{padding:19px}.work-body h3,.story h3{font-size:19px;line-height:1.45;margin:7px 0}.work-body p,.story p{font-size:15px;color:#465759;margin:8px 0 16px}.read{color:#246c68;font-weight:800;font-size:14px}.split{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch}.split.reverse{grid-template-columns:5fr 7fr}.media-panel{background:linear-gradient(130deg,#263333,#83632d);border-radius:18px;min-height:250px;overflow:hidden;display:grid;place-items:center;color:#ffe3a1;font-size:28px;font-weight:800;padding:0}.media-panel img{width:100%;max-height:360px;height:auto;object-fit:contain;display:block}.info-panel{padding:29px;background:white;border-radius:18px;color:#1c2527}.info-panel h2{font-size:26px;margin:8px 0}.info-panel p{color:#435357}.index-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.index-list a{display:block;border-bottom:1px solid #d9dcd5;padding:8px 0;font-weight:700}.index-list small{font-weight:400;display:block;color:#647072}.prose{max-width:880px;font-size:17px;line-height:1.86}.prose p{margin:0 0 1.15em}.prose h2{font-size:25px;line-height:1.35;margin:32px 0 10px}.page-hero{background:linear-gradient(125deg,#151a1b,#344243);color:white;padding:40px 0}.page-hero h1{font-size:clamp(29px,3.3vw,40px);margin:3px 0 12px;line-height:1.28}.page-hero p{font-size:17px;color:#e5eae5;max-width:900px;margin:0}.page-hero .eyebrow{color:#f8d970}.page-hero .media-panel{margin-top:21px;min-height:180px;max-height:290px}.tagline{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.tag{background:#f5ebcc;color:#58431a;border-radius:50px;padding:4px 12px;font-size:13px;font-weight:700}.article-body{background:white;padding:30px;border:1px solid #e6e5da;border-radius:15px}.works-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.select,.search-input{border:1px solid #b7c1ba;border-radius:9px;padding:10px 12px;background:white;min-height:45px;color:#1c2527}.search-form{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.search-input{min-width:0;width:min(100%,510px);flex:1}.metadata{color:#536166;font-size:14px;margin:10px 0}.chapter{border-left:3px solid #e8c25c;padding:10px 18px;background:#fffef6;margin:12px 0}.chapter h3{margin:3px 0;font-size:18px}.notice{padding:19px;border-left:4px solid #b48d29;background:#fff4d2;color:#28302a;border-radius:6px}.faq-item{padding:19px;background:white;border:1px solid #e9e3d7;border-radius:13px}.faq-item h2{font-size:18px;margin:0 0 9px}.faq-item p{margin:0;color:#435357}.breadcrumbs{font-size:14px;color:#586464;margin-bottom:14px}.breadcrumbs a{color:#246c68}.footer{background:#0d1112;color:#e5eae5;padding:44px 0 22px;border-top:3px solid #f2c438}.footer-intro{display:flex;align-items:start;justify-content:space-between;gap:22px;border-bottom:1px solid #46504a;padding-bottom:21px}.footer-intro p{max-width:640px;margin:0;color:#c7d1cb}.footer-logo{font-size:23px;font-weight:900;color:#f8d970}.footer-logo small{display:block;letter-spacing:2px;font-size:12px;color:#e5eae5}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;padding:25px 0}.footer-columns h3{font-size:16px;color:#f8d970;margin:0 0 12px}.footer-columns a{display:block;color:#dde5de;font-size:14px;padding:4px 0}.footer-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #46504a;padding-top:14px;font-size:13px;color:#c2d0c9}.mobile-bottom{display:none}video{width:100%;max-width:900px;aspect-ratio:16/9;background:#000;border-radius:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1050px){.wrapper{width:calc(100% - 44px)}.header-inner{gap:14px}.toplinks{gap:11px}.toplinks a{font-size:13px}.top-actions span{display:none}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.wrapper{width:calc(100% - 34px)}.header-inner{min-height:63px}.toplinks{display:none}.top-actions{margin-left:auto}.eyebrow-bar{display:none}.section{padding:34px 0}.grid,.grid.two{grid-template-columns:minmax(0,1fr)}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:29px 0}.hero-grid,.split,.split.reverse{grid-template-columns:minmax(0,1fr)}.hero-cover{min-height:180px}.hero-cover .art-letter{font-size:44px}.info-panel{padding:21px}.work-card .thumb{height:170px}.footer-intro{display:block}.footer-intro p{margin-top:13px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero{padding:29px 0}.article-body{padding:19px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:#151a1b;color:#f9faf4;border-top:1px solid #52605e;padding-bottom:env(safe-area-inset-bottom);min-height:56px}.mobile-bottom a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;min-height:56px;font-size:12px}.mobile-bottom span{font-size:21px;color:#f8d970}.logo{min-width:0}.logo-type{font-size:22px}.channel-track{gap:17px}.section-title{display:block}.section-title a{display:inline-block;margin-top:8px}}@media(max-width:360px){.wrapper{width:calc(100% - 32px)}.top-actions a,.top-actions button{padding:7px 9px}.grid.four{gap:10px}.grid.four .editor-link{padding:12px}.footer-columns{gap:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}