:root{--bg-primary: #faf9f7;--bg-secondary: #f5f3f0;--bg-card: #ffffff;--bg-dark: #1a1a1f;--text-primary: #1a1a1f;--text-secondary: #6b6560;--text-muted: #9a9590;--accent: #c17f59;--accent-light: #e8c4a8;--accent-dark: #8b5a3c;--accent-bg: #faf5f0;--border: #e8e4df;--border-light: #f0ece7;--shadow: rgba(26, 26, 31, .06);--shadow-lg: rgba(26, 26, 31, .1);--success: #5d9a6b;--error: #c75d5d;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-chinese: "Noto Serif SC", "Cormorant Garamond", serif;--header-height: 56px}[data-theme=dark]{--bg-primary: #1a1a1f;--bg-secondary: #252530;--bg-card: #2d2d38;--bg-dark: #0f0f12;--text-primary: #e8e6e3;--text-secondary: #a8a4a0;--text-muted: #6b6560;--accent: #d4956a;--accent-light: #8b5a3c;--accent-bg: #3d3528;--border: #404050;--border-light: #353540;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;height:100%;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.serif{font-family:var(--font-serif)}.chinese{font-family:var(--font-chinese)}.page-container{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.page-content{flex:1;padding:1.25rem;padding-top:0;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.page-container{max-width:900px}}@media (min-width: 1024px){.page-container{max-width:1100px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 4px 20px #c17f594d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.input-group{margin-bottom:1.25rem}.input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.input-group input{width:100%;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:var(--bg-primary);transition:all .2s ease;color:var(--text-primary)}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input-group input::placeholder{color:var(--text-muted)}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.toggle-switch{position:relative;width:48px;height:26px;background:var(--border);border-radius:13px;cursor:pointer;transition:all .3s ease}.toggle-switch.active{background:var(--accent)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch.active:after{left:25px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 2px 12px var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.toast{position:fixed;bottom:6rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--text-primary);color:#fff;padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:.85rem;opacity:0;transition:all .3s ease;z-index:200}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}#app{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;max-width:800px;margin:0 auto;width:100%;padding:1.25rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);padding:.75rem 1.5rem;border-radius:8px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 4px 12px #00000026;font-size:.9rem;z-index:10000;max-width:90%;text-align:center;opacity:0;transition:all .3s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width: 640px){.page-content{padding:1rem}}