*:before,*:after,*{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}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;overflow-wrap:anywhere}h1{font-size:34px}h2{font-size:25px}h3{font-size:19px}p{margin-bottom:16px;color:#B8C0D3}img{max-width:100%;display:block;object-fit:contain;object-position:center center}.shell{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px;min-width:0}.site-header{background:#10151e;border-bottom:1px solid #303747}.brandbar{height:74px;display:flex;align-items:center;gap:20px}.brand-mark{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#F1DCA3;font-size:21px}.brand-mark strong{white-space:nowrap}.brand-headline{margin:auto;display:flex;align-items:center;gap:16px;min-width:0}.brand-headline b{color:#F1DCA3;letter-spacing:.16em;font-size:17px}.brand-headline span{color:#B8C0D3;font-size:13px}.register-button,.pill-button{background:#F1DCA3;color:#151A23;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;font-weight:700;padding:0 22px;height:40px;white-space:nowrap}.register-button:hover,.pill-button:hover{background:#E3C98F;color:#151A23}.desktop-nav{border-top:1px solid #2a3040}.nav-inline{height:52px;display:flex;align-items:stretch;gap:23px;white-space:nowrap}.nav-inline a{display:flex;align-items:center;font-size:15px;border-bottom:2px solid transparent;padding:2px 0 0}.nav-inline a.active,.nav-inline a:hover{color:#F1DCA3;border-bottom-color:#F1DCA3}.subnav{background:#1B2130;border-bottom:1px solid #303849}.subnav-row{display:flex;align-items:center;gap:25px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}.subnav-row::-webkit-scrollbar{display:none}.subnav a{color:#B8C0D3;font-size:13px}.subnav a:hover{color:#F1DCA3}.page-content{padding-top:32px;padding-bottom:64px;min-height:55vh}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#F1DCA3;font-weight:700;margin-bottom:10px}.page-lead{max-width:900px;color:#D5DBEA;font-size:17px;line-height:1.8}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 16px}.section-head h2{margin:0}.text-link{color:#F1DCA3;font-size:14px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px;align-items:stretch}.hero-feature{background:#1B2130;border:1px solid #343b4b;border-radius:14px;overflow:hidden;padding:20px}.hero-feature h1{font-size:38px;margin:16px 0}.hero-feature p{margin:0}.hero-index{background:#202738;border-radius:14px;padding:22px}.hero-index h2{font-size:20px;color:#F1DCA3}.read-item{padding:16px 0;border-top:1px solid #3c4454}.read-item h3{font-size:17px;margin:0 0 6px}.read-item p{font-size:14px;line-height:1.7;margin:0}.media-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#202738;position:relative;width:100%}.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center center}.wide-frame{aspect-ratio:16/9;max-height:320px}.portrait-frame{aspect-ratio:3/4;max-height:240px}.logo-frame{width:102px;height:38px;background:transparent}.placeholder-mark{font-size:14px;letter-spacing:.2em;color:#8F98AD;text-align:center;padding:12px}.logo-frame .placeholder-mark{font-size:0}.cards-4,.cards-3,.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.info-card{background:#1B2130;border:1px solid #30394a;border-radius:12px;padding:20px;display:flex;flex-direction:column;min-width:0}.info-card h3{color:#E8ECF5;margin:0 0 10px}.info-card p{font-size:14px;flex:1}.info-card a{color:#F1DCA3;font-size:14px}.section-block{margin-top:42px}.double-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial-box{background:#1B2130;border:1px solid #30394a;border-radius:12px;padding:24px}.editorial-box .entry{border-top:1px solid #30394a;padding:17px 0}.editorial-box .entry h3{margin:0 0 8px}.editorial-box .entry p{font-size:14px;margin:0}.feature-strip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;background:#1B2130;padding:22px;border-radius:12px}.feature-strip .media-frame{max-height:280px}.numbered-item{display:flex;gap:20px;border-bottom:1px solid #313849;padding:18px 0}.numbered-item .no{font-size:24px;color:#F1DCA3;font-weight:700;width:42px;flex-shrink:0}.numbered-item h3{margin-bottom:6px}.numbered-item p{font-size:15px;margin:0}.topic-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.reading-layout{display:grid;grid-template-columns:minmax(0,72fr) minmax(245px,28fr);gap:26px;align-items:start}.article-section{background:#1B2130;border:1px solid #30394a;border-radius:12px;padding:24px;margin-bottom:18px}.article-section h2{color:#F1DCA3;font-size:23px}.article-section p:last-child{margin-bottom:0}.aside-box{background:#202738;border:1px solid #343b4c;border-radius:12px;padding:20px;margin-bottom:18px}.aside-box h2{font-size:18px;color:#F1DCA3}.aside-box a{display:block;padding:9px 0;border-bottom:1px solid #3b4455;font-size:14px}.related-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.related-links a{background:#202738;border:1px solid #3b4556;padding:9px 13px;border-radius:8px;font-size:14px}.related-links a:hover{border-color:#F1DCA3}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{display:grid;grid-template-columns:106px minmax(0,1fr);gap:17px;align-items:start;background:#1B2130;border:1px solid #30394a;border-radius:12px;padding:17px}.brand-card h2{font-size:19px;margin-bottom:6px;color:#F1DCA3}.brand-card p{font-size:14px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-item{background:#1B2130;padding:14px;border-radius:12px}.gallery-item h3{margin-top:10px;font-size:17px}.gallery-item p{font-size:14px}.faq-list details{background:#1B2130;border:1px solid #343c4c;border-radius:9px;margin:12px 0;padding:15px 20px}.faq-list summary{cursor:pointer;font-weight:bold}.faq-list p{margin:12px 0 0}.notice-line{border-left:3px solid #F1DCA3;padding:14px 18px;background:#202738;border-radius:0 8px 8px 0}.site-footer{background:#0E121A;color:#D5DBEA;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-brand{font-size:25px;font-weight:bold;color:#F1DCA3}.footer-brand span{font-size:10px;display:block;letter-spacing:.17em}.footer-grid h2{font-size:16px;color:#E8ECF5}.footer-grid a:not(.footer-brand){display:block;color:#B8C0D3;font-size:14px;margin:6px 0}.footer-grid p{font-size:14px}.footer-bottom{border-top:1px solid #303744;margin-top:32px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#B8C0D3}.skip-link{position:absolute;top:-80px;left:12px;background:#F1DCA3;color:#111;padding:7px;z-index:20000}.skip-link:focus{top:10px}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}
@media(max-width:980px){.desktop-nav{display:none}.brandbar{height:60px;justify-content:space-between;gap:9px}.brand-headline{display:none}.brand-mark{margin:auto;font-size:18px}.brand-mark .logo-frame{height:28px;width:80px}.brand-mark strong{display:block;font-size:17px}.register-button{height:36px;min-width:76px;padding:0 13px;font-size:13px}.menu-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:40px;height:40px;background:transparent;border:0}.menu-toggle span{width:21px;height:2px;background:#E8ECF5}.mobile-drawer,.drawer-mask{display:none}@media(max-width:980px){.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:14px 19px;border-bottom:1px solid #343b4b}.drawer-logo{color:#F1DCA3;font-size:20px;font-weight:700}.drawer-logo small{display:block;font-size:10px;letter-spacing:.15em}.drawer-close{background:transparent;color:#E8ECF5;border:0;font-size:32px}.mobile-drawer section{padding:14px 18px;border-bottom:1px solid #343b4b}.mobile-drawer h2{font-size:14px;color:#F1DCA3;margin:0 0 6px}.mobile-drawer section a{display:block;padding:7px 0;color:#E8ECF5;font-size:15px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);height:62px;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#10151e;border-top:1px solid #3b4556}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px}.page-content{padding-bottom:102px}.reading-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body{font-size:15px}.shell{padding-left:16px;padding-right:16px}.page-content{padding-top:24px}.hero-grid,.double-column,.feature-strip,.topic-feature,.brand-grid{grid-template-columns:1fr}.hero-feature{padding:16px}.hero-feature h1{font-size:29px}.wide-frame{max-height:200px}.hero-index{padding:16px}.section-block{margin-top:32px}.section-head{margin:16px 0}.section-head h2{font-size:21px}.reading-layout{gap:15px}.article-section{padding:18px}.article-section h2{font-size:21px}.article-section p{font-size:15px}.page-content h1{font-size:27px}.page-lead{font-size:15px}.cards-4{gap:12px}.info-card{padding:14px}.info-card h3{font-size:17px}.brand-card{grid-template-columns:80px 1fr}.brand-card .logo-frame{width:76px}.footer-grid{gap:20px}.footer-bottom{display:block}.subnav-row{gap:18px}.subnav a{font-size:13px}}
@media(max-width:360px){.brandbar{gap:2px}.register-button{font-size:12px;min-width:76px;padding:0 10px}.brand-mark .logo-frame{width:67px}.cards-4,.gallery-grid{grid-template-columns:1fr}.brand-card{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}
@media(min-width:981px){.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}