/* ===== 首页：标签 & 最热/最新 轻量美化（只动大小/间距） ===== */

/* 标签区：兼容多种结构写法（你站里可能类名不同，所以我用多选择器兜底） */
#class_box, .class_box, .tag-box, .tagBox, .home-tags, .home_tag, .tags, .tag-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 10px;           /* 横向/纵向间距 */
  padding:10px 12px;
  margin:0;
}

/* 标签 li */
#class_box li, .class_box li, .tag-box li, .tagBox li, .home-tags li, .home_tag li, .tags li, .tag-list li{
  list-style:none;
  margin:0;
  padding:0;
}

/* 标签按钮 a */
#class_box li a, .class_box li a,
.tag-box li a, .tagBox li a,
.home-tags li a, .home_tag li a,
.tags li a, .tag-list li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;        /* 按钮大小 */
  font-size:13px;          /* 字体大小 */
  line-height:1;
  border-radius:4px;     /* 胶囊圆角 */
  border:1px solid #ccc;
  color:#333;
  background:#fff;
}

/* 标签选中态 */
#class_box li.current a, .class_box li.current a,
.tag-box li.current a, .tagBox li.current a,
.home-tags li.current a, .home_tag li.current a,
.tags li.current a, .tag-list li.current a{
  background:none;
  color:#e60012;
  border-color:#333;
}

/* 最热/最新：如果是 li#hot / li#lastTime */
li#hot a, li#lastTime a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;       /* 按钮更大 */
  font-size:15px;
  line-height:1;
  border-radius:4px;
  border:1px solid #ccc;
  background:#fff;
}

/* 最热/最新 选中态（class=current） */
li#hot.current a, li#lastTime.current a{
  background:none;
  color:#e60012;
  border-color:#333;
}

/* 最热/最新：如果你的结构是 a#hot / a#lastTime */
a#hot, a#lastTime{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  font-size:15px;
  line-height:1;
  border-radius:4px;
  border:1px solid #ccc;
  background:#fff;
}

/* 最热/最新：给它们周围加点间距（兜底） */
#hot, #lastTime{
  margin:10px 0 6px;
}


/* ===== FIX_HEADER_STICK (v-list override) ===== */
header.js-header > .head{display:grid!important;grid-template-columns:max-content 1fr!important;align-items:center!important;column-gap:0!important;padding:0!important;box-sizing:border-box!important;}
header.js-header > .head > .menu{display:none!important;}
header.js-header > .head > form#myform{width:100%!important;min-width:0!important;margin:0!important;}
header.js-header > .head > form#myform > .search{width:100%!important;min-width:0!important;margin:0!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;}
header.js-header > .head > form#myform > .search > input{flex:1 1 auto!important;width:100%!important;min-width:0!important;}



/* ===== HEADER_FORCE_LEFT_FIX2 (FINAL) ===== */
/* 关键：干掉“居中 + 限宽 + margin:auto” */
header.js-header > .head > form#myform{
  justify-self:stretch !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
header.js-header > .head > form#myform > .search{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin:0 !important;
  justify-content:flex-start !important; /* 禁止居中 */
}


/* ===== HEADER_UNCENTER_FORCE (LAST) ===== */
header.js-header > .head{justify-content:flex-start !important;}
header.js-header > .head > form#myform{justify-self:stretch !important;}
header.js-header > .head > form#myform > .search{
  justify-content:flex-start !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* ===== TEMP_HIDE_THEME_BTN ===== */
header.js-header .theme-in-search{display:none!important;}