@charset "utf-8";
/* ============================================================
   卓信香港 · 关于卓信页 专属样式
   zhuoxinhk-about-Adam20260901.css
   依赖：zhuoxinhk-home-Adam20260901 CSS（仅头部/底部/基础层）
   说明：变量均带 fallback，首页 CSS 变量缺失时本页仍可独立渲染
   作用域：以 #entity / #license / #disambig 等 ID 锁定，避免被全局规则覆盖
   ============================================================ */

/* ============ 本页变量（带 fallback） ============ */
:root{
  --ab-brand:var(--brand,#0b4a8f);
  --ab-brand-2:var(--brand-2,#083a72);
  --ab-brand-3:var(--brand-3,#062c58);
  --ab-accent:var(--accent,#1d65d4);
  --ab-accent-soft:var(--accent-soft,#eef4fb);
  --ab-line:var(--line,#e4e9ef);
  --ab-ink:var(--ink,#16202c);
  --ab-sub:var(--sub,#5b6b7d);
  --ab-mute:var(--mute,#8a94a0);
  --ab-gold:var(--gold,#8a6512);
  --ab-gold-soft:var(--gold-soft,#fdf5e4);
  --ab-gold-line:var(--gold-line,#ecd9ab);
  --ab-radius:var(--radius,14px);
  --ab-maxw:var(--maxw,1240px);
  --ab-hd:var(--hd,66px);
}

/* ============ 基础层补齐（仅在本页缺失时生效） ============ */
.ab-scope,.section,.section.alt{position:relative}
.wrap{max-width:var(--ab-maxw);margin:0 auto;padding:0 24px}
.section{padding:60px 0}
.section.alt{background:#fff;border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}

.sec-head{text-align:center;margin-bottom:36px}
.sec-head h2{font-size:28px;margin:0 0 10px;line-height:1.4;font-weight:700;color:var(--ab-ink)}
.sec-head p{color:var(--ab-sub);font-size:15.5px;margin:0;line-height:1.7}
.sec-head .kicker{
  font-size:12.5px;font-weight:700;color:var(--ab-brand);
  letter-spacing:.1em;margin:0 0 8px;
}

/* 通用说明脚注 */
.note-bar{
  margin-top:18px;font-size:13px;color:var(--ab-mute);
  line-height:1.85;text-align:center;
}
.note-bar a{color:var(--ab-brand);font-weight:600}
.note-bar a:hover{text-decoration:underline}

/* ============ 站点身份声明条 ============ */
.entitybar{
  background:var(--ab-brand-3);color:#cfe0f3;
  font-size:12.5px;line-height:1.6;
}
.entitybar .wrap{display:flex;flex-wrap:wrap;gap:4px 22px;padding:9px 24px}
.entitybar b{color:#fff;font-weight:600}
.entitybar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.entitybar a:hover{color:#a9d4ff}

/* ============ 面包屑 ============ */
.crumbs{font-size:13px;color:var(--ab-mute);padding:14px 0}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none}
.crumbs li::after{content:"/";margin-left:7px;color:#c3cedb}
.crumbs li:last-child::after{content:""}
.crumbs a{color:var(--ab-sub)}
.ab-crumbs{color:#a9d4ff}
.ab-crumbs li::after{color:rgba(255,255,255,.35)}
.ab-crumbs a{color:#cfe0f3}
.ab-crumbs a:hover{color:#fff;text-decoration:none}

/* ============ 页头 ============ */
.ab-hero{
  background:linear-gradient(135deg,var(--ab-brand-3) 0%,var(--ab-brand) 55%,#12579e 100%);
  color:#fff;position:relative;overflow:hidden;
}
.ab-hero::after{
  content:"";position:absolute;right:-120px;top:-100px;width:420px;height:420px;
  background:radial-gradient(circle,rgba(120,190,255,.20),transparent 62%);
  border-radius:50%;pointer-events:none;
}
.ab-hero .wrap{position:relative;z-index:1;padding:46px 24px 52px;text-align:center}
.ab-hero h1{font-size:34px;line-height:1.3;margin:0 0 14px;font-weight:700}
.ab-hero p{
  font-size:16px;color:#d3e4f7;max-width:44em;margin:0 auto;line-height:1.85;
}

/* ============ 品牌介绍 ============ */
.ab-intro{max-width:1080px;margin:0 auto}
.ab-lead{font-size:15.5px;line-height:2;color:#3d4d5e;text-align:center;margin:0}
.ab-lead b{color:var(--ab-brand);font-weight:600}
.ab-lead a{color:var(--ab-brand);font-weight:600}

.ab-quote{
  background:linear-gradient(135deg,var(--ab-brand-3),var(--ab-brand-2));
  color:#dbe7f4;border-radius:var(--ab-radius);
  padding:30px 32px;margin-top:30px;
}
.ab-quote h3{
  color:#fff;font-size:19px;margin:0 0 16px;font-weight:700;
  padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.16);
}
.ab-quote .body{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;padding:20px 22px;
  font-size:14.5px;line-height:1.95;
}
.ab-quote .body p{margin:0 0 12px}
.ab-quote .body p:last-child{margin-bottom:0}
.ab-quote .body b{color:#fff}

/* ============ 服务规模 ============ */
.ab-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-fact{
  background:#fff;border:1px solid var(--ab-line);border-radius:12px;
  padding:26px 14px;text-align:center;transition:.25s;
}
.ab-fact:hover{
  border-color:var(--ab-brand);
  box-shadow:0 8px 22px rgba(11,74,143,.08);transform:translateY(-3px);
}
.ab-fact b{
  display:block;font-size:32px;font-weight:700;color:var(--ab-accent);
  line-height:1.2;margin-bottom:6px;font-variant-numeric:tabular-nums;
}
.ab-fact b i{font-style:normal;font-size:15px;font-weight:500;margin-left:2px}
.ab-fact small{font-size:13.5px;color:var(--ab-sub)}

/* ============================================================
   重点一：香港服务主体与资质（#entity）
   ============================================================ */
#entity .table-wrap{
  background:#fff;
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);
  overflow:hidden;
  box-shadow:0 2px 12px rgba(11,74,143,.05);
}
#entity table{width:100%;border-collapse:collapse;font-size:14.5px}
#entity thead th{
  background:linear-gradient(135deg,var(--ab-brand-3),var(--ab-brand));
  color:#fff;padding:15px 20px;text-align:left;
  font-weight:600;font-size:14px;letter-spacing:.03em;white-space:nowrap;
}
#entity tbody td{
  padding:18px 20px;border-top:1px solid var(--ab-line);
  vertical-align:top;line-height:1.85;color:#42525f;
}
#entity tbody tr{transition:background .2s}
#entity tbody tr:nth-child(even){background:#fafcfe}
#entity tbody tr:hover{background:var(--ab-accent-soft)}
#entity tbody td:first-child{
  font-weight:600;color:var(--ab-ink);width:27%;
}
#entity tbody td:first-child b{color:var(--ab-brand);font-weight:600}
#entity tbody td:nth-child(2){width:49%}
#entity tbody td:last-child{width:24%;color:var(--ab-brand-2);line-height:1.7}

/* 牌照编号：金色徽章（第 2、3 行末列） */
#entity tbody tr:nth-child(2) td:last-child b,
#entity tbody tr:nth-child(3) td:last-child b{
  display:inline-block;margin-top:8px;
  font-size:14px;font-weight:700;letter-spacing:.05em;
  color:var(--ab-gold);background:var(--ab-gold-soft);
  border:1px solid var(--ab-gold-line);border-radius:6px;padding:4px 13px;
}

/* 移动端：表格转卡片，无需横向滚动 */
@media (max-width:760px){
  #entity .table-wrap{border-radius:12px}
  #entity table{display:block}
  #entity thead{display:none}
  #entity tbody{display:block}
  #entity tbody tr{
    display:block;padding:18px 18px 20px;
    border-top:1px solid var(--ab-line);
  }
  #entity tbody tr:first-child{border-top:0}
  #entity tbody tr:hover{background:#fff}
  #entity tbody td{
    display:block;padding:0;border:0;width:auto !important;
    background:none !important;
  }
  #entity tbody td+td{margin-top:12px}
  #entity tbody td::before{
    content:attr(data-label);
    display:block;margin-bottom:5px;
    font-size:12px;font-weight:700;letter-spacing:.08em;
    color:var(--ab-mute);
  }
  #entity tbody td:nth-child(1)::before{content:"主体名称"}
  #entity tbody td:nth-child(2)::before{content:"主要服务"}
  #entity tbody td:nth-child(3)::before{content:"牌照 / 资质"}
  #entity tbody tr:nth-child(2) td:last-child b,
  #entity tbody tr:nth-child(3) td:last-child b{margin-top:4px}
}

/* ============================================================
   重点二：香港 TCSP 牌照查询（#license）
   ============================================================ */
#license .ab-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
#license .ab-step{
  background:#fff;border:1px solid var(--ab-line);
  border-radius:14px;padding:26px 22px 24px;
  position:relative;overflow:hidden;transition:.25s;
}
#license .ab-step::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--ab-brand),var(--ab-accent));
  opacity:0;transition:opacity .25s;
}
#license .ab-step:hover{
  border-color:var(--ab-brand);
  box-shadow:0 10px 26px rgba(11,74,143,.10);
  transform:translateY(-3px);
}
#license .ab-step:hover::before{opacity:1}
#license .ab-step .no{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--ab-brand),var(--ab-accent));
  color:#fff;font-size:16px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  margin:0 0 14px;box-shadow:0 4px 12px rgba(29,101,212,.28);
}
#license .ab-step h3{
  font-size:16px;margin:0 0 8px;font-weight:700;color:var(--ab-ink);
}
#license .ab-step p{
  font-size:13.5px;color:var(--ab-sub);line-height:1.85;margin:0;
}
#license .ab-step p a{color:var(--ab-brand);font-weight:600;word-break:break-all}
#license .ab-step p a:hover{text-decoration:underline}
#license .ab-step p b{color:var(--ab-accent);font-weight:700}

/* ============================================================
   重点三：常见问题（#disambig）
   ============================================================ */
#disambig details{
  background:#fff;border:1px solid var(--ab-line);
  border-radius:12px;margin:0 0 12px;overflow:hidden;transition:.25s;
}
#disambig details:hover{border-color:#c9d8ea}
#disambig details[open]{
  border-color:var(--ab-brand);
  box-shadow:0 8px 22px rgba(11,74,143,.08);
}
#disambig summary{
  display:block;padding:18px 52px 18px 58px;
  cursor:pointer;font-size:15.5px;font-weight:600;
  color:var(--ab-ink);line-height:1.65;position:relative;
  list-style:none;-webkit-tap-highlight-color:transparent;
}
#disambig summary::-webkit-details-marker{display:none}
#disambig summary::marker{content:""}

/* Q 标识 */
#disambig summary::before{
  content:"Q";position:absolute;left:18px;top:50%;
  transform:translateY(-50%);
  width:26px;height:26px;border-radius:8px;
  background:var(--ab-accent-soft);color:var(--ab-brand);
  font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  transition:.25s;
}
#disambig details[open] summary::before{background:var(--ab-brand);color:#fff}

/* 展开箭头 */
#disambig summary::after{
  content:"";position:absolute;right:22px;top:50%;
  width:9px;height:9px;
  border-right:2px solid var(--ab-brand);
  border-bottom:2px solid var(--ab-brand);
  transform:translateY(-70%) rotate(45deg);
  transition:transform .25s;
}
#disambig details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
#disambig details[open] summary{
  background:var(--ab-accent-soft);color:var(--ab-brand);
}

