/* ==========================================================================
   会员证书查询站（cer.xsdsh.com）— 独立样式
   ★2026-10-10 新增：通用「会员查询模板」专用，全部 mq- 前缀，与旧 .sm-cert-* 完全隔离。
   主色沿用站点品牌「凤凰红」#C7000B，配金色点缀，风格大气、移动优先。
   适用模板：sm_mb/pc/smmb_xsdsh/home/simiao/cert_index.html
   引用：<link rel="stylesheet" href="{HOME_THEME_PATH}css/member_query.css?v=...">
   ========================================================================== */

:root{
    --mq-red:#C7000B;          /* 凤凰红主色 */
    --mq-red-dark:#A00009;     /* 深红 hover */
    --mq-red-deep:#5E0006;     /* 渐变深端 */
    --mq-gold:#C9A227;         /* 金色点缀 */
    --mq-ink:#1F2329;          /* 标题黑 */
    --mq-txt:#3A4048;          /* 正文 */
    --mq-muted:#8A9099;        /* 弱文字 */
    --mq-line:#E8EAED;         /* 边框 */
    --mq-bg:#F4F5F7;           /* 页面底色 */
    --mq-card:#FFFFFF;         /* 卡片底 */
    --mq-ok:#1A7F37;           /* 有效 */
    --mq-warn:#E6A23C;         /* 过期 */
    --mq-radius:10px;
    --mq-shadow:0 6px 26px rgba(20,24,31,.07);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.mq-body{
    font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;
    font-size:14px;line-height:1.65;color:var(--mq-txt);background:var(--mq-bg);
    -webkit-font-smoothing:antialiased;
}
body.mq-body img{max-width:100%;vertical-align:middle;border:0}
body.mq-body a{color:var(--mq-red);text-decoration:none;transition:color .15s}
body.mq-body a:hover{color:var(--mq-red-dark)}
body.mq-body h1,body.mq-body h2,body.mq-body h3{font-weight:700;line-height:1.35}
body.mq-body ul{list-style:none}
body.mq-body input,body.mq-body button,body.mq-body select{font-family:inherit;outline:none}

/* ================= 顶部品牌条（白底，logo 独占一行） ================= */
.mq-topbar{
    background:#fff;border-bottom:1px solid var(--mq-line);
    padding:16px;
}
.mq-topbar-inner{
    display:flex;align-items:center;justify-content:center;
    max-width:1000px;margin:0 auto;
}
.mq-topbar-logo{display:inline-flex;align-items:center;max-width:100%}
.mq-topbar-logo img{
    display:block;height:76px;width:auto;max-width:100%;object-fit:contain;
}

/* ================= 品牌区 Hero ================= */
.mq-hero{
    position:relative;overflow:hidden;
    background:linear-gradient(135deg,var(--mq-red-deep) 0%,var(--mq-red-dark) 42%,var(--mq-red) 74%,#DE3A2E 100%);
    padding:34px 16px 76px;
}
.mq-hero:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(circle at 12% 18%,rgba(255,255,255,.14),transparent 42%),
        radial-gradient(circle at 88% 8%,rgba(201,162,39,.28),transparent 46%),
        radial-gradient(circle at 78% 92%,rgba(255,255,255,.10),transparent 44%);
}
.mq-hero:after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;pointer-events:none;
    background:linear-gradient(to bottom right,transparent 49%,var(--mq-bg) 50%);
}
.mq-hero-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;text-align:center}
.mq-brand-text{text-align:center}
.mq-brand-name{
    font-size:30px;color:#fff;letter-spacing:2px;line-height:1.25;
    text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.mq-brand-sub{
    margin-top:6px;font-size:14px;color:rgba(255,255,255,.88);letter-spacing:6px;
}
.mq-hero-note{
    margin-top:20px;font-size:13px;color:rgba(255,255,255,.78);letter-spacing:.5px;
}

/* ================= 主体 ================= */
.mq-main{padding:0 0 40px}
.mq-container{max-width:1000px;margin:-46px auto 0;padding:0 16px;position:relative;z-index:2}
.mq-card{
    background:var(--mq-card);border-radius:var(--mq-radius);
    box-shadow:var(--mq-shadow);padding:22px 24px;margin-bottom:20px;
}
.mq-card-title{
    position:relative;font-size:18px;color:var(--mq-ink);
    padding-left:12px;margin-bottom:18px;
}
.mq-card-title:before{
    content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;
    background:linear-gradient(to bottom,var(--mq-red),var(--mq-gold));
}

/* ================= 查询表单 ================= */
.mq-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:end}
.mq-field{display:flex;flex-direction:column}
.mq-field label{font-size:13px;color:var(--mq-muted);margin-bottom:6px}
.mq-input,.mq-select{
    width:100%;height:44px;line-height:44px;padding:0 13px;font-size:15px;color:var(--mq-ink);
    background:#fff;border:1px solid var(--mq-line);border-radius:7px;transition:border-color .15s,box-shadow .15s;
}
.mq-select{appearance:none;-webkit-appearance:none;padding-right:34px;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238A9099' stroke-width='1.6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 13px center;
}
.mq-input:focus,.mq-select:focus{border-color:var(--mq-red);box-shadow:0 0 0 3px rgba(199,0,11,.10)}
.mq-field-submit{grid-column:1/-1}

