.m-shell{min-height:100vh;background:linear-gradient(180deg,#d6eaf7,#f5f9fc 40%);display:flex;gap:32px;justify-content:center;align-items:flex-start;padding:32px 16px 48px;flex-wrap:wrap}.m-phone{width:390px;max-width:100%;min-height:720px;background:#f5f9fc;border-radius:28px;border:1px solid #c5dff0;overflow:hidden;position:relative;padding-bottom:64px;box-sizing:border-box}.m-tabbar{position:absolute;left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid #d5e6f2;display:grid;grid-template-columns:repeat(4,1fr)}.m-tabbar a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6b8299;font-size:13px}.m-tabbar a.active{color:#4a8fc4;font-weight:600}.m-side{width:280px;padding-top:24px;color:#1e2f42}.m-side-title{font-size:20px;font-weight:700;color:#4a8fc4;margin-bottom:8px}.m-side a{display:block;margin-top:10px;color:#4a8fc4;text-decoration:none}.m-head{background:linear-gradient(160deg,#6ba8d4,#8bbdda);color:#fff;padding:20px 16px 18px}.m-head h1{margin:0;font-size:20px}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.m-stats div{background:#ffffff2e;border-radius:10px;padding:10px 8px}.m-stats .label{font-size:11px;opacity:.85}.m-stats .val{font-size:16px;font-weight:700;margin-top:4px}.m-body{padding:14px}.m-card{background:#fff;border:1px solid #d5e6f2;border-radius:14px;padding:14px;margin-bottom:12px}.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.m-grid a,.m-grid .cell{background:#fff;border:1px solid #d5e6f2;border-radius:12px;padding:14px 8px;text-align:center;text-decoration:none;color:#1e2f42;font-size:12px}.m-grid .icon{width:36px;height:36px;border-radius:10px;margin:0 auto 8px;display:grid;place-items:center;color:#fff;font-weight:700}.c-shell{min-height:100vh;background:#eef5fb;display:flex;justify-content:center;padding:24px 12px 40px}.c-phone{width:390px;max-width:100%;background:#fff;border-radius:24px;border:1px solid #d5e6f2;overflow:hidden;min-height:700px}:root{color-scheme:light;--ink: #1e2f42;--sky: #6ba8d4;--sky-deep: #4a8fc4;--mist: #eaf3fa;--paper: #f5f9fc;--line: #d5e6f2}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:IBM Plex Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}