:root{--ink:#18233a;--muted:#6e7f98;--line:#e6ebf3;--soft:#f6f8fc;--blue:#2f5fe0;--green:#12a06a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.layui-btn{background:var(--blue);border-radius:5px;font-weight:600;box-shadow:none}
.layui-btn:hover{background:#244fc4;color:#fff}
.layui-btn-primary{background:#fff;border-color:#dbe3ef;color:#34435a}
.layui-btn-primary:hover{border-color:#b9cdf0;color:var(--blue);background:#fff}
.layui-btn-lg{height:44px;line-height:44px;padding:0 22px;font-size:14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-inner{display:flex;align-items:center;gap:30px;height:64px}
.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:750;letter-spacing:.2px}
.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}
.site-nav{display:flex;gap:26px;margin:0 auto;font-size:13.5px;color:#5e708c}
.site-nav a:hover{color:var(--blue)}
.header-actions{display:flex;gap:8px;align-items:center}
.hero{background:var(--soft);border-bottom:1px solid var(--line);padding:70px 0 64px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,95,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(47,95,224,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%);pointer-events:none}
.hero-row{position:relative;align-items:center}
.eyebrow{display:inline-block;font-size:12px;color:var(--blue);background:#eef3ff;border:1px solid #dbe6ff;border-radius:4px;padding:4px 9px;letter-spacing:.4px}
.hero h1{font-size:42px;line-height:1.32;letter-spacing:-1px;margin:20px 0 16px;font-weight:750;color:#152138}
.hero h1 span{color:var(--blue)}
.hero-copy>p{font-size:15.5px;color:var(--muted);max-width:520px;margin:0 0 26px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#8191a8;font-size:12px}
.hero-meta i{width:3px;height:3px;background:#b7c4d6;border-radius:50%}
.preview{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(24,35,58,.1);overflow:hidden}
.preview-bar{display:flex;align-items:center;gap:9px;height:42px;padding:0 14px;border-bottom:1px solid var(--line);color:#7d8da4;font-size:12px}
.preview-bar b{margin:0 auto;color:#4c5d75;font-weight:600}
.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;border-radius:50%;background:#d5deeb}
.online{color:var(--green);font-size:11px;background:#e9faf2;border-radius:3px;padding:1px 6px}
.preview-body{padding:16px 16px 10px}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.preview-stats div{background:#f7f9fd;border:1px solid #edf1f8;border-radius:6px;padding:10px 12px}
.preview-stats span{display:block;font-size:11px;color:#8494aa}.preview-stats b{font-size:21px;color:#1c2940}
.preview-table{margin:0!important}
.preview-table th,.preview-table td{padding:9px 10px!important;font-size:12px!important}
.lay-badge{display:inline-block;font-size:11px;line-height:19px;border-radius:3px;padding:0 7px}
.lay-badge.green{background:#e9faf2;color:#0e7a50}.lay-badge.blue{background:#eef3ff;color:#2b5be0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}
.metrics{border-bottom:1px solid var(--line)}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:22px 0}
.metric-row div{border-right:1px solid var(--line)}.metric-row div:last-child{border-right:0}
.metric-row b{display:block;font-size:20px;color:#1e2b42}.metric-row span{font-size:12px;color:#8292a8}
.section{padding:70px 0}
.section-gray{background:#f8fafd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:620px;margin-bottom:32px}
.section-head span,.update-copy>span{font-size:11px;letter-spacing:1.5px;color:#8b9bb2;text-transform:uppercase}
.section-head h2,.update-copy h2{font-size:30px;line-height:1.35;letter-spacing:-.6px;margin:7px 0 8px;color:#18233a}
.section-head p,.update-copy p{color:var(--muted);font-size:14px;margin:0}
.feature{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:16px;min-height:175px}
.feature .layui-icon{font-size:24px;color:var(--blue);background:#eef3ff;width:42px;height:42px;display:grid;place-items:center;border-radius:7px;margin-bottom:14px}
.feature h3{font-size:16px;margin:0 0 6px;color:#1b2940}.feature p{margin:0;color:var(--muted);font-size:13px}
.steps .step{border-top:2px solid #dbe4f2;padding:18px 4px 0}
.steps em{font:12px ui-monospace,Menlo,monospace;color:#8b9bb2;letter-spacing:1px;font-style:normal}
.steps h3{font-size:18px;margin:8px 0 6px}.steps p{margin:0;color:var(--muted);font-size:13.5px}
.update-row{align-items:center}
.update-copy ul{padding:0;margin:18px 0 0;list-style:none;color:#4c5d75;font-size:13.5px}
.update-copy li{padding-left:18px;position:relative;margin-bottom:6px}.update-copy li:before{content:"·";position:absolute;left:2px;color:var(--blue);font-weight:800}
.update-panel{border:1px solid var(--line);border-radius:8px;padding:6px 20px;background:#fff;box-shadow:0 10px 30px rgba(24,35,58,.06)}
.update-panel>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eef2f8;font-size:13px}
.update-panel>div:last-child{border-bottom:0}.update-panel span{color:#7d8da4;flex:0 0 78px}.update-panel b{font-weight:600;color:#33415a}.update-panel p{margin:0;text-align:right;color:#5f7088;font-size:12.5px}.update-panel .green{color:var(--green)}
.cta{background:#2454d6;color:#fff;padding:46px 0;margin-top:20px}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{font-size:28px;line-height:1.4;margin:0 0 5px;letter-spacing:-.4px}.cta p{margin:0;color:#c7d5f4;font-size:13.5px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cta-light{background:#fff!important;color:#2147b5!important}.cta-light:hover{background:#eef3ff!important}
.cta-outline{background:transparent!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important}.cta-outline:hover{background:rgba(255,255,255,.1)!important}
footer{border-top:1px solid var(--line);padding:24px 0;color:#7d8da4;font-size:12px}
.footer-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--blue)}.copy{margin-left:auto}
@media(max-width:991px){.site-nav{display:none}.hero{padding:48px 0}.hero h1{font-size:34px}.preview{margin-top:26px}.metric-row{grid-template-columns:1fr 1fr;gap:16px 0}.metric-row div:nth-child(2){border-right:0}.update-panel{margin-top:18px}}
@media(max-width:767px){.header-actions .layui-btn-primary{display:none}.hero h1{font-size:28px}.hero-copy>p{font-size:14px}.section{padding:48px 0}.section-head h2,.update-copy h2{font-size:24px}.cta h2{font-size:23px}.footer-inner{gap:12px}.copy{width:100%;margin-left:0}.hero-meta{font-size:11px}}
.site-header{transition:box-shadow .2s ease,background .2s ease}
.site-header.scrolled{box-shadow:0 6px 24px rgba(24,35,58,.08)}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--delay,0ms)}
.js .reveal.in{opacity:1;transform:none}
.preview{transition:transform .3s ease,box-shadow .3s ease}
.preview:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(24,35,58,.14)}
.feature{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.feature:hover{transform:translateY(-2px);border-color:#c9d8f6;box-shadow:0 12px 30px rgba(24,35,58,.07)}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.preview,.feature{transition:none}}