:root{--brand:#0b5fff;--text:#1b1f23;--muted:#6b7280;--bg:#fff;--bg-soft:#f5f7fb;--footer-h:88px;--header-h:64px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);background:#ffffffe6;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 8px 24px #0b5fff0f}.container{max-width:1120px;margin:0 auto;padding:0 16px}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:.2px;font-size:18px;font-weight:700}nav{gap:20px;display:flex}nav a{border-bottom:2px solid #0000;border-radius:0;padding:8px 2px;font-weight:600}nav a:hover{color:var(--brand)}nav a.active{color:var(--brand);border-bottom-color:var(--brand)}.header-actions{align-items:center;gap:8px;display:flex}.nav-toggle{border:1px solid #ccd2e0;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 10px;font-weight:600;display:none}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:48px 0;display:grid}.hero h1{margin:0 0 12px;font-size:40px}.hero p{color:var(--muted);margin:0 0 20px}.hero .actions,.actions{gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #ccd2e0;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.ghost{color:var(--brand);border-color:var(--brand);background:#fff}.section{padding:40px 0}.section h2{margin:0 0 8px;font-size:28px}.section .subtitle{color:var(--muted);margin-bottom:24px}.section.center h2,.section.center .subtitle{text-align:center}.section.center .actions{justify-content:center}.section.full{min-height:calc(100vh - var(--header-h) - var(--footer-h));align-items:center;display:flex}.section.full.dark{background:radial-gradient(1200px 1200px at 80% -200px,#eaf2ff 0%,#f5f7fb 40%,#fff 100%)}.section.full .container{width:100%}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.card .thumb{aspect-ratio:16/9;background:#eef2ff}.card .content{padding:12px}.card h3{margin:0 0 6px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px}.list{grid-template-columns:1fr;gap:12px;display:grid}.list-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.list-item h3{margin:0 0 6px;font-size:18px}.list-item p{color:var(--muted);margin:0}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact form{gap:12px;display:grid}.input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}textarea{min-height:120px}footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:40px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:16px;padding:24px 16px;display:grid}.footer-brand{font-weight:700}.footer-text{color:var(--muted)}.footer-title{margin-bottom:8px;font-weight:700}.footer-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footer-list a{color:var(--text)}.footer-bottom{color:var(--muted);border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (max-width:960px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}nav{gap:8px}}@media (max-width:640px){.grid{grid-template-columns:1fr}.header-inner{height:56px}.hero{padding:28px 0}.hero h1{font-size:30px}.nav-toggle{display:inline-flex}header nav{top:var(--header-h);z-index:9;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:10px;padding:12px 16px;display:none;position:fixed;left:0;right:0}header nav.open{display:flex}header nav a{border:1px solid #e5e7eb;border-radius:10px;padding:12px 10px}}.banner{background:linear-gradient(#eef2ff,#f8fafc) 50%/cover;border-bottom:1px solid #e5e7eb;align-items:center;height:220px;display:flex}.banner-title{margin:0;font-size:32px}.hero-carousel{height:calc(100vh - var(--header-h) - var(--footer-h));position:relative;overflow:hidden}.slides{grid-auto-columns:100%;grid-auto-flow:column;display:grid;position:absolute;inset:0}.slide{height:100%;position:relative}.slide-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.slide-content{z-index:1;color:#fff;align-items:center;height:100%;display:flex;position:relative}.hero-text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;max-width:840px;padding:24px 28px;box-shadow:0 10px 28px #0000003d}.slide-content h1{letter-spacing:.2px;margin:0 0 14px;font-size:52px;line-height:1.15}.slide-content p{opacity:.92;max-width:720px;font-size:18px}.slide-content .actions .btn{height:44px;padding:0 18px}.slide-content .actions{margin-top:14px}@keyframes slide{0%{transform:translate(0%)}30%{transform:translate(0%)}35%{transform:translate(-100%)}65%{transform:translate(-100%)}70%{transform:translate(-200%)}to{transform:translate(-200%)}}@media (max-width:640px){:root{--header-h:56px}.hero-carousel{height:calc(100vh - var(--header-h) - var(--footer-h))}.slide-content{padding-top:60px}.slide-content h1{font-size:40px}.slide-content p{font-size:16px}}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 24px #0b5fff14}.feature:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0b5fff1f}.feature h3{margin:0 0 8px;font-size:18px}.feature p{color:var(--muted);margin:0}.icon{background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:inline-flex}.stats{background:var(--bg-soft);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.stats-inner{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 16px;display:grid}.stat{text-align:center}.stat .num{color:var(--brand);font-size:28px;font-weight:700}.stat .txt{color:var(--muted)}@media (max-width:960px){.features{grid-template-columns:1fr}.stats-inner{grid-template-columns:1fr 1fr}}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1 0 auto}
