/* ============================================================
   v100 ext.css
   作用：统一程序内置解析页（/tags.html tagall、/live/match-* match、
   /find/* 品牌词页）的主题。这些页面由后端解析器输出、固定加载 v39，
   本文件通过「header 模板变量」中的 <link> 注入（纯前端，不改后端），
   在 v39 之后加载以覆盖外观。数据库模板页也会加载本文件，
   但下列类名仅出现在内置页，故对数据库页无副作用。
   ============================================================ */
@import url("/static/v100/css/style.css");
@import url("/static/v100/css/mobile.css");

/* ---------- 全部标签聚合 tagall ---------- */
.page-tagall .tagall-box{
  background:var(--card);border-radius:var(--radius);padding:26px 28px;
  box-shadow:var(--shadow-sm);border:1px solid var(--line-2);
}
.tagall-h1{font-size:25px;text-align:center;margin-bottom:12px;}
.tagall-intro{color:var(--body);font-size:14px;line-height:1.85;text-align:center;max-width:900px;margin:0 auto 24px;}
.tagall-intro b{color:var(--cyan-700);}
.tagall-sub{
  font-size:17px;margin:26px 0 16px;display:flex;align-items:center;gap:10px;
}
.tagall-sub::before{content:"";width:5px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--cyan-400),var(--cyan-600));}
.hot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.hot-grid-item{
  background:var(--bg-soft);border-radius:12px;padding:14px 8px;text-align:center;display:block;
  border:1px solid var(--line-2);transition:.25s;
}
.hot-grid-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);background:#fff;}
.hot-grid-logo{width:54px;height:54px;object-fit:contain;margin:0 auto 9px;display:block;}
.hot-grid-logo.is-round{border-radius:50%;}
.hot-grid-name{font-size:12.5px;font-weight:600;color:var(--ink-2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tagall-cloud{display:flex;flex-wrap:wrap;gap:9px;}
.tag-cld{
  display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);
  background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:500;transition:.2s;
}
.tag-cld:hover{background:linear-gradient(145deg,var(--cyan-400),var(--cyan-600));color:#fff;border-color:transparent;}
.tag-cld-hot{background:rgba(6,182,212,.13);border-color:rgba(6,182,212,.4);color:var(--cyan-700);font-weight:700;}
.tag-cld-mid{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#b45309;}
.tag-cld-num{
  font-size:11px;background:rgba(0,0,0,.08);border-radius:var(--radius-pill);padding:0 7px;font-weight:600;line-height:17px;
}
.tag-cld:hover .tag-cld-num{background:rgba(255,255,255,.25);color:#fff;}
.tag-empty{color:var(--muted);padding:30px;text-align:center;}

/* ---------- 品牌词 find ---------- */
.find-box{
  background:var(--card);border-radius:var(--radius);padding:26px 28px;
  box-shadow:var(--shadow-sm);border:1px solid var(--line-2);
}
.find-h1{font-size:25px;text-align:center;margin-bottom:12px;}
.find-intro{color:var(--body);font-size:14px;line-height:1.85;text-align:center;max-width:880px;margin:0 auto 24px;}
.find-intro b{color:var(--cyan-700);}
.find-sub{font-size:17px;margin:24px 0 16px;display:flex;align-items:center;gap:10px;}
.find-sub::before{content:"";width:5px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--cyan-400),var(--cyan-600));}
.find-grid{display:flex;flex-wrap:wrap;gap:10px;}
.find-grid .find-grid-item{
  background:rgba(6,182,212,.10);border:1px solid rgba(6,182,212,.28);border-radius:var(--radius-pill);
  padding:7px 17px;transition:.2s;
}
.find-grid .find-grid-item:hover{background:linear-gradient(145deg,var(--cyan-400),var(--cyan-600));border-color:transparent;}
.find-grid .find-grid-item .find-grid-word{color:var(--cyan-700);font-size:13.5px;font-weight:500;}
.find-grid .find-grid-item:hover .find-grid-word{color:#fff;}
.find-home-link{text-align:center;color:var(--body);font-size:14px;margin:22px 0;}
.find-home-btn{
  display:inline-block;margin-left:8px;padding:8px 22px;border-radius:var(--radius-pill);
  background:linear-gradient(145deg,var(--cyan-400),var(--cyan-600));color:#fff;font-weight:600;box-shadow:var(--shadow-cyan);
}
.find-home-btn:hover{color:#fff;filter:brightness(1.06);}
.gyl-tagbox{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start;}
.gyl-tag{
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-pill);
  padding:5px 15px;font-size:13px;color:var(--ink-2);
}
.gyl-tag:hover{background:rgba(6,182,212,.13);color:var(--cyan-700);border-color:var(--cyan-400);}

/* ---------- 内置 match 页微调（主体 md-* 已由 style.css 提供） ---------- */
.match-detail-page .match-detail-card{background:var(--card);}

/* ---------- 响应式补充 ---------- */
@media (max-width:960px){
  .hot-grid{grid-template-columns:repeat(3,1fr);}
  .page-tagall .tagall-box,.find-box{padding:18px 16px;}
}
@media (max-width:560px){
  .hot-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .tagall-h1,.find-h1{font-size:21px;}
}