@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap');
:root{--ink:#223249;--muted:#8d9aa9;--line:#edf0f4}*{box-sizing:border-box}body{margin:0;background:#edf2f8;color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}.phone-shell{max-width:460px;min-height:100vh;margin:auto;background:#fff;padding:22px 20px 91px}.topbar,.balance-card,.section-title,.card-footer{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:22px}.topbar small,.section-title span,.page-heading p{font-size:12px;color:var(--muted)}h1{font-size:23px;margin:3px 0}.avatar,.profile-avatar{border:0;border-radius:50%;background:#e3f2ff;color:#4686e8;font-weight:700}.avatar{width:40px;height:40px}.hero{height:215px;padding:25px 23px;border-radius:23px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dff5ff,#dbe9ff 57%,#dae4ff)}.hero>*:not(.orb){position:relative;z-index:1}.tag{font-size:10px;color:#5b91df;letter-spacing:1px;font-weight:700}.hero h2{font-size:29px;line-height:1.25;margin:14px 0 9px}.hero p{font-size:13px;color:#6e86a7}.orb{position:absolute;border-radius:50%}.orb-one{width:160px;height:160px;right:-37px;top:-26px;background:#a9e5dc}.orb-two{width:120px;height:120px;right:38px;bottom:-72px;background:#82b7fa}.balance-card{margin:-18px 13px 0;padding:17px;background:#fff;border-radius:18px;box-shadow:0 7px 25px #92a4bd2b;position:relative}.balance-card span{display:block;font-size:12px;color:var(--muted)}.balance-card strong{font-size:23px}.primary,.submit{border:0;border-radius:12px;padding:11px 14px;background:var(--ink);color:#fff;font:inherit}.section-title{margin:30px 2px 13px}.section-title h3{margin:0;font-size:17px}.section-title button{border:0;background:none;color:#8291a3}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.features button{border:0;padding:16px 4px;border-radius:14px;background:#f7faff;color:#52657b}.features i{display:block;font-style:normal;font-size:22px;color:#609cf5}.records{border-top:1px solid var(--line)}.record{display:flex;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.record-icon{width:37px;height:37px;margin-right:11px;display:grid;place-items:center;border-radius:12px;background:#eaf5f3;color:#4eb99c}.record-info{flex:1}.record-info strong{display:block;font-size:13px}.record-info span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.record em{font-style:normal;font-weight:600}.page{display:none}.page.active{display:block}.page-heading{padding:7px 2px 16px}.page-heading h2{font-size:25px;margin:0}.profile-card,.review-card{padding:22px 18px;border-radius:22px;background:linear-gradient(140deg,#e9f5ff,#f4f0ff);text-align:center}.profile-avatar{width:58px;height:58px;margin:auto;display:grid;place-items:center;font-size:22px}.profile-card h2{margin:9px 0 3px}.profile-card p{font-size:12px;color:#718198}.card-details{display:flex;margin-top:19px;padding:10px;border-radius:13px;background:#fff9}.card-details span{flex:1;font-size:11px;color:#8b98a6}.card-details span+span{border-left:1px solid #dfe6ee}.card-details b{display:block;margin-top:4px;color:var(--ink)}.ok{color:#35a67f!important}.lost{color:#e69b3d!important}.closed,.danger{color:#dc6671!important}.profile-menu{margin-top:22px;border-top:1px solid var(--line)}.profile-menu button{width:100%;padding:17px 3px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.profile-menu b{float:right}.action-tip,.load-more{font-size:11px;color:#9ba7b5;text-align:center;padding:15px}.stars{display:flex;gap:7px}.stars button{border:0;background:none;color:#ccd6e4;font-size:29px}.stars .chosen{color:#f2b94d}.review-card textarea{width:100%;height:94px;margin-top:14px;padding:11px;border:1px solid #dfe8f5;border-radius:12px}.submit{width:100%;margin-top:11px;background:#4e8df7}.review-result{color:#4b8ae8;font-size:12px}.modal{position:fixed;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;background:#1a2a4270;opacity:0;pointer-events:none}.modal.show{opacity:1;pointer-events:auto}.sheet{width:min(460px,100%);padding:25px 27px 28px;background:#fff;border-radius:27px 27px 0 0;text-align:center}.close{float:right;border:0;border-radius:50%;width:30px;height:30px;font-size:22px}.card-title{display:flex;align-items:center;gap:10px;text-align:left}.mini-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#6da9fa;color:#fff}.card-title h2{margin:2px 0}.code-hint,.refresh-note{font-size:12px;color:#7f8fa0}.qr{width:220px;height:220px;margin:auto;padding:12px;display:grid;grid-template-columns:repeat(29,1fr);grid-template-rows:repeat(29,1fr);gap:1px}.qr b{background:#203247}.qr .light{background:transparent}#countdown{display:block;margin:19px;color:#4d87e5}.card-footer{margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#93a0ae}.card-footer button{border:0;padding:8px;background:#eaf3ff;color:#4c8be9;border-radius:9px}nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(460px,100%);height:72px;display:flex;justify-content:space-around;background:#fffffff2;border-top:1px solid var(--line)}nav button{border:0;background:none;color:#9aa6b3;padding-top:10px}nav i{display:block;font-size:20px;font-style:normal}nav .active{color:#508cf0;font-weight:600}@media(min-width:520px){body{padding:20px}.phone-shell{border-radius:28px}.modal{align-items:center}.sheet{border-radius:27px}}