*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;font:16px/1.78 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}img{display:block;max-width:100%;object-fit:contain;object-position:center center}.wrap{width:calc(100% - 48px);max-width:1200px;margin:auto;min-width:0}.skip-link{position:absolute;top:-80px;left:12px;background:#F1DCA3;color:#151A23;padding:10px;z-index:20000}.skip-link:focus{top:8px}.site-header{background:#111720;border-bottom:1px solid #303849}.brand-bar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-brand,.footer-logo{display:flex;align-items:center;gap:13px}.logo-media{width:66px;height:40px;display:flex;align-items:center;justify-content:center}.logo-media img{width:100%;height:36px}.brand-word{display:flex;align-items:baseline;gap:16px}.brand-word strong{font-size:25px;letter-spacing:2px;color:#F1DCA3}.brand-word small{font-size:12px;color:#B8C0D3;letter-spacing:1px}.register{height:40px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#F1DCA3;color:#151A23;border-radius:999px;font-weight:700}.register:hover{background:#E3C98F;color:#151A23}.desktop-nav{background:#171D28;border-top:1px solid #252D40}.nav-line{height:52px;display:flex;gap:27px;align-items:stretch;white-space:nowrap}.nav-line a{font-size:15px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.nav-line a.active{color:#F1DCA3;border-color:#F1DCA3}.quick-nav{background:#202738}.quick-line{height:43px;display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quick-line::-webkit-scrollbar{display:none}.quick-line a{font-size:13px;color:#B8C0D3}.quick-line a.active{color:#F1DCA3}.main-content{padding-top:28px;padding-bottom:65px}.kicker{color:#F1DCA3;font-size:12px;letter-spacing:2px;font-weight:700}.hero-title{font-size:38px;line-height:1.37;margin:12px 0 14px}.page-title{font-size:32px;line-height:1.35;margin:10px 0}.lead{font-size:16px;color:#D5DBEA;line-height:1.82;margin:12px 0 18px}.muted{color:#B8C0D3}.note{font-size:14px;color:#B8C0D3}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px}.panel,.tile,.article-block,.sidebar,.feature-pane{min-width:0;background:#1B2130;border:1px solid #333B4D;border-radius:12px}.hero-copy{padding:20px 23px}.media{background:#202738;border-radius:10px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;max-height:320px}.media img{width:100%;height:100%}.media-placeholder{background:linear-gradient(135deg,#283044,#192130);color:#8F98AD;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:2px;font-size:13px}.hero-main .media{max-height:320px}.reading-index{padding:19px 21px}.reading-index h2,.section-heading h2{font-size:24px;margin:0 0 13px;line-height:1.4}.reading-item{padding:14px 0;border-top:1px solid #353E50}.reading-item a{font-weight:700;font-size:17px}.reading-item p{font-size:14px;color:#B8C0D3;margin:5px 0 0}.section{margin-top:36px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading a,.read-more{font-size:14px;color:#F1DCA3}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{padding:21px}.tile h3{font-size:19px;margin:0 0 8px}.tile p{font-size:15px;color:#B8C0D3;margin:0 0 14px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-pane{padding:23px}.feature-pane h3{font-size:22px;margin:0 0 10px}.feature-pane p,.article-block p{color:#D5DBEA}.feature-pane ul{padding-left:20px}.feature-pane li{margin:12px 0}.feature-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:24px;align-items:center}.feature-split .media{max-height:290px}.numbered{counter-reset:project;padding:0;margin:0;list-style:none}.numbered li{display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;border-top:1px solid #343C4D;padding:17px 0}.numbered li:before{counter-increment:project;content:counter(project,decimal-leading-zero);color:#F1DCA3;font-weight:bold;font-size:19px}.numbered strong{font-size:18px}.numbered p{color:#B8C0D3;margin:2px 0}.article-layout{display:grid;grid-template-columns:minmax(0,72fr) minmax(250px,28fr);gap:22px;align-items:start}.article-flow{min-width:0}.article-block{padding:26px;margin-top:18px}.article-block h2{font-size:25px;line-height:1.4;margin:0 0 14px}.article-block p{margin:14px 0;line-height:1.82}.sidebar{padding:23px;position:relative}.sidebar h2{font-size:19px;margin:0 0 10px}.sidebar ul{margin:0 0 26px;padding:0;list-style:none}.sidebar li{border-bottom:1px solid #343C4D;padding:10px 0;font-size:14px}.article-intro{padding:24px;background:#202738;border-radius:12px}.article-intro p{margin:10px 0 0}.inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inline-links a{border:1px solid #475168;border-radius:30px;padding:6px 13px;font-size:13px;color:#F1DCA3}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-mini{display:flex;gap:12px;align-items:center;background:#1B2130;border:1px solid #343C4D;padding:12px;border-radius:10px;min-width:0}.brand-mini .media{width:68px;height:58px;flex-shrink:0;aspect-ratio:auto}.brand-mini .media-placeholder span{font-size:8px;letter-spacing:0}.brand-mini h3{font-size:15px;margin:0}.brand-mini small{color:#B8C0D3;font-size:12px}.brand-long{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:20px;margin-bottom:16px}.brand-long .media{width:130px;height:105px;aspect-ratio:auto}.brand-long h2{font-size:20px;margin:0 0 5px}.brand-long p{margin:0;color:#D5DBEA}.qa{border-top:1px solid #353E50;padding:15px 0}.qa h3{font-size:17px;margin:0 0 4px}.qa p{margin:0;color:#D5DBEA}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid figure{margin:0;padding:12px;background:#1B2130;border:1px solid #343C4D;border-radius:12px}.gallery-grid figcaption{font-size:14px;color:#B8C0D3;padding:11px 3px 3px}.site-footer{background:#0E121A;color:#D5DBEA}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px;padding:40px 0 30px}.footer-grid section{min-width:0}.footer-grid h2{font-size:16px;color:#F1DCA3;margin:0 0 14px}.footer-grid p{font-size:14px;color:#B8C0D3}.footer-grid a{display:block;font-size:14px;margin-bottom:9px}.footer-logo-media{height:40px;width:65px}.footer-logo-media img{width:100%;height:100%}.footer-logo strong{font-size:24px;color:#F1DCA3}.footer-bottom{border-top:1px solid #293142;padding:16px 0 22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:12px;color:#B8C0D3}.mobile-brand,.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}h1,h2,h3,p{overflow-wrap:break-word}a:focus-visible,button:focus-visible{outline:2px solid #F1DCA3;outline-offset:3px}
@media(max-width:1100px){.four-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-line{gap:18px}.brand-word small{font-size:11px}}
@media(max-width:980px){.wrap{width:calc(100% - 40px)}.brand-bar{height:60px}.desktop-brand,.desktop-nav{display:none}.mobile-brand{display:flex;align-items:center;gap:14px}.mobile-brand-text{font-size:23px;font-weight:700;color:#F1DCA3}.menu-button{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;background:transparent}.menu-button span{height:2px;width:23px;background:#F1DCA3}.register{height:36px;min-width:76px;padding:0 12px;font-size:14px}.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}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px;border-bottom:1px solid #3A4356}.drawer-head strong{color:#F1DCA3}.drawer-head button{background:transparent;border:0;color:#F1DCA3;font-size:30px;line-height:1}.drawer-group{padding:12px 20px;border-bottom:1px solid #343C4D}.drawer-group h2{font-size:13px;color:#F1DCA3;margin:0 0 9px}.drawer-group a{display:block;font-size:15px;padding:5px 0}.drawer-group a.active{color:#F1DCA3}body.drawer-open{overflow:hidden}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);height:62px;inset:auto 0 0;background:#111720;border-top:1px solid #475168;z-index:1000}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-bottom a:last-child{color:#F1DCA3}.main-content{padding-bottom:92px}.site-footer{padding-bottom:62px}.hero-title{font-size:33px}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{margin-top:8px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.hero-grid,.two-grid,.feature-split{grid-template-columns:minmax(0,1fr)}.hero-title{font-size:29px}.page-title{font-size:27px}.reading-index h2,.section-heading h2{font-size:21px}.hero-main .media{max-height:200px}.media{max-height:210px}.section{margin-top:29px}.feature-pane,.article-block{padding:20px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-long{grid-template-columns:95px minmax(0,1fr);gap:13px;padding:13px}.brand-long .media{width:95px;height:90px}.brand-long h2{font-size:18px}.brand-long p{font-size:14px}.article-block h2{font-size:21px}.hero-copy{padding:18px}.reading-index{padding:18px}}
@media(max-width:430px){.four-grid,.brand-grid,.gallery-grid{grid-template-columns:minmax(0,1fr)}.brand-mini .media{width:90px}.brand-bar{gap:8px}.mobile-brand{gap:7px}.mobile-brand-text{font-size:21px}.register{font-size:13px}.feature-pane{padding:18px}.brand-long{grid-template-columns:1fr}.brand-long .media{width:100%;height:130px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}