:root{--accent:#6e4f9a;--rose:#d291b3;--gold:#d4a85f;--primary:#6e4f9a;--primary-light:#6e4f9a26;--primary-dark:#4e2f7a;--bg-base:#f4f3f7;--bg-card:#ffffffd9;--bg-sidebar:#ffffffb3;--bg-input:#fffc;--bg-hover:#1a19220a;--text-primary:#1a1922;--text-secondary:#6d6a7c;--text-muted:#a6a3b3;--text-on-primary:#fff;--glass-blur:16px;--glass-border:#1a19220f;--glass-shadow:0 2px 8px #1a19220a;--serif:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--ease-pop:cubic-bezier(.2, .8, .2, 1);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s var(--ease-pop);--sidebar-width:260px;--navbar-height:64px;--content-max-width:960px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:var(--sans);color:var(--text-primary);background:var(--bg-base);transition:background .3s var(--ease-pop), color .3s ease;background-image:radial-gradient(700px 350px at 90% -50px, var(--accent-a06,#6e4f9a0d), transparent 60%);background-attachment:fixed;overflow:hidden}body:before{content:"";z-index:-1;background:var(--bg-image,none) center / cover no-repeat;opacity:var(--bg-image-opacity,0);transition:opacity var(--transition-slow);position:fixed;inset:0}#root{height:100%}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:600}h1,h2{font-style:italic}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:.5px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform .22s var(--ease-pop), box-shadow .22s var(--ease-pop), background .3s ease, border-color .3s ease}.glass:hover{box-shadow:0 6px 20px -10px #1a19221f}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--sans);cursor:pointer;transition:all .22s var(--ease-pop);border:none;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-on-primary)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px -4px var(--accent-a40,#6e4f9a66);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.anim-pop{animation:popIn .22s var(--ease-pop) both}.anim-fade{animation:.3s both fadeIn}.chip{border-radius:var(--radius-sm);background:var(--accent-a08,#6e4f9a14);color:var(--accent);transition:background var(--transition-fast);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.chip:hover{background:var(--accent-a15,#6e4f9a26)}.chip-rose{background:var(--rose-a08,#d291b314);color:var(--rose)}.chip-gold{color:var(--gold);background:#d4a85f1a}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);height:100vh;padding:var(--space-lg) var(--space-md);gap:var(--space-sm);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(var(--glass-blur));border-right:.5px solid var(--glass-border);transition:transform var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-md);display:flex}.sidebar-brand h1{font-size:18px;font-weight:600;font-family:var(--serif);background:linear-gradient(135deg, var(--accent), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:italic}.nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--sans);transition:all .22s var(--ease-pop);cursor:pointer;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-a10,#6e4f9a1a);color:var(--accent)}[data-theme=dark] .nav-item.active{background:var(--accent-a15,#a78bd026);color:var(--accent)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding-top:var(--space-md);border-top:1px solid var(--glass-border);margin-top:auto}.main-content{height:100vh;padding:var(--space-lg);flex:1;overflow-y:auto}.bottom-nav{height:var(--navbar-height);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);z-index:100;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{height:100%;padding:0 var(--space-sm);justify-content:space-around;align-items:center;display:flex}.bottom-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:11px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item svg{width:22px;height:22px}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:block}.main-content{padding:var(--space-md);padding-bottom:calc(var(--navbar-height) + var(--space-md))}}