*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff9f43;--primary-deep:#f57c00;--green:#2ecc71;--blue:#54a0ff;--pink:#ff6b81;--ink:#37455c;--ink-2:#7b869e;--bg:linear-gradient(160deg, #fff8ec 0%, #f2fbf4 55%, #eef5ff 100%);--card:#fff;--line:#f0e6d8;--shadow:0 6px 24px #f59e421f;--radius:16px}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{min-height:100vh}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .1s,filter .15s}button:active{transform:scale(.95)}button.ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff}button.mini{border-radius:10px;padding:6px 12px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}input,select{color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:15px}input:focus,select:focus{border-color:var(--primary)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff;padding:16px}.shell{max-width:520px;padding:14px 14px calc(76px + env(safe-area-inset-bottom));margin:0 auto}.tabbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:#ffffffeb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-2);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 14px;font-size:11px;text-decoration:none;display:flex}.tabbar a .ico{font-size:22px;line-height:1}.tabbar a.on{color:var(--primary-deep);font-weight:700}.page-title{margin:6px 2px 12px;font-size:20px;font-weight:800}.page-title small{color:var(--ink-2);margin-left:8px;font-size:12px;font-weight:400}.mask{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#28283c73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:22px}.modal h3{margin-bottom:12px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.muted{color:var(--ink-2);font-size:12px}