*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:#151A23;color:#E8ECF5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:#F1DCA3}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:100%;object-fit:contain;object-position:center center}p{margin:0 0 17px;color:#B8C0D3;font-size:16px;line-height:1.78}h1,h2,h3{line-height:1.38;overflow-wrap:anywhere}h1{font-size:34px;margin:11px 0 18px}h2{font-size:25px;margin:0 0 17px}h3{font-size:19px;margin:0 0 10px}.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.skip-link{position:absolute;left:-999px;top:0;background:#F1DCA3;color:#151A23;padding:9px;z-index:15000}.skip-link:focus{left:10px}.site-header{background:#111620;border-bottom:1px solid #333B49}.brand-bar{height:74px;display:flex;align-items:center;gap:24px}.brand-logo,.mobile-logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo strong{font-size:26px;color:#F1DCA3;letter-spacing:2px}.brand-image{width:44px;height:36px;flex-shrink:0}.brand-image img,.mobile-logo-image img,.footer-logo img{object-fit:contain}.brand-image.media-placeholder,.mobile-logo-image.media-placeholder,.footer-logo.media-placeholder{background:#202738;border:1px solid #414450;border-radius:6px}.brand-image.media-placeholder span,.mobile-logo-image.media-placeholder span,.footer-logo.media-placeholder span{font-size:0}.brand-tag{display:flex;flex-direction:column;gap:0;line-height:1.35}.brand-tag span{font-size:14px;color:#F1DCA3;letter-spacing:2.4px}.brand-tag small{font-size:12px;color:#B8C0D3}.register-btn{margin-left:auto;background:#F1DCA3;color:#151A23!important;border-radius:999px;min-width:102px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.register-btn:hover{background:#E3C98F}.primary-nav{border-top:1px solid #252D40}.nav-inner{display:flex;align-items:stretch;height:52px;gap:22px;white-space:nowrap}.nav-inner a{display:flex;align-items:center;font-size:15px;border-bottom:2px solid transparent}.nav-inner a.active{color:#F1DCA3;border-color:#F1DCA3}.quick-nav{background:#202738}.quick-inner{display:flex;gap:27px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-height:44px}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;color:#B8C0D3}.quick-inner a:hover{color:#F1DCA3}.mobile-top,.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}.main-content{padding-top:30px;padding-bottom:70px;min-height:60vh}.eyebrow{display:block;color:#E3C98F;font-weight:700;font-size:12px;letter-spacing:1.6px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(0,1fr);gap:22px;align-items:stretch}.hero-main{background:#1B2130;border:1px solid #323A49;border-radius:14px;overflow:hidden}.hero-copy{padding:22px 25px 25px}.hero-copy h1{font-size:38px}.hero-aside{background:#202738;padding:22px;border-radius:14px}.hero-aside h2{font-size:21px}.headline-item{padding:14px 0;border-top:1px solid #404656}.headline-item h3{font-size:17px;margin:0 0 5px}.headline-item p{font-size:14px;margin:0}.media{height:280px;background:#202738;overflow:hidden}.hero-media{height:290px;background:#202738;overflow:hidden}.media-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#293142,#1B2130);color:#F1DCA3;text-align:center}.media-placeholder span{font-size:20px;letter-spacing:2px;font-weight:bold}.media-placeholder small{display:block;font-size:11px;color:#B8C0D3;letter-spacing:1px;font-weight:400}.section-block{padding-top:38px}.section-heading{margin-bottom:19px}.section-heading h2{margin:3px 0 7px}.section-heading p{max-width:770px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.topic-card,.related-grid article{background:#1B2130;border:1px solid #303849;padding:21px;border-radius:12px;display:flex;flex-direction:column;min-width:0}.topic-card p{font-size:14px;flex:1}.text-link,.topic-card a,.related-grid a{color:#F1DCA3;font-size:14px;font-weight:700}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.panel{background:#1B2130;border:1px solid #303849;border-radius:12px;padding:25px}.feature-list article{border-top:1px solid #353D50;padding:14px 0}.feature-list h3{font-size:18px}.feature-list p{font-size:15px;margin-bottom:4px}.feature-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:#1B2130;border-radius:14px;overflow:hidden}.feature-split .media{height:100%;min-height:265px}.feature-split .content{padding:26px}.number-list{counter-reset:my-counter;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.number-list article{counter-increment:my-counter;border-bottom:1px solid #374053;padding:14px 0 14px 47px;position:relative}.number-list article:before{content:counter(my-counter,decimal-leading-zero);position:absolute;left:0;top:15px;color:#F1DCA3;font-weight:700}.number-list p{font-size:15px}.mini-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-brand{display:flex;align-items:center;gap:10px;background:#1B2130;border:1px solid #353D4D;padding:12px;border-radius:10px;min-width:0}.mini-brand .brand-tile{width:62px;height:56px;flex:none;background:#202738;border-radius:6px;overflow:hidden}.mini-brand strong{font-size:15px}.mini-brand small{display:block;color:#B8C0D3;font-size:12px}.plain-notice{border-left:3px solid #F1DCA3;padding:4px 0 4px 18px}.page-intro{max-width:950px;padding:22px 0 30px}.page-intro p{font-size:17px}.breadcrumb{font-size:13px;color:#B8C0D3}.breadcrumb a{color:#E3C98F}.page-columns{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(245px,1fr);gap:35px}.page-body{min-width:0}.page-lead{background:#202738;border-radius:12px;padding:22px;margin-bottom:24px}.page-lead p:last-child{margin-bottom:0}.editor-section{border-top:1px solid #3B4355;padding:25px 0 16px}.editor-section h2{font-size:24px}.editor-section p{max-width:760px}.side-box{background:#1B2130;border:1px solid #343B4C;border-radius:12px;padding:22px;margin-bottom:19px}.side-box h2{font-size:20px}.side-box p{font-size:14px}.side-box ul{list-style:none;padding:0;margin:0}.side-box li{border-top:1px solid #353D4D;padding:10px 0;font-size:14px}.side-box>a{color:#F1DCA3}.related{margin-top:36px;border-top:1px solid #353D50;padding-top:30px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.related-grid article p{font-size:14px;flex:1}.brand-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brand-entry{background:#1B2130;border:1px solid #353D4D;border-radius:12px;padding:19px}.brand-entry-head{display:flex;align-items:center;gap:16px;margin-bottom:15px}.brand-entry-head .brand-tile{height:84px;width:130px;flex:none;background:#202738;border-radius:8px;overflow:hidden}.brand-entry-head h2{font-size:21px;margin:0}.brand-entry p{font-size:15px}.brand-entry a{color:#F1DCA3}.faq-list details{margin:0 0 13px;background:#1B2130;padding:18px 20px;border:1px solid #394253;border-radius:10px}.faq-list summary{cursor:pointer;font-size:18px;font-weight:700}.faq-list p{margin:13px 0 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid figure{margin:0;background:#1B2130;border-radius:10px;overflow:hidden}.gallery-grid .media{height:195px}.gallery-grid figcaption{padding:14px;color:#B8C0D3;font-size:14px}.site-footer{background:#0E121A;border-top:1px solid #303849;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:35px}.footer-grid h2{font-size:17px;color:#F1DCA3;margin:0 0 12px}.footer-grid a:not(.footer-brand){display:block;color:#D5DBEA;font-size:14px;margin-bottom:8px}.footer-grid p{font-size:14px}.footer-brand{display:flex;gap:10px;align-items:center;font-size:22px;color:#F1DCA3}.footer-logo{width:48px;height:40px}.copyright{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #2D3441;margin-top:30px;padding-top:20px;font-size:12px;color:#D5DBEA}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.brand-bar,.primary-nav{display:none}.mobile-top{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:10px}.menu-trigger{border:0;background:transparent;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;width:44px;height:44px}.menu-trigger span{width:22px;height:2px;background:#E8ECF5}.mobile-logo strong{font-size:20px;color:#F1DCA3}.mobile-logo-image{width:29px;height:28px}.mobile-top .register-btn{min-width:76px;height:36px;justify-self:end;margin:0}.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-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #313949}.drawer-heading strong{color:#F1DCA3}.drawer-close{background:transparent;border:0;color:#E8ECF5;font-size:30px;width:42px;height:42px}.drawer-group{padding:15px 20px;border-bottom:1px solid #303849}.drawer-group h2{color:#F1DCA3;font-size:14px;margin:0 0 12px}.drawer-group a{display:block;padding:8px 0;color:#E8ECF5;font-size:15px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:500;display:grid;grid-template-columns:repeat(4,1fr);height:62px;background:#0E121A;border-top:1px solid #465066}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px;color:#E8ECF5}.mobile-bottom a:last-child{color:#F1DCA3}.site-footer{padding-bottom:86px}.main-content{padding-bottom:55px}.topic-grid,.mini-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.page-columns{grid-template-columns:minmax(0,1fr)}.page-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-side .side-box{margin:0}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hero-copy h1{font-size:30px}}
@media(max-width:640px){.wrap{padding-left:16px;padding-right:16px}.mobile-top{padding:0 15px}.quick-inner{gap:21px}.main-content{padding-top:20px}.hero-grid,.two-col,.feature-split,.number-list,.brand-directory,.related-grid,.gallery-grid,.page-side{grid-template-columns:minmax(0,1fr)}.hero-media{height:183px}.hero-copy{padding:19px}.hero-copy h1{font-size:28px}.hero-aside{padding:18px}.hero-aside h2{font-size:20px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.topic-card{padding:15px}.topic-card h3{font-size:17px}.topic-card p{font-size:14px}.section-block{padding-top:30px}.section-heading h2{font-size:22px}.panel{padding:19px}.feature-split .media{height:180px;min-height:0}.feature-split .content{padding:18px}.mini-brands{gap:10px}.mini-brand{padding:8px;gap:8px}.mini-brand .brand-tile{width:42px;height:44px}.mini-brand strong{font-size:13px}.mini-brand small{font-size:11px}.page-intro h1{font-size:27px}.page-intro p{font-size:15px}.page-intro{padding:13px 0 20px}.editor-section h2{font-size:21px}p{font-size:15px}.brand-entry-head .brand-tile{width:98px;height:76px}.brand-entry-head h2{font-size:19px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .media{height:150px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-about{grid-column:span 2}.copyright{flex-direction:column;gap:6px}.site-footer{padding-top:30px}}
@media(max-width:360px){.mobile-logo strong{font-size:18px}.mobile-logo{gap:5px}.mobile-top{gap:5px;padding:0 12px}.mobile-top .register-btn{min-width:76px}.topic-grid{grid-template-columns:minmax(0,1fr)}.mini-brands{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}