/* ==========================================================================
   律铠 LAWFLAG — 涉外法律中心 /global/
   在 cb.css 设计系统之上补充本板块特有组件
   ========================================================================== */

/* ---------- 页头 ---------- */
.g-hero{padding:146px 0 62px;background:linear-gradient(178deg,#fdfdfe 0%,#faf8f2 60%,var(--bg) 100%)}
.g-hero .kicker{margin-bottom:20px}
.g-hero h1{font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.34;letter-spacing:-.018em;max-width:22em}
.g-hero h1 em{font-style:normal;color:var(--navy);position:relative}
.g-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.28em;
  background:rgba(181,144,60,.18);z-index:-1}
.g-hero .sub{margin-top:24px;font-size:16.5px;line-height:2;color:#5c5c61;max-width:40em}
.g-hero .actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 面包屑 ---------- */
.crumb{padding-top:88px;font-size:12.5px;color:var(--sub);letter-spacing:.04em}
.crumb a{color:var(--sub)}
.crumb a:hover{color:var(--gold-dk)}
.crumb span{margin:0 7px;opacity:.5}

/* ---------- 两栏说明 ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.split .lead h2{font-size:clamp(22px,2.8vw,30px);font-weight:600;line-height:1.42;margin:12px 0 18px}
.split .lead p{font-size:15.5px;color:#55555a;line-height:2;margin-bottom:14px}
.split .lead p:last-child{margin-bottom:0}

.plainbox{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 32px}
.plainbox h4{font-size:14px;font-weight:600;margin-bottom:16px;letter-spacing:.02em}
.plainbox ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.plainbox li{font-size:14.5px;line-height:1.9;color:#4a4a4f;padding-left:20px;position:relative}
.plainbox li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1.5px;background:var(--gold)}
.plainbox li b{color:var(--ink);font-weight:600}

/* ---------- 业务类型双卡 ---------- */
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:34px 32px 30px;
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:rgba(181,144,60,.3)}
.tcard .no{font-family:Georgia,serif;font-size:13px;color:rgba(29,29,31,.28);letter-spacing:.1em;margin-bottom:14px}
.tcard h3{font-size:21px;font-weight:600;margin-bottom:6px}
.tcard .en{font-size:11.5px;letter-spacing:.16em;color:var(--sub);text-transform:uppercase;margin-bottom:18px}
.tcard .who{font-size:13.5px;color:var(--gold-dk);line-height:1.8;margin-bottom:16px}
.tcard ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:22px;flex:1}
.tcard li{font-size:14px;line-height:1.75;color:#55555a;padding-left:16px;position:relative}
.tcard li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;
  background:rgba(181,144,60,.55)}
.tcard .go{margin-top:auto}

/* ---------- 案例说明 ---------- */
.case-empty{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:52px 44px;text-align:center}
.case-empty .ic{width:46px;height:46px;margin:0 auto 22px;border:1px solid rgba(181,144,60,.4);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--gold)}
.case-empty h3{font-size:19px;font-weight:600;margin-bottom:12px}
.case-empty p{font-size:14.5px;color:var(--sub);line-height:1.95;max-width:46em;margin:0 auto 8px}
.case-empty .actions{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:34px}
.rule{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 24px 22px}
.rule .rn{font-family:Georgia,serif;font-size:12px;color:var(--gold);letter-spacing:.1em;margin-bottom:10px}
.rule h4{font-size:15px;font-weight:600;margin-bottom:8px}
.rule p{font-size:13.5px;line-height:1.85;color:var(--sub)}

/* ---------- 研究选题 ---------- */
.topic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:start;
  padding:26px 4px;border-bottom:1px solid var(--line)}
