@charset "UTF-8";
/* 应用精选 —— 黑底紫粉导航风（参考 iuirj.wsbkhs.com 排版配色，去其脚本）*/
:root{
  --bg:#000;
  --panel:#282828;
  --panel-2:#1b1b1b;
  --border:#3a3a3a;
  --border-purple:#603cb8;
  --text:#fff;
  --muted:#9a9a9a;
  --pink:#FE67B0;
  --purple:#A882F5;
  --grad:linear-gradient(90deg,#AA81F5 0%,#FE67B0 100%);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;
}
.wrap{max-width:520px;margin:0 auto;min-height:100vh;padding:10px 12px 90px;}
a{color:inherit;text-decoration:none;}

/* 顶部标语条 */
.banner-title{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--panel);border-radius:8px;padding:12px 14px;margin-bottom:10px;
  font-size:14px;color:#ffd76a;font-weight:600;letter-spacing:.02em;
  border:1px solid var(--border);
}
.banner-title .dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink);}

/* 横幅广告位 */
.banners{margin-bottom:10px;border-radius:10px;overflow:hidden;}
.banner-slide{display:none;}
.banner-slide.active{display:block;}
.banner-slide img{width:100%;display:block;border-radius:10px;}

/* 分类 tab */
.tabs{
  display:flex;gap:6px;overflow-x:auto;background:var(--panel);
  border-radius:10px 10px 0 0;padding:6px;border-bottom:1px solid var(--border-purple);
  scrollbar-width:none;
}
.tabs::-webkit-scrollbar{display:none;}
.tab{
  flex:0 0 auto;border:none;background:transparent;color:#cfcfcf;
  font-size:14px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;
}
.tab.active{background:var(--grad);color:#fff;}

/* 图标网格 */
.grid-wrap{background:var(--panel-2);border-radius:0 0 10px 10px;padding:14px 8px;margin-bottom:16px;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 4px;}
.g-item{display:flex;flex-direction:column;align-items:center;text-align:center;}
.g-item .ico{
  width:56px;height:56px;border-radius:14px;object-fit:cover;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.5);
}
.g-item .nm{margin-top:7px;font-size:12px;color:#eee;line-height:1.3;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-item .down{
  margin-top:7px;font-size:12px;font-weight:700;color:#fff;
  background:var(--grad);border-radius:20px;padding:4px 14px;
}
.g-item .down:active{opacity:.8;}
.grid-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 0;}

/* 区块标题 */
.sec-title{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font-size:16px;font-weight:700;}
.sec-title::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--grad);}
.sec-title .sub{font-size:12px;color:var(--muted);font-weight:400;}

/* 纵向下载列表 */
.list{display:flex;flex-direction:column;gap:10px;}
.row{
  display:flex;align-items:center;gap:12px;background:var(--panel-2);
  border:1px solid var(--border);border-radius:12px;padding:12px;
}
.row .ico{
  width:52px;height:52px;flex:0 0 auto;border-radius:12px;object-fit:cover;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.5);
}
.row .info{flex:1;min-width:0;}
.row .info h3{font-size:15px;font-weight:700;margin-bottom:2px;}
.row .info .desc{font-size:12px;color:#bdbdbd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.row .info .cnt{font-size:11px;color:var(--muted);margin-top:3px;}
.row .info .cnt b{color:var(--pink);font-weight:700;}
.row .down{
  flex:0 0 auto;background:var(--grad);color:#fff;font-size:14px;font-weight:700;
  padding:8px 18px;border-radius:20px;
}
.row .down:active{opacity:.8;}
.row.ad{justify-content:center;border:1px dashed var(--border-purple);color:var(--muted);font-size:14px;padding:16px;}
.row.ad b{color:var(--purple);}

/* 底部固定条 */
.bottombar{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  background:var(--grad);color:#fff;text-align:center;font-size:13px;font-weight:600;
  padding:12px;letter-spacing:.03em;
}

/* 加载弹窗 */
.mask{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;}
.mask.hidden{display:none;}
.dialog{background:#1f1f1f;border:1px solid var(--border-purple);border-radius:16px;max-width:340px;width:100%;padding:22px 20px;text-align:center;}
.dialog h2{font-size:18px;margin-bottom:12px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.dialog p{font-size:13px;color:#cfcfcf;line-height:1.7;margin-bottom:18px;}
.dialog button{width:100%;height:44px;border:none;border-radius:22px;background:var(--grad);color:#fff;font-size:15px;font-weight:700;cursor:pointer;}
.dialog button:active{opacity:.85;}