:root{--bg: #faf8f5;--bg-card: #ffffff;--text: #2c3e50;--text-secondary: #6b7d8e;--accent: #0ea5a0;--accent-hover: #0d8c88;--border: #e8e3dc;--success: #27ae60;--error: #e74c3c;--warning: #f39c12;--sidebar-width: 200px;--font-serif: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg)}body{-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;font-size:14px;border:none;border-radius:var(--radius);padding:8px 20px;transition:all .15s ease}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--border)}button.secondary:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:768px){:root{--sidebar-width: 0px}html,body{font-size:15px;-webkit-tap-highlight-color:transparent}button{min-height:44px;padding:10px 16px}input,select,textarea{font-size:16px;padding:10px 14px}}.mobile-nav-toggle{display:none}@media(max-width:768px){.mobile-nav-toggle{display:flex;position:fixed;top:12px;left:12px;z-index:1000;width:44px;height:44px;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:20px;cursor:pointer;box-shadow:0 2px 8px #00000014}}.mobile-sidebar-overlay{display:none}@media(max-width:768px){.mobile-sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0006}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,8px);justify-content:space-around;align-items:flex-start;box-shadow:0 -2px 12px #00000014}.mobile-bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;min-width:0;flex:1;text-decoration:none;color:var(--text-secondary);font-size:11px;border-radius:8px;transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav-link.active{color:var(--accent)}.mobile-bottom-nav-icon{font-size:22px;line-height:1}.mobile-bottom-nav-label{white-space:nowrap;font-weight:500}}.mobile-sidebar-panel{display:none}@media(max-width:768px){.mobile-sidebar-panel.open{display:flex;position:fixed;top:0;left:0;bottom:0;width:220px;z-index:1000;flex-direction:column;background:var(--bg-card);border-right:1px solid var(--border);padding:60px 0 24px;box-shadow:2px 0 12px #0000001f}}