:root{--navy:#0b1838;--blue:#1688ff;--muted:#8d99b1;--bg:#f3f5f7;--orange:#ff7900;--red:#ff2638}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--navy);background:#e9eef4}body{display:flex;justify-content:center}.mobile-home{width:100%;max-width:430px;min-height:100vh;background:var(--bg);padding:0 14px 112px;position:relative;overflow:hidden}.hero{height:330px;margin:0 -14px -16px;padding:calc(54px + env(safe-area-inset-top)) 28px 0;background:linear-gradient(135deg,#dceaff 0%,#c9f3fb 100%);position:relative}.brand{font-size:17px;font-weight:800;margin-bottom:24px}.hero h1{font-size:30px;margin:0 0 8px}.hero p{margin:0;color:#405984;font-size:17px;line-height:1.7}.hero p b,.hero p strong{color:var(--orange)}.bot{position:absolute;right:18px;bottom:2px;width:150px;height:155px;border-radius:55% 55% 38% 38%;background:linear-gradient(150deg,#fff,#bde9ff);box-shadow:0 18px 40px #4ba5f233;transform:rotate(-5deg)}.bot:before{content:"";position:absolute;width:112px;height:68px;background:#0b1838;border-radius:42px;left:19px;top:34px;box-shadow:inset 0 0 18px #1688ff}.bot i{position:absolute;left:72px;top:-17px;width:9px;height:30px;background:#438eff;border-radius:8px}.bot i:after{content:"";position:absolute;left:-9px;top:-8px;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#fff,#9fc7ff)}.bot span{position:absolute;z-index:2;left:45px;top:54px;color:#55e7ff;font-size:24px;letter-spacing:7px}.panel{background:#ffffffb8;border-radius:25px;padding:15px 12px;margin:14px 0;position:relative;box-shadow:0 10px 32px #203a6210}.panel header{display:flex;align-items:center;justify-content:space-between;padding:0 3px 10px}.panel h2{font-size:21px;margin:0}.panel header>span{font-size:12px;color:var(--muted)}.todo header h2 b{display:inline-grid;place-items:center;margin-left:7px;background:#ffe1b0;color:var(--orange);border-radius:18px;width:34px;height:28px;font-size:18px}.todo>a{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;padding:14px 5px;text-decoration:none;color:inherit;background:#fff;border-bottom:1px solid #edf2f7}.todo>a:first-of-type{border-radius:18px 18px 0 0}.todo>a:last-child{border:0;border-radius:0 0 18px 18px}.todo>a>i{width:8px;height:8px;border-radius:50%}.todo .red{background:var(--red)}.todo .orange{background:var(--orange)}.todo h3{font-size:16px;margin:0 0 4px}.todo p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.todo time{font-size:11px;color:var(--muted);white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{background:#fff;border-radius:18px;padding:15px 12px;min-height:112px}.metric-grid span{font-size:12px;color:var(--muted)}.metric-grid b{display:block;font-size:25px;margin-top:9px}.metric-grid b small{font-size:13px;margin-left:4px;font-weight:500}.metric-grid p{font-size:12px;margin:7px 0 0}.metric-grid p em{font-style:normal;color:var(--navy)}.up{color:var(--blue)}.green{color:#08aa48}.orange-text{color:var(--orange)}.questions header button{border:0;background:#dcecff;color:#405984;border-radius:16px;padding:6px 10px}.questions>button{width:100%;border:0;background:#fff;border-radius:20px;padding:13px 16px;margin:5px 0;text-align:left;color:var(--navy);font-size:14px}.questions>button i{float:right;color:#aab3c2;font-style:normal}footer{position:fixed;z-index:5;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);padding:13px 22px calc(13px + env(safe-area-inset-bottom));display:grid;grid-template-columns:28px 1fr 46px 42px;gap:8px;align-items:center;background:linear-gradient(180deg,#f3f5f700,#f3f5f7 26%)}footer>span,footer p,footer button{height:52px;background:#fff}footer>span{display:grid;place-items:center;border-radius:26px 0 0 26px;font-size:21px}footer p{margin:0;display:flex;align-items:center;color:#b3bdd0;font-size:14px}footer button{border:0;border-radius:50%;background:#3c9cff;color:#fff;font-size:20px}footer i{font-style:normal;background:linear-gradient(145deg,#fff,#bde9ff);border-radius:50%;height:42px;display:grid;place-items:center;color:#1688ff;font-size:10px}@media(min-width:431px){body{padding:24px}.mobile-home{border-radius:34px;box-shadow:0 22px 80px #18365c25;min-height:900px}.hero{border-radius:34px 34px 0 0}footer{bottom:24px;border-radius:0 0 34px 34px}}