:root{--bg:#f3f5f7;--panel:#fff;--text:#1f2d3d;--muted:#7a869a;--brand:#1aa7ff;--brand2:#5b7cfa;--bubble-user:#1aa7ff;--bubble-bot:#fff;--border:#e6e9ef;--shadow:0 10px 30px #1f2d3d1f;--import-accent:#3498db;--import-accent-dark:#2980b9;--import-bg:#f5f7fa}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Segoe UI,Microsoft YaHei,system-ui,-apple-system,Arial,sans-serif}.layout[data-v-cff433c3]{flex-direction:column;height:100%;display:flex}.topnav[data-v-cff433c3]{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#1aa7ff1a,#5b7cfa1a);align-items:center;gap:16px;padding:10px 18px;display:flex}.brand[data-v-cff433c3]{align-items:center;gap:10px;font-size:14px;display:flex}.logo[data-v-cff433c3]{background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:8px;width:30px;height:30px;box-shadow:0 8px 18px #1aa7ff40}.nav[data-v-cff433c3]{gap:8px;margin-left:auto;display:flex}.nav-link[data-v-cff433c3]{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background-color .2s,color .2s}.nav-link[data-v-cff433c3]:hover{color:var(--text);background:#1aa7ff14}.nav-link.router-link-active[data-v-cff433c3]{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff}.content[data-v-cff433c3]{flex:1;min-height:0;overflow:auto}