:root{
  --bg:#f4f6f8; --card:#fff; --line:#e3e6ea; --text:#1f2329; --muted:#6b7280; --muted2:#9aa1ab;
  --primary:#2563eb; --primary-soft:#eef4ff; --danger:#d92d20; --danger-soft:#fef3f2;
  --ok:#1a7f37; --ok-soft:#edfaf0; --warn:#b45309; --warn-soft:#fff8eb;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;}
.sitehead{background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20;flex-wrap:wrap;}
.logo{font-size:16px;font-weight:700;}
.nav{display:flex;gap:16px;font-size:13px;}
.nav a{color:#475467;text-decoration:none;padding:4px 8px;border-radius:6px;}
.nav a.on{background:var(--primary-soft);color:var(--primary);font-weight:600;}
.wrap{max-width:1080px;margin:0 auto;padding:20px 24px 80px;}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:16px;overflow-x:auto;}
.card h2{margin:0 0 14px;font-size:18px;}
.row{display:flex;gap:12px;flex-wrap:wrap;}
.k{color:var(--muted2);font-size:11.5px;}
.req{color:var(--danger);}
label.fld{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#475467;min-width:160px;flex:1;}
input,select,textarea{padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-size:13px;font-family:inherit;background:#fff;}
.btns{display:flex;gap:10px;margin-top:16px;}
button.btn{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:9px 18px;border-radius:8px;font-size:13.5px;cursor:pointer;font-family:inherit;}
button.btn.ghost{background:#fff;color:var(--primary);}
button.btn:disabled{opacity:.5;cursor:not-allowed;}
.msg{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:13px;display:none;}
.msg.ok{display:block;background:var(--ok-soft);color:var(--ok);}
.msg.err{display:block;background:var(--danger-soft);color:var(--danger);}
table{width:100%;border-collapse:collapse;font-size:13px;}
/* 窄屏：表格置于横向滚动容器内，避免整页横向滚动（FR-32 / TC-B26） */
.tablewrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tablewrap table{min-width:520px;}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);}
th{color:var(--muted);font-weight:600;font-size:12px;}
.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11.5px;background:var(--primary-soft);color:var(--primary);}
.tag.pending{background:var(--warn-soft);color:var(--warn);}
.tag.published{background:var(--ok-soft);color:var(--ok);}
.tag.danger{background:var(--danger-soft);color:var(--danger);}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
/* --- 分享条（T3：WhatsApp / Telegram / 复制链接） --- */
.sharebar{margin-top:16px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:var(--primary-soft);}
.sharebar-h{font-size:12px;color:var(--muted);margin-bottom:8px;}
.sharebar-btns{display:flex;gap:8px;flex-wrap:wrap;}
.share-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;font-size:13px;}
.vcard{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;cursor:pointer;}
.vcard .ph{aspect-ratio:4/3;background:linear-gradient(135deg,#eef1f5,#e0e5ec);display:flex;align-items:center;justify-content:center;font-size:11px;color:#8b949e;}
.vcard .bd{padding:9px 11px;}
.vcard .nm{font-size:13px;font-weight:600;}
.vcard .mt{font-size:11.5px;color:var(--muted);margin-top:2px;}
.empty{text-align:center;color:var(--muted);padding:40px 0;}
/* --- T-08 媒体上传区 --- */
.media-sec{margin-top:8px;}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px;}
.media-slot{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;display:flex;flex-direction:column;gap:6px;}
.media-slot.miss{border-color:var(--danger);background:var(--danger-soft);}
.ms-label{font-size:13px;font-weight:600;color:#1f2329;}
.ms-hint{font-size:11px;width:fit-content;padding:1px 7px;border-radius:20px;}
.ms-hint.req-hint{background:var(--danger-soft);color:var(--danger);}
.ms-hint.sug-hint{background:var(--warn-soft);color:var(--warn);}
.ms-hint.opt-hint{background:#eef1f5;color:var(--muted);}
.ms-file{font-size:12px;padding:6px 8px;}
.ms-status{font-size:12px;min-height:16px;}
.ms-status.ok{color:var(--ok);}
.ms-status.err{color:var(--danger);}
.ms-thumb{max-width:120px;max-height:90px;border-radius:6px;border:1px solid var(--line);}
/* --- 审核台：登记证一致性结论表单 --- */
.consrow{align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;}
.conslabel{width:96px;font-size:12.5px;color:#475467;font-weight:600;}
.consnote{flex:1;min-width:180px;font-size:12.5px;}
label.chk{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:#475467;cursor:pointer;white-space:nowrap;}
label.chk input{width:auto;padding:0;}
/* --- 窄屏（FR-32 / TC-B26）：375px 无横向滚动 --- */
@media (max-width:420px){
  .wrap{padding:14px 12px 60px;}
  .sitehead{padding:12px 12px;gap:10px;}
  .nav{flex-wrap:wrap;gap:10px;}
  .row{gap:10px;}
  label.fld{min-width:100%;}
  .consrow{flex-wrap:wrap;}
  .conslabel{width:auto;}
  button.btn,label.chk{padding:8px 12px;min-height:44px;}
  .tablewrap table{min-width:480px;}
  .cards{grid-template-columns:1fr;}
}

/* --- 品牌头：logo + 公司名 + 联系方式（CoolCar Group China） --- */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0;}
.brand-logo{height:44px;width:auto;display:block;}
.brand-name{font-size:15px;font-weight:700;letter-spacing:.2px;white-space:nowrap;}
.contact{display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.45;text-align:right;}
.contact a{color:#475467;text-decoration:none;}
.contact a:hover{color:var(--primary);text-decoration:underline;}
.sitehead #apiinfo{display:none;}
/* --- 海外站品牌：CoolCar 横版浅底 logo + Group China 副标 --- */
.brand-logo-coolcar{height:38px;}
.brand-sub{font-size:12px;font-weight:600;color:#667085;letter-spacing:.3px;white-space:nowrap;align-self:flex-end;padding-bottom:4px;}
@media(max-width:760px){
  .brand-name{display:none;}
  .brand-logo-coolcar{height:32px;}
  .brand-sub{display:none;}
  .contact{width:100%;flex-direction:row;flex-wrap:wrap;gap:14px;text-align:left;font-size:11px;order:9;}
}
