:root { --eh-bg:#f7faff; --eh-surface:#fff; --eh-text:#0e1b34; --eh-muted:#64748b; --eh-line:#e6edf7; --eh-blue:#1769ff; --eh-cyan:#18b7f0; --eh-ink:#101a30; }
html[data-eh-theme="dark"] { --eh-bg:#081120; --eh-surface:#0e1b30; --eh-text:#edf4ff; --eh-muted:#9aabc4; --eh-line:#23344e; --eh-blue:#4a91ff; --eh-cyan:#42c9f5; --eh-ink:#eef5ff; }
#app.eh-root { min-height:100%; color:var(--eh-text); background:var(--eh-bg); font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.eh-nav { height:76px; display:flex; align-items:center; justify-content:space-between; max-width:1180px; margin:auto; padding:0 28px; box-sizing:border-box; position:sticky; top:0; z-index:100; background:color-mix(in srgb,var(--eh-bg) 92%,transparent); backdrop-filter:blur(16px); }
.eh-brand { display:flex; align-items:center; gap:11px; color:var(--eh-text); font-size:20px; font-weight:800; text-decoration:none; }.eh-brand b{letter-spacing:0}.eh-mark{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,#1769ff,#0d46d9);display:grid;place-items:center;color:#fff;font-size:15px;box-shadow:0 7px 16px #1769ff3b}.eh-links{display:flex;gap:28px;margin-left:44px;flex:1}.eh-links a{color:var(--eh-muted);text-decoration:none;font-size:14px;font-weight:600}.eh-links a:hover{color:var(--eh-blue)}
.eh-actions{display:flex;align-items:center;gap:10px}.eh-icon,.eh-lang{height:34px;border:1px solid var(--eh-line);background:var(--eh-surface);color:var(--eh-muted);border-radius:7px;padding:0 10px;cursor:pointer;font:600 12px inherit}.eh-icon{width:34px;padding:0;font-size:16px}.eh-primary{border:0;border-radius:7px;background:var(--eh-blue);color:#fff;padding:10px 17px;font-weight:700;text-decoration:none;font-size:13px;box-shadow:0 9px 20px #1769ff30}
.eh-hero{position:relative;overflow:hidden;border-top:1px solid var(--eh-line);background:radial-gradient(circle at 74% 34%,#c9e8ff 0,transparent 24%),radial-gradient(circle at 42% 15%,#e7f0ff 0,transparent 30%),var(--eh-bg)}html[data-eh-theme="dark"] .eh-hero{background:radial-gradient(circle at 74% 34%,#123d5d 0,transparent 24%),radial-gradient(circle at 42% 15%,#162b51 0,transparent 30%),var(--eh-bg)}.eh-hero-in{max-width:1180px;margin:auto;min-height:576px;padding:80px 28px 64px;box-sizing:border-box;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.eh-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--eh-blue);font-weight:800;font-size:12px;letter-spacing:.5px}.eh-kicker:before{content:"";width:20px;height:2px;background:currentColor}.eh-hero h1{font-size:50px;line-height:1.15;letter-spacing:0;margin:17px 0;color:var(--eh-ink);max-width:570px}.eh-hero h1 strong{color:var(--eh-blue)}.eh-hero p{max-width:500px;color:var(--eh-muted);font-size:17px;line-height:1.75;margin:0 0 28px}.eh-cta{display:flex;gap:14px;align-items:center}.eh-ghost{color:var(--eh-text);font-size:14px;font-weight:700;text-decoration:none;padding:10px 4px}.eh-proof{display:flex;gap:24px;margin-top:38px}.eh-proof div{font-size:12px;color:var(--eh-muted)}.eh-proof b{display:block;color:var(--eh-text);font-size:19px;margin-bottom:4px}
.eh-console{position:relative;height:398px;max-width:510px;margin-left:auto;border:1px solid #ffffffa8;border-radius:12px;background:linear-gradient(145deg,#ffffffd9,#edf5ffca);box-shadow:0 25px 60px #1769ff23;padding:20px;box-sizing:border-box}.eh-console:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#ffffff9a 50%,transparent 55%);transform:translateX(-140%);animation:eh-shine 6s infinite}.eh-console-top{display:flex;align-items:center;justify-content:space-between;color:#23324c;font-size:12px;font-weight:800}.eh-dots{display:flex;gap:5px}.eh-dots i{width:7px;height:7px;border-radius:50%;background:#b8c8de}.eh-console-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:12px;margin-top:17px}.eh-panel{background:#fff;border-radius:8px;padding:14px;box-shadow:0 7px 22px #28578f0d}.eh-panel small{color:#8391a8;font-size:11px}.eh-chart{height:129px;display:flex;gap:11px;align-items:end;padding:12px 0 3px}.eh-chart i{display:block;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#54c7ff,#1769ff)}.eh-chart i:nth-child(2){height:57%}.eh-chart i:nth-child(3){height:76%}.eh-chart i:nth-child(4){height:45%}.eh-chart i:nth-child(5){height:88%}.eh-chart i:nth-child(6){height:100%}.eh-revenue{margin-top:12px;border-radius:8px;background:linear-gradient(120deg,#1769ff,#2496e8);padding:17px;color:#fff;font-size:12px}.eh-revenue b{display:block;font-size:25px;margin-top:5px}.eh-status{display:grid;gap:12px}.eh-status div{display:flex;gap:8px;align-items:center;font-size:11px;color:#65758c}.eh-status i{width:9px;height:9px;border-radius:50%;background:#22c58b}.eh-status div:nth-child(2) i{background:#ffb338}.eh-status div:nth-child(3) i{background:#1769ff}.eh-orders{margin-top:12px}.eh-order{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f7;font-size:10px;color:#5d6d85}.eh-order b{color:#1c2d48}.eh-float{position:absolute;right:-20px;bottom:26px;background:#fff;border-radius:9px;padding:13px 17px;box-shadow:0 16px 34px #203c651c;font-size:11px;color:#65758c}.eh-float b{color:#1769ff;font-size:19px;display:block;margin-top:3px}
.eh-section{max-width:1180px;margin:auto;padding:84px 28px}.eh-heading{max-width:570px}.eh-eyebrow{font-size:12px;font-weight:800;color:var(--eh-blue);letter-spacing:.6px}.eh-heading h2{font-size:32px;line-height:1.25;margin:11px 0;color:var(--eh-text)}.eh-heading p{color:var(--eh-muted);line-height:1.7;margin:0}.eh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.eh-card{padding:25px;border:1px solid var(--eh-line);border-radius:9px;background:var(--eh-surface)}.eh-card em{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eaf2ff;color:var(--eh-blue);font-style:normal;font-size:19px}.eh-card h3{font-size:17px;margin:18px 0 8px}.eh-card p{font-size:13px;color:var(--eh-muted);line-height:1.7;margin:0}.eh-band{background:#0f2142;color:#fff}.eh-band-in{max-width:1180px;margin:auto;padding:55px 28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.eh-band h2{font-size:28px;margin:0 0 8px}.eh-band p{color:#b3c5dd;margin:0}.eh-band .eh-primary{background:#fff;color:#143a91}.eh-footer{max-width:1180px;margin:auto;padding:28px;color:var(--eh-muted);font-size:12px;display:flex;justify-content:space-between}.eh-footer a{color:inherit;text-decoration:none}
@keyframes eh-shine{30%,100%{transform:translateX(140%)}}@media(max-width:820px){.eh-nav{height:66px;padding:0 12px;max-width:none}.eh-brand{gap:8px;font-size:18px;white-space:nowrap}.eh-mark{width:31px;height:31px;font-size:14px}.eh-links{display:none}.eh-actions{gap:6px;flex-shrink:0}.eh-icon{width:33px;height:34px}.eh-lang{width:64px;height:34px;padding:0 5px;font-size:12px}.eh-actions .eh-primary{display:block;padding:10px 9px;font-size:12px;white-space:nowrap;box-shadow:none}.eh-hero-in{padding:57px 22px 40px;display:block;min-height:auto}.eh-hero h1{font-size:37px}.eh-hero p{font-size:15px}.eh-console{height:310px;margin:42px 0 0}.eh-proof{gap:15px}.eh-proof b{font-size:16px}.eh-section{padding:62px 22px}.eh-heading h2{font-size:27px}.eh-cards{grid-template-columns:1fr}.eh-band-in{padding:45px 22px;grid-template-columns:1fr}.eh-footer{padding:22px;gap:14px;flex-direction:column}.eh-console-grid{gap:8px}.eh-panel{padding:10px}.eh-chart{height:98px}}@media(max-width:360px){.eh-nav{padding:0 8px}.eh-brand b{font-size:16px}.eh-lang{width:56px}.eh-actions .eh-primary{padding:9px 6px;font-size:11px}}