*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#222;font:16px/1.75 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}img,figure,svg{max-width:100%}a{color:#5046c9;text-decoration:none;touch-action:manipulation}a:hover{color:#231A68}button{font:inherit;cursor:pointer;touch-action:manipulation}a,button{min-height:40px}h1,h2,h3{line-height:1.3;color:#231A68}h1{font-size:38px;margin:0 0 20px}h2{font-size:26px;margin:0 0 16px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 15px}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e6e6f2;position:relative;z-index:20}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-logo{display:flex;align-items:center;flex-shrink:0;font-size:24px;font-weight:800;white-space:nowrap;color:#231A68}.site-logo img{height:36px;width:auto;max-width:175px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2vw,26px);white-space:nowrap}.desktop-nav a{display:flex;align-items:center;min-height:48px;padding:8px 0;color:#282b39;font-weight:600;border-bottom:2px solid transparent}.desktop-nav a.active{color:#5F55F5;border-color:#FFC400}.register-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:42px;padding:0 17px;border-radius:999px;background:linear-gradient(135deg,#5F55F5 0%,#7668FF 48%,#FFC400 100%);color:white!important;font-weight:700}.menu-trigger{display:none}.mobile-drawer,.drawer-mask{display:none}.site-main{padding-top:36px;padding-bottom:62px}.hero{background:#F7F8FC;border:1px solid #e8e9fc;border-radius:20px;padding:30px;margin:0 0 28px}.hero p{max-width:900px;color:#5F6472}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:#5F55F5;margin-bottom:12px}.hero-media{height:clamp(220px,25vw,300px);margin:0}.hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#F3F5FF;aspect-ratio:16/9;height:clamp(200px,23vw,260px)}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#f3f5ff,#e9ebfc)}.media-grid,.card-grid,.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.media-grid .media{height:clamp(180px,20vw,238px)}.media-grid figure,.brand-grid figure{margin:0}.media-grid figcaption{font-size:14px;color:#5F6472;margin-top:7px}.section{padding:25px 0;border-bottom:1px solid #e5e6f2}.section>p{max-width:1020px}.info-card,.brand-card,.qa,.note-card{border:1px solid #e7e8f4;background:#fff;border-radius:16px;padding:22px;min-width:0}.info-card p,.brand-card p{color:#5F6472}.info-card a{display:inline-flex;align-items:center}.brand-card .media{height:160px;margin:0 0 15px}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.brand-card{padding:15px}.brand-card h3{font-size:18px}.brand-card p{font-size:15px}.related{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;border-radius:12px;background:#F3F5FF;padding:17px 20px;margin-top:30px}.related strong{color:#231A68}.related a{display:inline-flex;align-items:center;font-weight:600}.qa{margin-bottom:12px}.qa h3{font-size:18px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-footer{background:#120B3D;color:#EDEBFF}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:42px 0}.footer-grid h2{font-size:19px;color:#fff}.footer-grid a{display:block;color:#EDEBFF;min-height:41px}.copyright{border-top:1px solid rgba(255,255,255,.2);padding:18px 0 25px;font-size:13px;color:#EDEBFF;display:flex;gap:20px;justify-content:space-between}.mobile-bottom{display:none}.drawer-head,.drawer-scroll{display:none}
@media(max-width:980px){.desktop-nav{display:none}.header-inner{height:62px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.menu-trigger{display:flex;justify-self:start;width:43px;height:40px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px}.menu-trigger span{width:23px;height:2px;background:#231A68}.header-inner>.site-logo{justify-self:center}.site-logo img{height:28px;max-width:145px}.header-inner>.register-btn{justify-self:end;min-width:76px;padding:0 10px;height:36px;font-size:13px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#fff;color:#222;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(18,11,61,.42);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;padding:13px 18px;border-bottom:1px solid #e8e9f2}.drawer-close{border:0;background:#F3F5FF;color:#231A68;border-radius:9px;width:40px;height:40px;font-size:29px}.drawer-scroll{display:block;height:calc(100% - 68px);overflow-y:auto;padding:12px 19px 40px}.drawer-scroll h3{font-size:14px;margin:20px 0 7px;color:#5F55F5}.drawer-scroll a{display:flex;align-items:center;min-height:43px;color:#222;border-bottom:1px solid #f0f0f5}.hero-split{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e2f0;z-index:100;box-shadow:0 -4px 22px rgba(18,11,61,.07);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:56px;display:flex;align-items:center;justify-content:center;color:#231A68;font-weight:700;font-size:14px}.mobile-bottom .bottom-register{color:#5F55F5}.site-main{padding-bottom:105px}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}h1{font-size:29px}h2{font-size:23px}.hero{padding:21px}.hero-media{height:175px}.media,.media-grid .media{height:155px}.media-grid{grid-template-columns:1fr 1fr;gap:12px}.card-grid,.topic-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card{padding:12px}.brand-card .media{height:112px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.copyright{display:block}.header-inner>.site-logo span{font-size:20px}}@media(max-width:380px){.header-inner>.site-logo img{max-width:119px}.header-inner>.register-btn{font-size:12px}.brand-grid{grid-template-columns:1fr 1fr}}