/* DoPilot Legal lite — 唯一事实源 ../dopilot/brand.md（V1）。
   深蓝为骨，金色为魂，青色点睛；暗底亮卡（出处卡用浅色 token 承载长文）。 */
:root {
  --dp-primary:#0B4BB8; --dp-deep:#062B66; --dp-gold:#F7AF4B; --dp-gold-deep:#C9821A;
  --dp-cyan:#37D6FF; --dp-bg:#070A12; --dp-surface:rgba(255,255,255,.05);
  --dp-surface-2:rgba(255,255,255,.08); --dp-line:rgba(255,255,255,.11);
  --dp-text:#F5F7FB; --dp-muted:#9FAAC0; --dp-bg-light:#F7F8FA; --dp-text-light:#101828;
  --radius:22px;
  --sans:Inter,system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--dp-bg); color:var(--dp-text); font-family:var(--sans); line-height:1.65; }
a { color:var(--dp-cyan); }

.wrap { max-width:1080px; margin:0 auto; padding:0 1.2rem; }
.head { display:flex; align-items:center; gap:.7rem; padding:1rem 0; border-bottom:1px solid var(--dp-line); }
.brandimg { height:2.1rem; display:block; }
.lg-tag { color:var(--dp-muted); font-weight:600; font-size:.85rem; }
.nav { margin-left:auto; display:flex; gap:.4rem; align-items:center; font-size:.8rem; }
.nav a { color:var(--dp-muted); text-decoration:none; padding:.35rem .6rem; border-radius:8px; }
.nav a.on { color:var(--dp-text); background:var(--dp-surface-2); }
.nav .cta { background:var(--dp-gold); color:#1a1305; font-weight:700; padding:.42rem .9rem; border-radius:999px; }

.eyebrow { color:var(--dp-gold); font-size:.68rem; font-weight:700; letter-spacing:.16em; margin:0 0 .5rem; }
h1 { font-size:2.1rem; line-height:1.2; margin:0 0 .7rem; letter-spacing:-.02em; font-weight:700; }
h1 em { font-style:normal; color:var(--dp-gold); }
.lede { color:var(--dp-muted); max-width:42rem; margin:0 0 1.5rem; font-size:.93rem; }

.onebox { display:grid; grid-template-columns:1fr auto; gap:.7rem; align-items:start; }
.onebox textarea { border:1.5px solid var(--dp-line); border-radius:14px; padding:1rem 1.15rem;
  background:var(--dp-surface); color:var(--dp-text); font:inherit; font-size:.92rem; min-width:0;
  width:100%; resize:none; overflow:hidden; min-height:3.55rem; line-height:1.55; display:block; }
.onebox textarea::placeholder { color:var(--dp-muted); }
.onebox button { border:none; border-radius:14px; padding:1rem 1.6rem; background:var(--dp-gold);
  color:#1a1305; font-weight:700; font-size:.95rem; cursor:pointer; }
.onebox button:disabled { opacity:.6; cursor:wait; }
.hint { color:var(--dp-muted); font-size:.72rem; margin:.55rem 0 0; }

.dim-label { margin:1.8rem 0 .6rem; font-size:.8rem; font-weight:700; }
.industries { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; }
.ind { background:var(--dp-surface); border:1px solid var(--dp-line); border-radius:16px;
  padding:.9rem .6rem; text-align:center; cursor:pointer; color:inherit; text-decoration:none; display:block; }
.ind:hover { background:var(--dp-surface-2); border-color:var(--dp-gold); }
.ind-more { opacity:.75; }
.ind .ico { font-size:1.25rem; display:block; margin-bottom:.3rem; }
.ind b { font-size:.82rem; font-weight:600; display:block; }
.ind small { color:var(--dp-muted); font-size:.66rem; }
.domains { display:flex; gap:.5rem; flex-wrap:wrap; }
.dom { border:1px solid var(--dp-line); border-radius:999px; background:transparent;
  color:var(--dp-muted); padding:.42rem 1rem; font-size:.8rem; cursor:pointer; text-decoration:none; }
.dom:hover { color:var(--dp-cyan); border-color:var(--dp-cyan); }

.disclaim { display:flex; gap:.7rem; margin:1.4rem 0; padding:.85rem 1.05rem;
  border:1px solid rgba(247,175,75,.3); border-radius:14px; background:rgba(247,175,75,.06);
  font-size:.78rem; color:var(--dp-muted); }
.disclaim b { color:var(--dp-gold); }
.foot-line { color:var(--dp-muted); font-size:.72rem; margin-top:1.6rem; }
footer { border-top:1px solid var(--dp-line); margin-top:2.5rem; padding:1.2rem 0 2rem;
  color:var(--dp-muted); font-size:.72rem; }

/* 问答页 */
.askline { color:var(--dp-muted); font-size:.8rem; margin:1.2rem 0 1rem; }
.askline b { color:var(--dp-text); font-size:.95rem; }
.answer { background:var(--dp-surface); border:1px solid var(--dp-line); border-radius:var(--radius);
  padding:1.3rem 1.5rem; margin-bottom:1.2rem; }
.answer-tag { display:inline-flex; gap:.45rem; align-items:center; font-size:.7rem; color:#0a0d14;
  background:var(--dp-gold); border-radius:999px; padding:.2rem .7rem; font-weight:700; margin-bottom:.8rem; }
.answer p { margin:.35rem 0; font-size:.93rem; }
.cite { color:var(--dp-cyan); font-size:.78rem; cursor:pointer; text-decoration:none; }
.answer .warn { margin-top:.9rem; padding-top:.75rem; border-top:1px dashed var(--dp-line);
  color:var(--dp-muted); font-size:.75rem; }
.hook { color:var(--dp-muted); font-size:.75rem; margin:.4rem 0 1.2rem; }
.hook a { color:var(--dp-gold); text-decoration:none; }
.src-title { font-size:.8rem; font-weight:700; margin:0 0 .6rem; }
.src { background:var(--dp-bg-light); color:var(--dp-text-light); border-radius:16px;
  padding:1rem 1.2rem; margin-bottom:.8rem; scroll-margin-top:1rem; }
.src-top { display:flex; justify-content:space-between; align-items:baseline; gap:.8rem; flex-wrap:wrap; }
.src-top b { font-size:.9rem; }
.src .no { display:inline-grid; place-items:center; width:1.35rem; height:1.35rem; border-radius:50%;
  background:var(--dp-deep); color:#fff; font-size:.72rem; font-weight:700; margin-right:.5rem; }
.chipk { border-radius:999px; font-size:.66rem; padding:.16rem .55rem; background:#e7e9ee; color:#4b5565; white-space:nowrap; }
.src .meta { color:#5b6577; font-size:.74rem; margin:.25rem 0 .45rem; }
.src blockquote { margin:.4rem 0; padding:.55rem .8rem; background:#fff; border-left:3px solid var(--dp-gold-deep);
  border-radius:0 8px 8px 0; font-size:.82rem; color:#333c4b; }
.src .links { display:flex; gap:1rem; font-size:.76rem; flex-wrap:wrap; }
.src .links a { color:var(--dp-primary); font-weight:600; text-decoration:none; }
.status-line { color:var(--dp-muted); font-size:.8rem; margin:1rem 0; }
.spin::before { content:""; display:inline-block; width:.6rem; height:.6rem; margin-right:.5rem;
  border:2px solid var(--dp-line); border-top-color:var(--dp-gold); border-radius:50%;
  animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* 追问框：与上方内容用分隔线+固定呼吸隔开，不依赖列高 */
.ask-follow { margin-top:2.2rem; padding-top:1.6rem; border-top:1px solid var(--dp-line); }

/* 内联样式替代类（CSP style-src 'self' 禁止 style 属性） */
.hero-eyebrow { padding-top:2.4rem; }
.zone-crumb-name { color:var(--dp-text); }
.zone-h1 { font-size:1.6rem; }
.q-label-first { margin-top:0; }
.side-note { margin:.55rem 0 0; font-size:.7rem; color:var(--dp-muted); }
.rewrite-note { font-size:.72rem; }

/* 专区页 */
.bread { color:var(--dp-muted); font-size:.74rem; margin:1rem 0 .9rem; }
.twocol { display:grid; grid-template-columns:1.15fr .85fr; gap:1.2rem; }
.qlist { display:flex; flex-direction:column; gap:.55rem; }
.q { background:var(--dp-surface); border:1px solid var(--dp-line); border-radius:14px;
  padding:.75rem 1rem; font-size:.86rem; cursor:pointer; display:flex; justify-content:space-between;
  gap:.8rem; color:inherit; text-decoration:none; }
.q:hover { border-color:var(--dp-gold); }
.q span { color:var(--dp-gold); }
.panel { background:var(--dp-surface); border:1px solid var(--dp-line); border-radius:16px;
  padding:1rem 1.2rem; margin-bottom:.9rem; }
.panel h4 { margin:0 0 .55rem; font-size:.82rem; }
.law { display:flex; justify-content:space-between; gap:.6rem; font-size:.78rem; padding:.3rem 0;
  border-bottom:1px dashed var(--dp-line); }
.law:last-child { border-bottom:none; }
.law .zh { color:var(--dp-muted); }
.section-h { margin:1.3rem 0 .5rem; font-size:.82rem; font-weight:700; color:var(--dp-gold); }
.notice { background:var(--dp-surface); border:1px dashed var(--dp-line); border-radius:14px;
  padding:.9rem 1.1rem; color:var(--dp-muted); font-size:.82rem; margin-bottom:1.3rem; }

@media (max-width:860px) {
  .industries { grid-template-columns:repeat(2,1fr); }
  .twocol { grid-template-columns:1fr; }
  .onebox { grid-template-columns:1fr; }
  .onebox button { padding:.9rem; }
}
