:root{--primary:#4c7dff;--primary-light:#eef4ff;--green:#2ecc71;--green-light:#eafaf1;--orange:#ff9f43;--orange-light:#fff4e8;--purple:#9b59b6;--purple-light:#f5eefa;--red:#ff6b6b;--bg:#f5f7fb;--card:#fff;--text:#2b3448;--muted:#7a8699;--line:#e3e8f0;--radius:14px;--shadow:0 2px 12px #1e325a12}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:15px;line-height:1.65}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0}.topbar{color:#fff;background:linear-gradient(135deg,#4c7dff,#6a5cff);padding:14px 16px}.topbar-inner{align-items:center;gap:10px;max-width:1080px;margin:0 auto;display:flex}.logo{font-size:30px}.topbar-text h1{font-size:18px}.topbar-text p{opacity:.85;margin-top:2px;font-size:12px}.main-nav{z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #1e325a14}.nav-item{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 0 9px;font-size:11px;text-decoration:none;display:flex}.nav-item .nav-icon{font-size:19px;line-height:1}.nav-item.router-link-active{color:var(--primary);font-weight:700}.container{max-width:1080px;padding:14px 14px calc(76px + env(safe-area-inset-bottom));margin:0 auto}.footer{text-align:center;color:var(--muted);padding:6px 0 10px;font-size:12px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card>h3{margin-bottom:12px;font-size:16px}.page-head{margin:4px 0 14px}.page-head h2{font-size:20px}.page-head .sub{color:var(--muted);margin-top:4px;font-size:13px}.theme-banner{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);margin-bottom:14px;padding:14px 16px;font-size:14.5px;font-weight:600}.steps{counter-reset:step;flex-direction:column;gap:10px;list-style:none;display:flex}.steps li{counter-increment:step;background:var(--primary-light);border-radius:10px;padding:10px 12px 10px 42px;font-size:14px;position:relative}.steps li:before{content:counter(step);background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.tip{color:#8a6116;background:#fff8e6;border:1px dashed #f0c36d;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;text-align:center;width:100%;min-width:560px;font-size:13.5px}th,td{border:1px solid var(--line);white-space:nowrap;padding:8px 10px}th{background:var(--primary-light);font-weight:600}tr:nth-child(2n) td{background:#fafbff}td.num{font-variant-numeric:tabular-nums}.grid{grid-template-columns:1fr;gap:12px;margin-bottom:14px;display:grid}.grid>.card{margin-bottom:0}.charts-2{grid-template-columns:1fr;gap:14px;margin-bottom:14px;display:grid}.charts-2 .card{margin-bottom:0}.obj-grid{grid-template-columns:repeat(2,1fr)}.obj-card{border:1px solid var(--line);text-align:center;background:#f8faff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.obj-emoji{font-size:30px}.obj-name{font-size:14px;font-weight:700}.obj-feature{color:var(--muted);font-size:12.5px}.shape-svg{width:44px;height:44px;color:var(--primary)}.tag{color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.plain-list{flex-direction:column;gap:8px;font-size:14px;list-style:none;display:flex}.plain-list li{padding-left:18px;position:relative}.plain-list li:before{content:"•";color:var(--primary);position:absolute;left:4px}.formula{border-left:4px solid var(--primary);white-space:nowrap;background:#f6f8fc;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:13.5px;overflow-x:auto}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-item{text-align:center;background:#f6f8fc;border-radius:10px;padding:10px}.stat-item .v{color:var(--primary);font-size:20px;font-weight:700}.stat-item .k{color:var(--muted);margin-top:2px;font-size:12px}.analysis-block h4{margin:12px 0 8px;font-size:14.5px}.analysis-text{margin:12px 0;font-size:14px}.module-card{border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);padding:16px;text-decoration:none;display:block}.module-icon{font-size:34px}.module-card h3{margin:8px 0 4px;font-size:16px}.module-theme{color:var(--muted);font-size:12.5px}.module-desc{margin-top:6px;font-size:13px}.module-go{color:#fff;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;display:inline-block}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tab-btn{color:var(--muted);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:none;border-radius:999px;padding:8px 14px;font-size:13px}.tab-btn.active{background:var(--purple);color:#fff;font-weight:700}@media (width>=768px){body{font-size:16px}.container{padding:20px 24px 40px}.page-head h2{font-size:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.obj-grid{grid-template-columns:repeat(3,1fr)}.topbar-text h1{font-size:20px}}@media (width>=1024px){.main-nav{box-shadow:none;background:0 0;justify-content:center;gap:10px;padding:14px 0 0;position:static}.nav-item{box-shadow:var(--shadow);background:#fff;border-radius:999px;flex-direction:row;flex:none;gap:6px;padding:8px 20px;font-size:14px}.nav-item.router-link-active{background:var(--primary);color:#fff}.container{padding-bottom:24px}.charts-2{grid-template-columns:1fr 1fr}.obj-grid{grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.footer{padding-bottom:24px}}