@charset "utf-8";
/* =====================================================================
   AI 聚合资源站 · 360 风格模板样式（兼容加固版 v360b）
   关键约束（务必遵守，勿回退）：
     1) 不使用 CSS 变量 var()      —— IE11 内核/国产浏览器兼容模式不支持
     2) 不使用 display:grid        —— IE11 不支持
     3) 不使用 flex 的 gap 属性     —— IE11 不支持 flex-gap
     4) 渐变前一律先给 background-color 纯色兜底
   2026-10-13
   ===================================================================== */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}
a{text-decoration:none;color:inherit}
img{border:0}
ul,ol{list-style:none}

/* ---------- 顶部导航 ---------- */
.top{background:#fff;border-bottom:2px solid #22ba73;position:relative;position:sticky;top:0;z-index:20}
.top .w{max-width:1180px;margin:0 auto;display:flex;align-items:center;height:62px;padding:0 18px}
.logo{font-weight:800;font-size:22px;color:#22ba73;white-space:nowrap;margin-right:18px}
.logo b{color:#333}
.menu{display:flex}
.menu a{display:block;padding:8px 12px;border-radius:6px;font-size:14px;color:#666}
.menu a:hover,.menu a.on{background:#eefaf3;color:#159a5c}
.search{flex:1;max-width:340px;margin-left:auto;margin-right:16px;position:relative}
.search form{display:flex;width:100%}
.search input{width:100%;padding:9px 38px 9px 14px;border:1px solid #e6e6e6;border-radius:20px;font-size:14px;outline:none;color:#333;background:#fff}
.search input:focus{border-color:#22ba73}
.search .go{position:absolute;right:6px;top:5px;background:#22ba73;color:#fff;border:0;border-radius:50%;width:28px;height:28px;cursor:pointer;padding:0;font-size:14px;line-height:1}
.user{font-size:12px;color:#aaa;white-space:nowrap}
.user a{color:#999;margin-left:8px}
.user a:hover{color:#159a5c}

/* ---------- 面包屑 ---------- */
.crumb{max-width:1180px;margin:16px auto 0;padding:0 18px;font-size:13px;color:#666}
.crumb a{color:#666}
.crumb a:hover{color:#159a5c}

/* ---------- Hero ---------- */
.hero{background-color:#22ba73;background-image:linear-gradient(135deg,#2ad188,#159a5c);color:#fff;padding:46px 18px 40px;text-align:center}
.hero h1{font-size:32px;margin-bottom:10px;font-weight:800;color:#fff}
.hero p{max-width:680px;margin:0 auto 18px;font-size:15px;color:#fff;opacity:.96}
.hero .bar{max-width:620px;margin:0 auto;display:flex;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hero .bar form{display:flex;width:100%}
.hero .bar input{flex:1;border:0;padding:14px 20px;font-size:15px;outline:none;min-width:0;color:#333}
.hero .bar button{background:#159a5c;color:#fff;border:0;padding:0 28px;font-size:15px;cursor:pointer}
.tags{margin-top:16px;text-align:center}
.tags span{display:inline-block;background:rgba(255,255,255,.18);padding:5px 14px;border-radius:16px;font-size:13px;cursor:pointer;margin:4px 4px 0}
.tags span:hover{background:rgba(255,255,255,.32)}

/* ---------- 分类快筛条 ---------- */
.cats{max-width:1180px;margin:20px auto 0;padding:0 18px;display:flex;flex-wrap:wrap;align-items:center}
.cats .lab{font-size:13px;color:#666;margin-right:10px}
.chip{display:inline-block;background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:6px 14px;font-size:13px;cursor:pointer;margin:0 10px 6px 0}
.chip:hover{border-color:#22ba73;color:#159a5c}

/* ---------- 主布局 ---------- */
.wrap{max-width:1180px;margin:22px auto;padding:0 18px;display:flex;align-items:flex-start}
main{flex:1;min-width:0;display:block}
aside{width:320px;flex:none;margin-left:22px}

.sec-h{display:flex;align-items:center;margin:26px 0 14px}
.sec-h h2{font-size:19px;border-left:5px solid #22ba73;padding-left:10px;line-height:1.3}
.sec-h a{margin-left:auto;font-size:13px;color:#666}
.sec-h a:hover{color:#159a5c}

/* ---------- 软件卡片（flex 三列，兼容旧内核） ---------- */
.grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.grid > .sw{width:calc(33.333% - 16px);margin:0 8px 16px;flex:0 0 auto}
.sw{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:box-shadow .18s}
.sw:hover{box-shadow:0 8px 20px rgba(0,0,0,.1)}
.sw .cv{background-color:#22ba73;height:130px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;font-weight:800;overflow:hidden}
.sw .bd{padding:12px 14px}
.sw .nm{font-size:15px;font-weight:700;display:flex;align-items:center}
.sw .nm .pin{font-size:11px;background:#eefaf3;color:#159a5c;padding:1px 7px;border-radius:8px;font-weight:400;margin-left:6px}
.sw .ds{font-size:12px;color:#666;height:34px;line-height:17px;overflow:hidden;margin:6px 0}
.sw .ft{display:flex;align-items:center;font-size:12px;color:#666}
.sw .ft .pr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw .ft .dl{background:#22ba73;color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;margin-left:8px;white-space:nowrap}
.sw .ft .dl.pay{background:#2f86ff}

/* ---------- 资讯列表 ---------- */
.news{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}
.news li{display:flex;padding:13px 16px;border-bottom:1px solid #e6e6e6;align-items:center}
.news li:last-child{border-bottom:0}
.news .dt{font-size:12px;color:#aaa;width:62px;flex:none;margin-right:12px}
.news .ti{font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .ti a:hover{color:#159a5c}
.news .tag{font-size:11px;background:#f0f4f8;color:#2f86ff;padding:1px 8px;border-radius:8px;margin-left:12px;white-space:nowrap}

/* ---------- 徽章 ---------- */
.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:8px;margin-right:4px}
.b-free{background:#eefaf3;color:#159a5c}
.b-freemium{background:#fff4e5;color:#e08a00}
.b-paid{background:#ffe9e9;color:#e74c3c}

/* ---------- 侧栏 ---------- */
.box{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:18px;overflow:hidden}
.box .bh{background:#fafbfc;border-bottom:1px solid #e6e6e6;padding:12px 16px;font-weight:700;font-size:15px;border-left:4px solid #22ba73}
.rank li{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #e6e6e6}
.rank li:last-child{border-bottom:0}
.rank .no{width:22px;height:22px;border-radius:50%;background:#eef2f6;color:#666;font-size:12px;text-align:center;line-height:22px;flex:none;margin-right:10px;font-style:normal}
.rank li:nth-child(1) .no{background:#e74c3c;color:#fff}
.rank li:nth-child(2) .no{background:#ff8c3b;color:#fff}
.rank li:nth-child(3) .no{background:#22ba73;color:#fff}
.rank .rn{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank .rn a:hover{color:#159a5c}

.self{display:flex;padding:12px 16px;border-bottom:1px solid #e6e6e6;align-items:center}
.self:last-child{border-bottom:0}
.self .ic{width:42px;height:42px;border-radius:10px;background-color:#2f86ff;background-image:linear-gradient(135deg,#2f86ff,#159a5c);color:#fff;text-align:center;line-height:42px;font-weight:800;font-size:14px;flex:none;margin-right:10px}
.self .st{flex:1;min-width:0}
.self .st .t{font-size:13px;font-weight:700}
.self .st .p{font-size:12px;color:#e74c3c}
.self .buy{background:#2f86ff;color:#fff;font-size:12px;padding:4px 12px;border-radius:6px;margin-left:10px;white-space:nowrap}

/* ---------- 详情页：头部软件卡 ---------- */
.head{background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:22px;display:flex}
.head .ic{width:96px;height:96px;border-radius:18px;background-color:#2f86ff;background-image:linear-gradient(135deg,#2f86ff,#159a5c);color:#fff;font-size:40px;font-weight:800;text-align:center;line-height:96px;flex:none;margin-right:20px;overflow:hidden}
.head .info{flex:1;min-width:0}
.head .info h1{font-size:24px;line-height:1.35}
.head .info h1 .pin{display:inline-block;font-size:12px;background:#eefaf3;color:#159a5c;padding:2px 10px;border-radius:10px;font-weight:400;margin-left:10px;vertical-align:middle}
.rate{font-size:13px;color:#ff8c3b;margin:6px 0}
.rate b{font-size:16px}
.meta{font-size:13px;color:#666;margin-top:4px}
.meta span{display:inline-block;margin-right:18px}
.meta span b{color:#333}

/* 截图占位 */
.shot{margin-top:18px;height:300px;border-radius:14px;background-color:#e9eef5;background-image:linear-gradient(135deg,#e9eef5,#d4dde8);text-align:center;line-height:300px;color:#9aa7b5;font-size:15px;border:1px solid #e6e6e6;overflow:hidden}

/* ---------- 下载 / 购买条 ---------- */
.dlbar{margin-top:18px;background-color:#f3fbf7;background-image:linear-gradient(135deg,#f3fbf7,#eafaf1);border:1px solid #cdeede;border-radius:14px;padding:20px;display:flex;align-items:center;flex-wrap:wrap}
.dlbar .txt{font-size:13px;color:#666;flex:1;min-width:200px;margin-right:16px}
.dlbar .txt b{color:#333}
.btn{padding:13px 30px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;border:0;display:inline-block;text-align:center}
.btn-official{background:#22ba73;color:#fff}
.btn-official:hover{background:#159a5c}
.btn-buy{background:#2f86ff;color:#fff}
.btn-buy:hover{background:#1f6fe0}
.btn .arr{font-size:17px;margin-left:4px}
.hint{font-size:12px;color:#666;margin-top:8px}
.hint a{color:#2f86ff}

/* ---------- 内容块 ---------- */
.blk{background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:22px;margin-top:18px}
.blk h2{font-size:18px;border-left:5px solid #22ba73;padding-left:10px;margin-bottom:14px;line-height:1.3}
.blk p{font-size:14px;color:#444;margin-bottom:10px}
.neirong{font-size:14px;color:#444;line-height:1.9}
.neirong img{max-width:100%;height:auto}
.feat{display:flex;flex-wrap:wrap;margin:6px -6px 0}
.feat > div{width:calc(50% - 12px);background:#f5f7fa;border-radius:10px;padding:12px 14px;font-size:13px;margin:0 6px 12px}
.feat div b{color:#159a5c;margin-right:6px}
.tabs{border-bottom:1px solid #e6e6e6;margin-bottom:14px}
.tabs span{display:inline-block;padding:8px 14px;font-size:14px;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-right:8px}
.tabs span.on{color:#159a5c;border-bottom-color:#22ba73;font-weight:700}

/* ---------- 侧栏：参数 / 相关推荐 ---------- */
.spec{padding:6px 16px}
.spec div{font-size:13px;padding:9px 0;border-bottom:1px dashed #e6e6e6;overflow:hidden}
.spec div:last-child{border-bottom:0}
.spec .k{color:#666}
.spec .v{color:#333;font-weight:600;float:right}
.spec .v a{color:#2f86ff}
.box .pad{padding:14px 16px}
.rel li{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #e6e6e6}
.rel li:last-child{border-bottom:0}
.rel .ric{width:34px;height:34px;border-radius:8px;background-color:#22ba73;background-image:linear-gradient(135deg,#2ad188,#159a5c);color:#fff;text-align:center;line-height:34px;font-weight:800;font-size:13px;flex:none;margin-right:10px}
.rel .rt{flex:1;min-width:0;font-size:13px}
.rel .rt a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel .rt a:hover{color:#159a5c}
.rel .rp{font-size:11px;color:#e74c3c}

/* ---------- 页脚 ---------- */
footer{background:#2b3445;color:#aab;font-size:13px;margin-top:30px;padding:26px 18px;text-align:center;line-height:1.9}
footer a{color:#cdd}
footer a:hover{color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .grid > .sw{width:calc(50% - 16px)}
  aside{display:none}
  .menu{display:none}
}
@media (max-width:620px){
  .grid > .sw{width:calc(100% - 16px)}
  .search{display:none}
  .hero h1{font-size:24px}
  .head{display:block;padding:18px}
  .head .ic{margin:0 auto 14px}
  .head .info{text-align:center}
  .feat > div{width:calc(100% - 12px)}
  .btn{display:block}
}

/* =====================================================================
   栏目列表页 / 文章页 补全样式（ep-* / el-card 系列）
   2026-10-16 追加：此前 list.html / category.html 使用的 ep-* 类
   在 style360.css 中完全缺失，导致列表页无样式、排版塌陷。
   约束同文件头：不用 var()、不用 display:grid、不用 flex 的 gap。
   ===================================================================== */

/* ---------- 面包屑 ---------- */
.ep-breadcrumb{max-width:1180px;margin:16px auto 0;padding:0 18px;font-size:13px;color:#666;line-height:1.8}
.ep-breadcrumb a{color:#666}
.ep-breadcrumb a:hover{color:#159a5c}
.ep-bc-sep{margin:0 6px;color:#ccc}

/* ---------- 栏目页两栏骨架 ---------- */
.ep-row{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:flex-start;flex-wrap:wrap}
.ep-col-main{flex:1;min-width:0;margin-top:14px}
.ep-col-side{width:320px;flex:none;margin-left:22px;margin-top:14px}

/* ---------- 通用卡片 ---------- */
.el-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden;margin-bottom:18px}
.el-card__header{background:#fafbfc;border-bottom:1px solid #e6e6e6;border-left:4px solid #22ba73;padding:12px 16px;font-size:15px;font-weight:700;color:#333;overflow:hidden}
.el-card__header span{display:inline-block}
.el-card__header .ep-head-tip{float:right;font-size:12px;font-weight:400;color:#a0a6ad;line-height:24px}
.el-card__body{padding:0}

/* ---------- 列表项：左图标 + 右文字 + 右侧按钮 ---------- */
.ep-list-item{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid #e6e6e6}
.ep-list-item:last-child{border-bottom:0}
.ep-list-item:hover{background:#fafcfe}
.ep-thumb{display:block;width:112px;height:112px;flex:none;margin-right:18px;border-radius:10px;border:1px solid #eee;background-color:#f4f5f7;background-repeat:no-repeat;background-position:center;background-size:contain;object-fit:contain}
.ep-thumb--sm{width:52px;height:52px;border-radius:8px;margin-right:12px}
.ep-flex-grow{flex:1;min-width:0}
.ep-article-title{font-size:16px;font-weight:700;line-height:1.45;margin-bottom:6px;overflow:hidden}
.ep-article-title a{color:#222}
.ep-article-title a:hover{color:#159a5c}
.ep-list-desc{font-size:13px;color:#666;line-height:1.65;overflow:hidden}
.ep-list-desc--tight{margin-bottom:8px;max-height:44px}
.ep-meta{font-size:12px;color:#a0a6ad;display:flex;align-items:center;flex-wrap:wrap}
.ep-meta > span{margin-right:14px;white-space:nowrap}
.ep-meta .fa{margin-right:3px}
.ep-badge{display:inline-block;font-size:11px;background:#f0f4f8;color:#2f86ff;padding:2px 9px;border-radius:8px;margin-right:6px;margin-bottom:2px}
a.ep-badge:hover{background:#e4eefb;color:#1f6fe0}
.ep-go{display:inline-block;flex:none;background:#eefaf3;color:#159a5c;font-size:12px;padding:7px 16px;border-radius:6px;margin-left:14px;white-space:nowrap}
.ep-go:hover{background:#22ba73;color:#fff}
.ep-go--buy{background:#eaf2ff;color:#2f86ff}
.ep-go--buy:hover{background:#2f86ff;color:#fff}
.ep-list-item--art{padding:15px 18px}
.ep-list-item--art .ep-go{margin-left:16px}

/* ---------- 侧栏：热门列表 ---------- */
.ep-side-hit-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e6e6e6}
.ep-side-hit-row:last-child{border-bottom:0}
.ep-side-hit-row:hover{background:#fafcfe}
.ep-side-hit-title{display:block;font-size:13px;font-weight:700;color:#333;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep-side-hit-title:hover{color:#159a5c}
.ep-side-hit-desc{font-size:12px;color:#999;line-height:1.5;max-height:36px;overflow:hidden}

/* ---------- 分页 ---------- */
.xrpagination{text-align:center;padding:18px 10px 10px}
.pagination{display:block}
.pagination li{display:inline-block;margin:0 3px;font-size:13px}
.pagination li a{display:inline-block;min-width:32px;height:32px;line-height:30px;padding:0 9px;border:1px solid #e6e6e6;border-radius:6px;background:#fff;color:#666;cursor:pointer}
.pagination li a:hover{border-color:#22ba73;color:#159a5c}
.pagination li.active a{background:#22ba73;border-color:#22ba73;color:#fff}
.pagination li.disabled a{color:#c9d1d9;background:#fafbfc}

/* ---------- 文章详情页正文 ---------- */
.art-h1{font-size:24px;line-height:1.45;font-weight:800;color:#222;margin-bottom:12px}
.art-sub{font-size:12px;color:#a0a6ad;border-bottom:1px solid #e6e6e6;padding-bottom:12px;margin-bottom:18px}
.art-sub span{margin-right:18px;white-space:nowrap}
.art-sub .fa{margin-right:3px}
.blk .rel li .rt a{font-size:14px}

/* ---------- 正文明细：官网下载按钮（正文内嵌 dl-official） ---------- */
.neirong .dl-official,.neirong div.dl-official{display:flex;align-items:center;flex-wrap:wrap;clear:both;margin:18px 0 6px;padding:14px 18px;background-color:#f3fbf7;border:1px solid #cdeede;border-radius:12px}
.neirong .dl-official span{flex:1;min-width:150px;font-size:13px;font-weight:700;color:#159a5c;margin-right:14px}
.neirong a.btn-official{display:inline-block;background:#22ba73;color:#fff;padding:11px 24px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap;border:0}
.neirong a.btn-official:hover{background:#159a5c;color:#fff}
.neirong p{margin-bottom:12px}
.neirong h2,.neirong h3{margin:18px 0 10px;line-height:1.4}
.neirong h2{font-size:18px}
.neirong h3{font-size:16px}
.neirong ul,.neirong ol{margin:0 0 12px 22px}
.neirong ul li{list-style:disc;font-size:14px;color:#444;line-height:1.9}
.neirong ol li{list-style:decimal;font-size:14px;color:#444;line-height:1.9}

/* ---------- 响应式（列表页 / 文章页） ---------- */
@media (max-width:980px){
  .ep-col-side{display:none}
  .ep-row{padding:0 14px}
  .ep-breadcrumb{padding:0 14px}
}
@media (max-width:620px){
  .ep-list-item{padding:12px}
  .ep-thumb{width:76px;height:76px;margin-right:12px}
  .ep-article-title{font-size:15px}
  .ep-list-desc{font-size:12px;max-height:38px}
  .ep-go{margin-left:10px;padding:6px 12px}
  .art-h1{font-size:19px}
  .ep-col-side{display:none}
  .mobile-hidden{display:none}
}