*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}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%;display:block}a{color:#f5b7a9;text-decoration:none;touch-action:manipulation;overflow-wrap:anywhere}a:hover{color:#ff684e}button{font:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ffad75;outline-offset:4px}p{margin:0 0 1.1em}h1,h2,h3{color:#F7F8FA;line-height:1.32;letter-spacing:.005em;overflow-wrap:anywhere}h1{font-size:clamp(29px,3.1vw,42px);margin:0 0 17px}h2{font-size:clamp(23px,2.3vw,28px);margin:0 0 20px}h3{font-size:19px;margin:0 0 8px}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto;min-width:0}.site-header{background:#151820;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:30}.header-top{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;gap:10px;align-items:center;color:#F7F8FA;white-space:nowrap;flex-shrink:0}.brand:hover{color:#F7F8FA}.logo-art{display:flex;width:49px;height:49px;align-items:center;justify-content:center}.logo-art img{width:100%;height:100%;object-fit:contain;object-position:center}.logo-symbol{font-size:30px;line-height:1;font-weight:900;color:#F45132;font-style:italic}.brand-word{font-weight:850;font-size:21px;letter-spacing:.03em;line-height:1.1}.brand-word small{display:block;font-size:10px;letter-spacing:.22em;color:#AEB4C0;margin-top:5px}.primary-nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.5vw,24px);flex:1;min-width:0}.primary-nav a{height:76px;display:inline-flex;align-items:center;position:relative;font-size:14px;color:#D5D8DF;white-space:nowrap;font-weight:600}.primary-nav a:hover,.primary-nav a.is-active{color:#fff}.primary-nav .is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#F45132;border-radius:4px}.register-button{min-width:90px;text-align:center;display:inline-grid;place-items:center;height:44px;border-radius:8px;background:#F45132;color:#fff;font-weight:750;flex-shrink:0}.register-button:hover{background:#FF684E;color:white}.secondary-nav{border-top:1px solid rgba(255,255,255,.07)}.secondary-inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,46px)}.secondary-inner a{font-size:13px;color:#AEB4C0;white-space:nowrap;line-height:40px}.secondary-inner a:hover,.secondary-inner .is-active{color:#FF684E}.menu-toggle{display:none}.site-main{padding:35px 0 95px;min-height:65vh}.skip-link{position:absolute;left:15px;top:-100px;background:#fff;color:#111;z-index:300;padding:12px}.skip-link:focus{top:10px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#D7A84B;text-transform:uppercase;font-weight:800;margin-bottom:10px}.lead{color:#cdd1d9;font-size:17px;line-height:1.85;max-width:820px}.page-intro{margin:0 0 32px;padding:10px 0 27px;border-bottom:1px solid rgba(255,255,255,.09)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:44px;align-items:start}.article-main,.side-index{min-width:0}.content-section{margin:0 0 44px;scroll-margin-top:25px}.content-section>p{max-width:800px}.side-index{position:sticky;top:24px;padding:23px;border:1px solid rgba(255,255,255,.09);background:#1A1E27;border-radius:13px}.side-index h2{font-size:18px;margin:0 0 13px}.side-index nav{display:grid;gap:2px}.side-index nav a{display:flex;justify-content:space-between;color:#D5D8DF;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.065);font-size:14px}.side-index nav a:hover{color:#FF684E}.side-index nav span{color:#D7A84B}.side-index p{font-size:13px;color:#AEB4C0;margin:20px 0 0}.reading-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.09)}.reading-list li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09);min-width:0}.list-number{font-size:15px;color:#D7A84B;font-weight:800;min-width:32px}.reading-list h3{font-size:18px}.reading-list p{margin:0}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:26px;min-width:0}.split-panel>div{min-width:0}.split-panel>div:first-child{border-top:2px solid #F45132;padding-top:19px}.split-panel>div:last-child{border-top:2px solid #D7A84B;padding-top:19px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-card{padding:23px;background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:12px}.mini-card p{margin:0}.related{border-top:1px solid rgba(255,255,255,.09);margin:45px 0 0;padding:22px 0}.related h2{font-size:21px}.link-chips{display:flex;flex-wrap:wrap;gap:10px}.link-chips a{border:1px solid rgba(255,255,255,.16);padding:8px 15px;border-radius:7px;min-height:44px;display:inline-flex;align-items:center;color:#F7F8FA}.link-chips a:hover{border-color:#F45132}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#12151c;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.06);min-width:0}.media>img{position:absolute;inset:0;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 25%,#262d39,#12151c 67%)}.media--portrait{aspect-ratio:4/5}.media--app{aspect-ratio:3/4;max-width:360px;margin-inline:auto}.media--wide{aspect-ratio:3/2}.photo-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin:24px 0}.photo-copy.reverse>.media{order:2}.photo-copy.reverse>.photo-text{order:1}.photo-text{min-width:0}.photo-text h3{font-size:21px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.gallery-item{margin:0;min-width:0;background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:10px}.gallery-item .media{border-radius:8px}.gallery-item figcaption{padding:16px 9px 10px}.gallery-item h3{font-size:18px}.gallery-item p{font-size:14px;color:#BBC1CD;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading a{white-space:nowrap;font-size:14px}.home-lead{padding:28px 0 15px;max-width:920px}.home-section{margin:55px 0}.home-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.channel-tile{padding:25px;border-top:3px solid #F45132;background:#1A1E27;border-radius:3px 3px 12px 12px}.channel-tile:nth-child(2){border-color:#D7A84B}.channel-tile:nth-child(3){border-color:#859ac5}.channel-tile>span{font-size:12px;color:#D7A84B;letter-spacing:.1em}.channel-tile h3{font-size:23px;margin:11px 0}.channel-tile p{font-size:15px}.channel-tile a{font-weight:750}.feature-story{display:grid;grid-template-columns:1.12fr .88fr;gap:35px;align-items:center}.feature-story .media{aspect-ratio:16/9}.feature-story h2{margin-bottom:15px}.text-links{display:flex;gap:8px 16px;flex-wrap:wrap}.text-links a{display:inline-flex;align-items:center;min-height:42px}.home-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.home-gallery .gallery-item{padding:8px}.home-gallery .gallery-item .media{aspect-ratio:4/5}.home-gallery .gallery-item:first-child .media{aspect-ratio:3/2}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dual-feature>article{padding:29px;background:#1A1E27;border-radius:12px;border:1px solid rgba(255,255,255,.09)}.dual-feature ul{padding-left:19px}.dual-feature li{margin:7px 0}.index-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.index-strips a{display:block;background:#222733;padding:22px;border-radius:9px;color:#f7f8fa}.index-strips a strong{display:block;margin-bottom:6px}.index-strips a span{color:#B6BDC9;font-size:14px}.qa-row{border-bottom:1px solid rgba(255,255,255,.12);padding:22px 0}.qa-row h3{font-size:18px}.qa-row p{margin-bottom:0}.final-note{border-left:3px solid #F45132;background:#1A1E27;padding:25px;margin-top:36px}.final-note h2{font-size:23px}.carousel{position:relative;min-width:0}.slide{width:100%}.slide[hidden]{display:none!important}.carousel .media{height:clamp(220px,24vw,300px);aspect-ratio:auto;border-radius:13px}.carousel-buttons{display:flex;align-items:center;justify-content:center;gap:14px;margin:15px 0 0}.carousel-arrow{border:1px solid rgba(255,255,255,.2);background:#222733;color:#fff;border-radius:7px;width:46px;height:42px}.carousel-dots{display:flex;gap:8px;align-items:center}.slider-dot{width:40px;height:42px;border:0;background:transparent;display:grid;place-items:center}.slider-dot:after{content:"";width:8px;height:8px;background:#7c8290;border-radius:50%}.slider-dot[aria-current=true]:after{background:#F45132;width:22px;border-radius:10px}.wide-article{max-width:850px;margin-inline:auto}.wide-article .content-section{margin-bottom:42px}.notice{border-left:3px solid #D7A84B;padding:17px 20px;background:#222733;border-radius:0 10px 10px 0}.anchor-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.anchor-links a{display:inline-flex;min-height:42px;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:0 0 20px 56px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font-weight:900;color:#F45132}.steps strong{color:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{border-bottom:1px solid rgba(255,255,255,.12);padding:15px 12px;vertical-align:top}.data-table th{color:#F7F8FA;background:#222733}.table-scroll{overflow-x:auto}.table-scroll .data-table{min-width:550px}.site-footer{background:#151820;border-top:1px solid rgba(255,255,255,.09)}.footer-inner{display:grid;grid-template-columns:270px 1fr;gap:70px;padding:55px 0 35px}.footer-brand p{font-size:13px;color:#aeb4c0;margin-top:22px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-columns section{display:flex;flex-direction:column;gap:6px;min-width:0}.footer-columns h2{font-size:16px;margin:0 0 13px}.footer-columns a{font-size:13px;color:#bfc3cc;min-height:26px}.footer-columns a:hover{color:#ff684e}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);padding:20px 0 25px;color:#AEB4C0;font-size:12px}.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}
@media(max-width:1024px){.primary-nav,.secondary-nav{display:none}.header-top{min-height:66px;justify-content:space-between;gap:10px}.menu-toggle{width:44px;height:44px;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:9px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex-shrink:0}.menu-toggle span{display:block;width:20px;height:2px;background:#fff}.header-top .brand{margin-inline:auto}.register-button{min-width:67px;padding:0 12px;height:42px}.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}.mobile-drawer.is-open{transform:translateX(0)}.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-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#151820;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1}.drawer-close{border:0;background:#222733;color:white;width:44px;height:44px;border-radius:8px;font-size:30px}.mobile-drawer nav{padding:0 17px 30px}.mobile-drawer nav h2{font-size:12px;color:#D7A84B;letter-spacing:.12em;margin:28px 0 8px}.mobile-drawer nav a{color:#E9EAF0;min-height:44px;display:flex;align-items:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.article-layout{grid-template-columns:minmax(0,1fr)}.side-index{position:static}.footer-inner{grid-template-columns:1fr;gap:25px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:50;background:#151820;border-top:1px solid rgba(255,255,255,.15);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom a{min-height:57px;color:#f7f8fa;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3}.mobile-bottom a span{font-size:20px;color:#F45132;line-height:1.3}.site-main{padding-bottom:105px}.site-footer{padding-bottom:65px}.footer-bottom{padding-bottom:20px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}body{font-size:15.5px;line-height:1.76}h1{font-size:clamp(26px,7vw,30px)}h2{font-size:22px}h3{font-size:18px}.site-main{padding-top:24px}.brand-word{font-size:18px}.brand-word small{font-size:9px}.logo-art{width:39px;height:39px}.header-top{gap:7px}.header-top .brand{gap:5px}.register-button{min-width:58px;padding:0 9px;font-size:14px}.feature-story,.photo-copy,.split-panel,.dual-feature{grid-template-columns:1fr;gap:19px}.photo-copy.reverse>.media,.photo-copy.reverse>.photo-text{order:initial}.home-channels,.index-strips{grid-template-columns:1fr}.home-gallery,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gallery-item figcaption{padding:11px 6px}.gallery-item p{font-size:13px}.home-gallery .gallery-item .media{aspect-ratio:4/5}.gallery-grid .media--portrait{max-height:260px;aspect-ratio:4/5}.mini-grid{grid-template-columns:1fr}.carousel .media{height:clamp(140px,40vw,180px)}.footer-columns{grid-template-columns:1fr;gap:25px}.footer-bottom{flex-direction:column;gap:5px}.home-section{margin:38px 0}.home-lead{padding:18px 0 8px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.wide-article{width:100%}}
@media(max-width:365px){.header-top .brand-word{font-size:16px}.header-top .logo-art{width:34px;height:34px}.menu-toggle{width:40px;height:42px}.register-button{min-width:55px}.home-gallery,.gallery-grid{grid-template-columns:1fr}.gallery-grid .media--portrait{max-height:260px;aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}