/* =========================================================
   全球签证查询中心（query.html）
   深蓝主色 · 与全站风格统一
   ========================================================= */

/* ---------- 头部 ---------- */
.qc-hero{background:var(--grad);color:#fff;padding:42px 0 34px}
.qc-hero h1{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:1px}
.qc-hero p{color:#c9daf0;font-size:15px;margin-bottom:18px}
.qc-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.qc-demo{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);
  padding:9px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}
.qc-demo:hover{background:rgba(255,255,255,.22)}
.qc-demo input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}
.qc-demo-note{font-size:12px;font-weight:400;color:#b9cfe8}
.qc-engine{font-size:13px;color:#e8f1fa;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);
  padding:8px 14px;border-radius:12px}

/* ---------- 主体三栏 ---------- */
.qc-body{display:grid;grid-template-columns:250px 1fr 280px;gap:18px;padding:26px 20px 60px;align-items:start}
.qc-side{position:sticky;top:88px}
.qc-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}
.qc-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.qc-panel-head h3{font-size:16px;font-weight:800;color:var(--ink)}
.qc-count{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:2px 10px}
.qc-input{width:100%;padding:10px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:13px;font-family:inherit;margin-bottom:10px;color:var(--ink)}
.qc-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(20,85,156,.13)}

/* 目录 */
.dir-method{display:flex;gap:6px;margin-bottom:12px}
.dir-method button{flex:1;padding:7px 0;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px;cursor:pointer;color:var(--ink-2);font-family:inherit;transition:all .15s}
.dir-method button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.qc-dir-list{max-height:520px;overflow:auto}
.qc-dir-item{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;cursor:pointer;border:1.5px solid transparent;margin-bottom:6px;transition:all .15s}
.qc-dir-item:hover{background:var(--gray-light)}
.qc-dir-item.active{background:var(--primary-soft);border-color:var(--primary)}
.qc-dir-flag{font-size:20px}
.qc-dir-name{flex:1;min-width:0}
.qc-dir-name b{display:block;font-size:14px;color:var(--ink)}
.qc-dir-name em{font-size:11px;color:var(--gray);font-style:normal}
.qc-m{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px}
.qc-m.auto{background:var(--primary-soft);color:var(--primary-dark)}
.qc-m.official{background:var(--accent-soft);color:var(--amber)}

/* 主区 */
.qc-country-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.qc-bigflag{font-size:34px}
.qc-country-head h2{font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}
.qc-en{font-size:12px;color:var(--gray)}
.qc-badge{font-size:12px;font-weight:700;border-radius:20px;padding:4px 12px;margin-left:auto}
.qc-badge.auto{background:var(--primary-soft);color:var(--primary-dark)}
.qc-badge.official{background:var(--accent-soft);color:var(--amber)}

/* 查询表单 */
.qc-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qc-form .qf.full{grid-column:1/-1}
.qc-form .qf label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:7px}
.qc-form .qf input,.qc-form .qf select{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}
.qc-form .qf input:focus,.qc-form .qf select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(20,85,156,.13)}
.qc-soft{font-size:11px;color:var(--gray);font-weight:400}
.qc-hints{margin-top:14px}
.qc-hints-box{background:var(--gray-light);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:13px;color:var(--ink-2);line-height:1.8}
.qc-hints-box b{color:var(--primary-dark)}
.qc-hints-box ul{padding-left:18px}
.qc-hints-box a{font-weight:700}

/* 结果区 */
.qc-result-empty{color:var(--gray);font-size:14px;text-align:center;padding:34px 10px;background:var(--gray-light);border-radius:12px;border:1.5px dashed var(--line)}
.qc-result{border:1.5px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--gray-light);margin-top:0}
.qc-result .qr-name{font-size:15px;font-weight:800;margin-bottom:8px}
.qc-result p{font-size:14px;color:var(--ink-2);margin:4px 0;line-height:1.7}
.qc-ok{border-color:#bfd8f0;background:#f0f6fc}
.qc-ok .qr-name{color:var(--primary-dark)}
.qc-err{border-color:#f2c9c4;background:#fdf4f3}
.qc-err .qr-name{color:var(--red)}
.qc-loading{border-color:#e8d7b0;background:var(--accent-soft)}
.qc-loading .qr-name{color:var(--amber)}
.us-status{color:var(--primary-dark);font-size:16px}
.qc-tag{font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;vertical-align:middle}
.qc-tag.demo{background:var(--accent-soft);color:var(--amber)}
.qc-tag.live{background:var(--primary-soft);color:var(--primary-dark)}

/* 批量 */
.qc-batch-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.qc-file{max-width:280px;font-size:13px}
.qc-note{font-size:13px;color:var(--ink-2);line-height:1.7;margin:6px 0}
.qc-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.qc-table th,.qc-table td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.qc-table th{background:var(--primary-soft);color:var(--primary-dark);font-weight:700}

/* 历史 */
.qc-history-tools{display:flex;justify-content:flex-end;margin-bottom:10px}
.qc-hist-list{max-height:460px;overflow:auto}
.qc-hist-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--gray-light)}
.qh-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.qh-top b{font-size:14px;color:var(--ink)}
.qh-src{font-size:11px;color:var(--primary);background:var(--primary-soft);border-radius:6px;padding:1px 7px;font-weight:700}
.qh-no{font-size:12px;color:var(--ink-2);word-break:break-all}
.qh-time{font-size:11px;color:var(--gray);margin-top:3px}
.qc-local-note{font-size:12px;color:var(--gray);line-height:1.6;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.qc-empty{color:var(--gray);font-size:13px;text-align:center;padding:18px 0}

/* 响应式 */
@media(max-width:1100px){.qc-body{grid-template-columns:220px 1fr}}
@media(max-width:900px){.qc-body{grid-template-columns:1fr}.qc-side{position:static}.qc-dir-list{max-height:300px}}
@media(max-width:600px){.qc-form{grid-template-columns:1fr}.qc-hero h1{font-size:22px}}

/* 验证码自动识别状态 */
.qc-captcha-status{font-size:13px;color:var(--primary-dark);background:var(--primary-soft);border:1px solid #bfd8f0;border-radius:10px;padding:10px 14px;line-height:1.7}
.qc-captcha-status a{color:var(--primary)}