/* ============================================================
 * 极简主义底座 minimal-base.css —— 全站唯一主题（v2 重做版）
 * 定位：覆盖 style.css 的液态玻璃外观，整体切换为极简主义：
 *   纯色背景 / 1px 发丝线 / 无模糊 / 无玻璃 / 无光斑 / 无镜面高光
 * 本文件在 style.css 之后加载，!important 强制生效。
 * 液态玻璃体系（liquid-glass-v3 / liquid.js / 风格切换）已整体移除。
 * ============================================================ */

/* ── 1. 变量：液态参数全部归零，配色走极简 ── */
:root {
  --liquid: 0;
  --glass-blur: 0px;
  --glass-saturate: 100%;
  --glass-bg-op: 1;
  --glass-border-op: 0;
  --blob-op: 0;
  --aberr: 0;
  --liquid-radius: 10px;
  --m-surface: #ffffff;
  --m-surface-2: #f7f8f9;
  --m-radius: 10px;
  --hair: rgba(17, 20, 24, .10);
}
[data-theme="dark"] {
  --m-surface: #14171c;
  --m-surface-2: #191d23;
  --hair: rgba(255, 255, 255, .12);
}

/* ── 2. 硬性禁用一切玻璃合成（任何元素，无例外） ── */
*, *::before, *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.glass, .glass-pill, .side-card, .topbar, .av-topbar, .liquid-panel,
.nc-panel, .mobile-nav, .search-pop, .music-nav-panel, .friend,
.poster-card, .post, .av-card, .av-toc, .cat-card, .cat-bar {
  filter: none !important;
}

/* ── 3. 隐藏全部液态元素：光斑 / 鼠标辉光 / 玻璃面板 / 设置入口 ──
 *    注：.particle-layer（粒子特效 canvas）**不在此列** —— 它是用户可开关的
 *    显式特效，需在极简/液态两种主题下都真实可见（历史 bug：原 .sakura-layer
 *    被这里 !important 永久隐藏，导致樱花特效从未显示过）。 */
.liquid-bg, .liquid-bg .blob,
.cursor-glow,
.liquid-toggle,
.liquid-panel,
.glass-glare::before,
.glass-glare::after,
#siteTitle::before,
#siteTitle::after,
.post::after { display: none !important; }

/* ── 4. 卡片体系：纯色 + 发丝线 + 无阴影 ── */
.glass, .glass-pill, .side-card, .post, .cat-bar, .cat-card,
.comments, .nav-drop-menu, .mobile-nav, .search-pop,
.music-nav-panel, .av-toc, .nc-panel {
  background: var(--m-surface) !important;
  box-shadow: none !important;
  border: 1px solid var(--hair) !important;
  border-radius: var(--m-radius) !important;
}
.side-card, .ar-card, .av-card { padding: 20px; }

/* 顶栏：不透明纸面 + 底部细线 */
.topbar, .av-topbar {
  background: var(--m-surface) !important;
  border-bottom: 1px solid var(--hair) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.topbar::before, .topbar::after,
.av-topbar::before, .av-topbar::after,
.glass-pill::before, .glass-pill::after { display: none !important; }
.topnav a, .nav-drop-trigger {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-muted);
  border-radius: 8px;
}
.topnav a:hover, .nav-drop-trigger:hover { color: var(--text); background: var(--m-surface-2) !important; }
.topnav a.active { color: var(--accent); background: var(--accent-dim) !important; }

/* ── 5. 首页 Hero：留白排版，不用全屏壁纸 ── */
.hero-banner {
  min-height: clamp(240px, 38vh, 360px) !important;
  background-image: none !important;
  background-color: var(--bg-2) !important;
  border-bottom: 1px solid var(--hair);
}
.hero-banner::before, .hero-banner .hero-overlay { display: none !important; }
.hero-banner .hero-content { padding: 56px 16px 48px; }
.hero-banner h1 {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  text-shadow: none !important;
  animation: none !important;
}
.hero-banner .kicker { color: var(--text-muted) !important; }
.search-input {
  background: var(--m-surface) !important;
  border-radius: var(--m-radius) !important;
  box-shadow: none !important;
}

/* ── 6. 文章卡 / 胶囊 / 按钮：hover 只换边框底色 ── */
.post { padding: 22px 24px; transition: border-color .18s ease, background .18s ease !important; }
.post:hover, .post.is-floating {
  transform: none !important;
  box-shadow: none !important;
  background: var(--m-surface-2) !important;
  border-color: var(--accent) !important;
}
.tag, .cat-chip, .tag-chip {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-muted);
  border: 1px solid var(--hair) !important;
  border-radius: 6px !important;
}
.cat-chip.active { color: var(--accent); border-color: var(--accent) !important; background: var(--accent-dim) !important; }
.icon-btn { background: transparent !important; }
.icon-btn.active { color: var(--accent); background: var(--accent-dim) !important; }

