/* ============================================================
   bobogirls 自定义样式覆盖
   —— 改这个文件就能实时调整站点样式，不用重新上传整站 CSS。
   —— 线上地址：/skin/bobogirls/css/custom.css
   ============================================================ */

/* 面包屑导航：字体（原 12.5px → 18px） */
.crumb{font-size:18px;font-weight:500;padding:20px 0 0}
.crumb a{color:#333;font-weight:500}
.crumb a:hover{color:#000}
/* 面包屑：第一项 Home 保持原样，后面栏目名大写，用 / 分隔 */
.crumb a:not(:first-child){text-transform:uppercase;letter-spacing:.4px}

/* 导航：当前栏目高亮（子菜单里也会高亮） */
.nav-sub a.current{background:#f4f4f4;color:#000;font-weight:600}

/* 顶部导航文字（桌面端 20px）
   注意：nav 结构是 nav > div.container > ul > li，原来的 .main-nav>ul 选择器匹配不到 */
@media (min-width:769px){
  .main-nav ul{height:62px;gap:32px}
  .main-nav ul>li>a{font-size:20px;font-weight:700;letter-spacing:.2px}
  .main-nav ul>li.current>a{color:#000;border-bottom:2px solid #111}
  .nav-sub{min-width:190px}
  .nav-sub a{font-size:18px;padding:9px 13px}
}
/* 手机端导航（保持一行放得下，稍小一点） */
@media (max-width:768px){
  .main-nav ul>li>a{font-size:18px;font-weight:700;padding:13px 4px}
  .main-nav ul>li.current>a{color:#000}
  .nav-sub a{font-size:17px;padding:10px 12px}
}

/* 内容页信息行 / 标签字号改小 */
.article-meta{font-size:12px;gap:14px}
.article-meta a{font-size:12px}
.article-tags{margin:12px 0 4px}
.article-tags a{font-size:11.5px;padding:4px 10px}

/* 内容页标题：不加粗、不用纯黑 */
.article-head h1{font-weight:400;color:#333}

/* 卡片整块可点击：图片、标题、下方文字随便点哪都能进（手机上更好点） */
.card{position:relative}
.card h3 a::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}

/* 触屏设备：去掉 hover 缩放（iOS 上首次点击常常只触发 hover，看着像点不动） */
@media (hover:none),(pointer:coarse){
  .card:hover .thumb-wrap img{transform:none}
  .card .cat-badge{opacity:1}
}

/* 手机端：nav 里的子分类（Country 下的 Japan/China/...）直接展开显示，不用先点开，
   因为原来的展开脚本用的选择器 .main-nav > ul 匹配不到真实结构（中间还有一层 .container） */
@media (max-width:768px){
  .main-nav .nav-sub{
    display:block !important;
    position:static;
    transform:none;
    box-shadow:none;
    border:0;
    padding:0 0 8px 14px;
    min-width:0;
  }
  .main-nav .nav-sub a{padding:9px 10px;font-size:16px}
}

/* ============ 首页：每个栏目一个区块（栏目标题 + 最新 10 条） ============ */
.home-cat{margin:30px 0 4px}
.home-cat:first-of-type{margin-top:18px}
.home-cat-title{
  display:flex;align-items:center;gap:14px;
  font-size:21px;font-weight:700;line-height:1.2;
  margin:0 0 2px;padding:0 0 12px;border-bottom:1px solid var(--line);
}
.home-cat-title > a:first-child{color:#111}
.home-cat-title > a:first-child:hover{color:#e24a7a}
.home-cat-more{
  margin-left:auto;
  display:inline-flex;align-items:center;
  font-size:13.5px;font-weight:700;letter-spacing:.3px;
  color:#fff;background:#e24a7a;
  padding:7px 17px;border-radius:999px;white-space:nowrap;
  box-shadow:0 3px 10px rgba(226,74,122,.28);
  transition:background .2s,box-shadow .2s,transform .2s;
}
.home-cat-more:hover{background:#111;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);transform:translateY(-1px)}
@media (max-width:768px){
  .home-cat{margin:22px 0 2px}
  .home-cat-title{font-size:18px;gap:10px;padding-bottom:9px}
  .home-cat-more{font-size:12px;padding:6px 13px}
}