.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-shell__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:0}.app-shell__content::-webkit-scrollbar{display:none}.app-shell__tabbar{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 0;border-top:1px solid var(--bd);background:#fffffff5;padding-bottom:env(safe-area-inset-bottom,4px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 8px;color:var(--mu);cursor:pointer;border:none;background:none;font:inherit;font-size:10px;border-radius:var(--r);transition:color .15s;-webkit-tap-highlight-color:transparent}.tab-item:hover{color:var(--fgs)}.tab-item:active{opacity:.75}.tab-item:focus-visible{outline:2px solid var(--pr);outline-offset:-2px}.tab-item--active{color:var(--pr)}.tab-item__icon{width:22px;height:22px;display:block}.tab-item__icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7px}.tab-item--active .tab-item__icon svg{stroke-width:2.2px}.tab-item__label{font-size:10px;line-height:1}.loading{display:flex;align-items:center;justify-content:center;padding:32px}.loading--full{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb3;z-index:999;padding:0}.loading__spinner{width:28px;height:28px;border:2.5px solid var(--bd);border-top-color:var(--pr);border-radius:50%;animation:loading-spin .7s linear infinite}.loading--sm .loading__spinner{width:18px;height:18px;border-width:2px}@keyframes loading-spin{to{transform:rotate(360deg)}}.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--bg);text-align:center}.boot-screen__logo{width:56px;height:56px;border-radius:14px;background:var(--pr);color:#fff;font-size:24px;font-weight:700;display:grid;place-items:center}.boot-screen__logo--error{background:var(--dg)}.boot-screen__title{font-size:18px;font-weight:700;color:var(--fg)}.boot-screen__error{max-width:340px;font-size:13px;line-height:1.7;color:var(--dg);background:var(--dl);border-radius:8px;padding:10px 14px;word-break:break-all}.boot-screen__hint{font-size:12.5px;color:var(--mu)}.boot-screen__retry{margin-top:8px;padding:9px 28px;border-radius:8px;background:var(--pr);color:#fff;font-size:14px;font-weight:500}.boot-screen__retry:active{opacity:.8}.toast-stack{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:9999;pointer-events:none;width:min(320px,90vw)}.toast{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;background:var(--fg);color:#fff;box-shadow:0 4px 16px #00000026;animation:toast-in .2s ease;text-align:center;width:100%}.toast--success{background:var(--gd)}.toast--warning{background:var(--wn)}.toast--error{background:var(--dg)}.toast--info{background:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--bg: #f0f4f8;--surface: #fff;--sa: #f8fafc;--fg: #1e293b;--fgs: #475569;--mu: #94a3b8;--bd: #e2e8f0;--bd2: #cbd5e1;--pr: #2563eb;--pl: #dbeafe;--pd: #1d4ed8;--gd: #16a34a;--gl: #dcfce7;--wn: #f59e0b;--wl: #fef3c7;--dg: #ef4444;--dl: #fee2e2;--r: 8px;--rl: 12px;--f: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--tab-h: 56px;--nav-h: 52px;--t1: var(--fg);--t2: var(--fgs);--t3: var(--mu);--tx: var(--fg);--bg1: var(--bg);--bg2: var(--sa);--bd1: var(--bd);--success: var(--gd);--success-light: var(--gl);--warning: var(--wn);--warning-light: var(--wl);--danger: var(--dg);--danger-light: var(--dl);--primary: var(--pr);--primary-light: var(--pl);--primary-dark: var(--pd);--radius-sm: var(--r);--radius-md: var(--rl);--radius-lg: 16px;--radius-full: 999px;--progress-h: 6px;--track-color: var(--bd)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;min-height:100dvh;font:15px / 1.45 var(--f);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}#root{width:100%;max-width:480px;height:100dvh;position:relative;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scroll-area::-webkit-scrollbar{display:none}.pd{padding-inline:16px}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--pr);outline-offset:2px}button{cursor:pointer;border:none;background:none;font:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:var(--fg)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}