/* ============================================================
   yigewangzhi · flkc2026 素净设计系统 v2  (2026-10-20)
   覆盖 mdui 粉色框架 · 深灰 #1a1a2e / 米白 #f8f9fa / 品牌绿 #00b389
   零渐变 · 零发光 · 零玻璃拟态 · 系统字体 · 卡片化
   ============================================================ */
:root{
  --yg-ink:#1a1a2e;
  --yg-bg:#f8f9fa;
  --yg-surface:#fff;
  --yg-line:#e5e7eb;
  --yg-ink2:#4b5563;
  --yg-ink3:#9ca3af;
  --yg-accent:#00b389;
  --yg-accent-soft:rgba(0,179,137,.10);
  --yg-star:#f59e0b;
  --yg-radius:8px;
  --yg-shadow:0 1px 2px rgba(26,26,46,.06);
}
html,body{
  background:var(--yg-bg) !important;
  color:var(--yg-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  font-size:14px !important;
  line-height:1.6 !important;
  -webkit-font-smoothing:antialiased;
}
body{padding-top:52px !important;}
a{color:inherit;}

/* ============ 顶栏（覆盖 mdui appbar 粉色） ============ */
.mdui-appbar-fixed{height:52px !important;}
header.mdui-appbar,
header.mdui-appbar .mdui-toolbar,
.mdui-toolbar.mdui-color-theme-accent{
  background:var(--yg-ink) !important;
  color:#fff !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 14px !important;
}
header.mdui-appbar .mdui-toolbar{display:flex;align-items:center;gap:10px;}
header.mdui-appbar .mdui-typo-title,
header.mdui-appbar a.mdui-typo-title{
  color:#fff !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:.3px;
  opacity:1 !important;
  padding-left:4px;
}
header.mdui-appbar .mdui-toolbar-spacer{flex:1 1 auto !important;}
/* 顶栏内联搜索框：去掉半透明玻璃感，改为实心块 */
header.mdui-appbar form[action="/search/"]{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:var(--yg-radius) !important;
  padding:2px 12px !important;
}
header.mdui-appbar form[action="/search/"] input{color:#fff !important;font-size:13px !important;}
header.mdui-appbar form[action="/search/"] input::placeholder{color:#9aa0b4 !important;}
header.mdui-appbar .mdui-btn-icon{color:#fff !important;}

/* ============ 左侧抽屉 ============ */
.left-drawer,
.left-drawer.mdui-color-theme-accent{
  background:var(--yg-ink) !important;
  color:#fff !important;
}
.left-drawer .mdui-list-item,
.left-drawer .mdui-list-item-content,
.left-drawer .mdui-list-item-content a,
.left-drawer .mdui-list-item-icon{color:#cbd2e1 !important;}
.left-drawer .mdui-list-item:hover{background:rgba(255,255,255,.06) !important;}
.left-drawer .mdui-list-item-active{background:var(--yg-accent-soft) !important;color:var(--yg-accent) !important;}
.left-drawer .logo-link{color:#fff !important;font-size:15px;font-weight:600;}
.left-drawer .mdui-divider{background:rgba(255,255,255,.10) !important;}

/* ============ 容器 ============ */
.dh-container,
.mdui-container.dh-container{
  max-width:1240px !important;
  padding:14px 16px 0 !important;
  margin:0 auto !important;
}

/* ============ 区块卡片统一 ============ */
.dh-section{
  background:var(--yg-surface) !important;
  border:1px solid var(--yg-line) !important;
  border-radius:var(--yg-radius) !important;
  box-shadow:var(--yg-shadow) !important;
  padding:14px 16px !important;
  margin:10px 0 !important;
}
/* mdui-m-y-* 统一节奏 */
.mdui-m-y-1,.mdui-m-y-2{margin-top:10px !important;margin-bottom:10px !important;}

/* ============ 顶部提示条（移动端公告） ============ */
.yg-top-tips{margin:8px 0 4px !important;}
.yg-notice{
  background:var(--yg-accent-soft) !important;
  border:1px solid rgba(0,179,137,.22) !important;
  border-radius:var(--yg-radius) !important;
  padding:8px 12px !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color:var(--yg-ink2) !important;
}
.yg-notice b{color:var(--yg-accent) !important;}

/* ============ 统计条 ============ */
.yg-statline{
  font-size:13px !important;
  color:var(--yg-ink2) !important;
  background:var(--yg-surface) !important;
  border:1px solid var(--yg-line) !important;
  border-radius:var(--yg-radius) !important;
}

/* ============ 搜索卡 ============ */
.dh-search-form > div{
  background:#f3f5f7 !important;
  border:1px solid var(--yg-line) !important;
  border-radius:var(--yg-radius) !important;
  padding:5px 12px !important;
}
.dh-search-form i{color:var(--yg-accent) !important;}
.dh-search-form button{
  background:var(--yg-accent) !important;
  border-radius:6px !important;
  padding:5px 16px !important;
  font-size:13px !important;
}
.dh-search-form button:hover{filter:brightness(.94);}

/* ============ 广告位 ============ */
.banner-ad .yg-ad,
.yg-ad{
  border-radius:var(--yg-radius) !important;
  overflow:hidden !important;
  border:1px solid var(--yg-line) !important;
  background:#f3f5f7 !important;
}
.yg-ad img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:110px !important;
  object-fit:cover !important;
  border-radius:0 !important;
}
.yg-ad-grid{gap:8px !important;}

/* ============ 区块标题 ============ */
.dh-section-title h3,
.yg-sec-head span:first-child{
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--yg-ink) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.dh-section-title h3::before{
  content:"" !important;
  display:inline-block !important;
  width:3px !important;
  height:14px !important;
  background:var(--yg-accent) !important;
  border-radius:2px !important;
}
.dh-section-title h3 i{display:none !important;}
.yg-sec-head{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding-bottom:8px !important;
  margin-bottom:10px !important;
  border-bottom:1px solid var(--yg-line) !important;
}
.yg-sec-sub{font-size:12px !important;color:var(--yg-ink3) !important;}
.yg-fresh{font-size:12px !important;color:var(--yg-ink3) !important;font-weight:400 !important;}
.yg-tip-red{
  font-size:11px !important;
  color:#b45309 !important;
  background:#fffbeb !important;
  border:1px solid #fde68a !important;
  border-radius:6px !important;
  padding:2px 8px !important;
  font-weight:400 !important;
}

/* ============ 链接网格（核心卡片） ============ */
.flex-grid{
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.flex-grid > li.mdui-col,
.flex-grid > li{
  float:none !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  min-width:0 !important;
}
.flex-grid a{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background:var(--yg-surface) !important;
  border:1px solid var(--yg-line) !important;
  border-radius:var(--yg-radius) !important;
  padding:8px 10px !important;
  min-height:40px !important;
  transition:border-color .15s,transform .15s !important;
  text-decoration:none !important;
  overflow:hidden !important;
}
.flex-grid a:hover{
  border-color:var(--yg-accent) !important;
  transform:translateY(-1px) !important;
  background:var(--yg-surface) !important;
}
.dh-link-inner{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  width:100% !important;
}
.dh-favicon{
  width:20px !important;
  height:20px !important;
  border-radius:4px !important;
  flex:none !important;
  object-fit:contain !important;
  background:#f3f5f7 !important;
}
.link-title{
  font-size:13px !important;
  font-weight:500 !important;
  color:var(--yg-ink) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}
/* 热门推荐（chips 风） */
.yg-hotit,.yg-rent{
  font-size:13px !important;
  color:var(--yg-ink) !important;
  display:block !important;
  width:100% !important;
}
.yg-rent{color:var(--yg-ink3) !important;font-size:12px !important;}

/* ============ 实时动态 ============ */
.yg-ticker-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding-bottom:6px !important;
  border-bottom:1px solid var(--yg-line) !important;
  margin-bottom:6px !important;
}
.yg-ticker-item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:5px 0 !important;
  font-size:12.5px !important;
  color:var(--yg-ink2) !important;
}
.yg-tk-type{flex:none !important;color:var(--yg-accent) !important;font-weight:600 !important;}
.yg-tk-text{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.yg-tk-time{flex:none !important;color:var(--yg-ink3) !important;font-size:11.5px !important;}

/* ============ 评分排行 ============ */
.yg-rank-wrap .mdui-typo{
  background:var(--yg-surface) !important;
  border:1px solid var(--yg-line) !important;
  border-radius:var(--yg-radius) !important;
}
.yg-rank-wrap li{border-bottom:1px solid #f1f3f5 !important;}
.yg-rank-wrap li:last-child{border-bottom:none !important;}
.yg-rank-wrap li > span:first-child{
  border-radius:6px !important;
  background:#f3f5f7 !important;
  color:var(--yg-ink3) !important;
  font-weight:700 !important;
}
.yg-rank-wrap li:nth-child(1) > span:first-child{background:#ff5a5a !important;color:#fff !important;}
.yg-rank-wrap li:nth-child(2) > span:first-child{background:#f7a600 !important;color:#fff !important;}
.yg-rank-wrap li:nth-child(3) > span:first-child{background:#4a9eff !important;color:#fff !important;}
.yg-rank-wrap li a{color:var(--yg-ink) !important;font-weight:600 !important;font-size:13px !important;}
.yg-rank-wrap li a:hover{color:var(--yg-accent) !important;}

/* ============ 徽章 ============ */
.yg-badge-ai{
  background:var(--yg-accent-soft) !important;
  color:var(--yg-accent) !important;
  border:1px solid rgba(0,179,137,.25) !important;
  border-radius:4px !important;
  font-size:10px !important;
  font-weight:700 !important;
  padding:1px 5px !important;
  margin-left:6px !important;
}

/* ============ 页脚 ============ */
footer.mdui-color-grey-900,
footer{
  background:var(--yg-ink) !important;
  color:#9aa0b4 !important;
  margin-top:24px !important;
  padding:20px 16px !important;
  font-size:12px !important;
}
footer .copyright p{color:#cbd2e1 !important;margin:4px 0 !important;}
footer .mdui-divider{background:rgba(255,255,255,.10) !important;margin:10px 0 !important;}
footer .warning-box p{color:#8b93a7 !important;font-size:11px !important;line-height:1.7 !important;margin:4px 0 !important;}

/* ============ 悬浮按钮 / 客服 ============ */
.mdui-fab-fixed.gototop,
.mdui-fab.mdui-color-theme-accent{
  background:var(--yg-ink) !important;
  color:#fff !important;
  box-shadow:0 2px 8px rgba(26,26,46,.20) !important;
}
.yg-cs-btn{
  background:var(--yg-accent) !important;
  border-radius:8px !important;
  box-shadow:0 2px 8px rgba(0,179,137,.25) !important;
}
.yg-cs-tip{background:var(--yg-ink) !important;color:#fff !important;border-radius:6px !important;}

/* ============ 弹窗素净化 ============ */
.mdui-dialog{
  border-radius:var(--yg-radius) !important;
  box-shadow:0 8px 28px rgba(26,26,46,.16) !important;
}
.mdui-dialog-title.mdui-color-theme-accent,
.mdui-dialog .mdui-color-theme-accent{
  background:var(--yg-ink) !important;
  color:#fff !important;
}
.mdui-dialog .mdui-btn.mdui-color-blue-700{background:#2563eb !important;}
.mdui-dialog .mdui-btn.mdui-color-red-700{background:#dc2626 !important;}

/* ============ mdui 主题变量兜底（去粉） ============ */
.mdui-theme-primary-pink .mdui-text-color-theme,
.mdui-theme-primary-pink .mdui-text-color-theme-accent{color:var(--yg-accent) !important;}
.mdui-theme-primary-pink .mdui-color-theme,
.mdui-theme-primary-pink .mdui-color-theme-accent{background-color:var(--yg-ink) !important;}

/* ============================================================
   响应式五档：320 / 390 / 768 / 1024 / 1440
   ============================================================ */
/* 默认（≥1024）：4 列 */
.flex-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}

@media(min-width:1440px){
  .flex-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  .dh-container{max-width:1360px !important;}
}
@media(max-width:1023.9px){
  .flex-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .dh-container{padding:12px !important;}
}
@media(max-width:767.9px){
  .flex-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .dh-section{padding:11px 12px !important;}
  header.mdui-appbar .mdui-typo-title{font-size:14px !important;}
  header.mdui-appbar form[action="/search/"] input{width:110px !important;}
  .dh-section-title h3{font-size:15px !important;}
  .yg-tip-red{font-size:10.5px !important;}
}
@media(max-width:389.9px){
  .flex-grid{grid-template-columns:1fr !important;}
  .dh-container{padding:10px !important;}
  header.mdui-appbar .mdui-typo-title{font-size:13px !important;}
  .dh-favicon{width:18px !important;height:18px !important;}
  .link-title{font-size:12.5px !important;}
}
/* 移动端顶栏搜索换成独立行时避免挤压 */
@media(max-width:479.9px){
  header.mdui-appbar form[action="/search/"]{display:none !important;}
}

/* ============ 文章页 ============ */
.post-content, .mdui-typo{
  color:var(--yg-ink2) !important;
}
.mdui-typo h1,.mdui-typo h2,.mdui-typo h3{color:var(--yg-ink) !important;}
.mdui-typo a{color:var(--yg-accent) !important;}