.topic:first-of-type{border-top:1px solid var(--line)}
.topic .tn{font-family:Georgia,serif;font-size:13px;color:rgba(29,29,31,.3);letter-spacing:.08em;padding-top:3px}
.topic h3{font-size:16.5px;font-weight:600;line-height:1.6;margin-bottom:7px}
.topic p{font-size:13.8px;color:var(--sub);line-height:1.9;max-width:56ch}
.topic .st{font-size:11.5px;letter-spacing:.08em;color:#8a8a90;border:1px solid var(--line-2);
  border-radius:980px;padding:4px 12px;white-space:nowrap;margin-top:2px}
.topic .st.done{color:var(--gold-dk);border-color:rgba(181,144,60,.4);background:rgba(181,144,60,.06)}
.topic .st a{color:inherit}

/* ---------- 动态列表 ---------- */
.upd-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.upd-pill{font-size:12.5px;padding:7px 16px;border-radius:980px;border:1px solid var(--line-2);
  color:#5c5c61;cursor:pointer;background:transparent;transition:all .2s}
.upd-pill:hover{border-color:rgba(181,144,60,.5);color:var(--gold-dk)}
.upd-pill.on{background:var(--navy);border-color:var(--navy);color:#fff}

.upd-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.upd{display:grid;grid-template-columns:104px minmax(0,1fr) 150px 18px;gap:20px;align-items:start;
  padding:24px 4px;border-bottom:1px solid var(--line);transition:background .2s}
.upd:hover{background:rgba(181,144,60,.035)}
.upd .tag{font-size:11px;letter-spacing:.06em;color:var(--gold-dk);background:rgba(181,144,60,.09);
  border-radius:5px;padding:5px 0;text-align:center;margin-top:1px}
.upd h3{font-size:15.5px;font-weight:600;line-height:1.65}
.upd .src{font-size:12.5px;color:var(--sub);text-align:right;line-height:1.9}
.upd .go{color:rgba(29,29,31,.28);font-size:14px;padding-top:3px;transition:transform .2s,color .2s}
.upd:hover .go{color:var(--gold);transform:translateX(3px)}
.upd-empty{padding:56px 0;text-align:center;color:var(--sub);font-size:14px}

/* ---------- 转化条 ---------- */
.dark-cta{background:linear-gradient(105deg,#10294a 0%,#0a1c36 55%,#152845 100%);border-radius:26px;
  padding:56px 52px;color:#f5f1e6;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:48px;align-items:center}
.dark-cta h2{font-size:clamp(22px,2.8vw,30px);font-weight:600;line-height:1.45;margin-bottom:16px}
.dark-cta p{font-size:14.5px;color:#c6cbd2;line-height:1.95;max-width:36em}
.dark-cta .side{border-left:1px solid rgba(212,184,114,.28);padding-left:40px}
.dark-cta .side dl{display:flex;flex-direction:column;gap:16px}
.dark-cta .side dt{font-size:11px;letter-spacing:.18em;color:#d4b872;margin-bottom:4px}
.dark-cta .side dd{font-size:15px;color:#f0e6cf}

@media(max-width:900px){
  .split{grid-template-columns:1fr;gap:32px}
  .dark-cta{grid-template-columns:1fr;gap:32px;padding:40px 30px}
  .dark-cta .side{border-left:none;border-top:1px solid rgba(212,184,114,.28);padding-left:0;padding-top:28px}
  .upd{grid-template-columns:82px minmax(0,1fr);gap:14px}
  .upd .src{grid-column:2;text-align:left;font-size:12px;color:var(--sub-2,#9a9a9f)}
  .upd .go{display:none}
  .topic{grid-template-columns:auto minmax(0,1fr);gap:14px}
  .topic .st{grid-column:2;justify-self:start;margin-top:6px}
}
@media(max-width:640px){
  .g-hero{padding:120px 0 48px}
  .case-empty{padding:38px 24px}
  .topic{grid-template-columns:1fr;gap:8px}
  .topic .st{grid-column:1;justify-self:start}
  .upd{grid-template-columns:1fr;gap:8px}
  .upd .tag{justify-self:start;padding:4px 10px}
  .upd .src{grid-column:1}
}