*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f2f4f7;color:#333}

/* 顶部栏：全宽、居中内容 */
.cate-title{position:sticky;top:0;z-index:10;background:#2b9cf0;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.cate-title .row{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 14px}
.cate-title .logo{color:#fff;font-size:18px;font-weight:600;white-space:nowrap;flex-shrink:0}
.cate-title .col2{flex:1;min-width:0}
.cate-title form{display:flex;background:#fff;border-radius:20px;overflow:hidden}
.cate-title input{flex:1;min-width:0;border:none;outline:none;padding:8px 14px;font-size:14px}
.cate-title .go{border:none;background:#fff;color:#2b9cf0;padding:0 14px;cursor:pointer}

/* 主体：居中容器 */
.cate-bg{max-width:1100px;margin:0 auto;padding:14px}
.cate .row{display:flex;gap:14px;align-items:flex-start}

/* 左栏分类 */
.col1{width:96px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;position:sticky;top:72px}
.col1 .item{background:#fff;border-radius:10px;text-align:center;padding:14px 6px;font-size:14px;cursor:pointer;
            border:2px solid transparent;transition:.15s}
.col1 .item.active{background:#e8f4ff;border-color:#2b9cf0;color:#2b9cf0;font-weight:600}

/* 右栏卡片 */
.col2{flex:1;min-width:0}
.col2 .itemG{display:none;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.col2 .itemG.active{display:grid}

a.item{display:block;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;
       box-shadow:0 1px 3px rgba(0,0,0,.08);transition:.15s}
a.item:hover{box-shadow:0 4px 14px rgba(0,0,0,.14);transform:translateY(-2px)}
.r1{display:flex;gap:10px;padding:12px}
.c1{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#2b9cf0;
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.c1 img{width:100%;height:100%;object-fit:cover}
.c2{flex:1;min-width:0}
.t1{font-size:15px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3{font-size:12px;color:#999;display:flex;gap:10px}
.t3 .color2{color:#f39c12}
.r2{background:#11151a;overflow:hidden;line-height:0}
.r2 img{width:100%;height:auto;max-height:440px;object-fit:contain;display:block;background:#20242a;margin:0 auto}
.noresult{display:none;text-align:center;color:#999;padding:30px;background:#fff;border-radius:12px;grid-column:1/-1}
.loading{text-align:center;color:#999;padding:40px;grid-column:1/-1}

/* 公告 */
.notice{position:fixed;left:50%;top:50%;width:500px;max-width:85%;transform:translate(-50%,-50%);
        background:#fff;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.25);z-index:9999;padding:20px}
.notice h3{font-size:17px;margin-bottom:10px}
.notice .close{float:right;cursor:pointer;color:#e74c3c;font-size:20px;line-height:1}
.notice hr{border:none;border-top:1px solid #eee;margin:8px 0}
.notice-body{max-height:400px;overflow:auto;color:#c0392b;font-size:15px;line-height:1.9}
.notice-body b{color:#2b9cf0;font-size:18px}
.notice-foot{text-align:right;margin-top:10px}
.notice-foot a{color:#2da4f4;font-size:13px;text-decoration:none}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998}

@media(max-width:700px){
  .col1{width:74px}
  .col2 .itemG{grid-template-columns:1fr}
  .cate-title .logo{font-size:16px}
}