/* ================================================================
   NOTHING · 设计系统覆盖层 v73
   锁定色板：软白 #FAFAF8 / 炭黑 #1A1A1A / 浅灰 #949494 / 边框 #EAEAEA
   红色仅 Logo 记忆点与告警；圆角统一 12px；柔和弥散阴影；8px 间距基准
   ================================================================ */

:root, [data-theme="light"] {
  --bg: #FAFAF8;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --card: #FFFFFF;
  --bg-soft: #F4F4F2;
  --bg-input: #F4F4F2;
  --bg-hover: #F0F0ED;
  --bg-active: #E9E9E6;
  --text: #1A1A1A;
  --text-secondary: #4B4B4B;
  --text-muted: #949494;
  --accent: #1A1A1A;
  --accent-hover: #000000;
  --accent-soft: rgba(0, 0, 0, .05);
  --border: #EAEAEA;
  --border-light: #E0E0E0;
  --user-bubble: #1A1A1A;
  --ai-bubble: #F4F4F2;
  --shadow: 0 2px 12px rgba(0, 0, 0, .04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .05);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, .07);
  --radius: 12px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --font: "Inter", -apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

[data-theme="dark"] {
  --border: #2A2A2A;
  --border-light: #242424;
}

/* 字重收敛：少一点圆胖，多一点秩序 */
body { font-weight: 500; letter-spacing: .1px; }

/* 去除旧 3D 凹凸阴影，全站统一柔和弥散 */
.sb-new-btn, .sb-login-btn, .tool-btn, .tool-send, .kb-add-btn,
.mbtn, .lbtn, .sug-item, .sb-nav-item, .login-close, .mclose {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
  border: 1px solid var(--border);
  transition: all .18s ease;
}
.sb-new-btn:hover, .sb-login-btn:hover, .tool-btn:hover, .tool-send:hover,
.kb-add-btn:hover, .mbtn:hover, .lbtn:hover, .sug-item:hover, .sb-nav-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
  transform: translateY(-1px);
}
.sb-new-btn:active, .sb-login-btn:active, .tool-btn:active, .tool-send:active,
.kb-add-btn:active, .mbtn:active, .lbtn:active, .sug-item:active, .sb-nav-item:active,
.login-close:active, .mclose:active {
  box-shadow: none;
  transform: translateY(0);
}

/* 主按钮 / 登录按钮：炭黑底白字 */
.sb-login-btn, .tool-send { background: var(--accent); color: #fff; border-color: var(--accent); }
.sb-login-btn:hover, .tool-send:hover { background: var(--accent-hover); }

/* ==================== 侧边栏品牌 ==================== */
.sb-brand { justify-content: center; gap: 0; align-items: center; padding: 26px 20px 10px; }
.sb-logo {
  width: auto; height: 150px; max-height: none;
  background: transparent; padding: 0;
  object-fit: contain;
}

/* 用户头像：灰阶圆点，不用 emoji */
.sb-foot { margin-top: auto; }
.sb-user-avatar { display: none !important; }

/* ==================== 顶栏 ==================== */
.topbar-logo { height: 42px; width: auto; object-fit: contain; opacity: .9; }

/* ==================== welcome 工作台 ==================== */
.ws-launcher {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 20px; max-width: 980px; margin: 38px auto 0; padding: 0 24px;
  width: 100%;
}
.ws-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 22px 24px 20px;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
  transition: all .2s ease;
  min-height: 108px;
  position: relative;
  display: flex; flex-direction: column; justify-content: center; gap: 6px;
  font-family: inherit;
}
.ws-card::before {
  content: ""; position: absolute; left: 0; top: 18px; bottom: 18px;
  width: 3px; border-radius: 2px; background: var(--text, #0d0d0e); opacity: .85;
}
.ws-card::after {
  content: ""; position: absolute;
}
.ws-card b {
  font-size: 20px; font-weight: 800; color: var(--text); letter-spacing: .5px;
}
.ws-card span { font-size: 14px; color: var(--text-muted); line-height: 1.7; }
.ws-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
  border-color: #E0E0E0;
}
.ws-card:active { transform: translateY(-1px); }
@media(max-width: 760px) { .ws-launcher { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 480px) { .ws-launcher { grid-template-columns: 1fr; } }

/* 建议列表：去 emoji 后的统一小横线前缀 */
.sug-icon { display: none; }
.sug-item::before {
  content: ""; display: inline-block;
  width: 14px; height: 2px; border-radius: 2px;
  background: #C9C9C6; margin-right: 10px; vertical-align: middle;
}

/* ==================== 杂项收敛 ==================== */
.ver-chip { font-family: "Inter", var(--font); }
button, input, textarea, select { border-radius: 8px; }
textarea, .ic-textarea-big { border-radius: 12px !important; }

/* 主对话框：加大更大气 */
.input-stack { max-width: 1120px; }
.welcome-msg-block { max-width: 1120px; }
.input-card-big { padding: 13px 22px 9px; }
.ic-textarea-big { font-size: 16px; min-height: 38px; }
.welcome-greeting { font-size: 34px; }
.welcome-sub { font-size: 25px; }
.ws-launcher { max-width: 880px; }

/* 主输入框：炭黑细描边（替换蓝紫渐变） */
.input-card-big {
  background-image: linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, #D8D8D5 0%, #C4C4C1 100%);
  border: 1px solid #EAEAEA;
}
.input-card-big:focus-within {
  background-image: linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, #1A1A1A 0%, #3A3A3A 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
}

/* ==================== 登录页：奶白极简，LOGO 加大，按钮炭黑 ==================== */
.login-page { background: url("login-bg.webp?v=2") center/cover no-repeat; background-color: transparent; }
.login-page::before { background: rgba(0, 0, 0, .38); backdrop-filter: blur(2px); }
.login-card {
  background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .07); color: #1A1A1A; backdrop-filter: none;
}
.login-close { color: #949494; }
.login-close:hover { background: #F4F4F2; color: #1A1A1A; }
.login-logo { height: 175px; filter: none; margin-bottom: 10px; }
.login-sub { color: #949494; }
.login-tabs { border-bottom-color: #EAEAEA; }
.ltab { color: #949494; }
.ltab.active { color: #1A1A1A; border-bottom-color: #1A1A1A; }
.linput { background: #F7F7F5; border-color: #EAEAEA; color: #1A1A1A; }
.linput::placeholder { color: #B8B8B5; }
.linput:focus { border-color: #1A1A1A; box-shadow: 0 0 0 3px rgba(0, 0, 0, .06); }
.lbtn {
  background: #1A1A1A !important; color: #FFFFFF !important;
  border: 1px solid #1A1A1A;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .16);
}
.lerror { color: #8A2B2B; }
.login-foot { border-top-color: #EAEAEA; color: #949494; }
.login-foot b { color: #4B4B4B; }
.login-tel { color: #949494 !important; }
