*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101820;color:#F6F3EA;font:16px/1.82 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:clip}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #D6B56E;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}.inner,.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}.site-header{background:#18232D;border-bottom:1px solid #34404a}.top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand .logo{width:auto;height:auto;max-width:132px;max-height:36px}.brand span{display:grid;line-height:1.35}.brand strong{font-size:19px;letter-spacing:.03em}.brand small{font-size:10px;letter-spacing:.15em;color:#C7CCD0}.head-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.mobile-read{font-size:14px}.menu-trigger,.drawer-close{background:transparent;border:1px solid #8e9aa1;border-radius:8px;color:#F6F3EA;min-height:44px;padding:8px 14px}.menu-trigger span{color:#D6B56E}.primary-nav{background:#14202a}.nav-inner{display:flex;align-items:center;gap:clamp(12px,2.6vw,32px);min-height:48px;flex-wrap:wrap}.primary-nav a{font-size:14px;padding:10px 0 8px;border-bottom:2px solid transparent;white-space:nowrap}.primary-nav a[aria-current]{font-weight:750;border-color:#D6B56E;color:#F6F3EA}.section{padding-block:clamp(48px,5vw,72px)}.section-tight{padding-block:38px}.dark-panel{background:#18232D}.light-panel{background:#F4F2EC;color:#26323A}.light-panel .muted{color:#50606a}.eyebrow{color:#D6B56E;font-size:13px;letter-spacing:.14em;font-weight:700}.light-panel .eyebrow{color:#866a2e}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3vw,36px);line-height:1.3;letter-spacing:.02em;margin-bottom:20px;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.4;margin-bottom:18px;overflow-wrap:anywhere}h3{font-size:19px;line-height:1.5;margin-bottom:12px}p{margin-bottom:18px}p:last-child{margin-bottom:0}.lead{font-size:18px;line-height:1.8;color:#C7CCD0}.light-panel .lead{color:#42515c}.muted{color:#C7CCD0}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:9px;padding:10px 19px;background:#D6B56E;color:#16212a;font-size:15px;font-weight:700;text-align:center}.btn.secondary{background:transparent;color:#F6F3EA;border:1px solid #8b979d}.text-link{display:inline-flex;align-items:center;min-height:44px;color:#D6B56E;font-weight:700;font-size:15px}.light-panel .text-link{color:#755717}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:36px}.hero-grid>*,.split>*,.uneven>*,.feature-pair>*{min-width:0}.hero-image,.content-image,.brand-image,.app-image{width:auto;height:auto;max-width:100%;max-height:300px;margin-inline:auto;object-fit:contain}.hero-image{max-height:300px}.content-image{max-width:460px}.brand-image{max-height:260px}.app-image{max-width:220px;max-height:330px}.app-icon{max-width:56px;max-height:56px}.image-slot{min-width:0;display:flex;align-items:center;justify-content:center}.image-slot:empty{display:none}.hero-grid:has(.image-slot:empty),.split:has(.image-slot:empty){grid-template-columns:1fr}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.article{max-width:760px;margin-inline:auto}.article p{line-height:1.87}.page-intro{padding:58px 0 30px}.page-intro .lead{max-width:760px}.quick-index{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14px}.quick-index a{color:#D6B56E;text-decoration:underline;text-underline-offset:5px}.chapter{padding:36px 0;border-top:1px solid #45515a;scroll-margin-top:20px}.chapter h2{margin-bottom:18px}.chapter p{max-width:760px}.light-panel .chapter{border-color:#cbd0cd}.number-step{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-top:1px solid #cbd0cd}.number-step .num{font-size:25px;color:#876b36;font-weight:800}.number-step h3{margin-bottom:10px}.uneven{display:grid;grid-template-columns:2fr 1fr;gap:22px}.surface{background:#18232D;border:1px solid #34414c;border-radius:12px;padding:26px}.light-panel .surface{background:#fff;border-color:#e1dfd8}.surface h3{color:#D6B56E}.light-panel .surface h3{color:#775e28}.milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.milestone{border-left:2px solid #D6B56E;padding:5px 8px 8px 20px}.milestone small{color:#D6B56E}.feature-pair{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.archive-links{display:grid;gap:10px}.archive-links a{padding:10px 0;border-bottom:1px solid #84919a;display:flex;justify-content:space-between;gap:10px}.site-footer{background:#0b1218;border-top:1px solid #34414c;padding:38px 0 48px}.footer-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px}.site-footer p{font-size:14px;color:#C7CCD0;max-width:350px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-footer nav a{font-size:14px;color:#C7CCD0}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:100}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);max-width:100vw;background:#18232D;z-index:101;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 38px;box-shadow:-10px 0 30px #0005}.drawer[hidden],.drawer-backdrop[hidden]{display:none!important}.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.drawer nav section{margin-top:24px;border-top:1px solid #47515b;padding-top:15px}.drawer nav h2{font-size:14px;color:#D6B56E;margin-bottom:6px}.drawer nav a{display:block;padding:4px 0;font-size:15px;min-height:38px}.bottom-nav{display:none}.faq-item{padding:24px 0;border-top:1px solid #45515a}.faq-item h2{font-size:20px}.side-note{background:#F4F2EC;color:#26323A;border-radius:12px;padding:24px}.side-note h2{font-size:19px}.review-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,260px);gap:38px;align-items:start}.review-layout .chapter{max-width:760px}.review-layout .side-note{position:static}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.theme-grid .surface:nth-child(3){grid-column:1/-1}.theme-grid .surface p{max-width:660px}.rule-compare{display:grid;grid-template-columns:1fr 1.7fr;gap:18px;padding:17px 0;border-bottom:1px solid #56616a}.rule-compare strong{color:#D6B56E}.mini-visual{font-size:13px;border:1px solid #67737a;border-radius:10px;padding:14px;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mini-visual span{padding:5px 12px;border:1px solid #D6B56E;border-radius:6px}.status-legend{display:flex;flex-wrap:wrap;gap:10px}.status-legend span{border:1px solid #9aa5ab;border-radius:20px;padding:6px 14px;font-size:14px}.status-legend span:first-child{border-color:#D6B56E}.status-legend span:nth-child(2){border-style:dashed}.related{padding:25px 0 56px;border-top:1px solid #43515b}.related a{display:inline-flex;margin:8px 20px 8px 0;color:#D6B56E}.full-banner{background:#18232D;border-top:1px solid #3b4951;border-bottom:1px solid #3b4951}.full-banner .split{padding-block:36px}.home-long{max-width:760px}.no-js-menu{display:none}@media(max-width:900px){.nav-inner{gap:10px 18px}.primary-nav a{font-size:14px}.review-layout{grid-template-columns:1fr}.hero-grid{gap:22px}.split{gap:25px}}@media(max-width:740px){.inner,.wrap{width:calc(100% - 48px)}.primary-nav{display:none}.top{height:60px}.hero-grid,.split,.uneven,.feature-pair,.footer-layout{grid-template-columns:1fr}.hero-grid .image-slot{justify-content:center}.milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:42px}.site-footer{padding-bottom:110px}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:50;background:#18232D;border-top:1px solid #6a7578;padding-bottom:env(safe-area-inset-bottom);min-height:58px}.bottom-nav a,.bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:58px;min-width:0;padding:6px 2px;background:none;border:0;color:#F6F3EA;font-size:13px;text-align:center}.bottom-nav [aria-current=page]{color:#D6B56E;font-weight:700}.page-intro{padding-top:38px}.brand strong{font-size:16px}.brand small{font-size:9px}.mobile-read{display:none}.hero-image{max-height:190px}.content-image,.brand-image{max-height:240px}.app-image{max-height:300px}.site-footer nav{gap:8px 16px}}@media(max-width:600px){.inner,.wrap{width:calc(100% - 32px)}h1{font-size:27px}h2{font-size:21px}h3{font-size:18px}.lead{font-size:16px}.section{padding-block:32px}.surface{padding:18px}.milestones,.theme-grid{grid-template-columns:1fr}.theme-grid .surface:nth-child(3){grid-column:auto}.number-step{grid-template-columns:36px 1fr;gap:12px}.brand .logo{max-width:96px;max-height:32px}.brand{gap:7px}.brand small{font-size:8px;letter-spacing:.04em}.head-actions{gap:6px}.menu-trigger{padding:8px 10px}.rule-compare{grid-template-columns:1fr;gap:3px}.footer-layout{gap:16px}.chapter{padding:28px 0}.page-intro{padding-bottom:22px}}@media(max-width:380px){.brand small{display:none}.brand strong{font-size:15px}.brand .logo{max-width:86px}.menu-trigger{font-size:14px}}