/* AIBID V58 — 导航 Google 登录、CONTENT 区、RULES 区。
   全部走 var(--aibid-font)，不引入第二套字体（V58 硬性要求）。
   颜色沿用首页既有的橘色体系，不做紫色改版。 */

/* ── 导航：Google 登录 ────────────────────────────────────── */
.nav-google-login{
  height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;
  border:1px solid #dadce0;background:#fff;border-radius:9px;
  text-decoration:none;color:#3c4043;white-space:nowrap;
  font-family:var(--aibid-font);font-size:12px;font-weight:650;letter-spacing:-.01em;
  transition:background .14s,border-color .14s;
}
.nav-google-login:hover{background:#f8f9fa;border-color:#cfd2d6}
.nav-google-login:focus-visible{outline:2px solid #ff6813;outline-offset:2px}
.google-logo-img{width:17px;height:17px;display:block;flex:0 0 auto}
/* 窄屏只留图标：文字换行会把导航撑成两行 */
@media(max-width:900px){
  .nav-google-login{width:34px;padding:0;justify-content:center}
  .google-copy{display:none}
}

/* ── CONTENT 区 ──────────────────────────────────────────── */
/* 左右不再自带 padding：页面外层已经给了 24px 边距，再加一层会让 CONTENT 的
   卡片比上方榜单和下方区块各缩进 24px —— 实测 .home-content-grid 在 48→1041，
   而 .dual / .seo-content / .total-revenue 都是 24→1065，竖直对齐线是断的。
   纵向 40px 对齐 .dual 与 .share-icons-only 的节奏（原来 44 是我自己拍的）。 */
.home-content{max-width:1180px;margin:40px auto 0;padding:0}

.home-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.content-card{
  background:#fff;border:1px solid #efeae5;border-radius:15px;padding:14px 15px;
  display:flex;flex-direction:column;gap:10px;min-width:0;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.content-card:hover{
  border-color:#e2d9d1;transform:translateY(-1px);
  box-shadow:0 12px 30px -26px rgba(64,45,32,.45);
}
.content-card-top{display:flex;align-items:center;gap:9px;min-width:0}
.content-avatar{
  width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background-size:cover;background-position:center;background-color:#f4f0ec;
}
.content-who{min-width:0;flex:1}
.content-who b{display:block;font-size:13px;font-weight:800;letter-spacing:-.015em;color:#201c1a;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-who span{display:block;font-size:11px;font-weight:500;color:#96908a;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-plat{
  flex:0 0 auto;font-size:10px;font-weight:800;color:#6b645e;
  background:#f6f3f0;border-radius:999px;padding:4px 8px;
}
.content-text{
  display:block;color:#45403c;font-size:13px;font-weight:500;line-height:1.5;
  text-decoration:none;
  /* 贴文里常有长链接和无空格串，不夹断会把卡片撑破 */
  overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.content-text:hover{color:#201c1a}
.content-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.content-metrics{display:flex;gap:10px;font-size:11px;font-weight:600;color:#96908a}
.content-more{font-size:11px;font-weight:700;color:#ff6813;text-decoration:none;white-space:nowrap}
.content-more:hover{color:#e2580c}
.content-empty{
  background:#fff;border:1px dashed #ebe7e2;border-radius:15px;
  padding:30px 20px;text-align:center;font-size:13px;font-weight:500;color:#8b847d;
}

/* ── RULES 区 ────────────────────────────────────────────── */
/* 同上；另外 .total-revenue 的 margin-top 是 0，RULES 不给下边距就会和
   「总出价额」贴死。 */
.home-rules{max-width:1180px;margin:40px auto 36px;padding:0}
.home-rules-kicker{font-size:11px;font-weight:900;letter-spacing:.09em;color:#ff6813}
.home-rules-head h2{font-size:clamp(20px,2.4vw,26px);font-weight:850;letter-spacing:-.03em;margin:5px 0 14px;color:#201c1a}
.home-rules-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.home-rules-list li{
  display:flex;gap:11px;background:#fff;border:1px solid #efeae5;border-radius:14px;
  padding:13px 15px;font-size:13px;font-weight:500;line-height:1.55;color:#4a443f;
  overflow-wrap:anywhere;
}
.home-rules-list .n{flex:0 0 auto;color:#ff6813;font-weight:800;font-variant-numeric:tabular-nums}
.home-rules-all{display:inline-block;margin-top:13px;font-size:12px;font-weight:750;color:#ff6813;text-decoration:none}
.home-rules-all:hover{color:#e2580c}

/* ── 暗色：首页其余部分用 body[data-dark="1"]，这里保持同一口径 ── */
body[data-dark="1"] .content-card,
body[data-dark="1"] .home-rules-list li{background:#1a1714;border-color:#2f2a25}
body[data-dark="1"] .content-who b,
body[data-dark="1"] .home-rules-head h2{color:#efe8e1}
body[data-dark="1"] .content-text,
body[data-dark="1"] .home-rules-list li{color:#d5cdc5}
body[data-dark="1"] .content-plat{background:#241f1b;color:#a79e96}
body[data-dark="1"] .content-empty{background:#1a1714;border-color:#332d27;color:#8b827a}
body[data-dark="1"] .nav-google-login{background:#fff;color:#3c4043}

/* ── 导航字号：V58 硬性规范（13px / 700 / lh 1 / ls -0.01em）─────────
   用 .top-nav-shell .nav-item 而不是 .nav-item：首页内联 <style> 排在这个
   文件之后，同优先级时后者胜，光加 !important 抢不过。提高一级选择器权重
   才压得住。线上量到的实际值是 15px/570（三条规则叠出来的），不是 13px/700。 */
.top-nav-shell .nav-item,
.top-nav-shell .nav-item.active{
  font-family:var(--aibid-font)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
}
/* 语言选择器与登录按钮同一套字体体系（V58 点名要求） */
.top-nav-shell .lang-select,
.top-nav-shell .nav-google-login,
.top-nav-shell .google-copy{
  font-family:var(--aibid-font)!important;
  letter-spacing:-.01em!important;
}