/* ============================================================
   dh2026.css 重构定版 v=h (2026-10-19 晚)
   一个网址 · 克制专业导航风 —— 从此文件不再有紫渐变/AI光效
   主色：#2D4A7A / 交互蓝 #2563eb · 中性深灰头 #111827
   ============================================================ */
:root{
  --yg-primary:#2D4A7A;
  --yg-accent:#2563eb;
  --yg-ink:#111827;
  --yg-text:#374151;
  --yg-text3:#9ca3af;
  --yg-line:#eceef2;
  --yg-bg:#f5f6f8;
}
html,body{overflow-x:hidden;background:var(--yg-bg);color:var(--yg-text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif;}

/* ---- 顶栏 / 抽屉（中性深色，防 mdui 主题色映射） ---- */
.mdui-appbar{background:#111827!important;box-shadow:none!important;}
.mdui-appbar .mdui-toolbar,
.mdui-appbar .mdui-toolbar.mdui-color-theme-accent{background:#111827!important;color:#fff!important;}
.mdui-toolbar .mdui-typo-title{color:#fff!important;font-weight:600;font-size:16px;}
.mdui-appbar .dh-search-box form{background:rgba(255,255,255,.10)!important;}
.mdui-appbar input[name=s]::placeholder{color:#9ca3af;}
#left-drawer{background:#111827!important;color:#d1d5db!important;}
#left-drawer .mdui-list-item a{color:#d1d5db!important;}
#left-drawer .mdui-list-item .mdui-icon{color:#64748b;}
#left-drawer .mdui-divider{background:#1f2937!important;}
#left-drawer .mdui-text-center{color:#94a3b8;}
body.mdui-theme-primary-pink,body.mdui-theme-accent-pink{
  --mdui-color-primary:#111827;--mdui-color-accent:#2D4A7A;}

/* ---- 卡片扁平化 ---- */
.section-content{border-radius:12px!important;box-shadow:none!important;border:1px solid var(--yg-line);transition:border-color .2s;}
.section-content:hover{border-color:#dbe1ea;}
.border-radius-5{border-radius:12px!important;}

/* ---- 版块标题：左短蓝条+深字+底细线 ---- */
.dh-section-title{border-bottom:1px solid var(--yg-line);padding-bottom:8px;margin-bottom:10px;}
.dh-section-title h3{font-size:15px!important;font-weight:600;color:var(--yg-ink)!important;margin:0!important;}
.dh-section-title h3 .mdui-icon{color:var(--yg-accent);margin-right:8px;}
.dh-section-title h3::before{content:'';display:inline-block;width:3px;height:12px;background:var(--yg-accent);border-radius:2px;margin-right:10px;vertical-align:middle;}
.yg-sec-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--yg-line);padding-bottom:8px;margin-bottom:10px;}
.yg-sec-head>span:first-child{font-size:14px;font-weight:600;color:var(--yg-ink);}
.yg-sec-sub{font-size:11px;color:var(--yg-text3);}
.yg-fresh{font-size:11px;color:var(--yg-text3);font-weight:400;margin-left:10px;white-space:nowrap;}
.mdui-text-color-theme{color:var(--yg-ink)!important;}
.mdui-text-color-theme-accent{color:var(--yg-accent)!important;}

/* ---- 移动端公告条 ---- */
.yg-top-tips{margin:8px 0;}
.yg-notice{background:#fff;border:1px solid var(--yg-line);border-left:3px solid var(--yg-accent);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--yg-text);line-height:1.8;overflow-wrap:break-word;word-break:break-all;}
.yg-notice b{color:var(--yg-ink);}
.yg-notice>div+div{border-top:1px dashed var(--yg-line);margin-top:6px;padding-top:6px;}

/* ---- 统计行 ---- */
.yg-statline{font-size:12.5px;color:var(--yg-text);letter-spacing:.2px;}

/* ---- 链接列表 hover 统一 ---- */
.link-list li a:hover{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.18);box-shadow:none;}
.mdui-theme-layout-dark .link-list li a:hover{background:rgba(96,165,250,.08);}

/* ---- 热门推荐 / 招租 ---- */
.yg-hotit{font-weight:500;color:var(--yg-ink)!important;}
.yg-rent{font-weight:500;color:var(--yg-accent)!important;}

/* ---- 动态框 ---- */
.yg-ticker{background:#fff;}
.yg-ticker-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--yg-line);padding-bottom:6px;margin-bottom:6px;}
.yg-ticker-head>span:first-child{font-size:12.5px;color:var(--yg-text3);font-weight:600;}
.yg-ticker-item{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:7px 0;color:var(--yg-text);}
.yg-ticker-item+.yg-ticker-item{border-top:1px dashed var(--yg-line);}
.yg-tk-type{flex:none;color:var(--yg-accent);font-weight:600;}
.yg-tk-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yg-tk-time{flex:none;color:var(--yg-text3);font-size:11px;}

/* ---- 评分排行 ---- */
.yg-rank-wrap .mdui-color-white{background:#fff;}
.yg-rank-wrap li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--yg-line);}
.yg-rank-wrap li a{color:var(--yg-ink)!important;font-weight:500!important;}

/* ---- 精选广告：完整显示不裁切 ---- */
.banner-ad{max-height:none!important;}
.banner-ad img{height:auto!important;max-height:96px!important;width:100%!important;object-fit:contain!important;background:#fff;}
.banner-ad .yg-ad,.yg-ad-grid .yg-ad{height:auto!important;min-height:60px;border:1px solid var(--yg-line);border-radius:10px;overflow:hidden;background:#fff;}
.yg-ad img{height:auto!important;max-height:96px!important;width:100%!important;object-fit:contain!important;margin:0 auto;}
.yg-ad:hover{border-color:#dbe1ea;}

/* ---- 温馨提示：棕色小字 ---- */
.yg-tip-red{font-size:11.5px!important;color:#b45309!important;font-weight:400!important;max-width:100%;}
.mdui-theme-layout-dark .yg-tip-red{color:#fbbf24!important;}

/* ---- 搜索框 ---- */
.dh-search-form>div{background:#fff!important;border:1px solid var(--yg-line)!important;border-radius:10px!important;}
.dh-search-form input::placeholder{color:#9ca3af;}
.dh-search-form button{background:var(--yg-accent)!important;border-radius:8px!important;}

/* ---- 评分组件 ---- */
.yg-rating-head{font-size:13px;color:var(--yg-ink);font-weight:600;}
.yg-rating .yg-star{color:#d1d5db;}
.yg-rating .yg-star.lit{color:#f59e0b;}

/* ---- 弹窗标题（中性深色） ---- */
.mdui-dialog .mdui-dialog-title{color:var(--yg-ink)!important;}
.mdui-dialog{border-radius:12px;}

/* ---- AI Hero 永久禁用 ---- */
.yg-hero{display:none!important;}

/* ---- 响应式：防横向溢出 + 移动端栅格纪律 ---- */
.mdui-row,.flex-grid{overflow-wrap:break-word;}
.yg-tk-text{overflow-wrap:anywhere;}
@media(max-width:599px){
  .banner-ad{padding:8px!important;}
  .yg-ad-grid{grid-template-columns:1fr!important;}
  .link-list li a .link-title{font-size:14px;}
  body{font-size:13.5px;}
}
@media(max-width:767px){
  .yg-tip-red{line-height:1.5;}
}
