/* ============================================================
   522p.com 全局美化主题 v2  (beauty2.css)
   加载顺序：放在 style.css / beauty.css 之后，可覆盖原样式
   目标：统一设计系统（配色/圆角/阴影/间距），提升层次与质感
   仅做视觉增强，不改动 HTML 结构与语义
   ============================================================ */
:root{
  --b2-brand:#1a6cf0; --b2-brand-d:#0a4fc4; --b2-brand-l:#eaf2ff;
  --b2-navy:#0f1b2d; --b2-ink:#1f2a3d; --b2-muted:#64748b;
  --b2-bg:#f4f8fd; --b2-card:#fff; --b2-line:#e6edf5;
  --b2-r:12px; --b2-r-sm:9px;
  --b2-sh1:0 1px 2px rgba(15,27,45,.06),0 8px 22px rgba(15,27,45,.06);
  --b2-sh2:0 10px 34px rgba(26,108,240,.15);
}
body{color:var(--b2-ink);background:var(--b2-bg);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}

/* 顶部条 */
.topbar{background:var(--b2-navy);color:#cdd8e6;font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.06);}
.topbar a{color:#aab8cc;transition:.2s;}
.topbar a:hover{color:#fff;}

/* 主导航：吸顶 + 毛玻璃 + 阴影 */
.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--b2-line);
  box-shadow:0 2px 14px rgba(15,27,45,.05);}
.navbar .logo,.navbar a.logo{font-weight:800;color:var(--b2-navy);}
.nav-item>a,.menu-link{transition:.18s;border-radius:9px;}
.nav-item>a:hover,.menu-link:hover{background:var(--b2-brand-l);color:var(--b2-brand-d);}
.nav-item.active>a,.menu-link.on,.menu-link.cur{background:var(--b2-brand);color:#fff;
  box-shadow:var(--b2-sh2);}

/* 容器与版块：统一圆角与卡片感 */
.container,.wrap,.wraps{max-width:1200px;}
.box,.box1{background:var(--b2-card);border:1px solid var(--b2-line);border-radius:var(--b2-r);
  box-shadow:var(--b2-sh1);overflow:hidden;}
/* 板块标题：左侧色条 */
.box1 .title,.box1 h2,.box1 h3{position:relative;padding-left:14px;color:var(--b2-navy);font-weight:800;}
.box1 .title:before,.box1 h2:before,.box1 h3:before{content:"";position:absolute;left:0;top:3px;bottom:3px;
  width:5px;border-radius:3px;background:linear-gradient(var(--b2-brand),#5b9bff);}

/* 品牌墙卡片 */
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.brand-grid>a,.brand-grid .item{background:var(--b2-card);border:1px solid var(--b2-line);border-radius:var(--b2-r);
  padding:18px;box-shadow:var(--b2-sh1);transition:.2s;position:relative;overflow:hidden;}
.brand-grid>a:before,.brand-grid .item:before{content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--b2-brand),#5b9bff);transition:.25s;}
.brand-grid>a:hover,.brand-grid .item:hover{transform:translateY(-4px);box-shadow:var(--b2-sh2);
  border-color:#cfe0ff;}
.brand-grid>a:hover:before,.brand-grid .item:hover:before{width:100%;}

/* 列表条目：行 hover 反馈 */
.listArt a,.listArts a,.artlist a,.artItem{display:block;padding:11px 12px;border-radius:var(--b2-r-sm);
  transition:.15s;border-bottom:1px solid var(--b2-line);}
.listArt a:hover,.listArts a:hover,.artlist a:hover,.artItem:hover{background:var(--b2-bg);
  transform:translateX(2px);}
.itemTit,.listArt .title,.artItem .t{color:#2a3850;font-weight:600;}
.listArt a:hover .itemTit,.artlist a:hover .title{color:var(--b2-brand-d);}
.item_date{color:var(--b2-muted);font-size:12px;}
.item_tag{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--b2-brand);
  padding:2px 8px;border-radius:6px;}
.item_tag.hot{background:#ff5e33;}

/* 按钮：统一质感 */
.btn,.u-xiazainav a,.xzbox a{display:inline-block;border:0;background:var(--b2-brand);color:#fff;
  font-weight:700;padding:10px 22px;border-radius:10px;cursor:pointer;transition:.2s;box-shadow:var(--b2-sh2);}
.btn:hover,.u-xiazainav a:hover,.xzbox a:hover{background:var(--b2-brand-d);transform:translateY(-1px);}

/* 详情页下载盒：分层卡片 */
.soft-box,.xzbox,.driver-info{background:var(--b2-card);border:1px solid var(--b2-line);border-radius:var(--b2-r);
  box-shadow:var(--b2-sh1);padding:20px;}
.soft-title,.xzbox h3,.driver-info h1{color:var(--b2-navy);font-weight:800;}
.xzbox-gg1,.xzbox-gh,.xzbox-lf{border-radius:var(--b2-r-sm);border:1px solid var(--b2-line);}

/* 图片：统一圆角 + 轻阴影 */
.itemPic img,.c-img-title img,.box img{border-radius:var(--b2-r-sm);}

/* 页脚 */
.footer{background:var(--b2-navy);color:#aebccf;}
.footer a{color:#9fb0c6;transition:.15s;}
.footer a:hover{color:#fff;}
.footer h4{color:#fff;}

/* 返回顶部 */
.go-top,.J_gotop{background:var(--b2-brand);color:#fff;box-shadow:var(--b2-sh2);border-radius:12px;}

/* 链接统一 hover 色 */
a:hover{color:var(--b2-brand-d);}

/* 响应式：移动端导航与栅格自适应 */
@media(max-width:760px){
  .brand-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  .navbar{position:sticky;}
}