/* ============================================================
   aiart.nexus 全站统一皮肤
   主题：水墨素雅 · 衬线典雅
   2026-05-10 v1
============================================================ */

/* 1. 字体引入（Google Fonts + fallback）*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* 2. 全局变量 */
:root {
  --aiart-bg: #FAFAF7;
  --aiart-bg-alt: #EEEEE8;
  --aiart-card: rgba(250, 250, 247, 0.95);
  --aiart-text: #1A1A1A;
  --aiart-text-soft: #2A2A2A;
  --aiart-muted: #999999;
  --aiart-line: rgba(42, 42, 42, 0.1);
  --aiart-accent: #2c1f18;
  --aiart-accent-hover: #7a5a3a;

  --aiart-radius: 8px;
  --aiart-shadow: 0 4px 24px rgba(42,25,15,0.06);
  --aiart-shadow-lg: 0 12px 48px rgba(42,25,15,0.1);

  --aiart-font-ui: 'Noto Serif SC', 'Noto Serif JP', -apple-system, "PingFang SC", system-ui, serif;
  --aiart-font-mono: 'JetBrains Mono', 'Menlo', 'Monaco', monospace;
}

/* 3. 全局基础 */
html, body {
  background: var(--aiart-bg) !important;
  color: var(--aiart-text-soft) !important;
  font-family: var(--aiart-font-ui) !important;
  line-height: 1.7 !important;
}

/* 4. 主按钮（登录/确认/提交）*/
.semi-button-primary,
.semi-button.semi-button-primary,
button[type="submit"].semi-button,
button.semi-button-primary {
  background: var(--aiart-accent) !important;
  border-color: var(--aiart-accent) !important;
  color: #FAFAF7 !important;
  border-radius: var(--aiart-radius) !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}
.semi-button-primary:hover {
  background: var(--aiart-accent-hover) !important;
  border-color: var(--aiart-accent-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(44,31,24,0.25) !important;
}

/* 5. 次要按钮 */
.semi-button.semi-button-tertiary,
.semi-button.semi-button-light {
  border: 1px solid var(--aiart-line) !important;
  color: var(--aiart-text) !important;
  background: transparent !important;
  border-radius: var(--aiart-radius) !important;
}

/* 6. 输入框 */
.semi-input-wrapper,
.semi-select,
.semi-textarea-wrapper {
  border: 1px solid var(--aiart-line) !important;
  border-radius: var(--aiart-radius) !important;
  background: #FFFFFF !important;
}
.semi-input-wrapper-focus,
.semi-input-wrapper:hover {
  border-color: var(--aiart-accent) !important;
  box-shadow: 0 0 0 3px rgba(44,31,24,0.08) !important;
}

/* 7. 卡片 */
.semi-card {
  background: var(--aiart-card) !important;
  border: 1px solid var(--aiart-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--aiart-shadow) !important;
}

/* 8. 表格 */
.semi-table {
  background: #FFFFFF !important;
  border-radius: var(--aiart-radius) !important;
  overflow: hidden !important;
}
.semi-table-thead th {
  background: var(--aiart-bg-alt) !important;
  color: var(--aiart-text) !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}
.semi-table-tbody tr:hover td {
  background: var(--aiart-bg-alt) !important;
}

/* 9. 链接 */
a, .semi-typography a {
  color: var(--aiart-accent) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
a:hover {
  color: var(--aiart-accent-hover) !important;
}

/* 10. 侧边栏 */
.semi-navigation,
.semi-layout-sider {
  background: var(--aiart-bg) !important;
  border-right: 1px solid var(--aiart-line) !important;
}
.semi-navigation-item {
  border-radius: var(--aiart-radius) !important;
  margin: 2px 8px !important;
}
.semi-navigation-item:hover {
  background: var(--aiart-bg-alt) !important;
}
.semi-navigation-item-selected {
  background: var(--aiart-accent) !important;
  color: #FAFAF7 !important;
}
.semi-navigation-item-selected:hover {
  background: var(--aiart-accent-hover) !important;
}

/* 11. Header 顶栏 */
.semi-layout-header,
header.semi-header {
  background: rgba(250, 250, 247, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid var(--aiart-line) !important;
}

/* 12. Modal */
.semi-modal-content {
  background: var(--aiart-bg) !important;
  border-radius: 14px !important;
  box-shadow: var(--aiart-shadow-lg) !important;
}
.semi-modal-header {
  border-bottom: 1px solid var(--aiart-line) !important;
}
.semi-modal-title {
  font-family: var(--aiart-font-ui) !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
}

/* 13. Tag/Badge */
.semi-tag {
  border-radius: 4px !important;
  font-weight: 400 !important;
}

/* 14. Descriptions（个人中心/余额面板） */
.semi-descriptions {
  background: #FFFFFF !important;
  border: 1px solid var(--aiart-line) !important;
  border-radius: var(--aiart-radius) !important;
}

/* 15. Tabs */
.semi-tabs-tab-active {
  color: var(--aiart-accent) !important;
  font-weight: 500 !important;
}
.semi-tabs-bar-line .semi-tabs-tab-active::after {
  background: var(--aiart-accent) !important;
}

/* 16. Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(42,42,42,0.2);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(42,42,42,0.4);
}

/* 17. 标题字体（h1-h3 衬线高光）*/
h1, h2, h3, .semi-typography-title {
  font-family: var(--aiart-font-ui) !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: var(--aiart-text) !important;
}

/* 18. 代码块 */
code, pre, .semi-typography-code {
  font-family: var(--aiart-font-mono) !important;
  background: var(--aiart-bg-alt) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

/* 19. 隐藏"注册 / 忘记密码 / 设计与开发"等非业务元素 */
a[href="/register"],
a[href*="/register"],
a[href*="QuantumNous"],
a[href*="github.com/QuantumNous"],
[class*="register-link"] {
  display: none !important;
}

/* 20. Logo container（左上角）偏素 */
.semi-layout-header img[src*="logo"],
header img[src*="logo"] {
  max-height: 32px !important;
  opacity: 0.85 !important;
  transition: opacity 0.3s ease !important;
}
.semi-layout-header img[src*="logo"]:hover,
header img[src*="logo"]:hover {
  opacity: 1 !important;
}