@charset "utf-8";
/* =========================================================
   default 模板 · 热门标签页（依赖 common.css）
   ========================================================= */

.col_main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}

/* ================= 页头 ================= */
.tg_hero{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px 20px;text-align:center}
.tg_hero h1{font-size:20px;font-weight:bold;color:#f7eddd;letter-spacing:1px}
.tg_hero h1 em{font-style:normal;color:var(--gold)}
.tg_hero p{font-size:12px;color:var(--muted);margin-top:8px}

/* ================= 标签云 ================= */
.tg_card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 18px}
.tg_cloud{display:flex;flex-wrap:wrap;gap:10px 12px}
.tg_cloud a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:17px;
  font-size:13px;color:#c9bdad;border:1px solid var(--line);background:rgba(243,179,74,.04);transition:all .2s}
.tg_cloud a:hover{color:var(--gold2);border-color:var(--line2);background:rgba(243,179,74,.12)}
.tg_cloud .cnt{font-size:11px;color:#8d8177}
.tg_cloud a.lv1{color:#2a1a06;font-weight:bold;border-color:transparent;background:linear-gradient(180deg,#f9dfa0,#e0a93c)}
.tg_cloud a.lv1 .cnt{color:#6b4a12}
.tg_cloud a.lv2{color:var(--gold);border-color:rgba(243,179,74,.6)}
.tg_cloud a.lv2 .cnt{color:#a68a5b}
.tg_cloud a.lv3{font-size:15px;height:38px;padding:0 18px}
.tg_empty{text-align:center;color:var(--muted);font-size:13px;padding:50px 0}

@media (max-width:560px){
  .tg_hero{padding:18px 14px}
  .tg_hero h1{font-size:17px}
  .tg_card{padding:14px 12px}
  .tg_cloud{gap:8px}
  .tg_cloud a{height:32px;padding:0 12px;font-size:12px}
  .tg_cloud a.lv3{font-size:14px;height:34px}
}