
  .workspace-nav { display:flex; width:100%; align-items:center; gap:.85rem; border-radius:.5rem; padding:.8rem 1rem; text-align:left; font-size:.925rem; font-weight:700; color:#cbd5e1; transition:.2s; }
  .workspace-nav span { font-size:.68rem; letter-spacing:.12em; color:#94a3b8; }
  .workspace-nav:hover,.workspace-nav.is-active { background:rgba(255,255,255,.09); color:#fff; }
  .workspace-nav.is-active { box-shadow:inset 3px 0 0 #b58a45; }
  .workspace-nav-mobile { min-height:44px; border-radius:.45rem; padding:.65rem 1rem; text-align:left; font-weight:700; color:#334155; }
  .workspace-nav-mobile.is-active { background:#11263b; color:#fff; }
  .workspace-kicker { font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.16em; color:#8b642b; }
  .workspace-heading { margin-top:.2rem; font-family:"Noto Serif SC",STSong,serif; font-size:clamp(1.8rem,3vw,2.4rem); font-weight:600; color:#11263b; }
  .workspace-card { border:1px solid #e2e8f0; border-radius:.75rem; background:#fff; padding:1.35rem; box-shadow:0 10px 30px rgba(17,38,59,.04); }
  @media(min-width:768px){.workspace-card{padding:1.65rem}}
  .workspace-card-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
  .workspace-card-header h3 { margin-top:.2rem; font-size:1.3rem; font-weight:600; color:#11263b; }
  .workspace-stat { border:1px solid #e2e8f0; border-radius:.75rem; background:#fff; padding:1.3rem; box-shadow:0 8px 24px rgba(17,38,59,.04); }
  .workspace-stat span { display:block; font-size:.8rem; font-weight:700; color:#64748b; }
  .workspace-stat strong { display:block; margin-top:.4rem; font-family:"Noto Serif SC",serif; font-size:2.2rem; line-height:1.15; color:#11263b; }
  .workspace-stat small { display:block; margin-top:.4rem; color:#94a3b8; }
  .quick-tool { display:flex; min-height:82px; align-items:center; gap:.85rem; border:1px solid #e2e8f0; border-radius:.65rem; padding:1rem; text-align:left; transition:.2s; }
  .quick-tool:hover { border-color:#b58a45; background:#f8fafc; transform:translateY(-1px); }
  .quick-tool b { display:grid; height:38px; width:38px; flex:none; place-items:center; border-radius:.4rem; background:#f6f3ed; font-family:"Noto Serif SC",serif; color:#8b642b; }
  .quick-tool strong,.quick-tool small { display:block; }
  .quick-tool strong { color:#11263b; }.quick-tool small{margin-top:.15rem;font-size:.72rem;color:#64748b}
  .workspace-label { display:block; font-size:.875rem; font-weight:700; color:#334155; }
  .document-tab { min-height:48px; flex:none; border-bottom:3px solid transparent; padding:.7rem 1.15rem; font-weight:700; color:#64748b; }
  .document-tab.is-active { border-color:#b58a45; color:#11263b; }
  .draft-step { position:relative; display:grid; min-height:84px; width:100%; cursor:pointer; grid-template-columns:34px 1fr; column-gap:.7rem; align-content:center; border:1px solid #e2e8f0; border-radius:.7rem; background:#fff; padding:.85rem; color:#64748b; text-align:left; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
  .draft-step span { grid-row:span 2; display:grid; height:32px; width:32px; place-items:center; border-radius:999px; background:#f1f5f9; font-size:.8rem; font-weight:800; }
  .draft-step b { color:#334155; }.draft-step small{font-size:.7rem;color:#94a3b8}
  .draft-step.is-active { border-color:#b58a45; box-shadow:inset 0 0 0 1px #b58a45; }.draft-step.is-active span{background:#11263b;color:#fff}.draft-step.is-active b{color:#11263b}
  .draft-step:hover { border-color:#94a3b8; transform:translateY(-1px); }
  .draft-step:focus-visible { outline:3px solid rgba(181,138,69,.3); outline-offset:2px; }
  .review-check { display:flex; min-height:58px; align-items:flex-start; gap:.75rem; border:1px solid #e2e8f0; border-radius:.65rem; background:#f8fafc; padding:.9rem 1rem; font-size:.875rem; line-height:1.65; color:#334155; }
  .review-check input { margin-top:.3rem; height:1rem; width:1rem; flex:0 0 auto; accent-color:#11263b; }
  .ai-spinner { height:28px; width:28px; flex:none; border:3px solid #bfdbfe; border-top-color:#1e3a5f; border-radius:999px; animation:workspace-spin .8s linear infinite; }
  @keyframes workspace-spin { to { transform:rotate(360deg); } }
  .document-preview { overflow:auto; white-space:pre-wrap; word-break:break-word; border:1px solid #e2e8f0; border-radius:.55rem; background:#f8fafc; padding:1.25rem; font-family:"Noto Serif SC",STSong,serif; font-size:.93rem; line-height:1.9; color:#1e293b; }
  dialog::backdrop { backdrop-filter:blur(3px); }
