:root {
  --ui-text: #b5c3d4;
  --ui-title: #e4edf7;
  --ui-strong: #d8e6f2;
  --ui-muted: #90a2b8;
  --ui-label: #a8b8cb;
  --ui-value: #85d5c0;
  --ui-primary-text: #ddfff6;
  --ui-primary-bg: rgb(19 76 69 / 96%);
  --ui-secondary-text: #bac9da;
  --ui-secondary-bg: rgb(137 166 197 / 9%);
  --ui-secondary-border: rgb(151 177 206 / 16%);
  --ui-region-bg: rgb(12 24 40 / 88%);
  --ui-region-tint: rgb(132 165 202 / 4%);
  --ui-region-border: rgb(151 177 206 / 12%);
  --ui-user-message-bg: rgb(35 67 78 / 60%);
  --ui-field-bg: rgb(5 15 28 / 76%);
  --ui-shadow-soft: 0 4px 16px rgb(0 5 14 / 12%);
  --ui-shadow-raised: 0 12px 36px rgb(0 5 14 / 28%);
  --ui-title-shadow: none;
  --ui-font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", sans-serif;
  --ui-font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --ui-weight-title: 650;
  --ui-weight-label: 550;
  --ui-weight-body: 400;
}

:root { color-scheme:light; --page:#f7f8fb; --surface:#fff; --surface-soft:#f1f4f9; --ink:#172033; --muted:#5d6878; --subtle:#667181; --line:#dfe4ec; --line-strong:#c8d0dd; --accent:#2457e6; --accent-soft:#edf2ff; font-family:var(--ui-font-body); }
* { box-sizing:border-box; }
html { min-height:100%; scroll-behavior:smooth; background:var(--page); }
body { min-width:280px; min-height:100vh; margin:0; color:var(--ink); background:linear-gradient(180deg,#fff 0,#f7f8fb 16rem,#f7f8fb 100%); font-size:16px; }
a { color:inherit; text-decoration:none; } button,input { font:inherit; } button { color:inherit; }
.manual-skip { position:fixed; top:.5rem; left:.5rem; z-index:30; padding:.7rem .9rem; border-radius:.6rem; color:#fff; background:var(--accent); transform:translateY(-150%); }
.manual-skip:focus { transform:none; }
.manual-header { position:sticky; top:0; z-index:20; display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:1rem; padding:0 clamp(1rem,4vw,3.5rem); border-bottom:1px solid rgb(223 228 236 / 88%); background:rgb(255 255 255 / 82%); backdrop-filter:blur(18px) saturate(135%); }
.manual-brand { display:flex; align-items:center; gap:.68rem; letter-spacing:-.02em; }
.manual-brand > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(145deg,#244bc7,#4878f3); font-size:.72rem; font-weight:850; box-shadow:0 8px 22px rgb(36 87 230 / 18%); }
.manual-brand small { padding-left:.7rem; border-left:1px solid var(--line); color:var(--muted); font-size:.78rem; font-weight:600; }
.manual-header nav { display:flex; flex-wrap:wrap; gap:.2rem; }.manual-header nav a { min-height:42px; padding:.68rem .78rem; border-radius:.65rem; color:var(--muted); font-size:.84rem; }
.manual-header nav a:is(:hover,:focus-visible) { color:var(--ink); background:var(--surface-soft); }
.manual-shell { width:min(1240px,100%); min-height:calc(100vh - 122px); margin:auto; padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,3.5rem) 4rem; }
.manual-eyebrow { margin:0 0 .55rem; color:var(--accent); font-size:.72rem; font-weight:800; letter-spacing:.14em; }
.manual-auth { width:min(680px,100%); margin:clamp(2rem,9vh,7rem) auto; padding:clamp(1.5rem,5vw,3.5rem); border:1px solid var(--line); border-radius:1.4rem; background:rgb(255 255 255 / 92%); box-shadow:0 24px 80px rgb(31 46 78 / 10%); text-align:center; }
.manual-auth-mark { display:flex; width:66px; height:66px; align-items:center; justify-content:center; gap:5px; margin:0 auto 1.4rem; border-radius:20px; color:#fff; background:linear-gradient(145deg,#173fae,#4a79ef); box-shadow:0 16px 38px rgb(36 87 230 / 24%); }
.manual-auth-mark span { width:6px; border-radius:99px; background:#fff; animation:manual-pulse 1.2s ease-in-out infinite; }.manual-auth-mark span:nth-child(1) { height:16px; }.manual-auth-mark span:nth-child(2) { height:28px; animation-delay:.14s; }.manual-auth-mark span:nth-child(3) { height:20px; animation-delay:.28s; }
.manual-auth h1 { margin:.35rem 0 .7rem; font-size:clamp(1.8rem,5vw,2.8rem); letter-spacing:-.045em; }.manual-auth > p:not(.manual-eyebrow,.manual-auth-note) { max-width:520px; margin:.7rem auto; color:var(--muted); line-height:1.75; }
.manual-auth-actions { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin:1.7rem 0 0; }.manual-auth-actions > * { display:grid; min-height:48px; place-items:center; border:0; border-radius:.75rem; padding:.7rem 1rem; cursor:pointer; }
.manual-primary-action { color:#fff; background:var(--accent); }.manual-secondary-action,.manual-auth-actions button { color:var(--ink); background:var(--surface-soft); }.manual-auth-actions button { grid-column:1/-1; border:1px solid var(--line); }
.manual-auth-note { margin:1rem 0 0; color:var(--subtle); font-size:.82rem; line-height:1.55; }
.manual-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; padding:1.1rem 0 1.8rem; border-bottom:1px solid var(--line); }
.manual-title-row { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }.manual-intro h1 { margin:0; font-size:clamp(2rem,4vw,3.35rem); line-height:1.05; letter-spacing:-.055em; }.manual-intro #manual-summary { max-width:760px; margin:.9rem 0 0; color:var(--muted); line-height:1.7; }
.manual-role { padding:.42rem .65rem; border-radius:99px; color:var(--accent); background:var(--accent-soft); font-size:.76rem; font-weight:750; }
.manual-version { display:grid; min-width:9rem; gap:.25rem; margin:0; padding-left:1.2rem; border-left:1px solid var(--line-strong); }.manual-version span { color:var(--subtle); font-size:.72rem; }.manual-version strong { font-size:.88rem; }
.manual-search-surface { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem 1rem; align-items:center; padding:1.15rem 0; border-bottom:1px solid var(--line); }.manual-search-surface > label { grid-column:1/-1; color:var(--muted); font-size:.8rem; font-weight:700; }
.manual-search-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.75rem; min-height:52px; padding:0 1rem; border:1px solid var(--line); border-radius:.85rem; background:var(--surface); box-shadow:0 5px 18px rgb(35 49 78 / 4%); }.manual-search-row:focus-within { border-color:#8ca8f5; box-shadow:0 0 0 3px rgb(36 87 230 / 10%); }.manual-search-row > span { color:var(--accent); font-size:1.35rem; }.manual-search-row input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; }.manual-search-row input::placeholder { color:#687484; opacity:1; }.manual-search-row kbd { padding:.15rem .4rem; border:1px solid var(--line); border-radius:.35rem; color:var(--subtle); background:var(--surface-soft); font-size:.7rem; }
#manual-search-status { margin:0; color:var(--subtle); font-size:.78rem; white-space:nowrap; }
.manual-layout { display:grid; grid-template-columns:248px minmax(0,760px); gap:clamp(2rem,5vw,4.5rem); justify-content:center; margin-top:2rem; }
.manual-index { position:sticky; top:88px; align-self:start; max-height:calc(100vh - 116px); overflow:auto; padding-right:.4rem; }.manual-index-heading { padding-bottom:.85rem; border-bottom:1px solid var(--line); }.manual-index h2,.manual-search-view h2 { margin:0; font-size:1rem; }.manual-index nav { display:grid; margin-top:.5rem; }
.manual-index button { display:grid; grid-template-columns:1.6rem minmax(0,1fr); gap:.55rem; min-height:44px; align-items:center; border:0; border-left:2px solid transparent; padding:.72rem .6rem; color:var(--muted); background:transparent; text-align:left; cursor:pointer; }.manual-index button::before { color:var(--subtle); content:attr(data-index); font-size:.7rem; font-variant-numeric:tabular-nums; }.manual-index button:is(:hover,:focus-visible) { color:var(--ink); background:var(--surface-soft); }.manual-index button[aria-current="page"] { border-left-color:var(--accent); color:var(--accent); background:var(--accent-soft); font-weight:700; }
.manual-reading { min-width:0; }.manual-topic { min-width:0; }.manual-topic-heading { padding-bottom:1.35rem; border-bottom:1px solid var(--line); }.manual-topic h2 { margin:0; font-size:clamp(1.55rem,3vw,2.2rem); letter-spacing:-.035em; }.manual-topic-heading > p { margin:.75rem 0 0; color:var(--muted); line-height:1.72; }.manual-topic-target { display:inline-flex; min-height:40px; align-items:center; margin-top:1rem; padding:.5rem .72rem; border-radius:.6rem; color:var(--accent); background:var(--accent-soft); font-size:.82rem; font-weight:700; }.manual-topic-target::after,.manual-step a::after { margin-left:.35rem; content:"↗"; }
.manual-section { padding:1.6rem 0; border-bottom:1px solid var(--line); }.manual-section h3 { margin:0; font-size:1.1rem; color:var(--accent); font-weight:var(--ui-weight-title); }.manual-section > p { margin:.55rem 0 0; color:var(--muted); line-height:1.65; }.manual-steps { display:grid; gap:1rem; margin:1.15rem 0 0; padding:0; list-style:none; counter-reset:manual-step; }.manual-step { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.8rem; counter-increment:manual-step; }.manual-step::before { display:grid; width:1.75rem; height:1.75rem; place-items:center; border-radius:.58rem; color:var(--accent); background:var(--accent-soft); content:counter(manual-step); font-size:.75rem; font-weight:800; }.manual-step strong { display:block; font-size:.95rem; color:var(--ink); font-weight:var(--ui-weight-label); }.manual-step p { max-width:72ch; margin:.3rem 0 0; color:var(--muted); line-height:1.7; }.manual-step a,.manual-location { display:inline-flex; margin-top:.55rem; color:var(--accent); font-size:.82rem; font-weight:650; }.manual-location { color:var(--muted); }
.manual-search-view > header { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--line); }.manual-search-result { width:100%; min-height:88px; border:0; border-bottom:1px solid var(--line); padding:1.15rem 0; background:transparent; text-align:left; cursor:pointer; }.manual-search-result strong { display:block; font-size:1.04rem; }.manual-search-result span { display:block; margin-top:.35rem; color:var(--muted); line-height:1.55; }.manual-search-result:is(:hover,:focus-visible) strong { color:var(--accent); }
.manual-empty { padding:4rem 1rem; text-align:center; }.manual-empty h2 { margin:0; }.manual-empty p { color:var(--muted); }.manual-empty button { min-height:44px; border:0; border-radius:.65rem; padding:.6rem .9rem; color:#fff; background:var(--accent); cursor:pointer; }
.manual-footer { display:flex; justify-content:space-between; gap:1rem; padding:1.1rem clamp(1rem,4vw,3.5rem); border-top:1px solid var(--line); color:var(--subtle); background:#fff; font-size:.75rem; }.manual-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
[hidden] { display:none !important; }:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@keyframes manual-pulse { 0%,100% { transform:scaleY(.72); opacity:.72; } 50% { transform:scaleY(1); opacity:1; } }
@media (max-width:820px) { .manual-header { align-items:flex-start; padding-block:.7rem; }.manual-header nav { justify-content:flex-end; }.manual-intro { grid-template-columns:1fr; }.manual-version { border-left:0; border-top:1px solid var(--line); padding:1rem 0 0; }.manual-search-surface { grid-template-columns:1fr; }.manual-search-surface > * { grid-column:1; }.manual-layout { grid-template-columns:1fr; gap:1.4rem; }.manual-index { position:static; max-height:none; padding:0; }.manual-index nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.manual-index button { border-left:0; border-bottom:2px solid transparent; }.manual-index button[aria-current="page"] { border-bottom-color:var(--accent); } #manual-search-status { white-space:normal; } }
@media (max-width:560px) { .manual-header { display:grid; }.manual-brand small { display:none; }.manual-header nav { justify-content:flex-start; }.manual-header nav a { padding-left:0; }.manual-auth-actions { grid-template-columns:1fr; }.manual-auth-actions button { grid-column:1; }.manual-title-row { align-items:flex-start; }.manual-index nav { grid-template-columns:1fr; }.manual-footer { display:grid; }.manual-shell { padding-top:1rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.manual-auth-mark span { animation:none; } }
@media (forced-colors:active) { .manual-auth,.manual-search-row,.manual-index button[aria-current="page"],.manual-topic-target,.manual-step::before { border:1px solid CanvasText; box-shadow:none; }.manual-primary-action,.manual-empty button { color:HighlightText; background:Highlight; } }