*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#141820;color:#fff;}
.download-wrap{width:100%;overflow:hidden;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* 顶部导航占位 */
.site-header{background:#11161e;height:70px;display:flex;align-items:center;padding:0 24px;color:#fff;border-bottom:1px solid #29303d;}
.site-header .logo{font-size:18px;font-weight:600;color:#2563eb;}

/* Banner */
.download-banner{padding:70px 0 40px;text-align:center;background:linear-gradient(135deg,#141820,#1c2838);}
.download-banner h1{font-size:38px;color:#ffffff;margin-bottom:14px;font-weight:600;}
.download-banner p{color:#b8c2cc;font-size:17px;line-height:1.7;}

/* Tab 栏 */
.download-tab-box{padding:40px 0 20px;}
.tab-search-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:24px;}
.download-tab{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.tab-item{padding:11px 26px;border:1px solid #29303d;border-radius:32px;color:#b8c2cc;cursor:pointer;transition:all 0.3s ease;font-size:15px;background:#1c222d;}
.tab-item.active{background:#2563eb;border-color:#2563eb;color:#fff;}
.tab-item:hover{border-color:#2563eb;color:#fff;}

/* 型号搜索 */
.model-search-box{padding:20px 0 30px;}
.search-row{display:flex;gap:0;max-width:900px;margin:0 auto 16px;}
.model-input{flex:1;height:54px;padding:0 20px;border-radius:8px 0 0 8px;border:1px solid #29303d;background:#1c222d;color:#fff;font-size:15px;outline:none;}
.model-input::placeholder{color:#778392;}
.search-btn{width:160px;height:54px;background:#2563eb;color:#fff;border:none;border-radius:0 8px 8px 0;font-size:15px;cursor:pointer;transition:0.3s;}
.search-btn:hover{background:#1d4ed8;}
.hot-tags{max-width:900px;margin:0 auto;color:#9ca8b8;font-size:14px;text-align:center;}
.hot-tags a{color:#2563eb;text-decoration:none;margin:0 8px;}
.hot-tags a:hover{text-decoration:underline;}

/* 资料卡片列表 */
.download-list-box{padding:20px 0 60px;}
.download-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.download-card{background:#1c222d;border-radius:16px;padding:24px;transition:all 0.4s ease;transform:translateY(0);border:1px solid #29303d;}
.download-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2563eb33;border-color:#2563eb;}

.card-title{font-size:18px;font-weight:500;color:#fff;line-height:1.4;}
.card-img-box{width:100%;height:140px;background:#232b38;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:16px 0;}
.card-img-box img{width:100%;height:100%;object-fit:cover;transition:0.4s ease;}
.download-card:hover .card-img-box img{transform:scale(1.06);}
.card-desc{color:#9ca8b8;font-size:14px;min-height:44px;margin-bottom:20px;line-height:1.6;}
.card-meta{display:flex;justify-content:space-between;color:#8892a0;font-size:13px;margin-bottom:18px;}
.download-btn{display:block;width:100%;text-align:center;padding:12px 0;border:1px solid #2563eb;border-radius:9px;color:#2563eb;text-decoration:none;transition:0.3s;font-size:15px;}
.download-btn:hover{background:#2563eb;color:#fff;}
.tag-video{display:inline-block;background:#ef4444;font-size:12px;padding:2px 8px;border-radius:4px;margin-left:8px;}

/* 分页 */
.pagination-box{margin-top:50px;text-align:center;}
.pagination-box a{color:#b8c2cc;padding:8px 14px;margin:0 4px;border:1px solid #29303d;border-radius:6px;text-decoration:none;transition:0.3s;display:inline-block;background:#1c222d;}
.pagination-box a:hover{background:#2563eb;border-color:#2563eb;color:#fff;}
.pagination-box a.current{background:#2563eb;color:#fff;border-color:#2563eb;}

/* 黑底下载须知 */
.notice-box{background:#11161e;border:1px solid #29303d;border-radius:16px;padding:30px;margin:50px 0 40px;display:flex;gap:22px;align-items:flex-start;}
.notice-icon{width:64px;height:64px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
.notice-content h3{font-size:20px;color:#fff;margin-bottom:12px;font-weight:600;}
.notice-content p{font-size:14px;color:#9ca8b8;line-height:1.8;margin-bottom:8px;}

/* FAQ */
.faq-box{padding:20px 0 70px;}
.faq-box h2{text-align:center;margin-bottom:30px;font-size:26px;color:#fff;}
.faq-item{background:#1c222d;padding:24px;border-radius:14px;margin-bottom:16px;border:1px solid #29303d;}
.faq-item h3{font-size:17px;margin-bottom:8px;color:#fff;font-weight:500;}
.faq-item p{color:#b8c2cc;line-height:1.7;font-size:15px;}

/* 空提示 */
.empty-tip{grid-column:1/-1;text-align:center;padding:60px 0;color:#9ca8b8;font-size:16px;display:none;}

/* 移动端适配 */
@media (max-width:768px){
    .download-banner{padding:45px 0 30px;}
    .download-banner h1{font-size:29px;}
    .download-list{grid-template-columns:1fr;}
    .tab-search-row{flex-direction:column;}
    .search-row{flex-direction:column;}
    .model-input{border-radius:8px;margin-bottom:10px;}
    .search-btn{border-radius:8px;width:100%;}
    .notice-box{flex-direction:column;padding:24px;}
}

.download-banner{
    padding: 120px 0 40px; /* 拉高：增大顶部内边距，拉开和导航距离 */
    text-align:center;
    background:#181e29; /* 修改背景色，和顶部导航区分开 */
}
@media (max-width:768px){
    .download-banner{
        padding:70px 0 30px;
    }
}