@charset "UTF-8";
/* ============================================================
   522p.com  UI 美化层  v1.4 (v1.0 基础 + v1.1 增强 + v1.2 修复 + v1.3 修复 + v1.4 列表页右栏品牌双列)
   - 只做视觉升级，不改结构与链接
   - 需在原 style.css / index.css / down.css / article.css 之后加载
   ============================================================ */
:root{
  --brand:#1a6cf0;
  --brand-2:#3d92ff;
  --brand-d:#0f4fbd;
  --brand-l:#eef4ff;
  --ink:#1f2937;
  --ink-2:#4b5563;
  --ink-3:#93a0b4;
  --line:#e9eef6;
  --bg:#f4f6fa;
  --card:#ffffff;
  --r:12px;
  --sd:0 1px 2px rgba(16,42,80,.04), 0 8px 24px rgba(16,42,80,.06);
  --sd-h:0 6px 18px rgba(26,108,240,.16);
}

/* ---------- 基础 ---------- */
body{
  background:var(--bg);
  color:var(--ink);
  font:14px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ink);text-decoration:none;transition:color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;}
a:hover{color:var(--brand);}
img{padding:0 !important;border:0;border-radius:8px;}
h1,h2,h3,h4,h5{font-weight:600;color:#12203a;}
p{line-height:1.8;}
::selection{background:var(--brand);color:#fff;}

.wraps,.wrap,.container,.box,.headers,.footers{width:1200px;max-width:100%;}
.wrap{width:1200px;padding:0;background:transparent;margin-top:16px;}
.container{border-radius:var(--r);}

/* ---------- 顶部小条 ---------- */
.topbar{
  height:38px;line-height:38px;background:#f7f9fc;border-bottom:1px solid #e9eef5;
  font-size:13px;color:#8a94a6;margin:0 auto;
}
.topbar .fl a{color:#6b7688;}
.topbar .fl a:hover{color:var(--brand);}
.topbar .topbar-menu{color:#dbe2ec;font-size:13px;}
.topbar .topbar-menu .menu-link{color:#8a94a6;padding:0 9px;}
.topbar .topbar-menu .menu-link:hover{color:var(--brand);}

/* ---------- 头部 LOGO + 搜索 ---------- */
.headers{
  height:auto;background:#fff;padding:16px 0;margin:0 auto;
  box-shadow:0 2px 12px rgba(16,42,80,.07);position:relative;z-index:20;
}
.headers .wraps{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.headers .logo{float:none;margin-top:0;}
.headers .logo-link{
  width:280px;height:60px;background-size:contain !important;background-position:left center !important;
  border-radius:8px;
}
.c-search{float:none;width:540px;margin-top:0;}
.c-search .search-wrapper{
  height:44px;line-height:40px;border:2px solid var(--brand);border-radius:24px;
  overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(26,108,240,.12);
}
.c-search .search-input{
  width:calc(100% - 108px);height:40px;line-height:40px;padding:0 8px 0 16px;
  font-size:14px;color:#333;border:0;outline:none;box-sizing:border-box;float:left;
}
.c-search .search-btn{
  width:108px;height:40px;padding:0;line-height:40px;font-size:15px;letter-spacing:2px;
  border:0;border-radius:0 22px 22px 0;cursor:pointer;color:#fff;font-weight:600;
  background:linear-gradient(90deg,var(--brand),var(--brand-2));float:right;box-sizing:border-box;
}
.c-search .search-btn:hover{background:linear-gradient(90deg,var(--brand-d),var(--brand));}

/* ---------- 主导航 ---------- */
.navbar{
  height:52px;line-height:52px;margin:0 auto;
  background:linear-gradient(90deg,#0f57d0 0%,#1a6cf0 45%,#3d92ff 100%);
  box-shadow:0 4px 16px rgba(15,91,214,.28);
}
.navbar .wraps{display:flex;flex-wrap:wrap;}
.navbar .nav-item{
  width:auto;padding:0 26px;font-size:16px;color:#fff;float:none;
  position:relative;letter-spacing:.5px;font-weight:500;
}
.navbar .nav-item:hover,.navbar .nav-item.current{background:rgba(255,255,255,.15);color:#fff;}
.navbar .nav-item.current::after{
  content:'';position:absolute;left:50%;margin-left:-11px;bottom:9px;
  width:22px;height:3px;border-radius:2px;background:#fff;
}

/* ---------- 标签条 ---------- */
.list_tag{height:auto;background:#fff;padding:0;border-bottom:1px solid var(--line);}
.list_tag .wraps{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;align-items:center;}
.list_tag .wraps .tag-label{font-size:13px;color:var(--ink-3);margin-right:2px;}
.list_tag .wraps a{
  float:none;display:inline-block;padding:0 13px;line-height:28px;font-size:13px;
  background:#f2f7ff;border-radius:14px;color:#5b6b82;max-width:230px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.list_tag .wraps a:hover{background:var(--brand);color:#fff;}

/* ---------- 通用卡片 ---------- */
.p522-card{
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;box-shadow:var(--sd);
}
.p522-card + .p522-card{margin-top:16px;}
.p522-card-hd{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border-bottom:1px solid #f0f4f9;padding-bottom:12px;margin-bottom:16px;
}
.p522-card-hd h3{font-size:19px;color:#12203a;position:relative;padding-left:13px;margin:0;}
.p522-card-hd h3::before{
  content:'';position:absolute;left:0;top:6px;width:4px;height:17px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.p522-card-sub{font-size:13px;color:var(--ink-3);}
.p522-card-sub a{color:var(--brand);}

/* ---------- 首页三栏 ---------- */
.art_index{display:flex;gap:16px;align-items:stretch;}
.art_indexl,.art_indexc,.art_indexr{
  float:none;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;box-shadow:var(--sd);display:flex;flex-direction:column;
}
.art_indexl{flex:0 0 300px;}
.art_indexc{flex:1 1 auto;min-width:0;}
.art_indexr{flex:0 0 300px;}
.art_gytit{display:flex;align-items:center;border-bottom:1px solid #f0f4f9;padding-bottom:10px;margin-bottom:12px;}
.art_gytit .lm,.art_gytit h2{
  font-size:17px;color:#12203a;position:relative;padding-left:12px;margin:0;float:none;font-weight:600;
}
.art_gytit .lm::before,.art_gytit h2::before{
  content:'';position:absolute;left:0;top:5px;width:4px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.art_gytit em{display:none;}
.art_gytit .more{font-size:13px;color:var(--ink-3);margin-left:auto;}
.art_indexl .box{
  width:100% !important;height:auto !important;margin:0 0 12px !important;
  border-radius:10px;overflow:hidden;position:relative;background:#f7f9fc;
}
.art_indexl .box img{
  width:100% !important;height:150px !important;object-fit:cover;display:block;
  border-radius:0;padding:0 !important;
}
.art_indexl .box a .cover,.art_indexl .box a .cover2{display:none !important;}
.art_indexl .box a .text{
  position:static !important;height:auto !important;width:100% !important;
  padding:8px 4px 2px;margin:0;font-size:13px;line-height:1.5;background:none !important;
}
.art_indexl .box a .text .tit{
  color:#33415c !important;display:block;font-size:13px !important;font-weight:400 !important;
}
.art_indexl .box a:hover .text .tit{color:var(--brand) !important;}
.art_indexc .hd{
  font-size:15px !important;font-weight:600;margin:0 0 6px !important;padding-left:14px;
  position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  width:100% !important;height:auto !important;line-height:1.7 !important;text-align:left !important;
}
.art_indexc .hd::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand);}
.art_indexc .hd a{color:#12203a !important;}
.art_indexc .bd{margin-bottom:10px;height:auto !important;width:100% !important;}
.art_indexc .bd li{
  line-height:32px;height:auto !important;width:100% !important;float:none !important;
  font-size:14px;display:flex;align-items:center;border-bottom:1px dashed #f0f4f9;
}
.art_indexc .bd li:last-child{border-bottom:0;}
.art_indexc .bd li em{display:none !important;}
.art_indexc .bd li a{
  flex:1 1 auto;width:auto !important;height:auto !important;line-height:32px !important;
  padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4c63;
}
.art_indexc .bd li .time{color:#b3bccb;font-size:12px;flex:none;margin-left:10px;float:none;}
.art_indexr .hd{
  position:relative;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#f2f5fa;
  height:auto !important;width:100% !important;cursor:default;
}
.art_indexr .hd img{
  width:100% !important;height:150px !important;object-fit:cover;display:block;border-radius:0;
  position:static !important;margin:0 !important;padding:0 !important;
}
.art_indexr .hd:hover img{transform:none !important;width:100% !important;height:150px !important;}
.art_indexr .hd .bq{
  position:absolute;left:8px;top:8px;background:rgba(26,108,240,.92) !important;color:#fff;
  font-size:12px;padding:2px 10px !important;border-radius:10px;
  width:auto !important;height:auto !important;line-height:1.6 !important;overflow:visible;
}
.art_indexr .hd .cover{position:static !important;display:block;background:transparent !important;height:auto !important;}
.art_indexr .hd .cover .txt{
  display:block;width:100% !important;height:auto !important;margin:0 !important;
  padding:8px 2px 0;color:#33415c !important;font-size:13px;line-height:1.5;
  font-weight:400 !important;text-align:left !important;white-space:normal;
}
.art_indexr .bd ul li{
  padding:8px 0 !important;border:0 !important;border-bottom:1px dashed #f0f4f9 !important;
  background:#fff !important;width:100% !important;height:auto !important;
  float:none !important;margin:0 !important;position:relative;
}
.art_indexr .bd ul li:last-child{border-bottom:0 !important;}
.art_indexr .bd .num{display:none !important;}
.art_indexr .bd .tit{
  font-size:14px;margin:0 0 2px !important;height:auto !important;line-height:1.6;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.art_indexr .bd .tit a{color:#25334d !important;}
.art_indexr .bd .tit a:hover{color:var(--brand) !important;}
.art_indexr .bd .txt{
  font-size:12px;color:var(--ink-3) !important;line-height:1.6;height:auto !important;
  max-height:38px;overflow:hidden;
}

/* ---------- 品牌宫格 ---------- */
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.brand-grid li{list-style:none;}
.brand-grid li a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:98px;border:1px solid #e8eef7;border-radius:12px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.brand-grid li a:hover{
  transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--sd-h);
}
.brand-grid .b-ico{
  width:38px;height:38px;line-height:38px;text-align:center;border-radius:11px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-size:17px;font-weight:700;margin-bottom:7px;
  box-shadow:0 4px 10px rgba(26,108,240,.25);
}
.brand-grid .b-name{font-size:14px;color:#25334d;font-weight:500;}
.brand-grid .b-num{font-size:12px;color:var(--ink-3);margin-top:2px;}

/* ---------- 首页栏目列表 ---------- */
.listArt{background:transparent !important;padding:0;}
.wrap .listArt .container{background:transparent;display:flex;gap:16px;flex-wrap:wrap;}
.listArt dl{
  float:none;flex:1 1 31%;width:auto;padding:16px 18px;margin:0;
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sd);
}
.listArt dl.mc5{margin:0;}
.listArt dl dt{
  border-bottom:1px solid #f0f4f9;padding:0 0 10px !important;margin-bottom:8px;overflow:hidden;
  background:#fff !important;width:100% !important;height:auto !important;line-height:1.6 !important;
}
.listArt dl dt h3,.listArt dl dt h4{
  font-size:17px;color:#12203a;position:relative;padding-left:12px;margin:0;font-weight:600;
}
.listArt dl dt h3::before,.listArt dl dt h4::before{
  content:'';position:absolute;left:0;top:6px;width:4px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.listArt dl dt .fr a{font-size:13px;color:var(--ink-3);}
.listArt dl dt .fr a:hover{color:var(--brand);}
.listArt dl dd ul li{
  line-height:34px;font-size:14px;display:flex;align-items:center;
  border-bottom:1px dashed #f2f5fa;
}
.listArt dl dd ul li:last-child{border-bottom:0;}
.listArt dl dd ul li a{
  flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4c63;
}
.listArt dl dd ul li span{color:#b3bccb;font-size:12px;flex:none;margin-left:10px;}

/* 首页带图列表 */
.listArts{display:flex;gap:16px;flex-wrap:wrap;background:transparent;}
.listArts dl{
  flex:1 1 31%;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;box-shadow:var(--sd);float:none;width:auto;margin:0;
}
.listArts dl .t1{
  border-radius:10px;overflow:hidden;margin-bottom:10px !important;background:#f2f5fa;
  height:auto !important;width:100% !important;
}
.listArts dl .t1 img{width:100% !important;height:140px !important;object-fit:cover;display:block;border-radius:0;}
.listArts dl .t1 .opacity{
  display:block;position:static !important;background:transparent !important;color:#33415c !important;
  font-size:13px;padding:6px 2px 0 !important;margin:0 !important;
  height:auto !important;line-height:1.5 !important;
}
.listArts dl dd ul li{
  line-height:32px;height:auto !important;font-size:14px;display:flex;align-items:center;
  border-bottom:1px dashed #f2f5fa;
}
.listArts dl dd ul li:last-child{border-bottom:0;}
.listArts dl dd ul li i{display:none;}
.listArts dl dd ul li a{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4c63;}
.listArts dl dd ul li span{color:#b3bccb;font-size:12px;flex:none;margin-left:8px;}

/* 友情链接 */
.idx-yqlj{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;box-shadow:var(--sd);}
.idx-yqlj .art_gytit.zt{display:flex;align-items:center;border-bottom:1px solid #f0f4f9;padding-bottom:10px;margin-bottom:12px;}
.idx-yqlj .art_gytit.zt h2{
  font-size:17px;color:#12203a;margin:0;font-weight:600;
}
.idx-yqlj .art_gytit.zt h2.lm{padding-left:12px;position:relative;}
.idx-yqlj .art_gytit.zt h2.lm::before{
  content:'';position:absolute;left:0;top:6px;width:4px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.idx-yqlj .art_gytit.zt em{display:none;}
.yqlj-link{display:flex;flex-wrap:wrap;gap:8px;}
.idx-yqlj .yqlj-link a{
  float:none !important;margin:0 !important;padding:0 14px !important;line-height:30px !important;
  display:inline-block;font-size:13px;color:#5b6b82 !important;
  background:#f6f8fc;border:1px solid #eef2f8;border-radius:15px;
}
.idx-yqlj .yqlj-link a:hover{background:#eef4ff;border-color:#c9dcff;color:var(--brand) !important;}

/* ---------- 面包屑 ---------- */
.location,.pos{
  font-size:13px;color:var(--ink-3);background:#f7f9fc;border:1px solid var(--line);
  border-radius:8px;padding:8px 14px;margin-bottom:14px;
}
.location a,.pos a{color:#6b7688;font-size:13px;}
.location a:hover,.pos a:hover{color:var(--brand);}
.container.pos{border-radius:8px;background:#f7f9fc;margin-top:16px;padding:10px 14px;}

/* ---------- 栏目页 / 详情页骨架 ---------- */
.artlist{background:var(--bg) !important;padding:16px 0 30px;}
.artlist .container{background:transparent;}
.main_l{
  float:left;width:820px;box-sizing:border-box;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:20px 22px;box-shadow:var(--sd);
}
.side_r{
  float:right;width:330px;box-sizing:border-box;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:16px 18px 20px;box-shadow:var(--sd);
}
.side_r .listArt{background:transparent;padding:0;}
.side_r .listArt dl{
  float:none;width:100%;padding:0;margin-bottom:14px;border:0;border-radius:0;box-shadow:none;
  background:#fff;
}
.side_r .listArt dl dt{
  border-bottom:1px solid #f0f4f9;padding-bottom:8px;margin-bottom:6px;overflow:hidden;
}
.side_r .listArt dl dt h3{
  font-size:15px;color:#12203a;padding-left:12px;position:relative;margin:0;
}
.side_r .listArt dl dt h3::before{
  content:'';position:absolute;left:0;top:5px;width:4px;height:15px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.side_r .listArt dl dt .fr a{font-size:12px;color:var(--ink-3);}
.side_r .listArt dl dd ul li{
  height:auto;line-height:32px;font-size:13px;border-bottom:1px dashed #f2f5fa;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.side_r .listArt dl dd ul li:last-child{border-bottom:0;}
.listNav{background:#f8fbff;border:1px solid #e4edfb;border-radius:12px;padding:12px 14px;margin-bottom:16px;}
.listNav dl dt{border-bottom:1px solid #e4edfb;padding-bottom:8px;margin-bottom:8px;}
.listNav dl dt strong{font-size:15px;color:#12203a;}
.listNav .bd a{
  display:inline-block;margin:0 6px 6px 0;padding:0 12px;line-height:28px;font-size:13px;
  background:#fff;border:1px solid #e4edfb;border-radius:14px;color:#4b5563;
}
.listNav .bd a:hover,.listNav .bd a.active{background:var(--brand);border-color:var(--brand);color:#fff;}

/* 栏目介绍 */
.catIntro{
  background:linear-gradient(180deg,#f7faff,#ffffff);border:1px solid #e4edfb;
  border-radius:12px;padding:16px 18px;margin-bottom:16px;
}
.catIntro h1{font-size:21px;color:#12203a;margin-bottom:8px;}
.catIntro p{font-size:14px;color:#54627a;line-height:1.9;margin:0;}

/* 列表项 */
.artItemList{width:100%;padding:0;}
.artItemList .artItem{padding:16px 0;border-bottom:1px dashed #e6ecf5;}
.artItemList .artItem:last-child{border-bottom:0;}
.artItemList .artItem .itemTit{width:66%;padding-right:0;}
.artItemList .artItem .itemTit h4{height:auto;font-size:17px;line-height:1.5;margin-bottom:6px;font-weight:600;}
.artItemList .artItem .itemTit h4 a{color:#1f2937;}
.artItemList .artItem .itemTit h4 a:hover{color:var(--brand);}
.artItemList .artItem .itemTit .pcInfo{color:var(--ink-3);font-size:13px;overflow:hidden;}
.artItemList .artItem .itemTit .pcInfo .item_intro{
  color:#66738a;line-height:1.7;padding:0 0 8px;margin:0;font-size:13px;
}
.artItemList .artItem .itemTit .pcInfo .item_date,
.artItemList .artItem .itemTit .pcInfo .item_tag{
  float:left;text-indent:0;background:none;margin-right:18px;position:relative;padding-left:16px;
  color:var(--ink-3);font-size:12px;
}
.artItemList .artItem .itemTit .pcInfo .item_date::before,
.artItemList .artItem .itemTit .pcInfo .item_tag::before{
  content:'';position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:3px;background:#d7e4fa;
}
.artItemList .artItem .itemTit .pcInfo .item_tag::before{background:#cfe9dd;}
.artItemList .artItem .itemTit .pcInfo .down{float:right;margin-top:-2px;}
.artItemList .artItem .itemTit .pcInfo .down a{
  display:inline-block;padding:5px 16px;border-radius:16px;font-size:13px;color:#fff;
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
  box-shadow:0 3px 10px rgba(26,108,240,.22);
}
.artItemList .artItem .itemTit .pcInfo .down a:hover{color:#fff;box-shadow:0 6px 16px rgba(26,108,240,.35);}
.artItemList .artItem .itemPic{width:30%;float:left;}
.artItemList .artItem .itemPic .titPic{
  border-radius:10px;overflow:hidden;background:#f2f5fa;display:block;border:1px solid #eef2f8;
}
.artItemList .artItem .itemPic img{
  width:100%;height:118px;object-fit:cover;display:block;border-radius:0;padding:0 !important;
}
.artItemList .artItem:hover{background:#fafcff;}

/* 分页 */
.pages{padding:20px 0 6px;text-align:center;clear:both;}
.pages ul{display:inline-block;}
.pages ul li{display:inline-block;margin:0 4px;}
.pages ul li a,.pages ul li span{
  display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 12px;
  border:1px solid #e2e8f2;border-radius:9px;background:#fff;color:#5a6478;font-size:14px;
}
.pages ul li a:hover{border-color:var(--brand);color:var(--brand);background:#f5f9ff;}
.pages ul li.thisclass span,.pages ul li.on span,.pages ul li.current span{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
  border-color:var(--brand);color:#fff;
}

/* ---------- 下载详情页 ---------- */
.soft-box{background:transparent;padding-top:16px;}
.soft-box .container{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sd);padding:0 0 20px;}
.soft-title{
  height:auto;background:#fff;border-bottom:1px solid #f0f4f9;border-radius:14px 14px 0 0;
  padding:16px 24px 14px;
}
.soft-title h1{
  float:none;width:auto;height:auto;padding:0;font-size:23px;line-height:1.45;
  color:#12203a;font-weight:600;
}
.soft-area{padding:18px 24px 4px;}
.soft-info .soft-detail{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;
}
.soft-info .soft-detail p{margin:0;font-size:14px;color:#46536b;display:flex;line-height:2;}
.soft-info .soft-detail p span{color:var(--ink-3);width:72px;flex:none;}
.area-c .u-ad{border-radius:12px;overflow:hidden;background:#f7f9fc;border:1px solid #eef2f8;text-align:center;}
.area-c .u-ad img{width:100%;max-height:220px;object-fit:contain;border-radius:0;padding:0 !important;}
.area-c .u-xiazainav{margin-top:12px;}
.area-c .u-xiazainav a{
  display:block;height:46px;line-height:46px;text-align:center;border-radius:23px;
  background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;font-size:16px;font-weight:600;
  box-shadow:0 6px 18px rgba(26,108,240,.28);
}
.area-c .u-xiazainav a:hover{color:#fff;box-shadow:0 8px 22px rgba(26,108,240,.4);transform:translateY(-1px);}
.ptjc{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.ptjc em{font-size:13px;color:var(--ink-3);margin-right:4px;}
.ptjc span{
  display:inline-block;padding:2px 12px;border-radius:12px;background:#eaf3ff;
  color:#1a6cf0;font-size:12px;
}
.ptjc span a{color:#1a6cf0;}
.soft-label{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
.soft-label label{display:none;}
.soft-label a{
  padding:3px 12px;border-radius:14px;background:#f4f8ff;border:1px solid #e6effc;
  font-size:13px;color:#4a5b76;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.soft-label a:hover{background:var(--brand);border-color:var(--brand);color:#fff;}

/* 正文 */
.t-nav{border-bottom:1px solid var(--line);margin-top:14px;}
.t-nav-in{display:flex;gap:8px;}
.t-nav-in a{
  padding:0 20px;height:40px;line-height:40px;font-size:15px;border-radius:10px 10px 0 0;
  color:#4b5563;background:#f4f7fc;
}
.t-nav-in a:hover,.t-nav-in a.tab_2{background:var(--brand);color:#fff;}
.w880{width:100%;}
.soft-content{
  font-size:15px;line-height:1.95;color:#3c485f;padding-top:14px;
}
.soft-content p{margin:0 0 12px;}
.soft-content h3{font-size:18px;color:#12203a;margin:20px 0 10px;padding-left:12px;position:relative;}
.soft-content h3 span{padding:0;}
.soft-content h3::before{
  content:'';position:absolute;left:0;top:7px;width:4px;height:17px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}
.soft-content h4{font-size:15px;color:#1f3a63;margin:16px 0 6px;}
.soft-content ol,.soft-content ul{padding-left:22px;margin:0 0 14px;}
.soft-content li{margin-bottom:6px;}
.soft-content img{max-width:100%;height:auto;margin:8px 0;border-radius:10px;}
.soft-content a{color:var(--brand);text-decoration:underline;}
.c-hd{border-bottom:1px solid #f0f4f9;padding-bottom:10px;margin-bottom:14px;}
.c-hd h3{margin:0;font-size:18px;}
.c-hd h3 span{color:#12203a;position:relative;padding-left:12px;}
.c-hd h3 span::before{
  content:'';position:absolute;left:0;top:6px;width:4px;height:17px;border-radius:2px;
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
}

/* 下载地址 */
.xzbox{display:flex;gap:16px;align-items:flex-start;}
.xzbox-lf{flex:1 1 auto;min-width:0;}
.xzbox-lf ul{display:flex;flex-wrap:wrap;gap:10px;}
.xzbox-lf ul li{width:calc(50% - 5px);margin:0;}
.xzbox-lf ul li a{
  display:block;height:48px;line-height:48px;border-radius:10px;position:relative;
  border:1px solid #d7e5fb;background:linear-gradient(180deg,#f9fbff,#eef4ff);
  color:#154a9e;font-size:15px;font-weight:600;padding:0 14px 0 46px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.xzbox-lf ul li a::before{
  content:'';position:absolute;left:14px;top:14px;width:20px;height:20px;border-radius:50%;
  background:var(--brand) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12l7 7 7-7'/%3E%3C/svg%3E") no-repeat center/12px 12px;
}
.xzbox-lf ul li a:hover{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border-color:var(--brand);
  box-shadow:0 6px 16px rgba(26,108,240,.28);
}
.xzbox-lf ul li a:hover::before{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a6cf0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12l7 7 7-7'/%3E%3C/svg%3E");}
.xzbox-gh{flex:0 0 260px;}
.xzbox-gh .xzbox-gg1 > div{
  border:1px dashed #c9d9f5 !important;border-radius:12px;background:#fafcff;color:#b3c0d4;
  height:180px !important;line-height:180px !important;
}

/* 推荐位 */
.c-img-title.multi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.c-img-title.multi .t-item{
  display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  padding:8px;
}
.c-img-title.multi .t-item:hover{border-color:var(--brand);box-shadow:var(--sd-h);transform:translateY(-2px);}
.c-img-title.multi .t-img{width:100%;height:96px;object-fit:cover;border-radius:8px;padding:0 !important;}
.c-img-title.multi .txt{
  font-size:13px;color:#3f4c63;line-height:1.5;padding:6px 2px 2px;margin:0;
  height:39px;overflow:hidden;
}

/* 相关机型宫格 */
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.rel-grid li a{
  display:block;padding:0 14px;line-height:40px;font-size:14px;border-radius:10px;
  border:1px solid #e9eef6;background:#fbfcfe;color:#3f4c63;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rel-grid li a:hover{
  border-color:var(--brand);background:#fff;color:var(--brand);box-shadow:0 4px 12px rgba(26,108,240,.14);
}

/* ---------- 文章页 ---------- */
.artpage .artinfo{border-bottom:1px solid #f0f4f9;padding-bottom:14px;margin-bottom:14px;text-align:center;}
.artpage .artinfo dt h1{font-size:24px;line-height:1.5;color:#12203a;margin-bottom:8px;}
.artpage .artinfo dd{font-size:13px;color:var(--ink-3);}
.artcontent{font-size:15px;line-height:1.95;color:#3c485f;}
.artcontent p{margin:0 0 12px;}
.artcontent img{max-width:100%;height:auto;border-radius:10px;margin:8px 0;}
.art_next{display:flex;justify-content:space-between;gap:12px;margin:18px 0;padding:12px 14px;background:#f7f9fc;border-radius:10px;font-size:13px;}
.art_next span{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xgcomm ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.xgcomm .item-inner{
  display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;
}
.xgcomm .item-inner:hover{border-color:var(--brand);box-shadow:var(--sd-h);}
.xgcomm .img-wrap{flex:0 0 96px;}
.xgcomm .img-wrap img{width:96px;height:70px;object-fit:cover;border-radius:8px;padding:0 !important;}
.xgcomm .rbox{flex:1 1 auto;min-width:0;}
.xgcomm .rbox .title{font-size:14px;color:#25334d;font-weight:500;line-height:1.5;}
.xgcomm .rbox .js{font-size:12px;color:var(--ink-3);line-height:1.6;max-height:38px;overflow:hidden;}
.xgcomm .item-info .lbtn{font-size:12px;color:#b3bccb;}

/* ---------- 页脚 ---------- */
.footer{
  background:linear-gradient(135deg,#0e2a52 0%,#17457f 55%,#1b5590 100%);
  color:#cfe0f5;padding:34px 0 26px;margin-top:30px;
}
.footers{background:transparent;color:#cfe0f5;width:1200px;max-width:100%;margin:0 auto;}
.footer .box{margin:0 auto 14px;}
.footer .ft_nav a{color:#dbe8fa;padding:0 16px;}
.footer .ft_nav a:hover{color:#fff;}
.footer p{line-height:2;color:#a9c0dc;text-align:center;}
.footer .box1 p{color:#8fa8c7;font-size:13px;line-height:1.9;}
.footer a{color:#cfe0f5;}

/* 右侧悬浮 */
.m-sidebar{bottom:120px;right:16px;width:56px;}
.m-sidebar .pub .btn{
  width:56px;height:56px;border-radius:12px;background:#fff;
  box-shadow:0 6px 18px rgba(16,42,80,.16);display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.m-sidebar .pub .btn .txt{font-size:11px;color:#6b7688;margin:0;}
.m-sidebar .go-top{
  width:56px;height:56px;border-radius:12px;background:#fff;
  box-shadow:0 6px 18px rgba(16,42,80,.16);
}
.m-sidebar .pub:hover .btn{background:#fff;}
.m-sidebar .go-top:hover{background:var(--brand);}

/* ---------- 首页 Hero ---------- */
.p522-hero{
  position:relative;overflow:hidden;border-radius:16px;padding:38px 44px;
  background:linear-gradient(120deg,#0e3f8f 0%,#1a6cf0 55%,#3d92ff 100%);
  box-shadow:0 10px 30px rgba(15,71,160,.26);
}
.p522-hero::after{
  content:'';position:absolute;right:-70px;top:-80px;width:280px;height:280px;
  border-radius:50%;background:rgba(255,255,255,.08);
}
.p522-hero::before{
  content:'';position:absolute;right:120px;bottom:-90px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.06);
}
.p522-hero .hero-in{position:relative;z-index:2;}
.p522-hero h1{color:#fff;font-size:30px;margin:0 0 10px;letter-spacing:1px;font-weight:700;}
.p522-hero .hero-sub{font-size:15px;color:#dbe8fa;margin:0 0 22px;}
.hero-search{
  display:flex;width:580px;max-width:100%;background:#fff;border-radius:26px;padding:5px;
  box-shadow:0 6px 20px rgba(0,0,0,.16);
}
.hero-search input{
  flex:1 1 auto;border:0;outline:none;height:40px;line-height:40px;padding:0 18px;
  font-size:15px;border-radius:22px;color:#333;min-width:0;
}
.hero-search button{
  border:0;height:40px;padding:0 28px;border-radius:22px;font-size:15px;font-weight:600;
  background:linear-gradient(90deg,#1a6cf0,#3d92ff);color:#fff;cursor:pointer;flex:none;
}
.hero-search button:hover{background:linear-gradient(90deg,#0f4fbd,#1a6cf0);}
.hero-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.hero-tags .ht-label{font-size:13px;color:#cfe0f5;}
.hero-tags a{
  display:inline-block;padding:0 15px;line-height:30px;border-radius:15px;
  background:rgba(255,255,255,.16);color:#fff;font-size:13px;
}
.hero-tags a:hover{background:#fff;color:var(--brand);}

/* ---------- 响应式 ---------- */
@media (max-width:1240px){
  .wraps,.wrap,.container,.box,.headers,.footers{width:100% !important;max-width:100%;}
  .headers .wraps,.navbar .wraps,.list_tag .wraps,.footers{padding-left:16px;padding-right:16px;box-sizing:border-box;}
  .main_l{width:calc(100% - 350px);}
  .navbar .nav-item{padding:0 18px;font-size:15px;}
}
@media (max-width:1000px){
  .art_index{flex-direction:column;}
  .art_indexl,.art_indexr{flex:1 1 auto;width:100%;}
  .brand-grid{grid-template-columns:repeat(4,1fr);}
  .rel-grid{grid-template-columns:repeat(2,1fr);}
  .c-img-title.multi{grid-template-columns:repeat(3,1fr);}
  .main_l,.side_r{float:none;width:100% !important;margin-bottom:16px;}
  .soft-info .soft-detail{grid-template-columns:1fr;}
  .xzbox{flex-direction:column;}
  .xzbox-gh{flex:1 1 auto;width:100%;}
  .headers .wraps{flex-direction:column;align-items:flex-start;gap:12px;}
  .c-search{width:100%;}
  .xgcomm ul{grid-template-columns:1fr;}
  .brand-grid li a{height:88px;}
}

/* ============================================================
   522p.com  UI 美化层  v1.1 增强（2026-10-06 续）
   - 详情页驱动参数表 driver-info
   - FAQ 问答可读性
   - 列表项 / 下载按钮 / Hero 移动端适配
   ============================================================ */

/* —— 详情页：驱动参数表 —— */
.soft-content table.driver-info{
  width:100%;border-collapse:separate;border-spacing:0;margin:0 0 20px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--sd);font-size:14px;overflow:hidden;
}
.soft-content table.driver-info th,
.soft-content table.driver-info td{
  padding:12px 16px;text-align:left;vertical-align:middle;line-height:1.6;
  border-bottom:1px solid #f0f4f9;
}
.soft-content table.driver-info tr:last-child th,
.soft-content table.driver-info tr:last-child td{border-bottom:0;}
.soft-content table.driver-info th{
  width:120px;white-space:nowrap;color:#5b6b82;font-weight:600;
  background:#f6f9fe;border-right:1px solid #eef2f8;
}
.soft-content table.driver-info td{color:#243149;}
.soft-content table.driver-info tr:nth-child(even) th,
.soft-content table.driver-info tr:nth-child(even) td{background:#fbfdff;}

/* —— 详情页：FAQ 问答更清晰 —— */
.soft-content p strong{color:#0f57d0;font-weight:700;}
.soft-content h4{
  background:linear-gradient(90deg,#f3f8ff,#eaf2ff);border-left:4px solid var(--brand);
  padding:9px 14px;border-radius:0 8px 8px 0;color:#13356b;margin:18px 0 8px;
}

/* —— 列表项 / 下载按钮 移动端 —— */
@media (max-width:768px){
  .artItemList .artItem{padding:14px 0;}
  .artItemList .artItem .itemPic{width:128px;margin-right:14px;}
  .artItemList .artItem .itemTit{width:auto;float:none;overflow:hidden;}
  .artItemList .artItem .itemPic img{height:96px;}
}
@media (max-width:480px){
  .artItemList .artItem .itemPic{width:100%;float:none;margin:0 0 10px;}
  .artItemList .artItem .itemTit{width:100%;}
  .artItemList .artItem .itemTit h4{font-size:16px;}
  .xzbox-lf ul li{width:100%;}
}

/* —— Hero / 首页宫格 小屏 —— */
@media (max-width:640px){
  .p522-hero{padding:26px 20px;}
  .p522-hero h1{font-size:23px;}
  .hero-search{width:100%;}
  .brand-grid{grid-template-columns:repeat(3,1fr);}
  .rel-grid{grid-template-columns:repeat(2,1fr);}
  .c-img-title.multi{grid-template-columns:repeat(2,1fr);}
  .soft-info .soft-detail p{font-size:13px;}
}

/* ============================================================
   522p.com  UI 美化层  v1.2 修复（2026-10-07）
   A. 首页/栏目列表「两列 + 一列满宽」错位  → box-sizing 修复
   B. 下载页顶部 soft-area 大面积留白        → 品牌导航压缩
   C. 图片缺失 / 破图                        → 空图隐藏 + 占位美化
   ============================================================ */

/* —— A. 多列卡片错位修复 ——
   原问题：.listArt dl / .listArts dl 使用 flex:1 1 31% 且带 padding:16px 18px，
   但盒模型为 content-box，实际每卡宽 = 31% + 36px，一行放不下 3 个，
   第 3 个换行后被 flex-grow 撑成整行（2 列 + 1 满宽）。 */
.listArt dl,.listArts dl,.idx-yqlj,.p522-card,
.art_indexl,.art_indexc,.art_indexr,.main_l,.side_r,
.soft-box .container,.soft-title,.soft-area,.xzbox,
.rel-grid li a,.brand-grid li a{box-sizing:border-box;}
.listArt .container,.listArts{box-sizing:border-box;}
.listArt dl,.listArts dl{flex:1 1 calc((100% - 32px)/3);width:auto;min-width:0;margin:0;}
@media (max-width:1000px){.listArt dl,.listArts dl{flex:1 1 calc((100% - 16px)/2);}}
@media (max-width:640px){.listArt dl,.listArts dl{flex:1 1 100%;}}

/* —— B. 下载页顶部留白修复 ——
   .area-r 内的品牌栏目导航（约 27 项）把整块 .soft-area 撑到 1300+px，
   而中间信息栏(~390px)、左侧图栏(~330px)下方出现近千像素空白。
   压缩为双列 chip + 限高滚动。 */
.soft-area .area-r{max-width:320px;box-sizing:border-box;}
.soft-area .area-r .listNav{padding:12px 14px;}
.soft-area .area-r .listNav .bd{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  max-height:264px;overflow:auto;
}
.soft-area .area-r .listNav .bd a{
  margin:0;padding:0 10px;line-height:30px;font-size:13px;text-align:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (max-width:1000px){
  .soft-area .area-r{float:none;width:100%;max-width:none;margin-top:14px;}
  .soft-area .area-r .listNav .bd{grid-template-columns:repeat(3,1fr);max-height:200px;}
}

/* —— B2. 列表页右栏品牌导航：单列 → 双列 ——
   页面：/pdriver/ 等驱动栏目/列表页右栏 .side_r > .listNav（品牌导航，约 20~27 项）。
   原问题：style.css 的 .listNav .bd a{float:left;width:49%}（content-box），
   叠加 beauty.css 的 padding:0 12px + 1px 边框后，单个 chip 的边框盒 = 49%+26px，
   两个并排必然超过行宽 → 全部换行，被堆成 1200px+ 的单列长条。
   改用 grid 双列 + border-box 宽度收口；品牌名过长自动省略号截断。
   注：.area-r 也带 .side_r 类，故详情页顶部品牌导航同样命中本规则（与上方 B 段一致，无冲突）。 */
.side_r .listNav .bd{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;
  width:auto;margin:0;padding:0;   /* 覆盖 style.css 的 .listNav .bd{width:320px;margin-right:-9px}，避免双列溢出被裁切 */
}
.side_r .listNav .bd a,
.side_r .listNav .bd a:nth-child(2n){
  float:none !important;width:100% !important;max-width:none;box-sizing:border-box;
  margin:0;padding:0 6px;line-height:32px;font-size:13px;text-align:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.side_r .listNav .bd > .clear{display:none;}

/* —— C1. 空图隐藏：litpic 为空时避免浏览器破图图标 —— */
img[src=""]{display:none !important;}

/* —— C2. 详情页顶部封面图为空 → 折叠整块 u-ad，消除左侧空白框 —— */
.area-c .u-ad:has(img[src=""]){display:none !important;}
.area-c:has(.u-ad img[src=""]) .u-xiazainav{margin-top:0;}

/* —— C3. 默认占位图 not_adv.jpeg → 统一替换为品牌浅蓝占位块 —— */
.art_indexl .box,.art_indexr .hd,.listArts dl .t1,
.c-img-title .t-item,.artItemList .artItem .itemPic{position:relative;}
.art_indexl .box:has(img[src*="not_adv"]) img,
.art_indexr .hd:has(img[src*="not_adv"]) img,
.listArts dl .t1:has(img[src*="not_adv"]) img,
.c-img-title .t-item:has(img[src*="not_adv"]) img,
.artItemList .artItem .itemPic:has(img[src*="not_adv"]) img{opacity:0 !important;}
.art_indexl .box:has(img[src*="not_adv"])::after,
.art_indexr .hd:has(img[src*="not_adv"])::after,
.listArts dl .t1:has(img[src*="not_adv"])::after,
.c-img-title .t-item:has(img[src*="not_adv"])::after,
.artItemList .artItem .itemPic:has(img[src*="not_adv"])::after{
  content:'';position:absolute;left:0;top:0;right:0;z-index:1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7c1e8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9.5' r='1.8'/%3E%3Cpath d='M4 17l5-5 3.5 3.5L16 12l4 4'/%3E%3C/svg%3E"),linear-gradient(135deg,#eef4ff 0%,#dbe8ff 100%);
  background-repeat:no-repeat,no-repeat;background-position:center,center;
  background-size:44px 44px,cover;pointer-events:none;border-radius:inherit;
}
.art_indexl .box:has(img[src*="not_adv"])::after{height:150px;}
.art_indexr .hd:has(img[src*="not_adv"])::after{height:150px;}
.listArts dl .t1:has(img[src*="not_adv"])::after{height:140px;}
.c-img-title .t-item:has(img[src*="not_adv"])::after{height:96px;}
.artItemList .artItem .itemPic:has(img[src*="not_adv"])::after{height:118px;}
/* 右上角栏目徽标保持浮在占位层之上 */
.art_indexr .hd .bq{z-index:2;}

/* ============================================================
   522p.com  UI 美化层  v1.3 修复（2026-10-07）
   D. 首页第一排三栏「打印机教程 / 最新信息 / 常用软件」高度不一致
      原 .art_index 为 align-items:flex-start，三列按各自内容自然高度排，
      左 492 / 中 571 / 右 523，左右列底部留白、底边不齐。
      改 align-items:stretch + 每列 flex-column，三列强制等高（取最高列）。
   ============================================================ */
.art_index{display:flex;gap:16px;align-items:stretch;}
.art_indexl,.art_indexc,.art_indexr{display:flex;flex-direction:column;width:auto;}