*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;font:16px/1.76 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:#F1DCA3}a:focus-visible,button:focus-visible{outline:2px solid #F1DCA3;outline-offset:3px}button{font:inherit;cursor:pointer}.wrap{width:calc(100% - 48px);max-width:1200px;margin:0 auto}.site-header{background:#151A23;border-bottom:1px solid #303849}.brand-bar{border-bottom:1px solid #303849}.brand-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;max-width:200px;min-width:118px}.brand-image{width:155px;height:44px;display:flex;align-items:center}.brand-image img{max-width:100%;max-height:100%;object-fit:contain}.brand-fallback{display:none;color:#F1DCA3;font-size:23px;font-weight:bold;letter-spacing:3px}.brand:has(.media-placeholder) .brand-fallback{display:block}.brand:has(.media-placeholder) .brand-image{display:none}.brand-caption{margin-right:auto;display:flex;flex-direction:column;line-height:1.3}.brand-caption strong{font-size:15px;letter-spacing:3px;color:#F1DCA3}.brand-caption small{font-size:12px;color:#B8C0D3;margin-top:5px}.register{background:#F1DCA3;color:#151A23!important;border-radius:999px;min-width:108px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.register:hover{background:#E3C98F}.main-nav{background:#1B2130}.main-nav-inner{height:52px;display:flex;align-items:stretch;gap:23px;white-space:nowrap}.main-nav a{font-size:15px;display:flex;align-items:center;border-bottom:2px solid transparent}.main-nav a.active{color:#F1DCA3;border-bottom-color:#F1DCA3}.sub-nav{background:#202738}.sub-nav-inner{display:flex;gap:27px;align-items:center;white-space:nowrap;min-height:40px;overflow-x:auto;scrollbar-width:none}.sub-nav-inner::-webkit-scrollbar{display:none}.sub-nav a{font-size:13px;color:#B8C0D3}.sub-nav a.active,.sub-nav a:hover{color:#F1DCA3}.site-main{padding:30px 0 64px;min-height:55vh}h1,h2,h3{line-height:1.4;margin-top:0;color:#F3F4F8}h1{font-size:34px;letter-spacing:.2px}h2{font-size:25px}h3{font-size:19px}p{margin:0 0 16px}small,.muted{color:#B8C0D3}.eyebrow{font-size:12px;letter-spacing:2px;color:#F1DCA3;font-weight:700;text-transform:uppercase}.lead{font-size:16px;color:#CFD6E5;line-height:1.85;max-width:920px}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.section-title::before{content:'';width:4px;height:23px;background:#F1DCA3;border-radius:5px;flex:none}.home-section{margin:38px 0}.panel,.info-card,.feature-card{background:#1B2130;border:1px solid #30394C;border-radius:13px}.panel{padding:24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:20px}.hero-main{padding:20px}.hero-main h1{font-size:38px;line-height:1.36;margin:18px 0 14px}.hero-aside{padding:22px}.hero-aside h2{font-size:20px}.reading-link{display:block;border-top:1px solid #30394C;padding:15px 0}.reading-link strong{display:block;font-size:16px;color:#E8ECF5}.reading-link span{display:block;color:#B8C0D3;font-size:13px;line-height:1.65;margin-top:6px}.media{background:#202738;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;width:100%}.media img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center center}.media-placeholder{background:linear-gradient(130deg,#202738,#283143);border:1px solid #384156;position:relative}.placeholder-symbol{color:#4B5670;font-size:32px}.hero-visual{max-height:330px}.media.brand-mini{height:50px;aspect-ratio:auto;width:82px;flex:none;border-radius:6px}.brand-mini .placeholder-symbol{font-size:13px}.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.info-card{padding:20px;display:flex;flex-direction:column;min-width:0}.info-card h3{font-size:19px;color:#F1DCA3;margin-bottom:12px}.info-card p{color:#B8C0D3;font-size:14px}.text-link{display:inline-block;color:#F1DCA3;font-size:14px;font-weight:bold;margin-top:auto}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card{padding:25px;min-width:0}.feature-card h3{margin-top:12px}.feature-card p{color:#B8C0D3}.story-list{padding:0;margin:8px 0;list-style:none}.story-list li{padding:15px 0;border-bottom:1px solid #30394C}.story-list li:last-child{border-bottom:0}.story-list strong{display:block;font-size:17px}.story-list p{color:#B8C0D3;font-size:14px;margin:5px 0}.split-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px;align-items:center}.number-list{counter-reset:num;list-style:none;padding:0;margin:0}.number-list li{counter-increment:num;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #343D4F}.number-list li::before{content:counter(num,decimal-leading-zero);color:#F1DCA3;font-size:20px;font-weight:700}.number-list strong{display:block}.number-list p{font-size:14px;color:#B8C0D3}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-card{display:flex;align-items:center;gap:11px;padding:12px;background:#1B2130;border:1px solid #30394C;border-radius:10px;min-width:0}.brand-card strong{display:block;font-size:15px}.brand-card small{display:block;font-size:12px}.faq-item{padding:19px 0;border-bottom:1px solid #30394C}.faq-item h3{font-size:17px;margin-bottom:7px}.faq-item p{color:#C9D1E0;margin:0}.article-header{margin-bottom:26px;border-bottom:1px solid #313A4C;padding-bottom:24px}.article-layout{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(245px,1fr);gap:24px}.article-content{min-width:0}.article-section{padding:26px 0;border-bottom:1px solid #313A4C;scroll-margin-top:16px}.article-section:first-child{padding-top:0}.article-section h2{font-size:24px;margin-bottom:18px}.article-section p{line-height:1.83;color:#D8DEEA}.article-section p:last-child{margin-bottom:0}.article-side{min-width:0}.side-block{padding:21px;margin-bottom:17px;background:#1B2130;border:1px solid #30394C;border-radius:12px}.side-block h2{font-size:18px;border-bottom:1px solid #343C4F;padding-bottom:10px}.side-block a{display:block;padding:8px 0;color:#CED4E2;font-size:14px}.side-block a:hover{color:#F1DCA3}.related{margin-top:26px;padding:20px;background:#202738;border-radius:12px}.related h2{font-size:20px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-block;background:#2B3448;border:1px solid #414A5D;border-radius:30px;padding:6px 15px;font-size:14px}.brand-detail{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #343D4F}.brand-detail .media{height:90px;aspect-ratio:auto}.brand-detail h2{font-size:21px;margin:0 0 6px}.brand-detail p{color:#D0D7E5;font-size:15px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.gallery-grid figure{margin:0;padding:15px;background:#1B2130;border:1px solid #30394C;border-radius:12px}.gallery-grid figcaption{color:#BDC6D7;font-size:14px;padding:12px 4px 0}.site-footer{background:#0E121A;color:#D5DBEA;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:30px}.footer-grid h2{font-size:18px;color:#F1DCA3}.footer-grid a{display:block;font-size:14px;margin:8px 0;color:#D5DBEA}.footer-grid p{font-size:13px;color:#B8C0D3}.footer-logo{width:150px;height:47px;aspect-ratio:auto;margin-bottom:10px}.footer-bottom{border-top:1px solid #2A3140;margin-top:25px;padding-top:18px;font-size:12px;color:#B8C0D3}.menu-toggle,.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}.menu-toggle{background:none;border:0;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;background:#F1DCA3;width:22px;height:2px;margin:5px auto}
@media(max-width:980px){.wrap{width:calc(100% - 40px)}.brand-inner{height:60px;justify-content:space-between;gap:9px}.menu-toggle{display:block;flex:none}.brand{min-width:0;margin:auto}.brand-image{width:118px;height:28px}.brand-fallback{font-size:21px}.brand-caption,.main-nav{display:none}.register{height:36px;min-width:76px;font-size:12px}.sub-nav-inner{min-height:38px}.mobile-drawer,.drawer-mask{display:none}@media(min-width:0px){.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}.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}body.drawer-open{overflow:hidden}}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#202738}.drawer-brand{font-weight:700;color:#F1DCA3}.drawer-close{border:0;background:transparent;color:#E8ECF5;font-size:30px;line-height:1}.drawer-group{padding:10px 20px;border-bottom:1px solid #343D4F}.drawer-group h2{font-size:14px;color:#F1DCA3;margin:9px 0}.drawer-group a{display:block;padding:7px 5px;font-size:15px}.drawer-group a.active{color:#F1DCA3}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:61px;z-index:900;background:#0E121A;border-top:1px solid #364056;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{flex:1;text-align:center;font-size:13px}.site-footer{padding-bottom:94px}.hero-grid{grid-template-columns:1fr}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side-block{margin:0}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-main{padding-top:20px;padding-bottom:44px}h1{font-size:27px}h2{font-size:21px}h3{font-size:17px}.hero-main h1{font-size:29px}.hero-main,.hero-aside,.panel,.feature-card{padding:17px}.hero-visual{max-height:200px}.two-cols,.split-feature,.gallery-grid{grid-template-columns:1fr}.grid-four{gap:11px}.info-card{padding:15px}.info-card h3{font-size:17px}.brand-grid{gap:9px}.brand-card{padding:8px;gap:8px}.brand-card .brand-mini{width:54px;height:45px}.brand-card strong{font-size:13px}.article-section h2{font-size:21px}.article-side{grid-template-columns:1fr}.brand-detail{grid-template-columns:76px minmax(0,1fr);gap:13px}.brand-detail .media{height:70px}.brand-detail h2{font-size:18px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-grid section:first-child{grid-column:1 / -1}.home-section{margin:26px 0}}
@media(max-width:360px){.register{min-width:74px}.brand-image{width:100px}.grid-four{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr}.hero-main h1{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}
