/* =============================================
   Smartent - 公共样式表 (styles.css)
   适用于所有页面的通用样式
   ============================================= */

/* CSS 变量 */
:root {
    --main: #1E3A5F;
    --main-dark: #152C4A;
    --main-light: #4A7FB5;
    --primary-light: #00B4D8;
    --success: #10B981;
    --warning: #F59E0B;
    --bg-light: #F8FAFC;
    --bg-dark: #0F172A;
    --text-main: #1E293B;
    --text-second: #64748B;
    --border: #E2E8F0;
}

/* 全局重置 */
* {margin: 0;padding:0;box-sizing:border-box;}
body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    color: var(--text-main);
    font-size: 15px;
    line-height: 1.8;
    background: #fff;
}

/* 标题 */
h1 {font-size:36px;font-weight:700;margin-bottom:12px;}
h2 {font-size:30px;font-weight:700;margin-bottom:16px;}
h3 {font-size:20px;font-weight:600;margin-bottom:8px;}
h4 {font-size:17px;font-weight:600;margin-bottom:6px;}

/* 容器 */
.container {max-width:1200px;margin:0 auto;padding:0 24px;}
.text-center {text-align:center;}
section {padding:80px 0;}

/* Banner通用 */
.page-banner {
    margin-top:72px;
    padding:80px 0 60px;
    background: linear-gradient(135deg, #0F172A 0%, #1E3A5F 50%, #2563EB 100%);
    color:#fff;
    text-align:center;
}
.page-banner p {
    font-size:16px;
    opacity:0.85;
    max-width:700px;
    margin:0 auto;
}

/* 卡片 */
.card {
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    padding:32px;
    transition:all 0.3s ease;
}
.card:hover {
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(30, 58, 95, 0.1);
    border-color:var(--primary-light);
}

/* 按钮 */
.btn-primary {
    display:inline-block;
    background:var(--main);
    color:#fff;
    padding:14px 32px;
    border-radius:8px;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    border:none;
    cursor:pointer;
}
.btn-primary:hover {background:var(--main-dark);}
.btn-outline {
    display:inline-block;
    background:transparent;
    color:var(--main);
    border:2px solid var(--main);
    padding:12px 30px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
}
.btn-outline:hover {background:var(--main);color:#fff;}
.btn-white {
    display:inline-block;
    background:#fff;
    color:var(--main);
    padding:14px 32px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
}
.btn-block {width:100%;text-align:center;}

/* 导航栏 */
.navbar {
    position:fixed;
    top:0;left:0;right:0;
    height:72px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
    z-index:99;
}
.nav-container {
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.nav-logo {
    font-size:26px;
    font-weight:800;
    color:var(--main);
    text-decoration:none;
}
.nav-links {display:flex;gap:36px;list-style:none;}
.nav-links a {
    color:var(--text-main);
    text-decoration:none;
    font-size:15px;
}
.nav-links a:hover {color:var(--primary-light);}

/* 汉堡菜单 */
.hamburger {
    display:none;
    flex-direction:column;
    gap:5px;
    width:32px;height:32px;
    background:none;border:none;cursor:pointer;
}
.hamburger span {
    display:block;width:24px;height:2px;
    background:var(--main);border-radius:2px;
    transition:all 0.3s ease;
}
.mobile-menu-overlay {
    display:none;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0.5);
    z-index:999;
}
.mobile-menu-overlay.active {display:block;}
.mobile-menu {
    position:fixed;top:0;right:-280px;
    width:280px;height:100vh;
    background:#fff;z-index:1000;
    transition:right 0.3s ease;
    padding:24px;overflow-y:auto;
}
.mobile-menu-overlay.active .mobile-menu {right:0;}
.mobile-menu-close {
    position:absolute;top:16px;right:16px;
    font-size:24px;background:none;border:none;cursor:pointer;
    color:var(--text-second);
}
.mobile-menu ul {list-style:none;padding:40px 0 0;margin:0;}
.mobile-menu li {border-bottom:1px solid var(--border);}
.mobile-menu li a {
    display:block;padding:16px 0;
    font-size:17px;color:var(--text-main);
    text-decoration:none;
}
.mobile-menu-footer {margin-top:24px;}
.phone-number {
    text-align:center;margin-top:12px;
    color:var(--text-second);font-size:14px;
}

/* 页脚 */
footer {
    background:var(--bg-dark);
    color:#fff;
    padding:60px 0 30px;
}
.footer-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:40px;
    margin-bottom:40px;
}
.footer-col h4 {margin-bottom:20px;color:#fff;}
.footer-col a {
    display:block;color:#ccc;text-decoration:none;
    margin-bottom:8px;
}
.copyright {text-align:center;color:#888;padding-top:20px;border-top:1px solid #222;}

/* ===== 响应式 ===== */
@media (max-width:992px) {
    .footer-grid {grid-template-columns:1fr;gap:30px;}
}
@media (max-width:768px) {
    .nav-links,.nav-cta {display:none;}
    .hamburger {display:flex;}
    h1 {font-size:28px;}
    section {padding:48px 0;}
    .page-banner {padding:60px 0 40px;}
}
@media (max-width:576px) {
    .card {padding:24px;}
}