/* 分类卡：白卡 + 单色图标 */
.cat-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--accent) !important;
  background: var(--m-surface-2) !important;
}
.cat-icon { background: var(--accent-dim) !important; color: var(--accent) !important; box-shadow: none !important; }

/* ── 7. 表单控件：纯色 ── */
.gb-form input, .gb-form textarea,
.cm-field input, .cm-field textarea {
  background: var(--m-surface-2) !important;
  box-shadow: none !important;
}

/* ── 8. 悬浮按钮：白底细线 ── */
.liquid-toggle { display: none !important; }
.back-top, .scroll-down {
  background: var(--m-surface) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--hair) !important;
  box-shadow: none !important;
}

/* ── 9. 背景与正文底色 ── */
body { background: var(--bg); }
body.wm-solid .blob, body.wm-wallpaper .blob, body.wm-banner .blob { opacity: 0 !important; }

/* ── 10. 减少 GPU 合成层残留：去掉无谓的 will-change ── */
.tilt, .blob, .hero-banner .hero-content, .hero-banner .hero-overlay { will-change: auto !important; }

/* ════════════════════════════════════════════════════════════════
   ── 11. 关于页样式（从 about.html 内联 <style> 迁出）──
   必须放在全站共享 CSS 里：SPA 切到「关于」时只注入 <main> 的
   innerHTML，about.html 的 <head> 内联样式不会跟着走，头像会失
   去尺寸约束撑成巨图、正文丢排版。放这里两条路径都能命中。
   ════════════════════════════════════════════════════════════════ */
.about-profile { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; padding: 30px 32px; margin-bottom: 24px; }
.ap-ava { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(255,255,255,.35); }
.ap-main { flex: 1; min-width: 240px; }
.ap-name { font-size: 23px; font-weight: 700; margin: 0; letter-spacing: .02em; }
.ap-headline { color: var(--text-dim); margin: 5px 0 0; font-size: 14px; }
.ap-bio { margin: 12px 0 0; line-height: 1.75; font-size: 14px; max-width: 62ch; }
.ap-meta { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; font-size: 13px; color: var(--text-dim); }
.ap-meta a, .ap-meta span { display: inline-flex; align-items: center; gap: 5px; }
.ap-social { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.ap-social a { padding: 6px 14px; border: 1px solid var(--border, var(--hair)); border-radius: 999px; font-size: 13px; color: var(--text); transition: border-color .15s, color .15s; }
.ap-social a:hover { border-color: var(--accent); color: var(--accent); }
/* 正文排版（后台 Markdown 渲染目标容器）——不限 .shell.single，SPA 注入的 col-sub 同样命中 */
.about-prose { width: 100%; max-width: 100%; text-align: left; box-sizing: border-box; line-height: 1.9; font-size: 15px; min-height: 140px; }
.about-prose > *:first-child { margin-top: 0; }
.about-prose > *:last-child { margin-bottom: 0; }
.about-prose h1, .about-prose h2 { font-size: 20px; font-weight: 700; margin: 28px 0 12px; padding-left: 12px; border-left: 3px solid var(--accent); letter-spacing: .01em; }
.about-prose h3 { font-size: 17px; font-weight: 600; margin: 22px 0 10px; }
.about-prose p { margin: 10px 0; }
.about-prose a { color: var(--accent); text-decoration: none; border-bottom: 1px dashed var(--accent); }
.about-prose ul, .about-prose ol { padding-left: 22px; margin: 10px 0; }
.about-prose li { margin: 6px 0; }
.about-prose blockquote { margin: 12px 0; padding: 10px 16px; border-left: 3px solid var(--accent); background: var(--bg-2); border-radius: 0 8px 8px 0; color: var(--text-muted); }
.about-prose code { font-family: var(--font-mono); font-size: 13px; background: var(--bg-2); padding: 2px 6px; border-radius: 5px; border: 1px solid var(--hair); }
.about-prose pre { background: var(--bg-2); border: 1px solid var(--hair); border-radius: 8px; padding: 14px; overflow: auto; }
.about-prose pre code { border: 0; background: transparent; padding: 0; }
.about-prose img { max-width: 100%; border-radius: 8px; }
.about-prose hr { border: 0; border-top: 1px solid var(--hair); margin: 22px 0; }
@media (max-width: 560px) {
  .about-profile { flex-direction: column; text-align: center; }
  .ap-social, .ap-meta { justify-content: center; }
}