*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#faf8f5;--bg-secondary:#f2ede7;--bg-card:#fff;--text-primary:#2d2a26;--text-secondary:#6b6560;--text-muted:#9c9690;--accent:#c4a77d;--accent-hover:#b8956a;--border:#e5dfd7;--error:#c45d4d;--success:#5d9c6d;--shadow-sm:0 1px 3px #2d2a260f;--shadow-md:0 4px 12px #2d2a2614;--shadow-lg:0 12px 32px #2d2a261f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-display:"Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", serif;--font-body:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:16px;overflow:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);touch-action:manipulation;height:100%;line-height:1.6;overflow:hidden}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#1a1815;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b35040}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.input{width:100%;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c4a77d26}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.app-container[data-v-f3548b6a]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header[data-v-f3548b6a]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#faf8f5e6;position:sticky;top:0}.header-inner[data-v-f3548b6a]{align-items:center;gap:48px;max-width:1200px;height:64px;margin:0 auto;padding:0 32px;display:flex}.logo[data-v-f3548b6a]{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:20px;font-weight:600}.nav[data-v-f3548b6a]{flex:1;gap:8px;display:flex}.nav-link[data-v-f3548b6a]{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link .icon[data-v-f3548b6a]{width:18px;height:18px}.nav-link[data-v-f3548b6a]:hover,.nav-link.active[data-v-f3548b6a]{color:var(--text-primary);background:var(--bg-secondary)}.logout-btn[data-v-f3548b6a]{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.logout-btn .icon[data-v-f3548b6a]{width:16px;height:16px}.logout-btn[data-v-f3548b6a]:hover{color:var(--error);background:#c45d4d14}.app-main[data-v-f3548b6a]{overscroll-behavior:contain;flex:1;padding:32px;overflow-y:auto}.app-main[data-v-f3548b6a]:has(.login-page){overflow:hidden}.app-main[data-v-f3548b6a]>*{animation:.3s fadeIn-f3548b6a}@keyframes fadeIn-f3548b6a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.header-inner[data-v-f3548b6a]{gap:16px;height:56px;padding:0 16px}.logo[data-v-f3548b6a]{font-size:18px}.nav[data-v-f3548b6a]{gap:4px}.nav-link[data-v-f3548b6a]{padding:8px 12px;font-size:13px}.nav-link .icon[data-v-f3548b6a]{width:16px;height:16px}.nav-link span[data-v-f3548b6a]{display:none}.logout-btn[data-v-f3548b6a]{padding:8px}.logout-btn span[data-v-f3548b6a]{display:none}.logout-btn .icon[data-v-f3548b6a]{width:20px;height:20px}.app-main[data-v-f3548b6a]{padding:20px 16px}}@media (width<=480px){.header-inner[data-v-f3548b6a]{padding:0 12px}.logo[data-v-f3548b6a]{font-size:16px}.nav-link span[data-v-f3548b6a]{display:none}.app-main[data-v-f3548b6a]{padding:16px 12px}}