*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;height:100%}body{background:#eef3f4}#app{display:grid;grid-template-columns:164px minmax(0,1fr);font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.app-nav{padding:16px 10px;border-right:1px solid #d9e4e4;background:#fff}.brand{margin-bottom:18px;padding:0 8px;color:#20383b;font-size:16px;font-weight:800}.app-nav a{display:block;height:34px;line-height:34px;padding:0 10px;border-radius:4px;color:#556164;font-size:14px;text-decoration:none}.app-nav a.router-link-active{background:#e7f5f3;color:#126d68;font-weight:700}.app-main{min-width:0;min-height:0;padding:8px;overflow:hidden}.home-page{min-height:100%;overflow:auto;background:#f4f7f8}.home-hero{min-height:430px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);gap:28px;align-items:center;padding:40px;background:#eef5f4;border:1px solid #d8e5e3}.home-kicker{color:#0f766e;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.home-copy h1{margin:12px 0 14px;color:#19383c;font-size:40px;line-height:1.14;letter-spacing:0}.home-desc{max-width:560px;color:#4e6268;font-size:16px;line-height:1.75}.home-actions{display:flex;gap:12px;margin-top:26px}.home-actions a{height:36px;display:inline-flex;align-items:center;padding:0 16px;border-radius:4px;font-size:14px;font-weight:700;text-decoration:none}.home-primary{background:#13766f;color:#fff}.home-secondary{border:1px solid #bdd4d0;background:#fff;color:#275257}.home-preview{min-width:0;display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #cbdad9;background:#fff;box-shadow:0 16px 42px rgba(31,63,68,.1)}.preview-table{display:grid;grid-template-columns:1fr 64px;grid-auto-rows:52px;border-right:1px solid #dbe7e6}.preview-table b,.preview-table span{min-width:0;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #edf2f2;color:#365256;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table span{height:44px;background:#f8fbfb;font-weight:800}.preview-table b{font-weight:600}.preview-chart{min-width:0;overflow:hidden}.preview-axis{height:44px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dbe7e6;background:#f8fbfb}.preview-axis span{display:flex;align-items:center;justify-content:center;border-right:1px solid #e7eeee;color:#587078;font-size:12px}.preview-row{position:relative;height:52px;border-bottom:1px solid #edf2f2;background-image:linear-gradient(90deg,#eef3f3 1px,transparent 0);background-size:25% 100%}.preview-row i{position:absolute;display:block;border-radius:4px}.bar{top:10px;height:22px}.sub{top:37px;height:5px}.bar-a{left:8%;width:42%;background:#71d6cb}.sub-a{left:12%;width:30%;background:#f1b84b}.bar-b{left:28%;width:48%;background:#b49be5}.sub-b{left:34%;width:22%;background:#ea6b73}.bar-c{left:18%;width:64%;background:#7fb3e8}.sub-c{left:50%;width:25%;background:#48b27c}.home-section{padding:28px 40px 40px}.home-section h2{margin-bottom:16px;color:#20383b;font-size:20px;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.feature-card{min-height:96px;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #dbe6ea;border-radius:6px;background:#fff;color:#344b50;text-decoration:none}.feature-card strong{color:#183b3f;font-size:15px}.feature-card span{color:#65767b;font-size:13px;line-height:1.6}@media (max-width:980px){.home-hero{grid-template-columns:1fr;padding:28px}.home-preview{grid-template-columns:160px minmax(0,1fr)}}