.mobile-app[data-v-ce4ec363]{display:flex;flex-direction:column;height:100%;height:100dvh;overflow:hidden}.mobile-content[data-v-ce4ec363]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0px)}.mock-bottom-nav[data-v-5ad7bb45]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(15,23,42,.08);background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mock-bottom-nav__item[data-v-5ad7bb45]{border:none;background:transparent;color:#7c879a;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;font:inherit}.mock-bottom-nav__item span[data-v-5ad7bb45]{font-size:11px;font-weight:700;letter-spacing:.01em}.mock-bottom-nav__item.active[data-v-5ad7bb45]{color:#175cd3}.mock-mobile-app[data-v-55794698]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(37,99,235,.08),transparent 34%),linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;--mock-blue: #175cd3;--mock-blue-soft: #e9f1ff;--mock-text: #0f172a;--mock-muted: #667085;--mock-line: rgba(15, 23, 42, .08);--mock-card: rgba(255, 255, 255, .88);--mock-shadow: 0 14px 40px rgba(15, 23, 42, .08)}.mock-mobile-app__content[data-v-55794698]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f4;--color-bg-surface: #ffffff;--color-bg-hover: #f2f1ee;--color-bg-selected: #ecebe7;--color-text-primary: #1a1a1a;--color-text-secondary: #6e6e6e;--color-text-tertiary: #9e9e9e;--color-border-primary: #e0e0e0;--color-border-secondary: #e8e8e8;--color-border-tertiary: #ebebeb;--color-accent: #1a1a1a;--color-accent-hover: #333333;--color-success: #1D9E75;--color-success-bg: #E1F5EE;--color-warning: #D85A30;--color-warning-bg: #FEF3E7;--color-danger: #A32D2D;--color-danger-bg: #FCEBEB;--color-info: #185FA5;--color-info-bg: #E6F1FB;--color-plan-yearly: #3B6D11;--color-plan-yearly-bg: #EAF3DE;--color-plan-half: #185FA5;--color-plan-half-bg: #E6F1FB;--color-plan-monthly: #854F0B;--color-plan-monthly-bg: #FAEEDA;--font-sans: "DM Sans", "Noto Sans TC", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit}.spinner{width:22px;height:22px;border:2px solid var(--color-border-primary);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}