:root{--c-brand-500: #6366f1;--c-brand-600: #4f46e5;--c-brand-50: #eef2ff;--c-brand-100: #e0e7ff;--c-ok-500: #10b981;--c-ok-50: #ecfdf5;--c-warn-500: #f59e0b;--c-warn-50: #fffbeb;--c-danger-500:#ef4444;--c-danger-50: #fef2f2;--c-info-500: #0ea5e9;--c-info-50: #f0f9ff;--c-text: #0f172a;--c-text-2: #334155;--c-text-3: #64748b;--c-text-4: #94a3b8;--c-border: rgba(15, 23, 42, .08);--c-border-2: rgba(15, 23, 42, .14);--c-bg: #f7f8fc;--c-bg-elev: rgba(255, 255, 255, .72);--c-bg-sheet: rgba(255, 255, 255, .96);--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .72);--glass-blur: blur(22px) saturate(160%);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .06), 0 1px 0 rgba(255, 255, 255, .8) inset;--shadow-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 0 rgba(255,255,255,.8) inset;--shadow-2: 0 2px 8px rgba(15, 23, 42, .06);--shadow-3: 0 8px 24px rgba(15, 23, 42, .08);--shadow-4: 0 14px 40px rgba(15, 23, 42, .14);--shadow-fab: 0 8px 20px rgba(99, 102, 241, .38);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--ff-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", sans-serif;--ff-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .16s;--dur-2: .24s;--dur-3: .36s;--app-header-h: 52px;--app-tabbar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--z-sheet: 2000;--z-fab: 1500;--z-tabbar: 1000;--z-header: 900;--z-banner: 3000}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--ff-sans);font-size:15px;color:var(--c-text);background:radial-gradient(1200px 600px at 10% -10%,#dbeafe,transparent 50%),radial-gradient(1000px 500px at 110% 10%,#e0e7ff,transparent 55%),radial-gradient(900px 500px at 50% 110%,#f3e8ff,transparent 60%),var(--c-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}.app-root{min-height:100%;min-height:100dvh;position:relative}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding-top:calc(var(--app-header-h) + var(--safe-top));padding-bottom:calc(var(--app-tabbar-h) + var(--safe-bottom));max-width:520px;margin:0 auto;position:relative}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;height:calc(var(--app-header-h) + var(--safe-top));padding:var(--safe-top) var(--sp-4) 0;display:flex;align-items:center;gap:var(--sp-3);z-index:var(--z-header);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.app-header__title{font-size:17px;font-weight:600;letter-spacing:.02em;flex:1;text-align:center;padding:0 36px}.app-header__left,.app-header__right{position:absolute;top:var(--safe-top);height:var(--app-header-h);display:flex;align-items:center;gap:4px}.app-header__left{left:var(--sp-2)}.app-header__right{right:var(--sp-2)}.app-header__btn{width:40px;height:40px;border-radius:var(--r-md);background:transparent;border:none;color:var(--c-text-2);display:inline-flex;align-items:center;justify-content:center;font-size:20px;transition:background var(--dur-1) var(--ease-standard)}.app-header__btn:active{background:var(--c-bg)}.app-main{flex:1;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-height:0}.app-main--flush{padding:0}@media(min-width:640px){body:before{content:"";position:fixed;inset:0;background:radial-gradient(800px 400px at 20% 10%,rgba(99,102,241,.08),transparent),radial-gradient(800px 400px at 80% 90%,rgba(236,72,153,.06),transparent);pointer-events:none;z-index:0}.app-shell{margin:24px auto;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-4);min-height:calc(100dvh - 48px);border:1px solid var(--glass-border)}.app-header{top:24px;border-radius:32px 32px 0 0}}@media(min-width:1024px){.app-shell,.app-header{max-width:640px}}.text-muted{color:var(--c-text-3)}.text-mute2{color:var(--c-text-4)}.text-danger{color:var(--c-danger-500)}.text-ok{color:var(--c-ok-500)}.text-warn{color:var(--c-warn-500)}.mono{font-family:var(--ff-mono)}.small{font-size:12px}.tiny{font-size:11px;letter-spacing:.04em}.space-y-2>*+*{margin-top:var(--sp-2)}.space-y-3>*+*{margin-top:var(--sp-3)}.space-y-4>*+*{margin-top:var(--sp-4)}.press-scale{transition:transform var(--dur-1) var(--ease-standard)}.press-scale:active{transform:scale(.97)}.route-fade-enter-active,.route-fade-leave-active{transition:opacity var(--dur-2) var(--ease-standard),transform var(--dur-2) var(--ease-standard)}.route-fade-enter-from{opacity:0;transform:translateY(6px)}.route-fade-leave-to{opacity:0;transform:translateY(-4px)}@supports (-webkit-touch-callout: none){body{position:fixed;width:100%}#app,.app-root{height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch}}