/* ==========================================================
   hqx.css — 视觉层覆盖
   中性浅色 / 4px 圆角 / 去掉渐变·光斑·噪点·毛玻璃
   与主站 houqingxin.com 的 --accent (#006cac) 保持一致
   ========================================================== */

:root {
  --zen-primary: #006cac !important;
  --zen-secondary: #5c6b7a !important;
  --zen-gradient: none !important;
  --zen-bg-base: #ffffff !important;
  --zen-bg-card: #ffffff !important;
  --zen-border: #e4e4e7 !important;
  --zen-text-main: #18181b !important;
  --zen-text-sub: #5f5f68 !important;
  --zen-text-placeholder: #a1a1aa !important;
  --zen-radius-base: 4px !important;
  --zen-radius-card: 4px !important;
  --zen-radius-btn: 4px !important;

  --bg: #ffffff !important;
  --glass: #ffffff !important;
  --glass-b: #f4f4f5 !important;
  --cyan: #006cac !important;
  --purple: #5c6b7a !important;
  --pink: #b91c1c !important;
  --text: #18181b !important;
  --muted: #5f5f68 !important;
  --border: #e4e4e7 !important;
  --border-h: #a1a1aa !important;
  --r: 4px !important;
  --surface: #ffffff !important;
  --glow-c: none !important;
}

/* 深色模式保持同一套中性逻辑 */
.dark, [data-theme="dark"] {
  --zen-text-main: #ededed !important;
  --zen-text-sub: #a1a1aa !important;
  --zen-bg-base: #111113 !important;
  --zen-bg-card: #18181b !important;
  --zen-border: #2a2a2e !important;
  --bg: #111113 !important;
  --glass: #18181b !important;
  --glass-b: #232327 !important;
  --text: #ededed !important;
  --muted: #a1a1aa !important;
  --border: #2a2a2e !important;
  --surface: #18181b !important;
}

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-size: 15px;
  line-height: 1.65 !important;
  letter-spacing: 0;
}

/* 噪点纹理与浮动光晕 */
body::before { display: none !important; }
.blob, .hero-bg { display: none !important; }

