/* 全局主站统一配色 */
:root {
    --main-blue: #0f4c94;
    --dark-blue: #083260;
    --footer-dark: #003C6B;
    --copyright-dark:#003C6B;
    --gray-bg: #f5f7fa;
    --text-gray: #666;
}
* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",Arial,sans-serif;}
ul {list-style:none;}
a {text-decoration:none;color:inherit;}
.container {width:1200px;margin:0 auto;padding:0 15px;}

/* ========== 全局粘性底部核心 ========== */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    background:var(--gray-bg);
}
.main-wrap {
    flex: 1; /* 主体自动占满剩余高度，footer压到底 */
}

/* ========== 公共头部样式 对齐3shine官网 ========== */
.top-bar-wrap {width:100%;background:var(--dark-blue);color:#ccc;font-size:14px;}
.top-bar-wrap .container {height:36px;line-height:36px;display:flex;justify-content:space-between;align-items:center;}
.top-left span {color:#fff;font-weight:bold;margin-left:6px;}
.top-right a {color:#ccc;margin-left:22px;}
.top-right a:hover {color:#fff;}

.main-header {width:100%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.07);}
.main-header .container {height:90px;display:flex;justify-content:space-between;align-items:center;}
.header-logo {display:flex;align-items:center;gap:14px;}
.header-logo img {height:58px;max-width:120px; /* 限制最大宽度，防止撑宽 */
object-fit:contain;}
.logo-text h2 {font-size:20px;color:var(--main-blue);font-weight:600;white-space:nowrap;/* 企业名称强制不换行 */}
.logo-text p {font-size:13px;color:var(--text-gray);margin-top:4px;white-space:nowrap;}
.header-nav ul {display:flex;gap:42px;}
.header-nav a {font-size:16px;color:#333;padding:10px 0;position:relative;}
.header-nav a.active {color:var(--main-blue);}
.header-nav a.active::after {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--main-blue);}
.header-nav a:hover {color:var(--main-blue);}

/* ========== 核验卡片主体样式 ========== */
.verify-card {max-width:700px;margin:40px auto;background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(15,76,148,0.09);padding:36px;}
.card-title {text-align:center;border-bottom:1px solid #eee;padding-bottom:24px;margin-bottom:28px;}
.card-title h1 {font-size:30px;color:var(--main-blue);margin-bottom:8px;}
.card-title p {font-size:14px;color:#999;}

/* 查询表单 */
.query-form {text-align:center;margin-bottom:26px;}
.query-form input {width:280px;padding:10px 14px;border:1px solid #d0d7e3;border-radius:5px;font-size:15px;outline:none;}
.query-form input:focus {border-color:var(--main-blue);}
.query-form button {padding:10px 24px;margin-left:10px;background:var(--main-blue);color:#fff;border:none;border-radius:5px;font-size:15px;cursor:pointer;transition:0.2s;}
.query-form button:hover {background:var(--dark-blue);}

/* 状态提示 - 移除边框，调整背景深浅区分层级 */
.status-box {
    padding:16px 20px;
    border-radius:6px;
    margin-bottom:26px;
    text-align:center;
    font-size:19px;
    font-weight:bold;
    border:none !important; /* 彻底去掉外框 */
}
/* 有效/成功提示：加深浅蓝底，和下方表格拉开区分 */
.status-success {
    background:#dcebfb;
    color:#0f4c94;
}
/* 空白/未输入警告 */
.status-warning {
    background:#e7f0ff;
    color:#083260;
}
/* 撤销/失效危险提示 */
.status-danger {
    background:#fee;
    color:#982424;
}

/* 证书信息表格 */
.info-table {width:100%;border-collapse:collapse;margin-bottom:22px;}
.info-table td {padding:14px 16px;border-bottom:1px solid #f0f0f0;vertical-align:top;font-size:15px;}
.info-table td:first-child {width:130px;background:#f8f9fa;color:var(--text-gray);font-weight:500;}
.revoke-row td {color:#982424;font-weight:500;}

/* PDF下载按钮 移除边框 */
.pdf-link {
    display:block;
    width:60%;
    margin:24px auto; /* 上下24px，左右自动居中 */
    text-align:center;
    padding:14px;
    background:#e3f2fd;
    color:var(--main-blue);
    border-radius:6px;
    font-size:16px;
    font-weight:bold;
    transition:0.2s;
    border:none;
}
.pdf-link:hover {background:#bbdefb;}

/* 底部提示文字 */
.notice-tip {margin-top:32px;padding-top:22px;border-top:1px dashed #ddd;text-align:center;color:#999;font-size:13px;line-height:1.7;}

/* ========== 公共底部样式 对齐官网截图，缩小空白分割 ========== */
.main-footer {
    width:100%;
    margin-top:30px; /* 原60px 大幅缩减卡片与footer间距 */
}
.footer-top {
    width:100%;
    background:var(--footer-dark);
    padding:24px 0; /* 原52px 减少上下大块空白 */
    color:#b0b8c4;
}
.footer-top .container {
    display:flex;
    gap:30px;
    justify-content:space-between;
}
.footer-col {flex:1;}
.footer-col h3 {
    color:#fff;
    font-size:17px;
    margin-bottom:14px; /* 原20px 缩小标题下方间距 */
    padding-bottom:6px;
    border-bottom:2px solid var(--main-blue);
    display:inline-block;
}
.footer-col li {
    margin-bottom:8px; /* 原12px 缩小列表行间距 */
    font-size:14px;
}
.footer-col a:hover {color:#fff;}
.footer-col p {
    margin-bottom:6px; /* 原10px 缩小地址/热线行间距 */
    font-size:14px;
    line-height:1.6;
}
.footer-bottom {
    width:100%;
    background:var(--copyright-dark);
    padding:14px 0; /* 原22px 压缩版权区域上下留白 */
    text-align:left; /* 匹配截图左对齐 */
    color:#fff;
    font-size:13px;
    line-height:1.6;
}

/* ========== 移动端适配核心修复LOGO换行问题 ========== */
@media screen and (max-width:1200px){.container {width:100%;}}
@media screen and (max-width:768px){
    /* 头部高度自适应 */
    .main-header .container {
        height:auto;
        padding:12px 0;
        flex-direction:column;
        gap:12px;
    }
    /* 移动端缩小LOGO高度+宽度限制 */
    .header-logo img {
        height:42px;
        max-width:90px;
    }
    /* 缩小文字字号，防止挤压换行 */
    .logo-text h2 {
        font-size:16px;
    }
    .logo-text p {
        font-size:11px;
    }
    /* 导航横向自动换行居中 */
    .header-nav ul {
        gap:20px;
        flex-wrap:wrap;
        justify-content:center;
    }
    .header-nav a {
        font-size:14px;
    }
    /* 顶部热线缩小间距 */
    .top-bar-wrap .container {
        flex-direction:column;
        height:auto;
        padding:6px 0;
        text-align:center;
        gap:4px;
    }
    .top-right a {
        margin:0 10px;
    }
    /* 移动端footer同步收紧内边距 */
    .footer-top {
        padding:20px 15px;
    }
    .footer-top .container {
        flex-direction:column;
        gap:20px;
    }
    /* 卡片内边距缩小 */
    .verify-card {
        padding:24px 16px;
        margin:20px 10px;
    }
    .info-table td:first-child {
        width:100px;
    }
    .card-title h1 {
        font-size:24px;
    }
    /* 查询框宽度100% */
    .query-form input {
        width:100%;
        margin-bottom:10px;
    }
    .query-form button {
        width:100%;
        margin-left:0;
    }
}