* {margin: 0;padding: 0;box-sizing: border-box;}
body {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
color: #1e293b;
background: #ffffff;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
display: block;
}

/* ===== 顶部导航栏 ===== */
header {
background: #ffffff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
position: sticky;
top: 0;
z-index: 100;
border-bottom: 2px solid #f1f5f9;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 72px;
}
.logoarea{display: flex;align-items: center;justify-content: flex-start;}
.slgtd {font-size: 24px;font-weight: 800;color: #0f172a;letter-spacing: 1px;padding-left:10px;}
.slgtd span {
color: #d97706; /* 主色调，可在后台settings中更换 */
}
.slgtd small {
font-size: 12px;
font-weight: 400;
color: #64748b;
margin-left: 8px;
letter-spacing: 0;
}
nav {
display: flex;
align-items: center;
gap: 4px;
}
nav a {
padding: 5px 10px;
font-size: 15px;
font-weight: 500;
color: #475569;
border-radius: 6px;
transition: all 0.2s;
}
nav a:hover {
background: #fef3c7;
color: #b45309;
}
/* 当前选中菜单 */
nav a.active{
    background: #fef3c7;
    color: #b45309;
}
.nav-cta {
background: #d97706;
color: #fff !important;
padding: 5px 8px;
border-radius: 6px;
font-weight: 600;
margin-left: 8px;
}
.nav-cta:hover {
background: #b45309;
color: #fff !important;
}
/* 移动端菜单 */
.menu-toggle {
display: none;
font-size: 28px;
background: none;
border: none;
cursor: pointer;
color: #1e293b;
padding: 4px 8px;
}

/* ===== 按钮 ===== */
.btn-primary {
display: inline-block;
background: #d97706;
color: #fff;
padding: 14px 40px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
border: none;
cursor: pointer;
transition: background 0.25s;
box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
}
.btn-primary:hover {
background: #b45309;
color: #fff;
}
.btn-outline {
display: inline-block;
background: transparent;
color: #1e293b;
padding: 14px 32px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
border: 1.5px solid #d1d5db;
cursor: pointer;
transition: all 0.25s;
}
.btn-outline:hover {
border-color: #d97706;
color: #d97706;
}
    
   /* ===== 页脚 ===== */
footer {
background: #0f172a;
color:#94a3b8;
padding: 30px 0 20px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 30px;
margin-bottom: 20px;
}
.footer-grid h4 { color:#94a3b8; margin-bottom: 12px; }
.footer-grid a { display: block; color:#94a3b8; font-size: 0.9rem; padding: 4px 0; }
.footer-grid a:hover { color:#e59920; }
.footer-bottom { text-align: center; border-top: 1px solid #333; padding-top: 16px; font-size: 0.85rem;}

/*分页页码显示CSS开始*/
.pagination {text-align: center;margin: 40px 0;font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;}
.pagination ul {list-style: none;margin: 0;padding: 0;display: inline-flex;align-items: center;
justify-content: center;flex-wrap: wrap;gap: 6px;}
.pagination li {display: inline-block;}
.pagination li a,.pagination li span {display: inline-block;padding: 5px 18px;border-radius: 6px;text-decoration: none;color: #333;background-color: #fff;transition: all 0.3s ease;font-size: 14px;font-weight: 500;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);border: 1px solid #e6e6e6;}
.pagination li a:hover {background-color: #f8f8f8;border-color: #4a90e2;color: #4a90e2;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.pagination li.active span {background-color: #ff6b6b;color: white;border-color: #ff6b6b;box-shadow: 0 4px 12px rgba(255, 107, 107, 0.2);}
.pagination li.disabled span {color: #ccc;background-color: #fafafa;cursor: not-allowed;border-color: #f0f0f0;box-shadow: none;}
.pagination li.dots span {border: none;background: none;color: #999;font-size: 18px;padding: 10px 8px;box-shadow: none;cursor: default;}
/* 首页、尾页按钮特殊样式 */
.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
    background-color: #f8f9fa;
    font-weight: 600;
    border-color: #dee2e6;
}

@media (max-width: 768px){
    /*分页移动端适配*/
    .pagination ul {gap: 4px;}
    .pagination li a,.pagination li span {padding: 8px 14px;font-size: 13px;}
    .pagination li:first-child a,
    .pagination li:first-child span,
    .pagination li:last-child a,
    .pagination li:last-child span{
        min-width: 60px;
    }

    /*移动端导航菜单*/
    .menu-toggle {
        display: block;
    }
    nav {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #fff;
        padding: 16px 0;
        border-top: 1px solid #e2e8f0;
        position: absolute;
        top: 72px;
        left: 0;
        box-shadow: 0 12px 24px rgba(0,0,0,0.06);
    }
    nav.open {
        display: flex;
    }
    nav a {
        width: 100%;
        padding: 12px 24px;
        border-radius: 0;
    }
    .nav-cta {
        margin-left: 0;
        background: transparent;
        color: #d97706 !important;
    }
    .nav-cta:hover {
        background: #fef3c7;
    }
    .header-inner {
        flex-wrap: wrap;
        height: auto;
        padding: 12px 0;
    }
    .footer-grid { 
        grid-template-columns: 1fr; 
    }
}