/* 导航 */
nav {
  backdrop-filter: none !important;
  background: var(--bg) !important;
  border-bottom: 1px solid var(--border) !important;
}
.dark nav, [data-theme="dark"] nav { background: var(--bg) !important; backdrop-filter: none !important; }
.nav-inner { height: 56px; }
.logo, .footer-logo,
.site-header .logo {
  background: none !important;
  -webkit-text-fill-color: var(--text) !important;
  color: var(--text) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
}
.logo span, .site-header .logo span {
  -webkit-text-fill-color: var(--muted) !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.nav-links a, .site-header .nav a {
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 6px 10px !important;
}
.nav-links a.active { background: var(--glass-b) !important; color: var(--text) !important; }
.lang-select { border-radius: 4px !important; font-size: 13px !important; }

/* 标题：去掉渐变与超粗字重 */
.page-header { padding: 48px 24px 32px !important; }
.page-header h1 {
  font-size: clamp(24px, 3.2vw, 32px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
}
.page-header h1 .grad,
.hero-gradient-text {
  background: none !important;
  -webkit-text-fill-color: var(--text) !important;
  color: var(--text) !important;
}
.page-header p { font-size: 15px !important; max-width: 640px !important; }
.page-eyebrow, .section-eyebrow {
  color: var(--muted) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}
.section-head h2 { font-weight: 600 !important; font-size: 21px !important; }
.section-head { margin-bottom: 28px !important; }
.section { padding: 40px 24px !important; }

/* 卡片 */
.tool-box, .info-card, .tool-card, .category-card,
.guide-card, .feature-card, .hero-card, details, .skeleton-card {
  background: var(--glass) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.tool-box { padding: 28px !important; }
.tool-box h2 { font-size: 20px !important; font-weight: 600 !important; }
.tool-card:hover, .category-card:hover, .guide-card:hover,
.feature-card:hover, .hero-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--border-h) !important;
}
.info-card h4 { color: var(--text) !important; font-weight: 600 !important; }

/* 按钮 */
.btn-primary, .btn.primary, .btn-hero.primary {
  background: #18181b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 11px 20px !important;
  transform: none !important;
}
.btn-primary:hover, .btn.primary:hover, .btn-hero.primary:hover {
  background: #3f3f46 !important;
  transform: none !important;
  opacity: 1 !important;
}
.dark .btn-primary, [data-theme="dark"] .btn-primary,
.dark .btn.primary, [data-theme="dark"] .btn.primary {
  background: #ededed !important;
  color: #18181b !important;
}
.btn, .btn.ghost {
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  padding: 10px 18px !important;
}
.btn:hover { transform: none !important; }

/* 表单元素统一小圆角 */
input:not([type="checkbox"]):not([type="radio"]),
select, textarea, button, .search-box input, .nav-search-input {
  border-radius: 4px !important;
  font-family: inherit !important;
}
.search-box input { padding: 12px 14px !important; font-size: 15px !important; }
.search-box input:focus, .nav-search-input:focus { border-color: var(--zen-primary) !important; }

/* 徽章与标签 */
.badge, .eyebrow, .nsd-cat, .tag, .hero-tag,
.guide-card span, .zt-new-tools-bar {
  background: var(--glass-b) !important;
  color: var(--muted) !important;
  border-radius: 3px !important;
  font-weight: 500 !important;
  border: none !important;
}
.fav-btn { border-radius: 4px !important; }

/* 进度条与提示条 */
.zt-progress-fill { background: var(--zen-primary) !important; }
.zt-progress-bar { background: var(--glass-b) !important; border-radius: 2px !important; }
.zt-progress-fill { border-radius: 2px !important; }
.zt-browser-reco {
  background: var(--glass-b) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  color: var(--muted) !important;
}
.zt-perf-warn { border-radius: 4px !important; }

/* 首页 hero 收敛：去掉徽章墙、数字滚动、下滚提示 */
.hero-tags, .hero-stats, .scroll-hint, .hero-tag { display: none !important; }
.hero {
  min-height: auto !important;
  display: block !important;
  padding: 56px 0 40px !important;
}
.hero h1 {
  font-size: clamp(26px, 3.4vw, 34px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
}
.hero-desc {
  font-size: 15px !important;
  max-width: 620px !important;
  margin-bottom: 20px !important;
  color: var(--muted) !important;
}

/* 图标容器：圆形/大圆角改方形 */
.category-icon, .tool-icon, .nsd-icon {
  border-radius: 4px !important;
}

/* 搜索下拉 */
.nav-search-dropdown {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  border-radius: 4px !important;
}
.nav-search-dropdown .nsd-item:hover,
.nav-search-dropdown .nsd-item.nsd-highlight { background: var(--glass-b) !important; }

/* 回到顶部 / 主题切换：圆形保留但缩小阴影 */
.zt-backtop, .zt-theme-toggle {
  border-radius: 4px !important;
  box-shadow: none !important;
  background: var(--glass) !important;
}

/* 页脚 */
footer { border-top: 1px solid var(--border) !important; padding: 32px 24px !important; }
.footer-links a { border-radius: 4px !important; font-size: 13px !important; }

/* 表格 */
table { border-collapse: collapse; }
th, td { border: 1px solid var(--border); padding: 8px 12px; }

/* 去掉残留的发光/模糊 */
* { text-shadow: none !important; }

/* ===== 首页：拆掉营销版式 ===== */
.hero {
  padding: 64px 24px 8px !important;
  text-align: left !important;
  min-height: auto !important;
  display: block !important;
  overflow: visible !important;
}
.hero .container { text-align: left !important; max-width: 1200px; margin: 0 auto; }
.hero h1 {
  text-align: left !important;
  font-size: clamp(24px, 2.6vw, 30px) !important;
  font-weight: 600 !important;
}
.hero-desc { text-align: left !important; margin-left: 0 !important; }
.hero-actions { justify-content: flex-start !important; margin-bottom: 4px !important; }
.hero-bg { display: none !important; }

/* 去掉 emoji 图标，只留文字 */
.section-eyebrow, .search-icon, .sq-ico, .zt-nt-icon, .zt-br-icon { display: none !important; }

/* 搜索框：左侧改为线性 SVG 图标 */
.search-section { padding: 8px 24px 36px !important; max-width: 1200px; margin: 0 auto; }
.search-wrap { max-width: 100% !important; }
.search-wrap input {
  padding-left: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 16px center !important;
}

/* 场景卡与套件卡 */
.sq-card, .suite-card {
  text-align: left !important;
  align-items: flex-start !important;
  border-radius: 4px !important;
}
.sq-card:hover { transform: none !important; box-shadow: none !important; }
.sq-card .sq-name { font-weight: 500 !important; }

/* 品牌字标改中性 */
.logo-text-blue, .logo-text-teal {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  background: none !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.logo-ver {
  color: var(--muted) !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

/* 首屏不再需要「浏览工具」按钮：下面是搜索框与列表 */
.hero-actions { display: none !important; }
/* nav 是 fixed 定位，不占流，顶部内边距必须大于 nav 高度 */
.hero { padding: 84px 24px 0 !important; }

/* 区块标题左对齐、留白收紧 */
.section-head, .section-head h2, .suite-section .section-head { text-align: left !important; }
.suite-section, .pop-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px 4px !important;
}
.search-section { padding: 14px 24px 28px !important; }

/* 卡片间距收紧 */
.suite-grid, .pop-grid, .tool-grid, .category-grid { gap: 12px !important; }
.sq-grid { gap: 10px !important; }
.sq-card { padding: 14px 16px !important; }

/* 精选卡片 */
.pop-card {
  padding: 16px !important;
  border-radius: 4px !important;
  background: var(--glass) !important;
  border: 1px solid var(--border) !important;
}
.pop-card:hover {
  transform: none !important;
  border-color: var(--border-h) !important;
}
.pop-card .pc-icon {
  filter: grayscale(1) opacity(0.7) !important;
  font-size: 17px !important;
}
.pop-card .pc-name { font-weight: 500 !important; font-size: 14px !important; }
.pop-card .pc-cat {
  background: var(--glass-b) !important;
  color: var(--muted) !important;
  border-radius: 3px !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  padding: 2px 7px !important;
}
.pop-card .pc-desc {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  min-height: 0 !important;
  color: var(--muted) !important;
}

/* 分类筛选标签 */
.pop-tabs button, .pop-tabs a, .pop-tab {
  border-radius: 4px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* 场景区小标题前的 emoji */
.sq-eyebrow, .sq-head .sq-eyebrow { display: none !important; }
/* 收藏浮窗：缩小并挪到右下，避开内容 */
.fav-widget, .fav-btn-fixed, .floating-fav { display: none !important; }
/* 自用站不需要「收藏本站」浮窗 */
.bookmark-float { display: none !important; }

/* 导航条：确保无渐变/无阴影残留 */
.site-nav, .site-nav::before, .site-nav::after {
  background-image: none !important;
  border-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.site-nav { border-bottom: 1px solid var(--border) !important; }

/* 套件图标：小字、低对比底色 */
.suite-card .sc-icon {
  background: var(--glass-b) !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}