.mq-btn{
    display:inline-flex;align-items:center;justify-content:center;
    height:46px;padding:0 30px;border:none;border-radius:7px;cursor:pointer;
    font-size:15px;font-weight:600;letter-spacing:1px;
    background:#EFEFF2;color:var(--mq-ink);transition:all .15s;
}
.mq-btn:hover{background:#E4E5E9}
.mq-btn-primary{
    background:linear-gradient(135deg,var(--mq-red) 0%,var(--mq-red-dark) 100%);
    color:#fff;box-shadow:0 6px 16px rgba(199,0,11,.28);
}
.mq-btn-primary:hover{background:linear-gradient(135deg,var(--mq-red-dark) 0%,var(--mq-red-deep) 100%);color:#fff}
.mq-btn-block{display:flex;width:100%;margin-top:16px}

/* 前缀模式：当前商会（只读） */
.mq-lock{
    grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    background:#FFF6F6;border:1px dashed rgba(199,0,11,.35);border-radius:8px;padding:11px 15px;
}
.mq-lock-badge{background:var(--mq-red);color:#fff;font-size:12px;border-radius:4px;padding:2px 9px;letter-spacing:1px}
.mq-lock-name{font-size:15px;font-weight:700;color:var(--mq-ink)}
.mq-lock-tip{font-size:12px;color:var(--mq-muted)}

/* ================= 查询结果 ================= */
.mq-result{
    margin-top:20px;border-radius:8px;padding:16px 18px;
    background:#FAFAFA;border-left:4px solid #CCC;
}
.mq-result-valid{border-left-color:var(--mq-ok);background:#F2FAF4}
.mq-result-expired{border-left-color:var(--mq-warn);background:#FFFBF0}
.mq-result-void,.mq-result-invalid,.mq-result-notfound{border-left-color:var(--mq-red);background:#FFF4F4}
.mq-result-head{font-size:16px}
.mq-badge{display:inline-flex;align-items:center;font-weight:700}
.mq-badge-ok{color:var(--mq-ok)}
.mq-badge-warn{color:var(--mq-warn)}
.mq-badge-bad{color:var(--mq-red)}
.mq-badge-sm{
    background:var(--mq-ok);color:#fff;font-size:11px;font-weight:400;
    border-radius:3px;padding:1px 7px;margin-left:8px;
}
.mq-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}
.mq-table th{
    width:96px;text-align:left;font-weight:400;color:var(--mq-muted);
    padding:8px 0;vertical-align:top;
}
.mq-table td{padding:8px 0;color:var(--mq-ink);border-bottom:1px dashed #EEF0F2;word-break:break-all}
.mq-table tr:last-child td{border-bottom:none}

/* ================= 公开名录 ================= */
.mq-list{list-style:none}
.mq-list-item{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:12px 2px;border-bottom:1px dashed #EEF0F2;font-size:14px;
}
.mq-list-item:last-child{border-bottom:none}
.mq-list-main{min-width:0}
.mq-list-name{font-weight:700;color:var(--mq-ink)}
.mq-list-meta{color:var(--mq-muted);font-size:12px;margin-left:8px}
.mq-list-link{flex-shrink:0}
.mq-list-link a{font-size:13px}
.mq-list-link em{color:var(--mq-muted);font-style:normal;font-size:12px}
.mq-empty{text-align:center;color:var(--mq-muted);padding:38px 0;font-size:14px}
.mq-count{margin-left:10px;font-size:12.5px;font-weight:400;color:var(--mq-muted)}

/* ================= 名录分页 ================= */
.mq-pager{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;
    margin-top:20px;padding-top:18px;border-top:1px solid var(--mq-line);
}
.mq-pager-btn{
    display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:6px;
    border:1px solid var(--mq-line);color:var(--mq-txt);font-size:13px;background:#fff;
}
.mq-pager-btn:hover{border-color:var(--mq-red);color:var(--mq-red)}
.mq-pager-btn.is-disabled{color:#C4C8CE;background:#F7F8FA;cursor:not-allowed}
.mq-pager-num{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:34px;height:34px;padding:0 8px;border-radius:6px;
    border:1px solid var(--mq-line);color:var(--mq-txt);font-size:13px;background:#fff;
}
.mq-pager-num:hover{border-color:var(--mq-red);color:var(--mq-red)}
.mq-pager-num.is-active{
    background:linear-gradient(135deg,var(--mq-red) 0%,var(--mq-red-dark) 100%);
    border-color:var(--mq-red);color:#fff;font-weight:600;
}
.mq-pager-info{margin-left:6px;font-size:12.5px;color:var(--mq-muted)}

/* ================= 页脚 ================= */
.mq-footer{
    background:#2B2B2B;color:rgba(255,255,255,.72);
    text-align:center;padding:26px 16px;font-size:12.5px;line-height:2;
}
.mq-copy{color:rgba(255,255,255,.42)}

/* ================= 证书 A4 页（cert_show.html） ================= */
/* 只呈现一张 A4 证书 + 右下角打印按钮，其余一律不要 */
.mqc-page{padding:26px 12px 76px;background:var(--mq-bg)}
.mqc-a4{
    position:relative;box-sizing:border-box;
    width:210mm;min-height:297mm;margin:0 auto;
    padding:16mm 15mm;
    /* 证书用纸：暖白底 + 细腻斜向底纹 + 中心柔光（打印按原色输出） */
    background-color:#FFFDF6;
    background-image:
        repeating-linear-gradient(45deg,rgba(201,162,39,.055) 0 1px,transparent 1px 8px),
        repeating-linear-gradient(-45deg,rgba(150,110,20,.030) 0 1px,transparent 1px 11px),
        radial-gradient(circle at 50% 42%,rgba(201,162,39,.075),transparent 62%);
    box-shadow:0 8px 34px rgba(20,24,31,.16);
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
/* 中心淡徽章水印（底纹的一部分） */
.mqc-mark{
    position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;
    display:flex;align-items:center;justify-content:center;
    pointer-events:none;overflow:hidden;
}
.mqc-mark img{width:58%;max-height:64%;object-fit:contain;opacity:.07;filter:grayscale(100%)}
.mqc-frame{
    position:absolute;left:7mm;right:7mm;top:7mm;bottom:7mm;z-index:1;pointer-events:none;
    border:3px double #C9A227;border-radius:2px;
}
.mqc-inner{position:relative;z-index:2;display:flex;flex-direction:column;min-height:calc(297mm - 32mm)}
.mqc-org{
    display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
    font-size:16px;color:#8A6D3B;letter-spacing:2px;
}
.mqc-org img{height:52px;width:auto;object-fit:contain}
.mqc-title{margin:16px 0 8px;text-align:center;font-size:34px;font-weight:700;color:#7A4B16;letter-spacing:12px}
.mqc-level{text-align:center;font-size:13px;color:#8A6D3B;letter-spacing:1px}
.mqc-body{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px 0}
.mqc-body .t{font-size:16px;color:#555;line-height:2.2}
.mqc-body .name{font-size:28px;font-weight:700;color:#1F2329;margin:20px 0}
.mqc-body .no{margin-top:22px;font-size:15px;color:#8A6D3B;letter-spacing:1px}
.mqc-status{text-align:center}
.mqc-status .s{font-size:17px;font-weight:700}
.mqc-status .ok{color:var(--mq-ok)}
.mqc-status .warn{color:var(--mq-warn)}
.mqc-status .bad{color:var(--mq-red)}
.mqc-status .t{font-size:13px;color:#888;margin-top:6px;line-height:2}
.mqc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18mm}
.mqc-seal img{height:26mm;width:auto;object-fit:contain;opacity:.9}
.mqc-qr{text-align:center}
.mqc-qr img{width:32mm;height:32mm;padding:1mm;background:#fff;border:1px solid #EEE;border-radius:2px}
.mqc-qr small{display:block;color:#999;font-size:11px;margin-top:4px;word-break:break-all}
.mqc-print{
    position:fixed;right:20px;bottom:20px;z-index:99;
    display:inline-flex;align-items:center;height:46px;padding:0 26px;
    border:none;border-radius:26px;cursor:pointer;
    font-size:15px;font-weight:600;letter-spacing:1px;color:#fff;
    background:linear-gradient(135deg,var(--mq-red),var(--mq-red-dark));
    box-shadow:0 8px 22px rgba(199,0,11,.35);
}
.mqc-print:hover{background:linear-gradient(135deg,var(--mq-red-dark),var(--mq-red-deep))}
.mqc-nf{
    max-width:520px;margin:80px auto;background:#fff;border-radius:var(--mq-radius);
    box-shadow:var(--mq-shadow);padding:46px 22px;text-align:center;
}
.mqc-nf h3{margin:0 0 10px;font-size:20px;color:var(--mq-red)}
.mqc-nf p{color:var(--mq-muted);font-size:14px;margin:6px 0 0}
.mqc-nf .mq-btn{margin-top:20px}

/* 小屏：A4 等比转流式（仍是同一张证书，不横向滚动） */
@media (max-width:820px){
    .mqc-page{padding:14px 8px 76px}
    .mqc-a4{width:100%;min-height:auto;padding:20px 16px}
    .mqc-frame{left:6px;right:6px;top:6px;bottom:6px;border-width:2px}
    .mqc-inner{min-height:auto}
    .mqc-org{font-size:14px}
    .mqc-org img{height:40px}
    .mqc-title{font-size:24px;letter-spacing:6px;margin:12px 0 6px}
    .mqc-body .t{font-size:14px;line-height:2}
    .mqc-body .name{font-size:20px;margin:14px 0}
    .mqc-body .no{margin-top:16px;font-size:13px}
    .mqc-foot{margin-top:26px}
    .mqc-seal img{height:64px}
    .mqc-qr img{width:96px;height:96px}
    .mqc-print{right:14px;bottom:14px;height:44px;padding:0 22px;font-size:14px}
}

/* ================= 响应式 ================= */
@media (max-width:900px){
    .mq-topbar{padding:12px 14px}
    .mq-topbar-logo img{height:60px}
    .mq-hero{padding:28px 14px 66px}
    .mq-brand-name{font-size:24px}
    .mq-brand-sub{font-size:12.5px;letter-spacing:3px}
    .mq-container{margin-top:-40px}
    .mq-card{padding:18px 16px}
    .mq-card-title{font-size:16.5px}
    /* 移动端输入框字号 ≥16px，避免 iOS 聚焦自动放大 */
    .mq-input,.mq-select{font-size:16px}
}
@media (max-width:560px){
    .mq-topbar{padding:10px 12px}
    .mq-topbar-logo img{height:48px}
    .mq-brand-name{font-size:21px;letter-spacing:1px}
    .mq-hero-note{margin-top:14px;font-size:12px}
    .mq-form{grid-template-columns:1fr}
    .mq-list-item{flex-direction:column;align-items:flex-start;gap:5px}
    .mq-list-main{width:100%}
    .mq-table th{width:80px}
    .mq-btn{height:44px}
    .mq-pager{gap:6px;margin-top:16px}
    .mq-pager-btn{height:32px;padding:0 11px;font-size:12.5px}
    .mq-pager-num{min-width:32px;height:32px;font-size:12.5px}
    .mq-pager-info{width:100%;text-align:center;margin:4px 0 0}
}

/* A4 用纸与页边距（打印；10mm 边距兼容绝大多数打印机的不可打印区域） */
@page{size:A4 portrait;margin:10mm}

/* ================= 打印：只输出 A4 证书本身 ================= */
/* 说明：不再用「@page margin:0 + 固定 210mm 宽」——很多打印机有不可打印边距，
   强制整幅 210mm 会被裁切/错位（表现为「打印出来界面乱了」）。
   改为「给页面留边距 + 证书用真实边框」的打印机友好写法。 */
@media print{
    html,body.mq-body{background:#fff!important;margin:0!important;padding:0!important}
    .mqc-page{padding:0!important;background:#fff!important}
    .mqc-a4{
        width:auto!important;height:auto!important;min-height:250mm!important;
        margin:0!important;padding:10mm!important;
        border:3px double #C9A227!important;border-radius:0!important;
        box-shadow:none!important;overflow:visible!important;
    }
    /* 打印时用真实边框，去掉绝对定位的内框，避免错位 */
    .mqc-frame{display:none!important}
    .mqc-inner{min-height:230mm!important}
    .mqc-print{display:none!important}
    .mqc-nf{display:none!important}
}