/* 答案区 */
#disambig .answer{
  position:relative;
  padding:18px 24px 22px 58px;
  font-size:14.5px;color:#42525f;line-height:1.9;
  border-top:1px solid var(--ab-line);
  animation:abFadeIn .28s ease;
}
@keyframes abFadeIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}
/* A 标识 */
#disambig .answer::before{
  content:"A";position:absolute;left:18px;top:20px;
  width:26px;height:26px;border-radius:8px;
  background:var(--ab-accent);color:#fff;
  font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
#disambig .answer p{margin:0 0 12px}
#disambig .answer p:last-child{margin-bottom:0}
#disambig .answer b{color:var(--ab-brand);font-weight:600}
#disambig .answer a{color:var(--ab-brand);font-weight:600}
#disambig .answer a:hover{text-decoration:underline}
#disambig .answer ul{margin:12px 0}
#disambig .answer ul li{
  position:relative;padding-left:16px;margin-bottom:8px;line-height:1.85;
}
#disambig .answer ul li::before{
  content:"";position:absolute;left:0;top:11px;
  width:6px;height:6px;border-radius:50%;background:var(--ab-accent);
}
#disambig .answer .note{
  margin-top:14px;
  background:var(--ab-accent-soft);
  border-left:3px solid var(--ab-brand);
  border-radius:0 8px 8px 0;
  padding:12px 16px;font-size:13.5px;color:#42525f;line-height:1.8;
}
#disambig .answer .note b{color:var(--ab-brand-2)}

