:root{--bg: #F5F5F7;--card: rgba(255, 255, 255, .72);--card-solid: #ffffff;--primary: #0071e3;--primary-soft: rgba(0, 113, 227, .12);--text: #1d1d1f;--text2: #6e6e73;--text3: #86868b;--fill: #e5e5ea;--fill2: #d1d1d6;--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--vip: #af52de;--border: rgba(0, 0, 0, .06);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow: 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .14);--blur: saturate(180%) blur(20px);--ease: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20% -20% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(112,161,255,.2),rgba(175,82,222,.1) 55%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:auto auto -25% -15%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(0,113,227,.14),rgba(88,214,255,.08) 55%,transparent 72%);filter:blur(44px);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh}a{color:var(--primary);text-decoration:none}.f-title{font-weight:700;font-size:28px;letter-spacing:-.5px}.f-sub{font-weight:500;font-size:17px}.f-body{font-weight:400;font-size:15px;color:var(--text)}.f-caption{font-weight:400;font-size:13px;color:var(--text3)}.card{background:var(--card);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:15px;border-radius:999px;padding:12px 20px;color:#fff;background:var(--primary);transition:transform .18s var(--ease),filter .18s var(--ease),opacity .18s var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(1.02) translateY(.5px);filter:brightness(1.12)}.btn:disabled{opacity:.5;pointer-events:none}.btn.ghost{background:var(--fill);color:var(--text)}.btn.ghost:active{filter:brightness(.95)}.btn.danger{background:var(--danger)}.btn.vip{background:linear-gradient(135deg,#af52de,#5ac8fa)}.btn.sm{padding:7px 14px;font-size:13px}.btn.block{width:100%}.btn.circle{width:46px;height:46px;padding:0;border-radius:50%}.field{position:relative}.field input,.field textarea,.field select{width:100%;font-family:inherit;font-size:16px;font-weight:400;color:var(--text);background:var(--fill);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:14px 16px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:var(--text3)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 4px #0071e326}.field+.field,.field>*+*{margin-top:12px}.field label{display:block;font-weight:500;font-size:14px;margin-bottom:6px;color:var(--text2)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--fill);color:var(--text2)}.badge.blue{background:var(--primary-soft);color:var(--primary)}.badge.green{background:#34c75924;color:var(--success)}.badge.red{background:#ff3b301f;color:var(--danger)}.badge.orange{background:#ff950024;color:var(--warning)}.badge.purple{background:#af52de24;color:var(--vip)}.switch{position:relative;width:52px;height:32px;flex:none;cursor:pointer}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:3}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--fill2);transition:background .25s var(--ease)}.switch .thumb{position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .25s var(--ease)}.switch input:checked+.track{background:var(--success)}.switch input:checked+.track+.thumb{transform:translate(20px)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-mask.center{align-items:center;padding:24px}.modal-panel{width:100%;max-width:520px;background:var(--card-solid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));animation:sheetUp .32s var(--ease);max-height:88vh;overflow-y:auto}.modal-mask.center .modal-panel{border-radius:var(--radius-lg);padding:22px;max-height:80vh;animation:popIn .28s var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-weight:700;font-size:19px}.modal-close{width:30px;height:30px;border-radius:50%;background:var(--fill);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2)}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(60px);opacity:.4}}@keyframes popIn{0%{transform:scale(.92) translateY(10px);opacity:0}}.row-list{display:flex;flex-direction:column}.row-item{display:flex;align-items:center;gap:12px;padding:14px 4px;cursor:pointer;transition:background .15s;border-radius:var(--radius-sm)}.row-item:active{background:var(--border)}.row-item+.row-item{border-top:1px solid var(--border)}.row-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);flex:none}.toast-host{position:fixed;top:calc(78px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:86vw}.toast-item{background:#1c1c1eeb;color:#fff;font-size:14px;font-weight:500;padding:11px 18px;border-radius:999px;box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease);max-width:100%;text-align:center}.toast-item.warn{background:#ff9500f2;color:#fff}.toast-item.err{background:#ff3b30f2;color:#fff}.toast-item.ok{background:#34c759f2;color:#fff}@keyframes toastIn{0%{transform:translateY(-14px) scale(.9);opacity:0}}.page{padding:calc(24px + env(safe-area-inset-top)) 18px 120px;max-width:1080px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.avatar{border-radius:50%;object-fit:cover;background:var(--fill);border:2px solid #fff;box-shadow:0 2px 8px #0000001a;flex:none}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bento .tile{border-radius:20px;padding:18px;position:relative;overflow:hidden;background:var(--card);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .2s var(--ease)}.bento .tile:active{transform:scale(.98)}.bento .tile.span2{grid-column:span 2}@media (max-width: 768px){.bento{grid-template-columns:repeat(2,1fr);gap:10px}.f-title{font-size:24px}.page{padding:calc(16px + env(safe-area-inset-top)) 14px 110px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.press{transition:transform .18s var(--ease),filter .18s var(--ease)}.press:active{transform:scale(1.02);filter:brightness(1.1)}