:root{--bg:#f7f8fb;--card:#fff;--line:#eef2f7;--text:#111827;--sub:#6b7280}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
.wrap{
    max-width:1100px;
    margin:0 auto;                 /* ← 原来是 margin:26px auto; 改为 0 */
    padding: calc(26px + env(safe-area-inset-top, 0)) 16px 0 16px;
}
html { -webkit-text-size-adjust: 100%; }
/* 3) 标题行高稍微放宽，避免放大后被裁切 */
.title{
    font-size:24px;
    font-weight:800;
    line-height:1.25;  /* 新增 */
    margin: 0 0 16px;  /* 顶部不要再用 margin 顶住首屏 */
}

.item{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--card);border:1px solid var(--line);border-radius:12px;
    padding:12px 14px;cursor:pointer;transition:.15s box-shadow,.15s transform;
}
.item:hover{box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translateY(-1px)}
.name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.count{font-size:12px;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px}
.empty{padding:40px 0;text-align:center;color:#9ca3af}
.search{height:38px;width:260px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none;margin:0px}
.btn{
    height:38px; padding:0 14px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#111827; color:#fff;
    cursor:pointer; transition:.2s;
}
.btn:hover{ filter:brightness(1.1); }

.adv-banner-wrap{margin:12px 0 16px}
.adv-banner{display:flex;gap:12px;flex-wrap:wrap}
.adv-banner .banner-item{display:block;flex:1 1 320px;min-width:280px;max-width:100%}
.adv-banner img{width:100%;height:auto;border-radius:10px;border:1px solid #eef2f7}

.section-title{margin:10px 2px;font-weight:800}
/* 若已有 .grid .site-card 等样式，可删除下面示例样式 */
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media (max-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:980px){.grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:540px){.grid{grid-template-columns:repeat(2,1fr)}}
.site-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.empty{padding:28px 0;color:#9ca3af;text-align:center}

/* 让 <a class="item"> 与 <div class="item"> 视觉一致 */
a.item{ display:flex; align-items:center; justify-content:space-between;
    background:var(--card); border:1px solid var(--line); border-radius:12px;
    padding:12px 14px; text-decoration:none; color:inherit; }

/* 广告条目的彩色标题 */
.item-ad .name{
    font-weight:800;
    background: linear-gradient(90deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.item-ad:hover{ box-shadow:0 6px 18px rgba(0,0,0,.06); transform:translateY(-1px); }

/* ====== 页尾声明 ====== */
.footer{
    margin:22px 0 12px;
}
.footer-card{
    background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:16px; color:#374151;
}
.footer-title{font-weight:800;margin-bottom:8px;color:#111827}
.footer-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:12px
}
.footer-box{
    background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;padding:12px
}
.footer-box b{color:#111827}
.muted{color:#6b7280;font-size:12px;margin-top:8px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}}