/* ============ 香港核心服务 ============ */
#services .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#services .why{
  background:var(--ab-accent-soft);
  border:1px solid var(--ab-line);
  border-radius:12px;padding:20px 18px;
  position:relative;overflow:hidden;transition:.25s;
}
#services .why::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:transparent;transition:.25s;
}
#services .why:hover{
  background:#fff;border-color:var(--ab-brand);
  box-shadow:0 8px 22px rgba(11,74,143,.08);transform:translateY(-3px);
}
#services .why:hover::before{background:var(--ab-brand)}
#services .why h3{
  font-size:15.5px;margin:0 0 8px;font-weight:700;color:var(--ab-brand);
}
#services .why p{
  font-size:13.5px;color:var(--ab-sub);line-height:1.8;margin:0;
}

/* ============ 发展历程 ============ */
.ab-tl{position:relative;padding-left:26px;margin:0;list-style:none}
.ab-tl::before{
  content:"";position:absolute;left:7px;top:8px;bottom:8px;
  width:2px;background:var(--ab-accent-soft);
}
.ab-tl li{position:relative;padding:0 0 26px 14px}
.ab-tl li:last-child{padding-bottom:0}
.ab-tl li::before{
  content:"";position:absolute;left:-26px;top:8px;
  width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid var(--ab-accent);
}
.ab-tl .yr{
  font-size:16px;font-weight:700;color:var(--ab-brand);margin-bottom:5px;
}
.ab-tl .ev{font-size:14px;color:#42525f;line-height:1.85}

/* ============ 服务网络 ============ */
.ab-net{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ab-net span{
  background:#fff;border:1px solid var(--ab-line);border-radius:22px;
  padding:8px 20px;font-size:14px;color:#3d4d5e;transition:.22s;
}
.ab-net span:hover{border-color:var(--ab-brand);color:var(--ab-brand)}
.ab-net span.hk{
  border-color:var(--ab-brand);background:var(--ab-brand);
  color:#fff;font-weight:600;
}
.ab-net span.hk:hover{background:var(--ab-brand-2);color:#fff}

/* ============ 为什么选择 / 服务特点 ============ */
#why .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#why .why{
  background:var(--ab-accent-soft);border:1px solid var(--ab-line);
  border-radius:12px;padding:20px 18px;transition:.25s;
}
#why .why:hover{
  border-color:var(--ab-brand);background:#fff;
  box-shadow:0 8px 22px rgba(11,74,143,.08);transform:translateY(-3px);
}
#why .why h3{
  font-size:15.5px;margin:0 0 8px;font-weight:700;color:var(--ab-brand);
}
#why .why p{font-size:13.5px;color:var(--ab-sub);line-height:1.8;margin:0}

