*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:#F1DCA3;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}img,svg{max-width:100%}.container{max-width:1200px;width:calc(100% - 40px);margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:#151A23;border-bottom:1px solid #30394a}.header-inner{max-width:1200px;width:calc(100% - 40px);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}.logo{color:#F1DCA3;font-size:20px;font-weight:bold;display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.logo img{width:auto;height:36px;max-width:170px;object-fit:contain}.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:19px;min-width:0;white-space:nowrap}.desktop-nav a{color:#E8ECF5;display:flex;align-items:center;height:76px;border-bottom:2px solid transparent;font-size:15px}.desktop-nav a.active{color:#F1DCA3;border-bottom:2px solid #F1DCA3}.gold-btn{display:inline-flex;align-items:center;justify-content:center;background:#F1DCA3;color:#151A23;border-radius:999px;font-weight:700;min-height:40px;padding:7px 20px;white-space:nowrap;flex-shrink:0}.gold-btn:hover{background:#E3C98F;color:#151A23;text-decoration:none}.menu-toggle{display:none}.channel-strip{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #31394b;padding:13px 0;font-size:14px}.channel-strip a{color:#B8C0D3}.page-intro{padding:44px 0 18px}.eyebrow{font-size:13px;letter-spacing:.14em;color:#B8C0D3;margin:0 0 4px}h1{font-size:clamp(30px,3.2vw,40px);line-height:1.28;margin:0 0 19px;color:#F1DCA3}h2{font-size:25px;line-height:1.4;color:#F1DCA3;margin:0 0 15px}h3{font-size:19px;line-height:1.5;color:#E8ECF5;margin:0 0 9px}p{margin:0 0 16px;color:#D5DBEA}.lead{color:#E8ECF5;font-size:18px}.section{margin:28px 0 36px}.panel,.tile,.qa-card,.brand-card{background:#1B2130;border:1px solid #30394a;border-radius:16px;padding:24px;min-width:0}.panel:nth-of-type(even){background:#202738}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tile:hover,.brand-card:hover{background:#252D40}.text-link{display:inline-block;margin-top:7px;font-weight:bold}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center;margin:30px 0 36px}.hero-copy{padding:16px 0}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#1B2130}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.media-empty{background:linear-gradient(145deg,#1B2130,#252D40);border:1px solid #30394a}.hero .media{height:min(30vw,340px);min-height:260px}.tile .media,.brand-card .media{margin-bottom:14px}.brand-card .media{height:160px}.gallery-item .media{height:250px}.app-visual .media{height:310px;max-width:245px;margin:auto}.brand-card p{font-size:15px}.article-stack{display:grid;gap:22px;margin:24px 0 40px}.article-stack .panel{padding:26px}.article-stack h2{font-size:23px}.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qa-card p{margin-bottom:0}.site-footer{background:#0E121A;color:#D5DBEA;padding:45px 0 24px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.footer-grid h2{font-size:18px;color:#F1DCA3}.footer-grid a{display:block;color:#D5DBEA;margin:8px 0;min-height:30px}.footer-bottom{padding-top:22px;margin-top:28px;border-top:1px solid #2b3443;font-size:14px;color:#D5DBEA;display:flex;justify-content:space-between;gap:18px}.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.card-caption{font-size:14px;color:#B8C0D3}.reading-note{background:#202738;border-left:3px solid #F1DCA3;padding:20px;border-radius:8px;margin:24px 0}.mini-index{display:flex;flex-wrap:wrap;gap:10px}.mini-index a{padding:7px 12px;background:#202738;border-radius:9px;min-height:40px}.drawer-mask{pointer-events:none}
@media(max-width:980px){.desktop-nav{display:none}.header-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;width:calc(100% - 24px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;align-items:center;background:transparent;border:0;padding:10px;width:42px;height:42px;cursor:pointer}.menu-toggle span{display:block;background:#E8ECF5;height:2px;width:21px}.header-inner .logo{justify-self:center;font-size:16px}.header-inner .logo img{height:28px;max-width:135px}.top-register{justify-self:end;height:36px;min-height:36px;min-width:76px;padding:5px 10px;font-size:13px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#151A23;color:#E8ECF5;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding:18px 20px 30px}.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}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head .logo img{height:32px}.drawer-close{border:0;background:#202738;color:#E8ECF5;font-size:28px;line-height:1;width:42px;height:42px;border-radius:9px}.mobile-drawer section{padding:13px 0;border-top:1px solid #30394a}.mobile-drawer section h2{font-size:14px;margin:0 0 7px;color:#F1DCA3}.mobile-drawer section a{display:block;padding:7px 4px;color:#E8ECF5;min-height:40px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#0E121A;border-top:1px solid #343b4c;z-index:900}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:60px;color:#D5DBEA;font-size:14px}.mobile-bottom a:last-child{color:#F1DCA3}body{padding-bottom:60px}.hero{grid-template-columns:1fr}.hero .media{height:clamp(160px,44vw,200px);min-height:0}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item .media{height:auto}.site-footer{padding-bottom:20px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.channel-strip{gap:11px;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap}.page-intro{padding-top:26px}h1{font-size:30px}h2{font-size:22px}.grid,.grid-two,.qa-grid{grid-template-columns:1fr}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-card{padding:12px}.brand-card .media{height:140px}.tile .media{max-height:180px}.app-visual .media{height:240px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.hero{gap:10px;margin-top:16px}.panel,.tile,.qa-card{padding:18px}}