*{box-sizing:border-box;min-width:0}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:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:#FF684E}button{font:inherit;cursor:pointer;touch-action:manipulation}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.site-header{background:#151820;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:100}.header-main{min-height:78px;display:flex;align-items:center;gap:22px}.identity{display:flex;align-items:center;gap:11px;flex-shrink:0;color:#F7F8FA}.identity b{font-size:22px;white-space:nowrap;line-height:1.15}.identity small{display:block;font-size:10px;letter-spacing:2px;color:#AEB4C0;line-height:1.4}.identity .media{width:48px;height:44px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.4vw,22px);flex:1}.main-nav a,.sub-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;color:#D5D8DF}.main-nav a.active,.sub-nav a.active{color:#FF684E;border-bottom:2px solid #F45132}.register{min-height:42px;min-width:76px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#F45132;color:white!important;font-weight:700;flex-shrink:0}.register:hover{background:#FF684E}.sub-nav{border-top:1px solid rgba(255,255,255,.07)}.sub-nav>.wrap{display:flex;gap:30px;align-items:center}.sub-nav a{min-height:38px;font-size:13px}.menu-toggle,.mobile-drawer,.drawer-mask,.bottom-nav{display:none}.page-main{padding-block:32px 80px;min-height:55vh}h1,h2,h3{color:#F7F8FA;line-height:1.3;overflow-wrap:anywhere}h1{font-size:clamp(30px,3.4vw,40px);margin:6px 0 16px}h2{font-size:26px;margin:0 0 17px}h3{font-size:19px;margin:0 0 8px}p{margin:0 0 17px}p:last-child{margin-bottom:0}.eyebrow{color:#D7A84B;font-size:13px;letter-spacing:2px;font-weight:700}.lead{font-size:17px;color:#D5D8DF;max-width:880px}.intro{margin-bottom:34px}.section{margin-block:42px}.section-heading{border-left:3px solid #F45132;padding-left:14px;margin-bottom:20px}.panel{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#1A1E27;padding:25px}.soft{background:#222733}.section a:not(.tile-link),.panel a:not(.tile-link),.copy a{color:#FF8067;text-underline-offset:3px;text-decoration:underline}.text-link{display:inline-flex;min-height:40px;align-items:center;font-weight:650}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.editorial{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.82fr);gap:24px;align-items:start}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center}.split.reverse .media{order:2}.read-column{max-width:860px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#12151c;aspect-ratio:16/9}.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{object-fit:contain}.media-empty{height:100%;width:100%;display:flex;justify-content:center;align-items:center;color:#6F7788;letter-spacing:2px;font-size:13px}.card-body{padding:17px 2px}.card-body h3{margin-bottom:8px}.topic-list{list-style:none;margin:0;padding:0}.topic-list li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.topic-list li:first-child{padding-top:0}.topic-list li:last-child{border:0}.topic-list a{display:inline-flex;min-height:40px;align-items:center}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tags a{padding:7px 13px;min-height:40px;border-radius:20px;background:#222733}.related{border-top:1px solid rgba(255,255,255,.11);padding-top:26px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{padding:9px 15px;border:1px solid rgba(255,255,255,.15);border-radius:9px;min-height:42px}.reading-rows{display:grid;gap:16px}.reading-rows article{padding:16px 20px;border-left:2px solid #D7A84B;background:#1A1E27}.steps{counter-reset:step;display:grid;gap:15px}.steps article{position:relative;padding:18px 20px 18px 66px;background:#1A1E27;border-radius:12px}.steps article:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:17px;top:18px;color:#D7A84B;font-weight:800}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.gallery article{background:#1A1E27;border-radius:13px;overflow:hidden}.gallery article .card-body{padding:16px}.gallery .media{border-radius:0}.gallery .media--portrait{aspect-ratio:4/5}.gallery p{font-size:14px}.slider{position:relative;background:#1A1E27;padding:10px;border-radius:16px}.slide{height:clamp(220px,24vw,300px)}.slide[hidden]{display:none!important}.slide .media{height:100%;aspect-ratio:auto}.slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.slider-controls button{border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#F7F8FA;background:#222733;padding:5px 12px;min-width:44px;min-height:40px}.slider-dots{display:flex;gap:9px}.slider-dot{width:14px;height:14px;min-width:14px;min-height:14px;border-radius:100%;padding:0!important}.slider-dot[aria-current=true]{background:#F45132}.footnote{font-size:14px;color:#AEB4C0;padding:15px 20px;border-left:3px solid #D7A84B;background:#222733}.site-footer{background:#151820;border-top:1px solid rgba(255,255,255,.09);padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}.footer-grid .media--logo{width:54px;height:42px}.footer-grid h2{font-size:16px;margin-bottom:10px}.footer-grid a{display:block;font-size:14px;min-height:32px}.footer-about p{font-size:14px;color:#AEB4C0;margin-top:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;color:#AEB4C0;font-size:13px;display:flex;justify-content:space-between;gap:20px}.article-section{margin-block:30px}.article-section h2{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.article-section p{max-width:860px}.index-strip{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 28px}.index-strip a{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 14px;min-height:40px}.faq-item{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.faq-item h3{color:#F7F8FA}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{border-bottom:1px solid rgba(255,255,255,.12);text-align:left;padding:14px;vertical-align:top}.simple-table th{color:#F7F8FA}@media(max-width:1024px){.main-nav,.sub-nav{display:none}.header-main{justify-content:space-between;min-height:66px;gap:10px}.identity{margin-inline:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:0;background:transparent;color:white;flex-shrink:0;padding:8px}.menu-toggle span{height:2px;width:22px;background:#fff}.header-main .identity .media{width:36px;height:36px}.header-main .identity b{font-size:19px}.header-main .identity small{font-size:8px}.register{min-width:62px;min-height:40px;font-size:14px}.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-active{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-top .identity{margin:0}.drawer-top .identity .media{width:40px;height:36px}.drawer-close{background:transparent;border:0;color:white;font-size:30px;min-width:44px;min-height:44px}.drawer-heading{font-size:12px;letter-spacing:1px;color:#D7A84B;padding:18px 20px 3px;margin:0}.mobile-drawer nav{display:grid;padding:0 12px 10px}.mobile-drawer nav a{padding:7px 12px;min-height:42px;border-radius:6px}.mobile-drawer nav .active{background:#222733;color:#FF684E}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:900;background:#151820;border-top:1px solid rgba(255,255,255,.18);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:55px;display:flex;justify-content:center;align-items:center;font-size:14px}.bottom-nav a:last-child{color:#FF684E;font-weight:800}.page-main{padding-bottom:110px}.footer-grid{grid-template-columns:repeat(2,1fr)}.editorial{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr)}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.75}.page-main{padding-top:22px}.section{margin-block:32px}h1{font-size:28px}h2{font-size:22px}.lead{font-size:16px}.three-grid,.two-grid,.editorial,.split{grid-template-columns:1fr}.split.reverse .media{order:0}.panel{padding:18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gallery article .card-body{padding:12px}.gallery .media{max-height:260px}.gallery .media--portrait{aspect-ratio:4/5}.gallery h3{font-size:16px}.slider .slide{height:clamp(140px,40vw,180px)}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.simple-table{font-size:13px}.simple-table th,.simple-table td{padding:10px 7px}}@media(max-width:359px){.header-main .identity{gap:5px}.header-main .identity b{font-size:17px}.header-main .identity .media{width:28px}.register{min-width:56px}.gallery{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