/* ============ 服务原则 ============ */
.ab-promise{
  background:var(--ab-accent-soft);
  border:1px solid var(--ab-line);
  border-radius:var(--ab-radius);padding:28px 26px;
}
.ab-promise h3{
  font-size:17px;color:var(--ab-brand);margin:0 0 16px;font-weight:700;
}
.ab-promise ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;margin:0}
.ab-promise li{
  font-size:14px;color:#3d4d5e;line-height:1.85;
  position:relative;padding-left:18px;
}
.ab-promise li::before{
  content:"";position:absolute;left:0;top:10px;
  width:6px;height:6px;border-radius:50%;background:var(--ab-accent);
}
.ab-promise li b{color:var(--ab-brand-2);font-weight:600}

/* ============ 咨询条 ============ */
.cta-band{
  padding:36px 0;
  background:linear-gradient(135deg,var(--ab-brand-3),var(--ab-brand));
  color:#fff;
}
.cta-band .wrap{text-align:center}
.cta-band .lead{font-size:15px;color:#a9d4ff;margin:0 0 6px;line-height:1.7}
.cta-band h2{font-size:32px;letter-spacing:.02em;margin:0;font-weight:700}

/* ============ 响应式 ============ */
@media (max-width:1100px){
  #services .why-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .section{padding:46px 0}
  .sec-head h2{font-size:24px}
  .ab-hero h1{font-size:27px}
  .ab-hero p{font-size:15px}
  .ab-facts{grid-template-columns:repeat(2,1fr)}
  #license .ab-steps{grid-template-columns:1fr;gap:14px}
  #services .why-grid{grid-template-columns:repeat(2,1fr)}
  #why .why-grid{grid-template-columns:repeat(2,1fr)}
  .ab-promise ul{grid-template-columns:1fr}
  .ab-lead{text-align:left;font-size:15px;line-height:1.95}
}
@media (max-width:720px){
  .wrap{padding:0 18px}
  .ab-hero .wrap{padding:34px 18px 40px}
  .ab-hero h1{font-size:23px}
  .ab-quote{padding:24px 20px}
  .ab-quote .body{padding:16px 18px;font-size:14px}
  #disambig summary{padding:16px 46px 16px 52px;font-size:14.5px}
  #disambig summary::before{left:15px;width:24px;height:24px;font-size:12px}
  #disambig summary::after{right:18px}
  #disambig .answer{padding:16px 18px 20px 52px}
  #disambig .answer::before{left:15px;top:18px;width:24px;height:24px;font-size:12px}
  #services .why-grid{grid-template-columns:1fr}
  .cta-band h2{font-size:26px}
}
@media (max-width:480px){
  .ab-hero h1{font-size:20px}
  .ab-fact b{font-size:26px}
  #why .why-grid{grid-template-columns:1fr}
  .ab-net span{padding:7px 16px;font-size:13.5px}
  .cta-band h2{font-size:23px}
}

/* ============ 无障碍 / 打印 ============ */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}
@media print{
  .site-header,.side-fixed,.totop,.entitybar{display:none}
  #disambig details{border:0}
  #disambig .answer{display:block !important}
}