*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#222;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}*{max-width:100%}a{color:#5F55F5;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}a,button{min-height:40px}.container{max-width:1160px;margin:0 auto;padding-left:22px;padding-right:22px}.site-header{background:#fff;position:relative;z-index:100;box-shadow:0 1px 10px rgba(18,11,61,.08)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;flex-wrap:nowrap}.brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:120px;color:#231A68}.brand img{height:36px;width:auto;max-width:166px;object-fit:contain}.brand strong{font-size:23px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:23px;white-space:nowrap}.desktop-nav a{display:flex;align-items:center;min-height:76px;color:#222;border-bottom:2px solid transparent;font-weight:600}.desktop-nav a.active{color:#5F55F5;border-color:#FFC400}.register{flex:0 0 auto;display:inline-flex;justify-content:center;align-items:center;height:42px;padding:0 19px;color:#fff!important;background:linear-gradient(135deg,#5F55F5 0%,#7668FF 48%,#FFC400 100%);border-radius:999px;font-weight:700;white-space:nowrap;text-decoration:none!important;box-shadow:0 5px 12px rgba(95,85,245,.18)}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.mobile-bottom{display:none}main{padding-top:35px;padding-bottom:65px}h1,h2,h3{color:#231A68;line-height:1.3}h1{font-size:38px;margin:0 0 20px}h2{font-size:24px;margin:0 0 17px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 17px}.lead{font-size:18px;color:#5F6472;line-height:1.8}.eyebrow{color:#5F55F5;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero{padding:18px 0 35px}.hero-copy{max-width:850px}.hero-rule{height:4px;width:60px;background:#FFC400;border-radius:3px;margin:20px 0}.section{padding:29px 0;border-top:1px solid #e6e7f5}.section-alt{margin:20px -22px;padding:28px 22px;background:#F7F8FC;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid #e8e9f8;border-radius:16px;padding:20px;background:#fff;min-width:0}.card.tint{background:#F3F5FF}.card p{color:#5F6472}.card h3{margin-top:0}.text-link{font-weight:700;display:inline-flex;align-items:center;min-height:40px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.tag-list a{background:#F3F5FF;border-radius:100px;padding:5px 16px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#F3F5FF;aspect-ratio:16/9;height:240px;margin:0 0 16px}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-hero{height:290px}.media-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5F6472;font-size:14px;padding:18px;text-align:center}.posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.posters .media{height:210px}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}.qa{border-bottom:1px solid #e8e9f5;padding:15px 0}.qa h3{font-size:18px}.number{color:#5F55F5;font-weight:800;font-size:13px}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-item{padding:18px;border:1px solid #e8e9f5;border-radius:16px}.brand-item .media{height:210px}.site-footer{background:#120B3D;color:#EDEBFF;padding:42px 0 22px}.site-footer h2{color:#fff;font-size:18px}.site-footer a{color:#EDEBFF;display:block;width:fit-content;min-height:38px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-note{border-top:1px solid #454071;margin-top:25px;padding-top:17px;font-size:13px;color:#EDEBFF}.footer-note span{margin-left:16px}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.drawer-close{border:0;background:transparent;font-size:30px;color:#231A68}.drawer-section{padding:12px 20px;border-bottom:1px solid #eee}.drawer-section h2{font-size:15px;margin:8px 0}.drawer-section a{display:block;color:#222;padding:6px 0}.drawer-open{overflow:hidden}@media(max-width:980px){.desktop-nav{display:none}.head-inner{min-height:62px;gap:9px;display:grid;grid-template-columns:78px 1fr auto}.menu-toggle{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;width:44px;height:42px;padding:8px;border:0;background:transparent}.menu-toggle span{display:block;width:22px;height:2px;background:#231A68}.brand{min-width:0}.brand img{height:28px;max-width:140px}.brand strong{font-size:19px}.register{font-size:13px;min-width:76px;height:36px;padding:0 11px}.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;overflow-y:auto;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}.mobile-bottom{position:fixed;z-index:1000;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e3e3f5}.mobile-bottom a{min-height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.mobile-bottom a:last-child{color:#5F55F5}body{padding-bottom:60px}.footer-grid{grid-template-columns:repeat(2,1fr)}.cards,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:1fr}h1{font-size:30px}.media-hero{height:180px}.media{height:165px}.posters .media{height:155px}.brand-item .media{height:165px}}@media(max-width:540px){.container{padding-left:16px;padding-right:16px}.head-inner{grid-template-columns:50px minmax(0,1fr) auto}.cards,.cards.two,.brand-grid{grid-template-columns:1fr}.posters{gap:7px}.posters .media{height:150px}.footer-grid{grid-template-columns:1fr;gap:15px}.section-alt{margin-left:-16px;margin-right:-16px;padding:22px 16px}.hero{padding-top:12px}h1{font-size:29px}.lead{font-size:16px}.media{height:155px}.media-hero{height:170px}}