/* ==========================================================================
   全域出海 · 法律合规中心样式
   沿用主站深色主题变量（与 style.css 的 :root 保持一致）
   ========================================================================== */
:root{
  --lg-primary:#4d9bff; --lg-primary-d:#1b6bd6;
  --lg-bg:#060d1e; --lg-card:rgba(255,255,255,.045);
  --lg-text:#e9effb; --lg-muted:#93a6c4; --lg-line:rgba(140,190,255,.16);
  --lg-teal:#5ad1ff; --lg-amber:#fbbf24; --lg-green:#4ade80;
  --lg-max:1180px;
}
*{box-sizing:border-box}
html{color-scheme:dark}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans Arabic",sans-serif;
  background:radial-gradient(1100px 620px at 12% -8%,#123a72 0%,#0a1a3a 40%,#060d1e 100%);
  background-attachment:fixed; color:var(--lg-text); font-size:15px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(90,160,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(90,160,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 6%,#000,transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 50% 6%,#000,transparent 72%);
}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(140,190,255,.20);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:rgba(140,190,255,.34)}
a{color:var(--lg-teal);text-decoration:none}
a:hover{text-decoration:underline}
#legalRoot{position:relative;z-index:1}
.lg-loading{padding:120px 24px;text-align:center;color:var(--lg-muted)}

/* ===== 顶栏 ===== */
.lg-head{
  position:sticky; top:0; z-index:20;
  background:linear-gradient(180deg,rgba(6,13,30,.96),rgba(6,13,30,.86));
  backdrop-filter:blur(14px); border-bottom:1px solid var(--lg-line);
}
.lg-head-in{
  max-width:var(--lg-max); margin:0 auto; padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.lg-brand{display:flex; align-items:center; gap:11px; min-width:0}
.lg-mark{
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:linear-gradient(140deg,rgba(60,140,255,.35),rgba(90,220,255,.12));
  border:1px solid rgba(120,190,255,.5); box-shadow:0 0 18px rgba(60,150,255,.4)
}
.lg-mark i{width:16px;height:16px;border-radius:50%;display:block;
  background:radial-gradient(circle at 32% 30%,#9fe6ff,#1b6bd6 70%);
  box-shadow:inset -2px -2px 4px rgba(0,0,0,.35)}
.lg-mark i::after{content:"";display:block;width:100%;height:100%;border-radius:50%;
  background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.55) 47%,transparent 48%),
             linear-gradient(0deg,transparent 46%,rgba(255,255,255,.4) 47%,transparent 48%)}
.lg-brand-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.lg-brand-txt b{
  font-size:15px;font-weight:800;letter-spacing:.06em;white-space:nowrap;
  background:linear-gradient(92deg,#7fd8ff,#4d9bff 60%,#a9e5ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.lg-brand-txt em{font-style:normal;font-size:11.5px;color:#8fa8cc;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.lg-head-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lg-back{
  font-size:12.5px;font-weight:600;color:#c7dbfa;padding:7px 14px;border-radius:10px;
  border:1px solid var(--lg-line);background:rgba(255,255,255,.05);transition:.18s;white-space:nowrap
}
.lg-back:hover{background:rgba(255,255,255,.1);border-color:rgba(127,216,255,.4);text-decoration:none}
/* 复用主站语言切换器：这里补齐它的基础样式，脱离 style.css 也能正常显示 */
.lang-switch{display:flex;gap:2px;padding:3px;border-radius:11px;background:rgba(255,255,255,.06);
  border:1px solid rgba(140,190,255,.20);backdrop-filter:blur(8px)}
.lang-btn{background:none;border:none;color:#9fb4d6;font-size:12px;font-weight:600;
  cursor:pointer;padding:5px 9px;border-radius:8px;transition:.18s;line-height:1.2;font-family:inherit}
.lang-btn:hover{color:#dceaff;background:rgba(255,255,255,.08)}
.lang-btn.active{background:linear-gradient(135deg,#2a7ae0,#1b6bd6);color:#fff;
  box-shadow:0 2px 10px rgba(27,107,214,.5)}

/* ===== Tab ===== */
.lg-tabs{
  max-width:var(--lg-max);margin:0 auto;padding:0 24px 12px;
  display:flex;gap:8px;overflow-x:auto;scrollbar-width:none
}
.lg-tabs::-webkit-scrollbar{display:none}
.lg-tab{
  display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-size:13px;font-weight:600;color:#a9bdd9;padding:8px 15px;border-radius:10px;
  border:1px solid transparent;background:rgba(255,255,255,.04);transition:.18s
}
.lg-tab:hover{color:#e2eeff;background:rgba(255,255,255,.08);text-decoration:none}
.lg-tab.on{color:#fff;background:linear-gradient(135deg,rgba(42,122,224,.9),rgba(27,107,214,.85));
  border-color:rgba(127,216,255,.45);box-shadow:0 3px 14px rgba(27,107,214,.4)}
.lg-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* ===== 主体 ===== */
.lg-main{max-width:var(--lg-max);margin:0 auto;padding:26px 24px 70px}

.lg-banner{
  padding:24px 26px;border-radius:16px;margin-bottom:18px;
  background:linear-gradient(160deg,rgba(19,32,60,.72),rgba(9,17,38,.78));
  border:1px solid var(--lg-line)
}
.lg-badge{
  display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.2em;color:#7fd8ff;
  padding:5px 12px;border-radius:20px;border:1px solid rgba(127,216,255,.35);
  background:rgba(127,216,255,.09);margin-bottom:14px
}
.lg-title{font-size:clamp(23px,3vw,32px);font-weight:800;margin:0 0 10px;letter-spacing:.01em}
.lg-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:var(--lg-muted);margin-bottom:14px}
.lg-meta b{color:#cfe2ff;font-weight:700}
.lg-auth{
  font-size:12.5px;line-height:1.75;color:#a8c0e0;
  padding:11px 14px;border-radius:11px;
  background:rgba(77,155,255,.07);border:1px solid rgba(77,155,255,.22)
}

/* 主体信息卡 */
.lg-entity{
  padding:18px 20px;border-radius:14px;margin-bottom:22px;
  background:linear-gradient(160deg,rgba(19,32,60,.6),rgba(9,17,38,.7));
  border:1px solid var(--lg-line)
}
.lg-entity-t{font-size:12px;font-weight:800;letter-spacing:.14em;color:#7fd8ff;
  text-transform:uppercase;margin-bottom:12px}
.lg-entity dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 18px;font-size:13px}
.lg-entity dt{color:var(--lg-muted)}
.lg-entity dd{margin:0;color:#dbe8fb;word-break:break-word}
.lg-todo{
  background:rgba(251,191,36,.18);color:#ffd970;border:1px dashed rgba(251,191,36,.6);
  border-radius:5px;padding:1px 6px;font-size:12px;font-style:normal
}
.lg-warn{
  display:flex;align-items:flex-start;gap:8px;margin-top:13px;padding:10px 13px;
  font-size:12.5px;line-height:1.6;color:#ffd970;border-radius:10px;
  background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.34)
}
.lg-warn svg{flex-shrink:0;margin-top:2px}

/* 两栏 */
.lg-cols{display:grid;grid-template-columns:216px 1fr;gap:30px;align-items:start}
.lg-toc{
  position:sticky;top:124px;max-height:calc(100vh - 150px);overflow-y:auto;
  padding:14px 15px;border-radius:13px;
  background:rgba(255,255,255,.03);border:1px solid var(--lg-line)
}
.lg-toc-t{font-size:11px;font-weight:800;letter-spacing:.16em;color:#7fd8ff;
  text-transform:uppercase;margin-bottom:9px}
.lg-toc a{
  display:block;font-size:12.5px;line-height:1.5;color:#a2b8d6;
  padding:4px 0 4px 9px;border-left:2px solid transparent;transition:.15s
}
.lg-toc a:hover{color:#dceaff;border-left-color:var(--lg-primary);text-decoration:none}

/* 正文 */
.lg-doc{
  padding:6px 4px;font-size:14.5px;line-height:1.88;color:#dce7f8;
  max-width:74ch
}
.lg-h{
  font-size:16px;font-weight:800;color:#fff;margin:32px 0 12px;
  padding-bottom:8px;border-bottom:1px solid var(--lg-line);scroll-margin-top:130px
}
.lg-h:first-child{margin-top:0}
.lg-p{margin:0 0 12px}
.lg-doc strong{color:#fff;font-weight:700}
.lg-ul,.lg-ol{margin:0 0 14px;padding-left:22px}
.lg-ul li,.lg-ol li{margin-bottom:7px}
.lg-ul li::marker{color:var(--lg-primary)}
.lg-ol li::marker{color:var(--lg-primary);font-weight:700}
.lg-note{
  margin:0 0 16px;padding:13px 16px;border-radius:11px;font-size:13.5px;line-height:1.8;
  color:#cfe0f8;background:rgba(77,155,255,.09);
  border:1px solid rgba(77,155,255,.25);border-left:3px solid var(--lg-primary)
}
.lg-tblwrap{overflow-x:auto;margin:0 0 16px;border-radius:12px;border:1px solid var(--lg-line)}
.lg-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
.lg-tbl th{
  text-align:left;font-weight:700;color:#cfe2ff;padding:10px 13px;white-space:nowrap;
  background:rgba(77,155,255,.13);border-bottom:1px solid var(--lg-line)
}
.lg-tbl td{padding:10px 13px;color:#c8d8ee;border-bottom:1px solid rgba(140,190,255,.09);
  vertical-align:top;line-height:1.7}
.lg-tbl tr:last-child td{border-bottom:none}
.lg-tbl tbody tr:hover td{background:rgba(255,255,255,.026)}

.lg-foot{
  margin-top:44px;padding-top:20px;border-top:1px solid var(--lg-line);
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;
  font-size:12px;color:var(--lg-muted);line-height:1.7
}

/* ===== RTL ===== */
.lg-rtl .lg-toc a{padding:4px 9px 4px 0;border-left:none;border-right:2px solid transparent}
.lg-rtl .lg-toc a:hover{border-right-color:var(--lg-primary)}
.lg-rtl .lg-note{border-left:1px solid rgba(77,155,255,.25);border-right:3px solid var(--lg-primary)}
.lg-rtl .lg-ul,.lg-rtl .lg-ol{padding-left:0;padding-right:22px}
.lg-rtl .lg-tbl th{text-align:right}
.lg-rtl .lg-entity dl{grid-template-columns:auto 1fr}
.lg-rtl .lg-doc{font-size:15px}
/* RTL 下夹在阿拉伯文里的拉丁串（邮箱）与中文串，标点会被外部方向挤到错位。
   只给这类内联内容建立 LTR 隔离上下文，不动容器方向。 */
.lg-rtl a[href^="mailto:"],
.lg-rtl .lg-todo,
.lg-rtl .lg-entity dd a,
.lg-rtl .lg-entity dd mark{
  direction:ltr; unicode-bidi:isolate; display:inline-block;
}

/* ===== 响应式 ===== */
@media(max-width:980px){
  .lg-cols{grid-template-columns:1fr;gap:18px}
  .lg-toc{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px 14px;
    padding:12px 14px}
  .lg-toc-t{width:100%;margin-bottom:4px}
  .lg-toc a{padding:2px 0;border-left:none}
}
@media(max-width:640px){
  .lg-head-in{padding:12px 16px}
  .lg-brand-txt em{display:none}
  .lg-tabs{padding:0 16px 10px}
  .lg-main{padding:18px 16px 56px}
  .lg-banner{padding:18px 17px;border-radius:14px}
  .lg-entity dl{grid-template-columns:1fr;gap:2px 0}
  .lg-entity dt{margin-top:8px;font-size:12px}
  .lg-doc{font-size:14px;line-height:1.8}
  .lg-h{font-size:15px}
  .lg-back{padding:6px 10px;font-size:12px}
  .lang-switch{padding:2px}
  .lang-btn{padding:4px 6px;font-size:11px}
}
@media print{
  .lg-head,.lg-toc,.lg-back,.lang-switch{display:none}
  body{background:#fff;color:#111}
  .lg-banner,.lg-entity,.lg-doc,.lg-tbl td,.lg-tbl th{background:none;color:#111;border-color:#ccc}
  .lg-h,.lg-p,.lg-doc strong{color:#000}
}