:root{--bg:#f7f9fe;--white:#fff;--text:#152344;--muted:#72819a;--blue:#5367e8;--border:#e8edf6;--purple:#825be2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1220px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:75px}.logo{font-weight:800;font-size:21px;white-space:nowrap}.logo-shape{color:var(--blue);font-size:27px}.top-nav{display:flex;align-items:center;gap:30px;color:#53627b;font-size:14px}.top-nav a:hover,.header-actions a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:14px}.btn{border:1px solid transparent;border-radius:12px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;transition:.2s;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#5367e8;color:white!important;box-shadow:0 8px 18px #5367e820}.btn-light{background:#eef1ff;color:#4458c6!important}.btn-outline{background:#fff;border-color:#dbe2f2;color:#42547a}.btn-sm{padding:8px 16px;min-height:36px}.hero{background:radial-gradient(ellipse at 90% 10%,#e7e9ff 0,transparent 45%),linear-gradient(130deg,#fff,#f2f6ff);border-bottom:1px solid var(--border)}.hero-grid{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow{color:#5367e8;background:#eef0ff;display:inline-block;padding:5px 14px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:1px}.hero h1{font-size:54px;line-height:1.23;letter-spacing:-1.8px;margin:24px 0}.gradient-text{background:linear-gradient(100deg,#5269e9,#8859e2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;color:var(--muted);max-width:540px}.actions{display:flex;gap:14px;margin-top:30px}.preview{background:#fff;border:1px solid #e5e9fb;border-radius:20px;box-shadow:0 35px 70px #3f52a31b;padding:22px;transform:rotate(-2deg)}.preview-head{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:16px}.dot{width:10px;height:10px;background:#dedff0;border-radius:50%}.preview-code{background:#f7f8fe;padding:22px;border-radius:12px;font-family:monospace;font-size:13px;line-height:2;color:#4d5b88;overflow:auto}.preview-metric{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metric{padding:15px;background:#f6f8ff;border-radius:12px}.metric strong{display:block;font-size:20px}.muted{color:var(--muted)}.section{padding:84px 0}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:36px;line-height:1.3;margin:10px 0}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card,.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 8px 25px #253d7010}.card h3{font-size:21px;margin:12px 0 8px}.card p{color:var(--muted)}.card .price{font-weight:800;font-size:32px;color:#3446bf;margin:18px 0}.tag{color:#5265e8;background:#f0f2ff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.page-heading{padding:56px 0 28px}.page-heading h1{font-size:38px;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0}.filter-bar{display:flex;gap:12px;align-items:center;margin:25px 0}.field{border:1px solid #dfe6f3;background:white;border-radius:10px;padding:12px 14px;outline:0;width:100%;max-width:100%}.field:focus{border-color:#6977e9;box-shadow:0 0 0 3px #6977e91a}.model-meta{display:flex;gap:8px;flex-wrap:wrap}.model-meta span{border:1px solid var(--border);padding:3px 9px;border-radius:8px;color:#64748b;font-size:12px}.price-row{display:flex;justify-content:space-between;gap:12px;color:#60708c;font-size:13px;border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.price-row b{color:#394ec7}.dash{display:grid;grid-template-columns:225px 1fr;gap:28px;align-items:start;margin:30px auto 80px}.dash-side{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;position:sticky;top:104px}.dash-side a{display:block;padding:11px 14px;border-radius:9px;font-size:14px;color:#52617b}.dash-side a:hover{background:#eef1ff;color:#5367e8}.side-label{font-weight:700;font-size:12px;color:#a1acc0;padding:16px 14px 8px}.dash-main{min-width:0}.dash-title{margin:0 0 22px;font-size:29px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--border);border-radius:16px;padding:23px}.stat small{color:var(--muted)}.stat strong{font-size:30px;display:block;margin-top:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.table th{color:#687892;font-weight:500;background:#f8faff}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--border)}.table td{word-break:break-word}.empty{padding:36px;text-align:center;color:#8d9ab0}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-hint{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#edf9f1;color:#238b58;font-size:12px}.site-footer{background:#fff;border-top:1px solid var(--border);padding:42px 0;color:#65748b}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.foot-inner a{margin-right:18px}.foot-inner b{color:var(--text)}.doc{max-width:880px;margin:auto}.doc pre{overflow:auto;padding:24px;background:#172446;color:#e8eeff;border-radius:14px;line-height:1.7}.step-number{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:#eef0ff;color:#5267e8;font-weight:800}.step{display:flex;align-items:flex-start;gap:20px}.login-decoration{background:linear-gradient(135deg,#f1f5ff,#fff)}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.hero h1{font-size:42px}.top-nav{gap:12px}.cards{grid-template-columns:repeat(2,1fr)}.dash{grid-template-columns:1fr}.dash-side{position:static;display:flex;flex-wrap:wrap}.dash-side .side-label{display:none}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.head-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:8px}.top-nav{order:3;overflow:auto;width:100%;justify-content:space-between;padding:4px 0}.header-actions{gap:8px}.hero h1{font-size:35px}.preview{transform:none}.cards,.two-col,.stats{grid-template-columns:1fr}.section{padding:55px 0}.section-head h2{font-size:27px}.foot-inner{display:block}.dash{margin:18px auto 45px}.container{padding:0 16px}}
