/*!
 * dream.css —— 梦境社区落地页 + 免注册试写区
 * 复用 style.css 的纸墨配色与基础组件（.card / .btn / .field / .livehash / .report …），
 * 这里只补落地页版式与游客试写区的专属样式。
 */

/* ---------- 顶栏（落地页版：无多视图导航） ---------- */
.dl-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;min-height:74px}
.dl-lang{font-size:13.5px;color:var(--muted);display:flex;gap:14px;align-items:center}
.dl-lang a{border-bottom:0}
.dl-lang a[aria-current]{color:var(--ink);font-weight:600}

/* ---------- 首屏 ---------- */
.dl-hero{padding:56px 0 8px;max-width:820px}
.dl-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;letter-spacing:.1em;color:var(--seal);
  border:1px solid #edd3cf;background:var(--seal-soft);
  border-radius:999px;padding:4px 14px;margin-bottom:20px;
}
.dl-h1{font-size:40px;line-height:1.28;font-weight:800;letter-spacing:-.01em;margin:0 0 18px}
.dl-h1 em{font-style:normal;color:var(--seal);border-bottom:3px solid rgba(179,39,30,.25)}
.dl-sub{font-size:17px;line-height:1.8;color:var(--ink-2);margin:0 0 26px;max-width:720px}
.dl-cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.dl-cta-note{font-size:13px;color:var(--muted)}

/* ---------- 痛点引子 ---------- */
.dl-pain{
  border-left:3px solid var(--seal);
  background:linear-gradient(90deg,var(--seal-soft),transparent 70%);
  padding:18px 22px;border-radius:0 10px 10px 0;margin:34px 0;
}
.dl-pain p{margin:0 0 12px;font-size:16px;color:var(--ink-2)}
.dl-pain p:last-child{margin-bottom:0}
.dl-pain .q{font-size:18px;font-weight:700;color:var(--seal);display:block;margin:14px 0}

/* ---------- 通用小节 ---------- */
.dl-sec{padding:34px 0 6px}
.dl-sec-title{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.005em}
.dl-sec-lead{color:var(--muted);font-size:15px;margin:0 0 22px;max-width:760px}

/* ---------- 链条示意 ---------- */
.dl-chain{display:flex;align-items:center;gap:0;overflow-x:auto;padding:6px 2px 12px}
.dl-chain .node{min-width:150px}
.dl-chain .arrow{padding:0 10px;color:var(--muted);font-size:18px;text-align:center;flex:0 0 auto}
.dl-chain .arrow small{display:block;font-size:10.5px;letter-spacing:.04em}

