*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#F1DCA3}button{font:inherit;cursor:pointer}.container{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.header{position:sticky;top:0;z-index:50;background:#151A23;border-bottom:1px solid #333a48}.topbar{height:70px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;min-width:173px}.logo-media{height:38px;max-width:66px;display:flex;align-items:center}.logo-media img{max-width:100%;max-height:38px;object-fit:contain}.brand-text{font-size:21px;line-height:1.1;color:#F1DCA3;font-weight:700}.brand-text small{display:block;font-size:9px;letter-spacing:.7px;color:#B8C0D3;margin-top:3px}.desktop-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:22px;white-space:nowrap}.desktop-nav a{font-size:14px;border-bottom:2px solid transparent;padding:20px 0}.desktop-nav a.active{color:#F1DCA3;border-color:#F1DCA3}.register,.primary-link{border-radius:99px;background:#F1DCA3;color:#151A23;display:inline-flex;align-items:center;justify-content:center;padding:9px 24px;font-weight:700;white-space:nowrap}.register:hover,.primary-link:hover{color:#151A23;background:#E3C98F}.subnav{background:#202738}.subnav-inner{display:flex;gap:23px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.subnav a{font-size:13px;color:#B8C0D3;padding:8px 0}.subnav a.active{color:#F1DCA3}.menu-button{display:none;background:none;border:0;color:#F1DCA3;font-size:26px}.hero{display:grid;grid-template-columns:1.18fr .95fr;align-items:center;gap:32px;padding:40px 0 18px}.eyebrow,.kicker{color:#F1DCA3;font-size:13px;font-weight:700;letter-spacing:1px}.hero h1{font-size:38px;line-height:1.35;margin:12px 0 17px}.hero p{color:#B8C0D3;font-size:16px}.hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.text-link{border:1px solid #455069;border-radius:99px;padding:8px 15px;font-size:14px}.media{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;background:#1B2130;width:100%;min-width:0}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1/1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-width:260px;margin:auto}.media-placeholder{background:linear-gradient(135deg,#1B2130,#202738)}section{margin:35px 0 45px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2,h2{font-size:25px;line-height:1.4;margin:0 0 12px}.section-head p{margin:0;color:#B8C0D3}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.article,.feature,.info-box{background:#1B2130;border:1px solid #343c4d;border-radius:13px;padding:21px;min-width:0}.card h3,.article h3{font-size:18px;line-height:1.45;margin:8px 0}.card p,.article p,.feature p,.info-box p{color:#B8C0D3;margin:10px 0 0}.card a.more,.article a.more{color:#F1DCA3;font-size:14px}.number{font-size:13px;color:#F1DCA3}.feature-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feature-row.reverse{grid-template-columns:1fr 1.2fr}.feature-row .media{max-height:310px}.link-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-list a{background:#202738;border-radius:10px;padding:13px;color:#E8ECF5}.link-list a:hover{color:#F1DCA3}.post-list{display:grid;gap:12px}.post-list a{display:flex;gap:20px;align-items:baseline;border-bottom:1px solid #354054;padding:14px 4px}.post-list span{color:#F1DCA3}.image-card .media{margin-bottom:13px}.image-card h3{font-size:16px;margin:6px 0}.image-card p{font-size:14px}.inner-title{margin:32px 0 22px;max-width:820px}.inner-title h1{font-size:33px;line-height:1.4;margin:7px 0 12px}.inner-title p{color:#B8C0D3}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 1fr;gap:25px;align-items:start}.reading{padding:25px 30px;background:#1B2130;border-radius:13px}.reading h2{margin-top:25px}.reading p{font-size:16px;line-height:1.85;color:#D5DBEA}.reading li{margin-bottom:10px}.sidebar{border-radius:13px;background:#202738;padding:22px;display:grid;gap:10px}.sidebar h3{margin:0}.sidebar a{padding:8px 0;border-bottom:1px solid #374053}.panel-image{margin:23px auto;max-width:740px}.brand-grid .media{aspect-ratio:1/1;height:120px}.brand-grid .media img{max-width:100%;max-height:100%}.brand-grid .card{padding:12px}.brand-grid h3{font-size:15px}.footer{margin-top:60px;background:#0E121A;color:#D5DBEA;padding-top:44px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h3{font-size:16px;color:#F1DCA3}.footer a{display:block;margin:8px 0;font-size:14px}.footer p{color:#B8C0D3}.footer-title{font-size:22px;color:#F1DCA3;font-weight:700}.footer-bottom{padding-top:22px;padding-bottom:24px;font-size:13px;color:#B8C0D3;border-top:1px solid #31394a;margin-top:30px}.mobile-drawer,.drawer-mask{display:none}.bottomnav{display:none}.backtop{position:fixed;bottom:24px;right:24px;border:0;border-radius:50%;width:41px;height:41px;background:#F1DCA3;color:#151A23;opacity:0;pointer-events:none}.backtop.show{opacity:1;pointer-events:auto}a:focus-visible,button:focus-visible{outline:2px solid #F1DCA3;outline-offset:3px}
@media(max-width:980px){.container{padding-left:20px;padding-right:20px}.desktop-nav{display:none}.topbar{height:58px;justify-content:space-between;gap:10px}.menu-button{display:block}.brand{min-width:0;margin:auto}.logo-media{height:30px}.logo-media img{max-height:30px}.brand-text{font-size:18px}.register{height:36px;padding:5px 17px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:#151A23;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #354054;color:#F1DCA3}.drawer-head button{font-size:30px;background:none;border:0;color:#F1DCA3}.drawer-group{padding:12px 20px}.drawer-group h3{font-size:14px;color:#F1DCA3;margin:9px 0}.drawer-group a{display:block;padding:8px 2px;min-height:40px;border-bottom:1px solid #252D40}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#151A23;z-index:40;height:60px;justify-content:space-around;align-items:center;border-top:1px solid #354054}.bottomnav a{font-size:14px;color:#F1DCA3}body{padding-bottom:60px}.backtop{bottom:74px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:repeat(2,1fr)}.sidebar h3{grid-column:1/-1}}
@media(max-width:650px){.container{padding-left:16px;padding-right:16px}.hero{grid-template-columns:minmax(0,1fr);padding-top:24px;gap:18px}.hero .hero-image{grid-row:1}.hero h1{font-size:28px}.inner-title h1{font-size:26px}.section-head h2,h2{font-size:21px}.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row,.feature-row.reverse{grid-template-columns:minmax(0,1fr)}.feature-row .media{max-height:230px}.link-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reading{padding:20px 17px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer-grid>div:first-child{grid-column:1/-1}.card{padding:15px}.brand-grid .media{height:95px}.hero-image .media{max-height:205px}.subnav-inner{gap:17px}}
@media(max-width:359px){.grid-3{grid-template-columns:1fr}.brand-text small{display:none}.brand-text{font-size:16px}.link-list{grid-template-columns:1fr}.register{padding:5px 11px}.menu-button{font-size:23px}}