*{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}img{max-width:100%}a{color:inherit;text-decoration:none;touch-action:manipulation}button{font:inherit;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #D7A84B;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F7F8FA;line-height:1.35;letter-spacing:.015em}h1{font-size:clamp(28px,3.5vw,42px);margin-bottom:17px}h2{font-size:clamp(21px,2.4vw,27px);margin-bottom:17px}h3{font-size:19px;margin-bottom:10px}p{margin-bottom:16px}small,.muted{color:#AEB4C0}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto;min-width:0}.skip{position:absolute;top:-100px;left:10px;z-index:13000;background:white;color:#111;padding:10px}.skip:focus{top:8px}.site-header{background:#151820;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:100}.header-top{height:70px;display:flex;align-items:center;gap:23px}.brand{display:flex;align-items:center;gap:8px;flex:none;min-width:170px}.brand .media--logo{width:48px;height:44px}.brand-name{display:flex;flex-direction:column;line-height:1.12;white-space:nowrap;color:#fff}.brand-name strong{font-size:22px}.brand-name small{font-size:10px;letter-spacing:2px;margin-top:6px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.4vw,24px);flex:1;white-space:nowrap;min-width:0}.main-nav a{color:#D5D8DF;font-size:15px;padding:23px 4px 19px;border-bottom:3px solid transparent;min-height:44px}.main-nav a:hover,.topic-nav a:hover,.main-nav a.active,.topic-nav a.active{color:#fff;border-color:#F45132}.register{background:#F45132;color:#fff;display:flex;align-items:center;justify-content:center;min-width:76px;height:42px;padding:0 15px;border-radius:8px;font-weight:700;flex:none}.register:hover{background:#FF684E}.header-lower{border-top:1px solid rgba(255,255,255,.065)}.topic-nav{display:flex;gap:32px;align-items:center;height:41px}.topic-nav a{font-size:13px;color:#AEB4C0;border-bottom:2px solid transparent;line-height:39px;white-space:nowrap}.menu-toggle{display:none}.site-main{padding-top:30px;padding-bottom:85px;min-width:0}.hero-intro{max-width:860px;margin:22px 0 37px}.eyebrow{font-size:12px;letter-spacing:2px;color:#D7A84B;font-weight:750;margin-bottom:12px}.lead{font-size:17px;color:#D5D8DF;line-height:1.9;max-width:850px}.section{margin:43px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.section-header h2{margin:0}.section-header a,.inline-links a,.link-list a,.related a,.read-link{color:#FFA28F;text-decoration:underline;text-underline-offset:4px}.section-header a{white-space:nowrap;font-size:14px}.panel{background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:24px;min-width:0}.soft{background:#222733}.accent{border-left:3px solid #F45132;padding-left:18px}.gold{color:#D7A84B}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.channel-grid .panel{display:flex;flex-direction:column;gap:5px}.channel-grid p{flex:1}.channel-grid .number{font-weight:800;color:#F45132;font-size:13px}.feature{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px}.feature.reverse{grid-template-columns:1fr 1.08fr}.feature.reverse .media{order:2}.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;background:transparent;border-radius:0}.media--logo img{position:static;width:100%;height:100%;object-fit:contain}.media-fallback{display:block;width:100%;height:100%;background:linear-gradient(140deg,#202631,#141820)}.media--logo .media-fallback{background:#262c36;border-radius:7px}.carousel{position:relative}.carousel-stage{background:#12151c;border-radius:16px;overflow:hidden}.carousel-slide[hidden]{display:none!important}.carousel-slide .media{height:clamp(220px,24vw,300px);aspect-ratio:auto;border-radius:0}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:12px}.carousel-controls button{background:#222733;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:9px;min-width:44px;min-height:40px;cursor:pointer}.carousel-dots{display:flex;gap:8px}.carousel-controls .carousel-dot{min-width:15px;width:15px;height:15px;min-height:15px;padding:0;border-radius:50%;background:#515966}.carousel-dot[aria-current=true]{background:#F45132}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery-card{min-width:0}.gallery-card .media{margin-bottom:15px}.gallery-card p{font-size:14px;color:#AEB4C0;margin-bottom:3px}.gallery-card h3{font-size:17px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.link-list{padding:0;list-style:none;margin:0}.link-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.link-list li:last-child{border-bottom:0}.answer{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}.answer:last-child{border:0}.answer h3{font-size:17px}.note{font-size:14px;color:#AEB4C0;padding:15px 18px;border-left:3px solid #D7A84B;background:#1A1E27;border-radius:0 8px 8px 0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:32px;align-items:start}.prose{max-width:840px;min-width:0}.prose p{margin-bottom:18px}.prose h2{margin:34px 0 14px}.prose h3{margin:22px 0 12px}.prose ul,.prose ol{padding-left:23px}.side-index{position:sticky;top:16px}.side-index a{display:block;border-bottom:1px solid rgba(255,255,255,.09);padding:10px 0;color:#D5D8DF}.side-index h2{font-size:18px}.related{margin-top:43px;padding-top:25px;border-top:1px solid rgba(255,255,255,.09)}.related h2{font-size:22px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related a,.inline-links a{display:inline-flex;align-items:center;min-height:40px;margin-right:8px}.article-list{display:grid;gap:18px}.article{padding:19px 22px;background:#1A1E27;border-left:2px solid #F45132;border-radius:0 12px 12px 0}.article p:last-child{margin-bottom:0}.index-pills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 32px}.index-pills a{border:1px solid #484f5d;border-radius:20px;padding:8px 15px;min-height:40px}.gallery-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-row .media{margin-bottom:12px}.gallery-row .gallery-card{padding:14px;background:#1A1E27;border-radius:12px}.steps{counter-reset:step}.step{position:relative;padding:10px 0 16px 51px;border-bottom:1px solid rgba(255,255,255,.09);counter-increment:step}.step:before{content:counter(step);position:absolute;top:13px;left:0;background:#F45132;color:#fff;width:33px;height:33px;text-align:center;border-radius:50%;line-height:33px;font-weight:800}.step h2{margin:0 0 12px}.reading-table{width:100%;border-collapse:collapse;margin:20px 0}.reading-table th,.reading-table td{padding:13px;text-align:left;border-bottom:1px solid #353b48;vertical-align:top}.reading-table th{background:#222733;color:#fff}.site-footer{background:#151820;border-top:1px solid rgba(255,255,255,.09);padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.footer-grid h2{font-size:16px;margin-bottom:13px}.footer-grid a{display:block;color:#AEB4C0;font-size:14px;width:max-content;max-width:100%;min-height:32px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:27px;padding-top:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#AEB4C0}.footer-bottom p{margin:0}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand .media{width:34px;height:30px}.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}
@media(max-width:1024px){.wrap{width:calc(100% - 48px)}.main-nav,.header-lower{display:none}.header-top{height:62px;justify-content:space-between;gap:9px}.brand{min-width:0;gap:6px}.brand .media--logo{width:42px;height:40px}.brand-name strong{font-size:20px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid #3b414d;background:#222733;border-radius:8px;color:#fff;width:43px;height:43px;flex:none;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:1px}.register{min-width:64px;padding:0 9px;height:40px}.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-open{overflow:hidden}.drawer-top{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #313642;font-weight:800}.drawer-close{border:0;color:#fff;background:#292f3d;border-radius:7px;font-size:25px;width:42px;height:42px}.drawer-group{padding:14px 20px;border-bottom:1px solid #313642}.drawer-group h2{font-size:13px;color:#D7A84B;margin:0 0 9px}.drawer-group a{display:block;padding:9px 5px;font-size:15px;min-height:40px}.page-grid{grid-template-columns:minmax(0,1fr) 220px;gap:21px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);z-index:500;background:#151820;border-top:1px solid #373c46;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;min-height:54px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#D5D8DF}.mobile-bottom a.active{color:#FF684E;border-top:2px solid #F45132}.site-main{padding-bottom:110px}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.site-main{padding-top:19px}.feature,.feature.reverse,.split,.page-grid{grid-template-columns:1fr}.feature.reverse .media{order:0}.channel-grid{grid-template-columns:1fr}.channel-grid .panel{padding:19px}.side-index{position:static}.gallery-row{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-grid a{min-height:30px}.section{margin:31px 0}.panel{padding:19px}.lead{font-size:16px}.carousel-slide .media{height:clamp(140px,40vw,180px)}.section-header{align-items:start}.section-header h2{font-size:22px}.brand-name small{font-size:9px}.reading-table{font-size:14px}.reading-table td,.reading-table th{padding:9px}}
@media(max-width:360px){.brand-name strong{font-size:17px}.brand .media--logo{width:35px;height:36px}.register{min-width:57px}.header-top{gap:5px}.gallery-row{grid-template-columns:1fr}.gallery-row .media{max-height:260px}.section-header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}