/* ============================================================
   杂鱼社区 — 「素白简约」皮肤 v6.2（叠加层，不修改 v6.1 主题）
   设计语言：留白 · 细线 · 低饱和 · 克制动效 · 清晰层级
   · 背景：28px 极淡网格 + 顶部柔光，移除三色极光 blob
   · 卡片：纯白 + 1px 细边框 + 12px 圆角 + 无玻璃模糊
   · 主色：石板墨蓝 #3f4a5f（单色实色），强调：陶土 #b26a52
   · 动效：仅保留 120ms 内的轻微反馈，关闭渐变流动与浮动
   触发：<html data-skin="minimal">（顶栏皮肤开关切换）
   ============================================================ */

/* ---------- 设计令牌：浅色 ---------- */
html[data-skin="minimal"] {
  --primary: #3f4a5f;
  --primary-dark: #2b3444;
  --primary-deeper: #202836;
  --primary-light: rgba(63, 74, 95, 0.07);
  --primary-soft: rgba(63, 74, 95, 0.14);
  --primary-glow: rgba(63, 74, 95, 0.18);
  --accent: #b26a52;
  --accent-dark: #96513c;
  --accent-light: rgba(178, 106, 82, 0.10);
  --accent-glow: rgba(178, 106, 82, 0.18);
  --teal: #4a7d78;
  --pink: #b26a52;
  /* 渐变变量降为实色，保证所有旧组件单色化 */
  --grad-primary: linear-gradient(0deg, #3f4a5f, #3f4a5f);
  --grad-primary-soft: linear-gradient(0deg, #56627a, #56627a);
  --grad-warm: linear-gradient(0deg, #b26a52, #b26a52);
  --grad-cool: linear-gradient(0deg, #4a7d78, #4a7d78);
  --bg: #f7f8fa;
  --bg-soft: #f1f3f6;
  --card: #ffffff;
  --card-hover: #ffffff;
  --card-border: #e6e9ee;
  --card-line: #edf0f3;
  --glass-blur: 0px;
  --input-bg: #ffffff;
  --input-border: #dfe3e9;
  --header-bg: rgba(255, 255, 255, 0.96);
  --text-primary: #1e2430;
  --text-secondary: #596274;
  --text-muted: #8b93a1;
  --text-placeholder: #b3bac5;
  --danger: #c0483f;
  --danger-bg: rgba(192, 72, 63, 0.08);
  --success: #3f7a5e;
  --success-bg: rgba(63, 122, 94, 0.10);
  --warn: #9a7427;
  --warn-bg: rgba(154, 116, 39, 0.10);
  --info-bg: rgba(63, 74, 95, 0.07);
  --shadow-sm: 0 1px 2px rgba(24, 32, 48, 0.05);
  --shadow: 0 2px 8px rgba(24, 32, 48, 0.06);
  --shadow-lg: 0 6px 20px rgba(24, 32, 48, 0.08);
  --shadow-xl: 0 12px 32px rgba(24, 32, 48, 0.10);
  --shadow-glow: 0 1px 3px rgba(24, 32, 48, 0.10);
  --shadow-glow-pink: 0 1px 3px rgba(24, 32, 48, 0.10);
  --ring: 0 0 0 3px rgba(63, 74, 95, 0.12);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --ease-spring: cubic-bezier(.2, .7, .3, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
}

/* ---------- 设计令牌：深色 ---------- */
html[data-skin="minimal"][data-theme="dark"] {
  --primary: #c3ccda;
  --primary-dark: #dce3ee;
  --primary-deeper: #eef2f7;
  --primary-light: rgba(195, 204, 218, 0.10);
  --primary-soft: rgba(195, 204, 218, 0.18);
  --accent: #dc9c84;
  --accent-light: rgba(220, 156, 132, 0.12);
  --grad-primary: linear-gradient(0deg, #c3ccda, #c3ccda);
  --grad-primary-soft: linear-gradient(0deg, #aab5c6, #aab5c6);
  --grad-warm: linear-gradient(0deg, #dc9c84, #dc9c84);
  --grad-cool: linear-gradient(0deg, #88b4ae, #88b4ae);
  --bg: #14171d;
  --bg-soft: #191d24;
  --card: #1d2129;
  --card-hover: #232831;
  --card-border: #2b313b;
  --card-line: #272d36;
  --input-bg: #1a1e25;
  --input-border: #343b46;
  --header-bg: rgba(25, 29, 36, 0.96);
  --text-primary: #eef1f5;
  --text-secondary: #b8c0cc;
  --text-muted: #828b99;
  --text-placeholder: #626b78;
  --danger-bg: rgba(192, 72, 63, 0.14);
  --success-bg: rgba(63, 122, 94, 0.16);
  --warn-bg: rgba(154, 116, 39, 0.16);
  --info-bg: rgba(195, 204, 218, 0.10);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  --shadow-lg: 0 8px 22px rgba(0, 0, 0, 0.32);
  --shadow-xl: 0 14px 36px rgba(0, 0, 0, 0.40);
  --shadow-glow: 0 1px 3px rgba(0, 0, 0, 0.28);
  --ring: 0 0 0 3px rgba(195, 204, 218, 0.14);
}
@media (prefers-color-scheme: dark) {
  html[data-skin="minimal"][data-skin]:not([data-theme="light"]) {
    --primary: #c3ccda;
    --primary-dark: #dce3ee;
    --primary-deeper: #eef2f7;
    --primary-light: rgba(195, 204, 218, 0.10);
    --primary-soft: rgba(195, 204, 218, 0.18);
    --accent: #dc9c84;
    --accent-light: rgba(220, 156, 132, 0.12);
    --grad-primary: linear-gradient(0deg, #c3ccda, #c3ccda);
    --grad-primary-soft: linear-gradient(0deg, #aab5c6, #aab5c6);
    --grad-warm: linear-gradient(0deg, #dc9c84, #dc9c84);
    --grad-cool: linear-gradient(0deg, #88b4ae, #88b4ae);
    --bg: #14171d;
    --bg-soft: #191d24;
    --card: #1d2129;
    --card-hover: #232831;
    --card-border: #2b313b;
    --card-line: #272d36;
    --input-bg: #1a1e25;
    --input-border: #343b46;
    --header-bg: rgba(25, 29, 36, 0.96);
    --text-primary: #eef1f5;
    --text-secondary: #b8c0cc;
    --text-muted: #828b99;
    --text-placeholder: #626b78;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22);
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
    --shadow-lg: 0 8px 22px rgba(0, 0, 0, 0.32);
    --shadow-xl: 0 14px 36px rgba(0, 0, 0, 0.40);
    --shadow-glow: 0 1px 3px rgba(0, 0, 0, 0.28);
    --ring: 0 0 0 3px rgba(195, 204, 218, 0.14);
  }
}

/* ---------- 背景重新排版：细网格 + 顶部柔光，移除极光 blob ---------- */
html[data-skin="minimal"] .bg-decor {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 70% 42% at 50% -12%, rgba(63, 74, 95, 0.055) 0%, transparent 70%),
    linear-gradient(rgba(63, 74, 95, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 74, 95, 0.032) 1px, transparent 1px);
  background-size: 100% 100%, 28px 28px, 28px 28px;
}
html[data-skin="minimal"] .bg-decor::before,
html[data-skin="minimal"] .bg-decor::after,
html[data-skin="minimal"] body::before { display: none !important; }
html[data-skin="minimal"][data-theme="dark"] .bg-decor,
html[data-skin="minimal"][data-skin]:not([data-theme="light"]) .bg-decor {
  background-image:
    radial-gradient(ellipse 70% 42% at 50% -12%, rgba(195, 204, 218, 0.045) 0%, transparent 70%),
    linear-gradient(rgba(195, 204, 218, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(195, 204, 218, 0.028) 1px, transparent 1px);
}
html[data-skin="minimal"] body { background: var(--bg); }

/* ---------- 顶栏 / 主头 ---------- */
html[data-skin="minimal"] .topbar {
  background: #ffffff;
  color: var(--text-secondary);
  border-bottom: 1px solid var(--card-line);
  animation: none !important;
}
/* 深色下顶栏同步变深，避免出现刺眼白条 */
html[data-skin="minimal"][data-theme="dark"] .topbar {
  background: #191d24;
  color: var(--text-secondary);
  border-bottom-color: var(--card-border);
}
@media (prefers-color-scheme: dark) {
  html[data-skin="minimal"][data-skin]:not([data-theme="light"]) .topbar {
    background: #191d24;
    color: var(--text-secondary);
    border-bottom-color: var(--card-border);
  }
}
html[data-skin="minimal"] .topbar-links a,
html[data-skin="minimal"] .topbar .theme-toggle {
  color: var(--text-secondary);
  border-left: 1px solid var(--card-line);
}
html[data-skin="minimal"] .topbar-links a:hover,
html[data-skin="minimal"] .topbar .theme-toggle:hover {
  color: var(--primary);
  background: var(--primary-light);
}
html[data-skin="minimal"] .site-header {
  background: var(--header-bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--card-border);
}
html[data-skin="minimal"] .site-header.scrolled { box-shadow: var(--shadow-sm); }
html[data-skin="minimal"] .logo span {
  background: none;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
  animation: none !important;
  font-weight: 700;
  letter-spacing: 0;
}
html[data-skin="minimal"] .main-nav a:hover { transform: none; }
html[data-skin="minimal"] .main-nav a.active {
  background: var(--primary-light);
  color: var(--primary);
  box-shadow: none;
  animation: none !important;
  font-weight: 700;
}
html[data-skin="minimal"] .nav-bell:hover,
html[data-skin="minimal"] .theme-toggle:hover { transform: none; }

/* ---------- 卡片 / 按钮 ---------- */
html[data-skin="minimal"] .card {
  background: var(--card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
html[data-skin="minimal"] .card:hover { transform: none; box-shadow: var(--shadow); }
html[data-skin="minimal"] .btn-primary,
html[data-skin="minimal"] .btn.btn-primary {
  background: var(--primary);
  background-image: none;
  color: #fff;
  box-shadow: none;
  animation: none !important;
  border-radius: var(--radius);
}
html[data-skin="minimal"] .btn-primary:hover {
  background: var(--primary-dark);
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
html[data-skin="minimal"] .quick-item {
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
html[data-skin="minimal"] .quick-item:hover { transform: translateY(-1px); }
html[data-skin="minimal"] .quick-item .qicon {
  background: var(--primary-light);
  border: 1px solid var(--card-line);
  border-radius: var(--radius);
  color: var(--primary);
  box-shadow: none;
}
/* 极光皮肤下 qicon 是渐变底 + 反白图标；简约皮肤底色变浅，图标必须回到底色，否则白压白看不见 */
html[data-skin="minimal"] .quick-item .qicon .icon-svg { color: var(--primary); }
html[data-skin="minimal"] .quick-item:hover .qicon { transform: none; }
html[data-skin="minimal"] .section-head::after { background: var(--card-line); height: 1px; }
html[data-skin="minimal"] .section-head h2::before { background: var(--primary); width: 3px; border-radius: 2px; }

/* ---------- 头像 / 徽章 / 空态 ---------- */
html[data-skin="minimal"] .mini-avatar,
html[data-skin="minimal"] .blue-v,
html[data-skin="minimal"] .unread-badge,
html[data-skin="minimal"] .nav-badge,
html[data-skin="minimal"] .empty-ico,
html[data-skin="minimal"] .conv-empty-ico,
html[data-skin="minimal"] .chat-empty-ico,
html[data-skin="minimal"] .conv-list-empty-ico {
  background: var(--primary);
  background-image: none;
  color: #fff;
  box-shadow: none;
  animation: none !important;
}
html[data-skin="minimal"] .mini-avatar span { color: #fff; }
html[data-skin="minimal"] .blue-v { background: #4a7d78; }
html[data-skin="minimal"] .unread-badge,
html[data-skin="minimal"] .nav-badge { background: var(--danger); }
html[data-skin="minimal"] .empty-ico,
html[data-skin="minimal"] .chat-empty-ico,
html[data-skin="minimal"] .conv-list-empty-ico {
  background: var(--primary-light);
  color: var(--primary);
  border: 1px solid var(--card-line);
  border-radius: var(--radius-lg);
}
html[data-skin="minimal"] .conv-empty-ico::after { display: none; }
html[data-skin="minimal"] .img-upload-btn {
  border-radius: var(--radius);
  background: var(--primary-light);
  border: 1px solid var(--card-line);
}
html[data-skin="minimal"] .img-upload-btn:hover { transform: none; box-shadow: none; }
html[data-skin="minimal"] .send-btn { border-radius: var(--radius) !important; }

/* ---------- 私聊页 ---------- */
html[data-skin="minimal"] .conv-main { background: var(--bg-soft); }
html[data-skin="minimal"] .conv-head,
html[data-skin="minimal"] .conv-input {
  background: var(--card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: var(--card-line);
}
html[data-skin="minimal"] .bubble {
  background: var(--card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: none;
}
html[data-skin="minimal"] .msg.mine .bubble {
  background: var(--primary);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}
html[data-skin="minimal"] .msg.mine .msg-time,
html[data-skin="minimal"] .msg.mine .msg-read-status { color: rgba(255, 255, 255, 0.72); }
html[data-skin="minimal"] .conv-item.active { box-shadow: inset 2px 0 0 var(--primary); }

/* ---------- 表单 / 页脚 / 其它渐变件 ---------- */
html[data-skin="minimal"] .profile-banner,
html[data-skin="minimal"] .pair-code,
html[data-skin="minimal"] .qr-panel,
html[data-skin="minimal"] .site-footer {
  background: var(--primary);
  background-image: none;
  animation: none !important;
  box-shadow: none;
}
html[data-skin="minimal"] .pair-code {
  color: var(--primary);
  background: var(--primary-light);
  border: 1px dashed var(--primary-soft);
  text-shadow: none;
}
html[data-skin="minimal"] .site-footer { background: #222833; }
html[data-skin="minimal"] .form-group input:focus,
html[data-skin="minimal"] .form-group textarea:focus { box-shadow: var(--ring); }

/* ---------- v7.1 无缝发布带 / 无边框输入（简约皮肤） ---------- */
/* html[data-skin] .card 的权重高于 .post-box，这里必须同等权重地剥掉卡片壳 */
html[data-skin="minimal"] .card.post-box {
  background: linear-gradient(180deg, var(--primary-light), transparent 92%);
  border: none;
  box-shadow: none;
  border-radius: 0 0 14px 14px;
}
html[data-skin="minimal"] .card.post-box:hover { box-shadow: none; }
html[data-skin="minimal"] input.post-box-input {
  background: var(--card);
  border: 1px solid var(--card-border);
  box-shadow: none;
}
html[data-skin="minimal"] input.post-box-input:focus {
  border-color: var(--primary-soft);
  box-shadow: var(--ring);
}
html[data-skin="minimal"] .search-box input {
  background: var(--card);
  border: 1px solid var(--card-border);
  box-shadow: none;
}
html[data-skin="minimal"] .form-group input,
html[data-skin="minimal"] .form-group textarea,
html[data-skin="minimal"] .form-group select,
html[data-skin="minimal"] .form-control,
html[data-skin="minimal"] .conv-input input[type="text"] {
  border: 1px solid var(--card-border);
  background: var(--bg-soft);
}
html[data-skin="minimal"] .form-group input:focus,
html[data-skin="minimal"] .form-group textarea:focus,
html[data-skin="minimal"] .form-group select:focus,
html[data-skin="minimal"] .form-control:focus,
html[data-skin="minimal"] .conv-input input[type="text"]:focus {
  border-color: var(--primary-soft);
  background: var(--card);
}

/* ---------- 克制动效：关闭渐变流动 / 浮动 / 旋转，保留入场 ---------- */
html[data-skin="minimal"] .profile-banner,
html[data-skin="minimal"] .btn-primary,
html[data-skin="minimal"] .main-nav a.active,
html[data-skin="minimal"] .logo span,
html[data-skin="minimal"] .topbar,
html[data-skin="minimal"] .empty-ico,
html[data-skin="minimal"] .conv-empty-ico,
html[data-skin="minimal"] .chat-empty-ico,
html[data-skin="minimal"] .badgePulse { animation: none !important; }
html[data-skin="minimal"] .card,
html[data-skin="minimal"] .quick-item { transition: box-shadow .18s ease, border-color .18s ease; }

/* 深/浅图片亮度修正（简约皮肤不压暗图片） */
html[data-skin="minimal"][data-theme="dark"] img,
html[data-skin="minimal"]:not([data-theme="light"]) img { opacity: 1; }