*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.76}a{color:#F1DCA3;text-decoration:none;touch-action:manipulation}a:hover{color:#E3C98F}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #F1DCA3;outline-offset:3px}img{max-width:100%;height:auto;object-fit:contain;object-position:center center}.container{width:min(100% - 48px,1200px);margin-inline:auto;min-width:0}.site-header{background:#151A23;border-bottom:1px solid #32394a}.brand-bar{height:72px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;min-width:160px}.brand-logo{width:155px;height:36px;object-fit:contain}.brand-caption{display:flex;flex-direction:column;line-height:1.5;flex:1}.brand-caption strong{font-size:15px;letter-spacing:2px;color:#F1DCA3}.brand-caption small{font-size:13px;color:#B8C0D3}.brand-fallback{font-size:23px;font-weight:bold;color:#F1DCA3}.brand:has(img:not(.media-placeholder)) .brand-fallback{display:none}.register{min-width:100px;height:40px;background:#F1DCA3;color:#151A23;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.register:hover{background:#E3C98F;color:#151A23}.main-nav{border-top:1px solid #303748;background:#1B2130}.nav-inner{height:52px;display:flex;align-items:stretch;gap:24px;white-space:nowrap}.nav-inner a{display:flex;align-items:center;color:#E8ECF5;font-size:15px;border-bottom:2px solid transparent}.nav-inner a:hover,.nav-inner a.active{color:#F1DCA3;border-bottom-color:#F1DCA3}.quick-nav{background:#202738}.quick-inner{display:flex;gap:24px;align-items:center;min-height:38px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;color:#B8C0D3}.quick-inner a:hover,.quick-inner .active{color:#F1DCA3}.mobile-header,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.page-main{padding-top:32px;padding-bottom:65px;min-height:60vh}.eyebrow{color:#F1DCA3;font-size:13px;font-weight:700;letter-spacing:.1em}h1,h2,h3{line-height:1.4;overflow-wrap:anywhere}h1{font-size:33px;line-height:1.35;margin:10px 0 17px}h2{font-size:25px;margin:0 0 18px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 16px;color:#D6DDEA}p:last-child{margin-bottom:0}.lede{color:#B8C0D3;font-size:17px}.section{margin-top:36px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:18px}.section-head h2{margin:0}.section-head a,.read-more{font-size:14px;white-space:nowrap}.panel,.article-card,.topic-card,.hero-main,.aside-panel{background:#1B2130;border:1px solid #30384a;border-radius:14px}.panel,.aside-panel{padding:24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(0,1fr);gap:20px}.hero-main{overflow:hidden;padding:22px}.hero-media{display:block;width:100%;height:310px;object-fit:contain;background:#202738;border-radius:9px}.hero-main h1{font-size:38px}.hero-summary{margin-top:20px}.hero-aside{padding:23px;background:#202738;border-radius:14px}.hero-aside h2{font-size:20px}.read-item{padding:15px 0;border-bottom:1px solid #3a4150}.read-item:last-child{border-bottom:0}.read-item a{font-weight:bold;font-size:17px}.read-item p{font-size:14px;margin-top:6px}.four-grid,.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.topic-card{padding:21px;display:flex;flex-direction:column;min-width:0}.topic-card p{font-size:14px;flex:1}.topic-card h3{color:#F1DCA3}.split,.visual-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mini-list{padding:0;margin:0;list-style:none}.mini-list li{padding:14px 0;border-top:1px solid #374053}.mini-list strong{display:block;color:#E8ECF5;font-size:17px}.mini-list span{color:#B8C0D3;font-size:14px}.visual-feature{grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);align-items:center}.article-media{width:100%;height:230px;background:#202738;border-radius:10px;object-fit:contain}.visual-feature .article-media{height:280px}.number-list{counter-reset:items;list-style:none;padding:0;margin:0}.number-list li{counter-increment:items;display:flex;gap:19px;padding:17px 0;border-bottom:1px solid #343d50}.number-list li:before{content:counter(items,decimal-leading-zero);color:#F1DCA3;font-size:18px;font-weight:bold}.number-list strong{display:block}.number-list p{font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,72fr) minmax(240px,28fr);gap:24px}.article-content{min-width:0}.page-heading{margin-bottom:26px}.article-section{padding:26px 0;border-top:1px solid #354052}.article-section h2{color:#F1DCA3;font-size:24px}.article-section p{margin-top:13px}.sidebar{min-width:0}.aside-panel{margin-bottom:20px}.aside-panel h2{font-size:18px}.aside-panel a{display:block;margin:10px 0;font-size:14px}.inline-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.inline-links a,.pill-link{display:inline-block;border:1px solid #5b5264;color:#F1DCA3;padding:5px 13px;border-radius:999px;font-size:14px}.image-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-row figure{margin:0;background:#1B2130;border-radius:12px;padding:12px}.image-row img,.image-row .media-placeholder{width:100%;height:170px}.image-row figcaption{font-size:13px;color:#B8C0D3;margin-top:8px}.brand-card{background:#1B2130;border:1px solid #313a4a;border-radius:12px;padding:16px;min-width:0}.brand-thumb{width:100%;height:85px;object-fit:contain}.brand-card h3{margin:9px 0;font-size:17px}.brand-card p{font-size:14px}.brand-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card.long{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px}.brand-card.long .brand-thumb{height:110px}.faq-list details{border-bottom:1px solid #374053;padding:16px 0}.faq-list summary{cursor:pointer;font-weight:700;color:#F1DCA3}.faq-list p{margin-top:12px}.notice{padding:20px;border-left:3px solid #F1DCA3;background:#202738;border-radius:0 10px 10px 0}.site-footer{background:#0E121A;color:#D5DBEA;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px}.footer-grid h2{font-size:16px;color:#F1DCA3}.footer-grid a{display:block;color:#D5DBEA;font-size:14px;margin:7px 0}.footer-grid a:hover{color:#F1DCA3}.footer-grid p{font-size:14px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand strong{color:#F1DCA3}.footer-logo{width:75px;height:45px}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid #2b3241;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#B8C0D3}.media-placeholder{background:linear-gradient(145deg,#242c3d,#171e2a);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-placeholder span{font-size:38px;color:#6f7180}.brand-logo.media-placeholder{width:60px;height:36px;flex:none}.brand-logo.media-placeholder span,.footer-logo.media-placeholder span{font-size:18px}.brand-logo.media-placeholder+.brand-fallback{display:inline}.gallery-intro{margin-bottom:22px}
@media(max-width:980px){.brand-bar,.main-nav{display:none}.mobile-header{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 20px;background:#1B2130}.mobile-brand{font-size:23px;line-height:1;font-weight:800;color:#F1DCA3;white-space:nowrap}.mobile-register{justify-self:end;height:36px;min-width:76px}.menu-button{display:flex;justify-self:start;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none}.menu-button span{width:23px;height:2px;background:#F1DCA3;border-radius:4px}.quick-inner{min-height:42px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#151A23;color:#E8ECF5;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;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}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #394154}.drawer-logo{font-weight:700}.drawer-close{font-size:30px;color:#E8ECF5;border:0;background:none;width:40px;height:40px}.drawer-group{padding:14px 18px;border-bottom:1px solid #30384a}.drawer-group h3{font-size:14px;color:#F1DCA3;margin:0 0 6px}.drawer-group a{display:block;padding:7px 0;color:#E8ECF5;font-size:15px}.mobile-bottom{display:grid;position:fixed;bottom:0;left:0;right:0;height:62px;background:#0E121A;border-top:1px solid #42495a;z-index:1000;grid-template-columns:repeat(4,1fr);align-items:center}.mobile-bottom a{text-align:center;color:#F1DCA3;font-size:14px}.page-main{padding-bottom:100px}.footer-bottom{padding-bottom:72px}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-media{height:280px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.aside-panel{margin:0}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.mobile-header{padding:0 15px}.page-main{padding-top:22px}.hero-main,.hero-aside,.panel,.aside-panel{padding:17px}.hero-main h1{font-size:28px}.hero-media{height:180px}h1{font-size:27px}h2{font-size:21px}.article-section h2{font-size:21px}h3{font-size:18px}body{font-size:15px}.lede{font-size:15px}.section{margin-top:28px}.four-grid,.split,.visual-feature,.brand-grid,.brand-grid.large,.image-row{grid-template-columns:minmax(0,1fr)}.topic-card{padding:17px}.visual-feature .article-media{height:190px}.brand-card.long{grid-template-columns:95px minmax(0,1fr);gap:12px}.brand-card.long .brand-thumb{height:90px}.sidebar{grid-template-columns:minmax(0,1fr)}.footer-grid{gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.image-row img,.image-row .media-placeholder{height:185px}.article-section{padding:21px 0}.nav-inner{gap:12px}}
@media(max-width:355px){.mobile-brand{font-size:20px}.mobile-header{gap:4px}.mobile-register{min-width:76px}.brand-card.long{display:block}.brand-card.long .brand-thumb{height:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}
