:root{--navy:#0c1d36;--ink:#152033;--muted:#60708a;--line:#dfe7f0;--blue:#2878ff;--aqua:#35d4c8;--paper:#fff;--bg:#f4f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif}
.wrap{position:relative;z-index:1;width:min(1120px,100%);margin:auto}
.hero{position:relative;overflow:hidden;padding:20px 24px 88px;color:#fff;background:radial-gradient(circle at 82% 14%,#2c78ee 0,#152f66 28%,#0b1830 67%)}
.hero:after{content:"";position:absolute;width:440px;height:440px;right:-120px;bottom:-220px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff06}
.rebate-hero{background:radial-gradient(circle at 82% 14%,#23b7c3 0,#144b72 29%,#0b1830 69%)}
nav{height:58px;display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}
nav div{display:flex;gap:24px;align-items:center}
nav a{color:#dbe8ff;text-decoration:none;font-size:14px}
.logo{color:white!important;font-size:22px;font-weight:800;letter-spacing:-1px}
.logo span{font-size:10px;letter-spacing:2px;margin-left:6px;color:#a7c6f4}
.nav-button{padding:8px 13px;border:1px solid #7eaeed;border-radius:8px}
.eyebrow{display:inline-flex;padding:5px 11px;border:1px solid #7affef59;border-radius:99px;background:#35d4c829;color:#b9fff7;font-size:14px}
h1{max-width:720px;margin:18px 0 14px;font-size:clamp(40px,7vw,70px);line-height:1.12;letter-spacing:-2px}
.hero p{max-width:650px;margin:0;color:#dbe8ff;font-size:18px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px}
.button,.rebate-cta{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:12px 18px;border-radius:11px;text-decoration:none;font-weight:700;cursor:pointer}
.button{border:0;background:var(--blue);color:white;box-shadow:0 8px 20px #2878ff40}
.rebate-cta{gap:14px;border:1px solid #54eee1;background:#35d4c829;color:#c7fffa;box-shadow:0 8px 24px #00000024;transition:transform .2s,background .2s}
.rebate-cta:hover{transform:translateY(-2px);background:#35d4c84a}
.rebate-cta span{font-size:20px}
.text-link{color:#dbe8ff;text-decoration:none;font-size:14px}
main{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));margin:-38px auto 56px}
section{margin-top:38px}
.card,.plan,.contact{border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 16px 40px #12274b14}
.intro,.contact{padding:30px}
.lead{margin:0 0 20px;font-size:18px;font-weight:700}
.profile,.plans,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.profile div{padding:16px;border-radius:14px;background:#f7faff}
.profile b,.section-label,.benefit-grid b{display:block;color:var(--blue);font-size:14px}
.note{margin:20px 0 0;color:var(--muted)}
.section-label{font-size:12px;font-weight:800;letter-spacing:1.5px}
h2{margin:0 0 16px;font-size:26px;letter-spacing:-.7px}
.plans{margin-top:20px;gap:16px}
.plan{position:relative;overflow:hidden;padding:25px}
.plan>span{display:inline-block;padding:3px 9px;border-radius:99px;background:#e7f0ff;color:#1b56ca;font-size:13px;font-weight:700}
.price{margin:14px 0 0;font-size:36px;line-height:1;font-weight:800}
.price small{font-size:16px}
.plan p,.benefit-grid p{margin:12px 0 0;color:var(--muted);font-size:14px}
.featured{border:0;background:linear-gradient(145deg,#236bf1,#123d9f);color:white}
.featured>span{background:#ffffff2e;color:white}
.featured p{color:#d7e6ff}
.benefits{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.benefit-copy,.rules{padding:28px;border-radius:20px}
.benefit-copy{background:linear-gradient(135deg,#152f62,#0d1b36);color:white}
.benefit-copy h2{color:white}
.benefit-copy p{margin:0;color:#c9dcff;font-size:17px}
.rules{border:1px solid #ffe0b4;background:#fff8ef}
.rules ul{margin:0;padding-left:21px}
.rules li+li{margin-top:8px}
.contact{display:flex;align-items:center;justify-content:space-between;gap:24px}
.contact h2{margin:0 0 3px}
.contact p{margin:0;color:var(--muted)}
.contact a:not(.button){color:var(--blue)}
.benefit-grid{gap:16px}
.benefit-grid article{min-height:170px;padding:23px;border:1px solid var(--line);border-radius:16px;background:white}
.benefit-grid h3{margin:27px 0 5px}
.codes{padding:28px;border-radius:20px;background:#eaf3ff}
.code-list{margin-top:16px;border-top:1px solid #cddcf1}
.code-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #cddcf1}
.code-row span{color:var(--muted);font-size:14px}
.code-row button{border:0;border-radius:7px;background:white;color:var(--blue);font-weight:800;padding:8px 11px;cursor:pointer}
.code-row i{font-style:normal;color:var(--muted);font-size:11px;margin-left:7px}
.toast{position:fixed;z-index:10;left:50%;bottom:25px;transform:translateX(-50%);padding:11px 16px;border-radius:8px;background:var(--navy);color:white;font-size:13px}
footer{padding:0 20px 38px;color:#8693a8;text-align:center;font-size:13px}
@media(max-width:760px){.hero{padding:15px 22px 70px}
nav{margin-bottom:28px}
nav div>a:not(.nav-button){display:none}
.hero-actions{align-items:stretch;flex-direction:column;gap:14px}
.button,.rebate-cta{width:100%}
.rebate-cta{justify-content:center}
main{width:min(100% - 28px,1120px);margin-top:-28px}
.intro,.benefit-copy,.rules,.contact{padding:22px}
.profile,.plans,.benefits,.benefit-grid{grid-template-columns:1fr}
.contact{align-items:flex-start;flex-direction:column}
.code-row{grid-template-columns:1fr auto}
.code-row span{display:none}
}

.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:18px}.case-grid figure,.slide{margin:0;background:#fff;padding:10px;border:1px solid var(--line);border-radius:14px}.case-grid img{width:100%;display:block;border-radius:9px}.case-grid figcaption,.slide figcaption{padding:9px 3px 2px;font-size:14px;font-weight:700}.carousel{display:flex;gap:16px;overflow:hidden;margin-top:18px}.slide{flex:0 0 min(300px,85vw)}.slide>div{height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#f4f7fa}.slide img{display:block;width:100%;height:100%;object-fit:contain}.pager{display:flex;justify-content:center;gap:7px;margin-top:10px}.pager button{width:7px;height:7px;border:0;border-radius:50%;background:#cbd5df;padding:0}.pager button.active{width:20px;border-radius:99px;background:#ff9d00}.register-link{color:var(--blue);font-weight:700;text-decoration:none}.code-row em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400}@media(max-width:760px){.case-grid{grid-template-columns:1fr}.carousel{overflow:hidden}.contact{display:grid!important;grid-template-columns:1fr!important}.contact .button{width:100%}}