/* ---------- 试写区 ---------- */
.dl-try{
  background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 28px;margin:22px 0;
}
.dl-try-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.dl-try-badge{font-size:12.5px;color:var(--ok);border:1px solid #bfe0cc;background:var(--ok-soft);border-radius:999px;padding:2px 11px;white-space:nowrap}
.dl-try-hint{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.dl-try-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start}
@media(max-width:900px){.dl-try-grid{grid-template-columns:1fr}}

/* 指纹实时条 */
.dl-hashes{display:grid;gap:9px;margin-bottom:18px}
.dl-hash{
  border:1px dashed var(--line);border-radius:9px;padding:10px 13px;background:#fdfbf7;
}
.dl-hash-k{font-size:12px;color:var(--muted);letter-spacing:.05em;margin-bottom:4px}
.dl-hash-k b{color:var(--ink-2);font-weight:600}
.dl-hash code{font-family:var(--mono);font-size:12px;color:var(--seal);word-break:break-all;display:block;line-height:1.6}
.dl-hash.is-chain code{color:#7a4a1f}

/* 本机已封存列表 */
.g-entry{
  border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 13px;margin-bottom:9px;
}
.g-entry-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.g-entry-no{font-family:var(--mono);font-size:12px;color:var(--seal);font-weight:700}
.g-entry-title{font-size:14px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-entry-date{font-size:12px;color:var(--muted);font-family:var(--mono)}
.g-entry-hashes{font-family:var(--mono);font-size:11px;color:#9a938a;margin-top:5px;word-break:break-all}
.g-entry-acts{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.g-mini{
  font:inherit;font-size:12px;line-height:1.4;
  background:transparent;color:var(--ink-2);
  border:1px solid var(--line);border-radius:7px;
  padding:5px 10px;cursor:pointer;transition:.15s;
}
.g-mini:hover{background:var(--line-2)}
.g-mini:disabled{opacity:.45;cursor:not-allowed}

/* 封存结果卡 */
.g-proof-card{
  border:1px solid #bfe0cc;background:var(--ok-soft);
  border-radius:11px;padding:16px 18px;margin-top:16px;
}
.g-proof-badge{font-size:13.5px;font-weight:700;color:var(--ok);margin-bottom:12px}
.g-proof-row{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(31,122,77,.22);font-size:12.5px}
.g-proof-row:last-of-type{border-bottom:0}
.g-proof-k{color:var(--muted)}
.g-proof-v{font-family:var(--mono);word-break:break-all;color:var(--ink-2)}
.g-proof-acts{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid rgba(31,122,77,.22)}
.g-proof-acts .g-mini{border-color:rgba(31,122,77,.35);background:#fff}

/* 校验结果 */
.g-report{border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:13.5px;background:#fff;margin-top:14px}
.g-report.ok{border-color:#bfe0cc;background:var(--ok-soft)}
.g-report.bad{border-color:#e8c9c5;background:var(--bad-soft)}
.g-report ul{margin:8px 0 0;padding-left:19px}
.g-report li{margin:3px 0;font-size:13px}
.g-report-note{margin-top:9px;font-size:12px;color:var(--muted)}

/* ---------- 三个场景卡 ---------- */
.dl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}
@media(max-width:900px){.dl-cards{grid-template-columns:1fr}}
.dl-card{
  background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;
}
.dl-card h3{font-size:16px;margin:0 0 6px;font-weight:700}
.dl-card .dl-card-tag{font-size:12px;letter-spacing:.08em;color:var(--seal);margin-bottom:10px;display:block}
.dl-card p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.75}

/* ---------- 边界说明 ---------- */
.dl-bounds{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
@media(max-width:820px){.dl-bounds{grid-template-columns:1fr}}
.dl-bound{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.dl-bound h3{font-size:15.5px;margin:0 0 10px;font-weight:700}
.dl-bound ul{margin:0;padding-left:0;list-style:none}
.dl-bound li{font-size:14px;padding-left:24px;position:relative;margin:7px 0;color:var(--ink-2);line-height:1.7}
.dl-bound.yes li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.dl-bound.no li::before{content:"✕";position:absolute;left:0;color:var(--seal);font-weight:700}

/* ---------- 底部转化 ---------- */
.dl-final{
  margin:44px 0 0;padding:34px 30px;border-radius:var(--radius);
  background:var(--ink);color:#f6f2ec;
}
.dl-final h2{font-size:23px;margin:0 0 10px;color:#fff}
.dl-final p{margin:0 0 20px;color:#cfc7bb;font-size:15px;max-width:640px}
.dl-final .btn-seal{background:var(--seal);border-color:var(--seal)}
.dl-final .btn-ghost{color:#f6f2ec;border-color:rgba(255,255,255,.28);background:transparent}
.dl-final .btn-ghost:hover{background:rgba(255,255,255,.1);opacity:1}
.dl-final .dl-cta-note{color:#a89f92}

.dl-foot{padding:30px 0 60px;color:var(--muted);font-size:13px;line-height:1.9}
.dl-foot a{margin-right:14px}

/* ---------- 小屏 ---------- */
@media(max-width:700px){
  .dl-hero{padding:34px 0 4px}
  .dl-h1{font-size:28px}
  .dl-sub{font-size:15.5px}
  .dl-sec-title{font-size:20px}
  .dl-try{padding:20px 18px}
  .dl-final{padding:26px 20px}
  .dl-final h2{font-size:19px}
  .dl-chain .node{min-width:126px}
}