/* Minus-AI Internal Tools — styles.css Lifted from mockup v0.6 (品牌蓝 #278fce). Keep tokens; trim history/video sections until those tabs land. */ :root { --brand-blue: #278fce; --brand-blue-d: #1f7fb8; --brand-blue-dd: #1a6ea0; --brand-blue-l: #e6f3fc; --brand-blue-l2: #d1e8f7; --ink-1: #0f172a; --ink-2: #475569; --ink-3: #94a3b8; --line: #e2e8f0; --line-2: #cbd5e1; --bg: #f7f9fc; --bg-card: #ffffff; --bg-soft: #f1f5f9; --warn-ink: #9a3412; --err-bg: #fff1f0; --err-ink: #b91c1c; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; background: var(--bg); color: var(--ink-1); font-size: 14px; } a { color: inherit; text-decoration: none; } /* ============================================================ Top nav — Linda v3 + Option B 2026-05-26 全站统一升级: Fraunces serif logo + italic slogan + admin 区右侧分组. 只升级 nav 视觉, 正文 (panel/form/卡片) 完全不动. ============================================================ */ /* Logo wrap: 左侧 "Minus-AI Internal" + 下方 slogan */ .logo-box { display: inline-flex; align-items: center; text-decoration: none; color: inherit; } .logo-text-wrap { display: flex; flex-direction: column; line-height: 1.1; } .logo-text { font-family: "Fraunces", Georgia, "Songti SC", serif; font-weight: 500; font-size: 19px; letter-spacing: -0.01em; color: var(--ink-1); font-variation-settings: "opsz" 48; } .logo-text em { font-style: italic; color: var(--brand-blue); font-weight: 400; } .logo-slogan { font-family: "Fraunces", Georgia, "Songti SC", serif; font-style: italic; font-weight: 350; font-size: 11px; letter-spacing: 0.005em; color: var(--brand-blue-dd); margin-top: 1px; font-variation-settings: "opsz" 18; white-space: nowrap; } .topnav { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); border-bottom: 1px solid var(--line); padding: 0 32px; display: flex; align-items: center; height: 64px; gap: 6px; /* 标签多/窄屏装不下时: 横向滚动 (白底始终盖住可见区, 不让溢出标签漏到框外没衬底) */ overflow-x: auto; overflow-y: hidden; } .topnav .logo-box { margin-right: 24px; flex-shrink: 0; } /* tabs container (使用功能 left + admin right) */ .tabs { display: flex; gap: 4px; } .tabs-user { /* 默认 */ } .tabs-admin { /* 右侧 admin 区 */ } .nav-spacer { flex: 1; } .nav-sep { width: 1px; height: 22px; background: var(--line); margin: 0 6px; } .tab { padding: 8px 11px; border-radius: 6px; cursor: pointer; white-space: nowrap; color: var(--ink-2); font-size: 13px; font-weight: 500; transition: background 0.15s, color 0.15s; font-family: "Manrope", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; } .tab:hover { background: var(--bg-soft); color: var(--ink-1); } .tab.active { background: var(--brand-blue-l); color: var(--brand-blue); } /* Admin ▾ 下拉 (Linda 2026-07-15 feat/nav-admin-menu): 原 6 个平铺 admin tab (Progress/Log/Showroom Label/Permission/API) 收进一个下拉, 省窄屏空间。面板 admin_menu.js 会 portal 到 + position:fixed 定位 —— .topnav 带 backdrop-filter 会成为 fixed 的包含块并按其 overflow 裁剪, 面板留在 nav 里会被裁掉 (肉眼看不见)。 */ .admin-menu { position: relative; flex-shrink: 0; display: inline-flex; } /* .admin-trigger 是