*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111318;color:#d5d8df;font:16px/1.75 system-ui,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#f7f8fa;text-decoration:none;touch-action:manipulation}a:hover,a:focus-visible{color:#ff684e}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #d7a84b;outline-offset:3px}img{max-width:100%}.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto;min-width:0}.site-header{background:#151820;position:relative;z-index:100;border-bottom:1px solid rgba(255,255,255,.09)}.header-primary{height:76px;display:flex;align-items:center;gap:28px}.brand-mark{display:inline-flex;align-items:center;flex-shrink:0;gap:9px;min-width:0}.brand-mark .media{width:45px;height:45px;flex:0 0 45px;border:0;background:transparent}.brand-names{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.brand-names strong{font-size:21px;color:#f7f8fa}.brand-names small{font-size:10px;color:#d7a84b;letter-spacing:.16em}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,28px);flex:1;min-width:0}.main-nav a{font-weight:600;white-space:nowrap;padding:11px 0;position:relative;font-size:15px}.main-nav a.active:after,.topic-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:#f45132}.register-btn{background:#f45132;color:white!important;border-radius:9px;padding:7px 24px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:42px;flex-shrink:0}.register-btn:hover{background:#ff684e}.header-secondary{border-top:1px solid rgba(255,255,255,.06);background:#171b23}.topic-nav{display:flex;gap:32px;min-height:43px;align-items:center;justify-content:center}.topic-nav a{position:relative;font-size:13px;color:#aeb4c0;white-space:nowrap;padding:8px 0}.topic-nav a.active{color:white}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.site-main{padding:32px 0 72px;min-height:55vh}h1,h2,h3{color:#f7f8fa;line-height:1.3;letter-spacing:.01em}h1{font-size:clamp(32px,3vw,42px);margin:14px 0 14px}h2{font-size:clamp(23px,2.4vw,28px);margin:0 0 15px}h3{font-size:19px;margin:0 0 8px}p{margin:0 0 16px;overflow-wrap:anywhere}.eyebrow{font-size:12px;color:#d7a84b;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.page-intro{max-width:900px;margin:12px 0 32px}.page-intro>p{font-size:17px;color:#aeb4c0}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#12151c;aspect-ratio:16/9;min-width:0}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media--portrait{aspect-ratio:4/5}.media--app{aspect-ratio:3/4;max-width:360px;margin-inline:auto}.media--logo{aspect-ratio:auto;overflow:visible}.media--logo img{position:static;width:100%;height:100%;object-fit:contain}.media-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#1a1e27,#222733)}.carousel{position:relative;margin-bottom:36px}.carousel-stage{height:clamp(220px,24vw,300px);background:#12151c;border-radius:13px;overflow:hidden}.slide{height:100%}.slide[hidden]{display:none}.slide .media{height:100%;aspect-ratio:auto;border-radius:0}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.carousel-arrow{min-width:44px;min-height:44px;border:1px solid #424651;background:#222733;color:white;border-radius:8px}.carousel-dots{display:flex;gap:10px}.carousel-dot{width:14px;height:14px;border-radius:99px;border:1px solid #6d7380;background:#343a46;padding:0}.carousel-dot[aria-pressed=true]{background:#f45132;border-color:#f45132}.home-heading{max-width:910px;margin:4px 0 35px}.home-heading p{color:#aeb4c0;font-size:17px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:22px}.section-heading p{margin:0;color:#aeb4c0}.home-section{margin:46px 0 58px}.three-paths{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.path-card{padding:25px;border:1px solid rgba(255,255,255,.09);background:#1a1e27;border-radius:12px;min-width:0}.path-card:first-child{border-top:3px solid #f45132}.path-card:nth-child(2){border-top:3px solid #d7a84b}.path-card:nth-child(3){border-top:3px solid #647aa9}.path-card p{font-size:15px;color:#bfc4cf}.text-link,.inline-more a{color:#ff907d;font-weight:700;min-height:40px;display:inline-flex;align-items:center}.feature-split{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center}.feature-split>*,.editorial-layout>*,.visual-grid>*{min-width:0}.feature-split .media{max-height:360px}.feature-split ul,.toc ul{padding-left:21px}.feature-split li{margin:10px 0}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.visual-article{min-width:0}.visual-article .media{margin-bottom:16px}.visual-article p{font-size:14px;color:#aeb4c0}.dual-stories{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-panel{padding:28px;background:#1a1e27;border-radius:12px}.story-panel ul{padding-left:20px}.story-panel li{margin:10px 0}.reading-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reading-index article{border-top:2px solid #f45132;padding-top:16px}.reading-index p{color:#aeb4c0}.home-faq article{border-bottom:1px solid rgba(255,255,255,.09);padding:18px 0}.home-faq h3{font-size:18px}.ending-note{background:#222733;border-left:3px solid #d7a84b;padding:28px;border-radius:0 12px 12px 0}.ending-note a{color:#ff907d}.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:40px;align-items:start}.article-body .media{margin:0 0 28px}.reading-section{margin:0 0 35px}.reading-section p{margin-bottom:13px}.reading-section h2{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:12px}.toc{background:#1a1e27;padding:22px;border-radius:12px;position:sticky;top:24px}.toc h2{font-size:18px}.toc a{display:block;padding:8px 0;color:#bfc4cf}.toc a:hover{color:#ff684e}.related{border-top:1px solid rgba(255,255,255,.09);padding-top:24px;margin-top:40px}.related h2{font-size:21px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{background:#222733;padding:10px 17px;border-radius:8px;min-height:44px}.gallery-anchor{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 35px}.gallery-anchor a{border:1px solid #434959;border-radius:8px;padding:8px 15px}.gallery-group{margin:36px 0 44px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.gallery-item{min-width:0}.gallery-item .media{margin-bottom:12px}.gallery-item h3{font-size:17px}.gallery-item p{font-size:14px;color:#bfc4cf}.numbered{counter-reset:steps}.numbered .reading-section{position:relative;padding-left:24px;border-left:2px solid #343947}.numbered .reading-section:before{content:"";position:absolute;left:-5px;top:5px;border-radius:99px;background:#f45132;width:8px;height:8px}.topic-table{width:100%;border-collapse:collapse;margin:20px 0 30px}.topic-table th,.topic-table td{padding:13px;text-align:left;border-bottom:1px solid #343947;vertical-align:top}.topic-table th{color:white;background:#222733}.site-footer{border-top:1px solid rgba(255,255,255,.09);background:#151820;padding:45px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-top h2{font-size:16px;margin-bottom:12px}.footer-top a:not(.brand-mark){display:block;color:#aeb4c0;font-size:14px;line-height:2}.footer-brand p{font-size:13px;max-width:240px;margin-top:18px;color:#aeb4c0}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:17px;margin-top:34px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#aeb4c0}.mobile-bottom{display:none}.skip-link{position:absolute;left:-9999px;top:5px;z-index:15000}.skip-link:focus{left:10px;background:#f45132;padding:6px 14px}
@media(max-width:1024px){.main-nav,.header-secondary{display:none}.header-primary{height:66px;justify-content:space-between;gap:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex:0 0 44px;background:none;border:0;color:white}.menu-toggle span{width:22px;height:2px;background:currentColor}.header-primary .brand-mark{margin-right:auto}.header-primary .register-btn{padding:6px 15px;min-width:62px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);max-width:100%;height:100dvh;overflow-y:auto;background:#151820;color:#f7f8fa;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #343947}.drawer-close{background:transparent;border:0;color:white;font-size:29px;min-height:44px;min-width:44px}.mobile-drawer section{padding:14px 18px}.mobile-drawer h2{font-size:13px;color:#d7a84b;margin:0 0 5px}.mobile-drawer section a{display:block;padding:7px 10px;min-height:43px;border-bottom:1px solid rgba(255,255,255,.05)}body.drawer-open{overflow:hidden}.mobile-bottom{display:grid;position:fixed;z-index:999;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#151820;border-top:1px solid #3b404e;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-bottom a:last-child{color:#ff907d;font-weight:700}.site-main{padding-bottom:100px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static}.three-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.three-paths .path-card:first-child{grid-column:1/-1}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body{font-size:15.5px}.shell{width:calc(100% - 32px)}.header-primary{gap:5px}.brand-names strong{font-size:17px}.brand-names small{font-size:8px}.header-primary .brand-mark{gap:5px}.header-primary .brand-mark .media{width:32px;height:32px;flex-basis:32px}.header-primary .register-btn{min-height:40px;padding:4px 12px}.site-main{padding-top:20px}h1{font-size:28px}h2{font-size:22px}.page-intro>p,.home-heading p{font-size:15.5px}.carousel-stage{height:clamp(140px,40vw,180px)}.home-section{margin:38px 0}.three-paths,.feature-split,.dual-stories,.reading-index{grid-template-columns:minmax(0,1fr)}.three-paths .path-card:first-child{grid-column:auto}.path-card,.story-panel{padding:20px}.visual-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.gallery-item .media--portrait{max-height:260px}.gallery-item h3{font-size:15px}.gallery-item p{font-size:13px}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.topic-table{font-size:13px}.topic-table th,.topic-table td{padding:9px}.feature-split{gap:18px}}
@media(max-width:350px){.header-primary .register-btn{padding:4px 9px;min-width:54px}.brand-names strong{font-size:16px}.brand-names small{letter-spacing:.08em}.gallery-grid{grid-template-columns:1fr}.gallery-item .media{max-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}