/* 易量快充 - PHP5.4 版 (无框架) */
:root{--primary:#4f8fe8;--primary2:#6aa8ff;--bg:#f5f8ff;--text:#243042;--muted:#6b778a;--card:#ffffff;--shadow:0 10px 30px rgba(31,59,92,.12);--radius:18px;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);}
a{color:var(--primary);text-decoration:none}
.container{width:1200px;max-width:92%;margin:0 auto;}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(80,120,200,.12);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--primary)}
.brand .logo{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#86c5ff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center;}
.nav li a{color:#3a4a62;font-weight:600}
.nav li a:hover{color:var(--primary)}
.hero{position:relative;padding:80px 0 60px;background:
radial-gradient(1200px 500px at 85% 0%, rgba(79,143,232,.25), rgba(79,143,232,0) 60%),
radial-gradient(900px 400px at 10% 100%, rgba(106,168,255,.22), rgba(106,168,255,0) 60%);}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;}
.h-title{font-size:56px;line-height:1.05;margin:0 0 16px;font-weight:900;letter-spacing:1px}
.h-sub{color:var(--muted);font-size:18px;line-height:1.8;margin:0 0 28px;}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{border:none;outline:none;border-radius:999px;padding:12px 26px;font-weight:800;font-size:16px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 26px rgba(79,143,232,.28)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--primary);border:2px solid rgba(79,143,232,.35)}
.btn-ghost:hover{border-color:rgba(79,143,232,.65)}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);}
.login-card{overflow:hidden}
.login-head{padding:26px 26px 20px;background:linear-gradient(135deg,var(--primary),#6fb2ff);color:#fff;text-align:center}
.login-head h3{margin:0;font-size:26px;font-weight:900}
.login-head p{margin:8px 0 0;opacity:.9}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f6ff}
.tab{padding:14px 18px;text-align:center;font-weight:800;color:#5a6b85;border-bottom:3px solid transparent;cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:center}
.tab.active{background:#fff;color:var(--primary);border-bottom-color:var(--primary)}
.form{padding:22px 26px 24px}
.field{margin:14px 0}
.input{width:100%;padding:12px 14px;border:1px solid rgba(50,90,150,.18);border-radius:10px;font-size:14px;outline:none;background:#fff}
.input:focus{border-color:rgba(79,143,232,.65);box-shadow:0 0 0 3px rgba(79,143,232,.12)}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667}
.small{font-size:13px}
.full{width:100%}
.footer-note{padding:16px 26px 22px;border-top:1px solid rgba(50,90,150,.10);text-align:center;color:#667}
.section{padding:68px 0}
.section h2{margin:0 0 10px;font-size:46px;font-weight:900;text-align:center}
.section p.lead{text-align:center;margin:0 0 46px;color:var(--muted);font-size:16px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.feature{padding:30px 28px;min-height:260px}
.icon{width:72px;height:72px;border-radius:999px;background:linear-gradient(135deg,var(--primary),#86c5ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;margin-bottom:18px}
.feature h3{margin:0 0 10px;font-size:26px}
.feature p{margin:0 0 16px;color:var(--muted);line-height:1.7}
.ul{margin:0;padding:0;list-style:none;color:#50627c}
.ul li{margin:10px 0;display:flex;align-items:center;gap:10px}
.tick{color:var(--primary);font-weight:900}
.footer{background:#26384d;color:#c8d2df;padding:38px 0 26px;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}
.footer h4{margin:0 0 10px;font-size:18px;color:#fff}
.footer .muted{opacity:.85;line-height:1.7}
.kv{margin:12px 0;display:flex;gap:10px;align-items:center}
.kv .b{font-weight:800;color:#fff;min-width:80px}
.copy{text-align:center;opacity:.7;margin-top:28px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(79,143,232,.1);color:#2d4b76;font-weight:800}
.notice{padding:14px 16px;border-radius:12px;background:#fff7da;border:1px solid #ffe6a6;color:#6c5200;margin-top:18px}
.alert{padding:12px 14px;border-radius:12px;margin:12px 0}
.alert.err{background:#ffe8e8;border:1px solid #ffb8b8;color:#7f2222}
.alert.ok{background:#e9fff0;border:1px solid #9be3b2;color:#1a6a31}
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .h-title{font-size:42px}
  .cards3{grid-template-columns:1fr}
  .cards4{grid-template-columns:1fr}
}