:root{--bg:#101820;--panel:#18232D;--light:#F4F2EC;--gold:#D6B56E;--ink:#26323A;--white:#F6F3EA;--muted:#C7CCD0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.82 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.drawer-open{overflow:hidden}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--gold)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}.container{max-width:1120px;margin-inline:auto;padding-inline:28px}.site-top{background:#14202a;border-bottom:1px solid #34404a}.top-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}.brand-logo{max-width:132px;max-height:36px;width:auto;height:auto}.brand-words{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-words strong{font-size:19px;white-space:nowrap}.brand-words small{font-size:10px;letter-spacing:1.4px;color:var(--muted);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:22px}.top-app{font-size:14px;text-decoration:none}.menu-toggle,.drawer-close,.mobile-menu{background:transparent;color:var(--white);border:1px solid #67717b;border-radius:8px;padding:7px 14px;min-height:44px}.desktop-nav{background:var(--panel);border-bottom:1px solid #36424b}.nav-inner{min-height:48px;display:flex;align-items:center;gap:clamp(13px,2.5vw,36px);flex-wrap:wrap}.nav-inner a{font-size:15px;white-space:nowrap;text-decoration:none;padding:9px 0 8px;border-bottom:2px solid transparent}.nav-inner a.active{font-weight:700;color:var(--gold);border-color:var(--gold)}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.13em;font-weight:700}.dark-ink{color:#73571d}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3.2vw,36px);line-height:1.32;letter-spacing:-.02em;margin:14px 0 18px}h2{font-size:24px;line-height:1.4;margin-bottom:18px}h3{font-size:19px;line-height:1.45;margin-bottom:12px}p{margin-bottom:16px}.lead{font-size:17px;line-height:1.83;color:var(--muted)}section{scroll-margin-top:20px}.home>section{margin-block:64px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px;padding-block:30px}.hero-copy .lead{max-width:650px}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-pic{width:auto;height:auto;max-height:300px;max-width:100%}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 18px;border:1px solid var(--gold);border-radius:9px;background:var(--gold);color:#14202a!important;text-decoration:none;font-weight:700;font-size:15px;text-align:center}.button-quiet{background:transparent;color:var(--white)!important}.button:hover{filter:brightness(1.08)}.light-section{background:var(--light);color:var(--ink);padding:clamp(20px,4vw,52px);border-radius:13px}.light-section p{color:var(--ink)}.steps{counter-reset:step;padding:0;list-style:none;max-width:870px;margin:28px 0 0}.steps li{position:relative;padding:0 0 14px 44px;margin-top:17px;border-bottom:1px solid #d4d0c5}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:#785e28;font-weight:800}.steps p{margin:6px 0 12px}.split-section{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:42px}.visual-inline{display:flex;justify-content:center}.article-pic{width:auto;height:auto;max-width:min(100%,460px);max-height:300px}.text-link{display:inline-block;color:var(--gold);font-weight:700;text-decoration:none;margin-top:8px}.rule-feature{display:grid;grid-template-columns:1fr 1.8fr;gap:42px;padding:36px 0;border-block:1px solid #48515a}.rule-side p{color:var(--gold)}.rule-prose{max-width:650px}.uneven{display:grid;grid-template-columns:2fr 1fr;gap:22px}.feature-main,.feature-side{background:var(--panel);border-radius:12px;padding:28px}.feature-side{border-top:3px solid var(--gold)}.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.process-grid>div{border-left:2px solid var(--gold);padding:4px 18px}.process-grid b{color:var(--gold)}.after .long-copy{max-width:880px}.after-lines{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;margin-top:32px}.after-lines>div{border-top:1px solid #bab3a2;padding-top:18px}.after-lines a,.reader-service a{color:#75591d;font-weight:700}.archive-reading{display:grid;grid-template-columns:1.3fr .85fr;gap:30px;align-items:start}.archive-lines{margin:22px 0}.archive-lines a{display:flex;justify-content:space-between;gap:15px;text-decoration:none;border-bottom:1px solid #4d555c;padding:10px 0}.archive-lines span{color:var(--gold)}.selected-card{background:var(--light);color:var(--ink);padding:30px;border-radius:12px}.selected-card a{color:#73571d;font-weight:700}.mobile-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:28px;align-items:center;background:#1c2b34;padding:40px;border:1px solid #364958;border-radius:12px}.app-visual{display:flex;justify-content:center}.app-pic{max-width:min(100%,220px);max-height:330px;width:auto;height:auto}.reader-service .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-grid>div{background:var(--light);color:var(--ink);border-radius:12px;padding:26px}.reader-service .closing{max-width:790px;margin-top:34px;color:var(--muted)}.inner-page{padding-top:52px;padding-bottom:66px}.page-intro{max-width:820px}.page-intro .lead{max-width:770px}.quick-index{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 32px;max-width:900px}.quick-index a{font-size:14px;color:var(--muted);border:1px solid #58636b;border-radius:7px;padding:7px 11px;text-decoration:none}.quick-index a:hover{border-color:var(--gold);color:var(--gold)}.article-figure{display:flex;justify-content:flex-start;margin:4px 0 28px}.brand-pic{max-height:260px;max-width:100%;width:auto;height:auto}.article-body{max-width:760px}.article-section{padding:24px 0 28px;border-top:1px solid #46515a}.article-section p{line-height:1.89;margin-bottom:17px}.article-section h2{margin:5px 0 21px}.section-number{color:var(--gold);font-size:13px;font-weight:700}.review-layout{display:grid;grid-template-columns:minmax(0,760px) 210px;gap:36px;width:min(1050px,calc(100vw - 56px));max-width:calc(100vw - 56px)}.review-aside{align-self:start;border-top:2px solid var(--gold);padding:18px;background:var(--panel);border-radius:8px}.review-aside h2{font-size:18px}.review-aside p{font-size:14px}.topic-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1020px,calc(100vw - 56px));max-width:calc(100vw - 56px)}.topic-layout .article-section{background:var(--panel);border-radius:10px;border-top:2px solid var(--gold);padding:24px}.topic-layout .article-section:nth-child(3){grid-row:span 2}.archive-layout{max-width:760px}.stage-layout .article-section{border-top:2px solid #687580}.related{max-width:760px;border-top:1px solid #56616a;padding-top:25px;margin-top:18px}.related a{color:var(--gold)}.site-footer{background:#17222b;border-top:1px solid #34424b;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-brand{font-size:21px}.footer-grid p{color:var(--muted);max-width:340px;font-size:14px}.footer-grid h2{font-size:16px;color:var(--gold)}.footer-grid a{display:block;font-size:14px;text-decoration:none;padding:3px 0;color:var(--muted)}.footer-grid a:hover,.footer-grid a.active{color:var(--gold)}.footer-end{display:flex;justify-content:space-between;border-top:1px solid #35414b;margin-top:28px;padding-top:16px;color:var(--muted);font-size:13px}.drawer-shade{position:fixed;inset:0;background:#05090cbd;z-index:20}.drawer-shade[hidden],.drawer[hidden]{display:none!important}.drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(360px,100vw);max-width:100vw;background:#172630;overflow-y:auto;padding:21px 22px 36px;box-shadow:-10px 0 32px #0007}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.drawer-head strong{font-size:19px}.drawer h2{font-size:14px;color:var(--gold);border-top:1px solid #45505b;padding-top:14px;margin:18px 0 7px}.drawer nav a{display:block;padding:6px 4px;min-height:40px;text-decoration:none;font-size:15px}.drawer nav a.active{color:var(--gold);font-weight:700}.mobile-bottom{display:none}@media(max-width:850px){.container{padding-inline:24px}.nav-inner{gap:15px}.split-section{gap:22px}.hero{gap:20px}.review-layout,.topic-layout{width:calc(100vw - 48px);max-width:calc(100vw - 48px)}.review-layout{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.footer-grid{gap:24px}}@media(max-width:740px){.desktop-nav,.top-app{display:none}.top-inner{height:60px}.hero{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.split-section,.rule-feature,.uneven,.after-lines,.archive-reading,.mobile-banner,.review-layout{grid-template-columns:1fr}.review-layout{width:auto;max-width:100%}.topic-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-layout .article-section:nth-child(3){grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:10;grid-template-columns:repeat(4,minmax(0,1fr));background:#18232df5;border-top:1px solid #5a636b;min-height:58px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a,.mobile-bottom button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:6px 2px;background:none;border:0;border-radius:0;color:var(--white);text-decoration:none;font-size:13px}.mobile-bottom a.active{color:var(--gold);font-weight:700;border-top:2px solid var(--gold)}body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.home>section{margin-block:42px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.container{padding-inline:16px}.brand-logo{max-width:96px;max-height:32px}.brand-words strong{font-size:15px}.brand-words small{font-size:8px;letter-spacing:.7px}.top-actions{gap:7px}.menu-toggle{padding:6px 10px;font-size:14px}.home>section{margin-block:32px}h1{font-size:27px}h2{font-size:21px}h3{font-size:18px}.lead{font-size:16px}.light-section,.feature-main,.feature-side,.selected-card,.mobile-banner{padding:19px}.process-grid,.reader-service .service-grid,.footer-grid,.topic-layout{grid-template-columns:1fr}.topic-layout{width:auto;max-width:100%}.process-grid{gap:8px}.process-grid>div{padding:4px 12px}.hero-pic{max-height:190px}.article-pic{max-height:240px}.app-pic{max-height:300px}.inner-page{padding-top:30px;padding-bottom:38px}.article-section{padding-block:19px}.footer-end{gap:10px;flex-wrap:wrap}.brand-pic{max-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}