:root{
    --dl-primary:#1E9FFF;
    --dl-primary-dark:#0C7CD5;
    --dl-primary-light:#e8f5ff;
    --dl-text:#222;
    --dl-sub:#888;
    --dl-line:#eee;
    --dl-bg:#f5f6f8;
    --dl-radius:14px;
}
*{box-sizing:border-box;}

/* 下载站主体容器（套在全站 layout 的 main-wrapper 内） */
.dl-wrap{max-width:1180px;margin:24px auto;padding:0 20px;}

/* 首屏主推引导 */
.dl-hero{background:linear-gradient(120deg,#1E9FFF,#48b1ff);border-radius:var(--dl-radius);padding:36px 40px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:28px;}
.dl-hero h2{margin:0 0 10px;font-size:30px;}
.dl-hero p{margin:0;opacity:.92;font-size:15px;}
.dl-hero .slogan{margin-top:14px;font-size:13px;opacity:.85;}
.dl-hero-btn{display:inline-block;background:#fff;color:var(--dl-primary);padding:12px 34px;border-radius:24px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.12);white-space:nowrap;}
.dl-hero-btn:hover{transform:translateY(-1px);}

/* 区块标题 */
.dl-block{background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-radius);padding:22px 26px;margin-bottom:24px;}
.dl-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.dl-block-title{font-size:18px;margin:0;font-weight:700;}
.dl-block-title::before{content:"";display:inline-block;width:4px;height:16px;background:var(--dl-primary);border-radius:2px;margin-right:10px;vertical-align:-2px;}
.dl-refresh{font-size:13px;color:var(--dl-primary);cursor:pointer;border:1px solid var(--dl-primary);background:#fff;border-radius:16px;padding:4px 14px;}
.dl-refresh:hover{background:var(--dl-primary-light);}

/* 内联搜索条（列表/搜索页顶部） */
.dl-searchbar{display:flex;gap:10px;margin-bottom:20px;}
.dl-searchbar input{flex:1;border:1px solid var(--dl-line);border-radius:20px;outline:0;padding:10px 18px;font-size:14px;background:#f7f8fa;}
.dl-searchbar input:focus{border-color:var(--dl-primary);background:#fff;}
.dl-searchbar button{border:0;background:var(--dl-primary);color:#fff;padding:0 26px;border-radius:20px;cursor:pointer;font-size:14px;}
.dl-searchbar button:hover{background:var(--dl-primary-dark);}

/* 分类导航（首页卡片式） */
.dl-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;}
.dl-cat{background:#fafbfc;border:1px solid var(--dl-line);border-radius:10px;padding:16px;}
.dl-cat h3{margin:0 0 10px;font-size:15px;}
.dl-cat h3 a{color:#333;text-decoration:none;}
.dl-cat h3 a:hover{color:var(--dl-primary);}
.dl-cat-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px;}
.dl-cat-list a{color:#666;text-decoration:none;font-size:13px;}
.dl-cat-list a:hover{color:var(--dl-primary);}
.dl-cat-more{display:inline-block;margin-top:12px;font-size:13px;color:var(--dl-primary);text-decoration:none;}

/* 软件卡片网格 */
.dl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;}
.dl-card{background:#fff;border:1px solid var(--dl-line);border-radius:12px;padding:16px;text-align:center;transition:.2s;display:flex;flex-direction:column;align-items:center;}
.dl-card:hover{box-shadow:0 6px 20px rgba(30,159,255,.12);border-color:#cfe9ff;transform:translateY(-3px);}
.dl-cover{width:72px;height:72px;object-fit:cover;border-radius:14px;background:#f2f2f2;margin-bottom:10px;}
.dl-name{font-size:14px;color:#333;text-decoration:none;font-weight:600;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dl-card:hover .dl-name{color:var(--dl-primary);}
.dl-desc{font-size:12px;color:var(--dl-sub);margin:6px 0 0;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dl-meta{font-size:12px;color:#aaa;margin:8px 0 12px;}
.dl-card-btn{margin-top:auto;display:inline-block;padding:6px 18px;border-radius:16px;background:var(--dl-primary);color:#fff;text-decoration:none;font-size:13px;}
.dl-card-btn:hover{background:var(--dl-primary-dark);}

/* 分页 */
.dl-pager{margin-top:22px;text-align:center;color:#666;}
.dl-pager a,.dl-pager span{padding:6px 12px;margin:0 3px;border-radius:6px;text-decoration:none;color:#555;border:1px solid var(--dl-line);display:inline-block;}
.dl-pager .active{background:var(--dl-primary);color:#fff;border-color:var(--dl-primary);}

/* 详情页 */
.dl-detail{display:flex;gap:30px;background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-radius);padding:28px;flex-wrap:wrap;}
.dl-detail-cover{width:150px;height:150px;object-fit:cover;border-radius:16px;background:#f2f2f2;}
.dl-detail-info{flex:1;min-width:280px;}
.dl-detail-title{margin:0 0 16px;font-size:24px;}
.dl-detail-row{margin:8px 0;color:#666;}
.dl-tag-free{background:#e8f5e9;color:#2e7d32;padding:3px 12px;border-radius:14px;font-size:12px;}
.dl-tag-pay{background:#fff3e0;color:#ef6c00;padding:3px 12px;border-radius:14px;font-size:12px;}
.dl-btn-down{display:inline-block;margin-top:18px;padding:12px 40px;background:var(--dl-primary);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-size:16px;}
.dl-btn-down:hover{background:var(--dl-primary-dark);}
.dl-detail-intro{margin-top:24px;background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-radius);padding:24px;}
.dl-detail-intro h3{margin-top:0;}
.dl-back{display:inline-block;margin-top:18px;color:var(--dl-primary);text-decoration:none;}

/* 面包屑 */
.dl-crumb{font-size:13px;color:#999;margin-bottom:14px;}
.dl-crumb a{color:#666;text-decoration:none;}
.dl-crumb a:hover{color:var(--dl-primary);}
.dl-crumb span{margin:0 6px;color:#ccc;}

/* 空态 */
.dl-empty{color:#999;text-align:center;padding:50px 0;}

@media (max-width:640px){
    .dl-wrap{padding:0 16px;}
    .dl-hero{padding:24px;flex-direction:column;align-items:flex-start;}
    .dl-hero h2{font-size:24px;}
    .dl-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}
}