:root {
  --bg: #fbfbfd; --bg-card: #ffffff; --bg-pill: rgba(0,0,0,.04);
  --text-main: #1d1d1f; --text-muted: #86868b; --text-secondary: #515154;
  --accent: #0071e3; --accent-soft: rgba(0,113,227,.08);
  --border: rgba(0,0,0,.08); --radius: 14px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
          "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { background: var(--bg); color: var(--text-main); font-family: var(--font);
       font-size: 16px; line-height: 1.75; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.topbar { position: sticky; top: 0; z-index: 5; background: rgba(251,251,253,.86);
          backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.topbar-in { max-width: 1120px; margin: 0 auto; padding: 13px 24px;
             display: flex; align-items: center; gap: 18px; }
.topbar .name { font-weight: 600; font-size: 16px; color: var(--text-main); }
.topbar .crumb { font-size: 14px; color: var(--text-muted); }
.topbar .spacer { flex: 1; }
.topbar .home { font-size: 14px; color: var(--text-secondary); white-space: nowrap; }
.topbar .name { white-space: nowrap; }
.shell { max-width: 1120px; margin: 0 auto; padding: 34px 24px 90px;
         display: grid; grid-template-columns: 226px minmax(0, 1fr); gap: 46px; }
nav.side { position: sticky; top: 66px; align-self: start; font-size: 15px; }
nav.side ol { list-style: none; }
nav.side li { margin: 1px 0; }
nav.side a { display: block; padding: 7px 12px; border-radius: 9px; color: var(--text-secondary); }
nav.side a:hover { background: var(--bg-pill); text-decoration: none; }
nav.side a.now { background: var(--accent-soft); color: var(--accent); font-weight: 600; }
main { min-width: 0; }
h1 { font-size: 33px; line-height: 1.28; letter-spacing: -.4px; margin-bottom: 6px; }
h2 { font-size: 22px; margin: 40px 0 12px; letter-spacing: -.2px; }
h3 { font-size: 17px; margin: 26px 0 8px; }
p { margin: 13px 0; color: var(--text-secondary); }
ul, ol { margin: 13px 0 13px 22px; color: var(--text-secondary); }
li { margin: 6px 0; }
strong { color: var(--text-main); }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
       background: var(--bg-pill); padding: 2px 6px; border-radius: 6px; color: var(--text-main); }
.lede { font-size: 18px; color: var(--text-secondary); margin: 4px 0 8px; }
.ui { color: var(--text-main); font-weight: 600; }
.box { border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-card);
       padding: 15px 18px; margin: 20px 0; font-size: 15px; }
.box.warn { border-color: rgba(255,149,0,.35); background: rgba(255,149,0,.06); }
.box.tip { border-color: rgba(0,113,227,.22); background: var(--accent-soft); }
.box p { margin: 6px 0; color: var(--text-secondary); }
.box p:first-child { margin-top: 0; }
.box p:last-child { margin-bottom: 0; }
.box .k { font-weight: 600; color: var(--text-main); display: block; margin-bottom: 3px; }
table { border-collapse: collapse; width: 100%; margin: 20px 0; font-size: 15px;
        background: var(--bg-card); border-radius: 12px; overflow: hidden; }
th, td { border: 1px solid var(--border); padding: 9px 13px; text-align: left; vertical-align: top; }
th { background: var(--bg-pill); font-weight: 600; color: var(--text-main); }
td { color: var(--text-secondary); }
.pager { display: flex; justify-content: space-between; gap: 14px; margin-top: 54px;
         padding-top: 22px; border-top: 1px solid var(--border); font-size: 15px; }
.pager a { color: var(--text-secondary); }
.pager .to { color: var(--text-muted); font-size: 13px; display: block; }
.pager .nx { text-align: right; }
footer { margin-top: 46px; font-size: 13px; color: var(--text-muted); }
@media (max-width: 860px) {
  .topbar-in { gap: 12px; padding: 12px 16px; }
  .topbar .crumb, .topbar .home.idx { display: none; }
  .shell { grid-template-columns: 1fr; gap: 26px; padding: 24px 16px 70px; }
  nav.side { position: static; }
  nav.side ol { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; }
  h1 { font-size: 27px; }
}

:root{--bg:#f5f8fc;--text-main:#14243c;--text-muted:#65758a;--text-secondary:#57677d;--accent:#0966ed;--border:#dfe6ee}.topbar{background:rgba(255,255,255,.96)}main{background:#fff;border:1px solid var(--border);border-radius:15px;padding:30px}.shell{gap:30px}h1{font-size:30px}.lede{font-size:16px}a:focus-visible{outline:3px solid #78b1ff;outline-offset:4px}@media(max-width:860px){main{padding:23px 18px}.topbar-in{flex-wrap:wrap}.topbar .name{font-size:14px}.topbar .home{font-size:12px}table{display:block;overflow-x:auto}h1{font-size:26px}}

html{scroll-padding-top:100px}.manual-menu>summary{font-weight:600;color:var(--text-main);cursor:pointer;padding:8px 12px}.nav-group{font-size:12px;font-weight:600;color:var(--text-muted);padding:18px 12px 5px}.page-meta{font-size:12px;color:var(--text-muted);margin:10px 0 20px}.page-toc{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:14px 18px;margin:22px 0}.page-toc>summary{font-size:14px;font-weight:600;cursor:pointer}.page-toc ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:14px}.page-toc li{margin:0}.help-shortcut{font-size:13px;padding:14px 0 0;border-top:1px solid var(--border)}.manual-shot{margin:20px 0}.shot-frame{position:relative}.manual-shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:10px}.manual-shot figcaption{font-size:12px;color:var(--text-muted);margin:9px 0}.shot-pin{position:absolute;left:11.3%;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;background:#fff;color:#0966ed;display:grid;place-items:center;border:2px solid #0966ed;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0003}.shot-key{font-size:13px;display:flex;flex-wrap:wrap;gap:7px 22px;list-style:none;margin:12px 0;padding:0}.shot-key li{margin:0}.shot-key b{color:var(--accent);margin-right:5px}.entry-location>summary{font-size:14px;color:var(--accent);cursor:pointer}.video-link{display:block;background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;padding:15px 18px;font-weight:600}.steps-guide{border-left:3px solid var(--accent);padding-left:17px}.steps-guide h3{margin-top:25px}.step-check{color:#21734e;font-weight:600}.support-link{white-space:nowrap}@media(min-width:861px){.manual-menu>summary{display:none}.manual-menu:not([open])>ol{display:block}.side{max-height:calc(100vh - 90px);overflow-y:auto}}@media(max-width:860px){nav.side ol{display:block;margin:8px 0}.manual-menu{border:1px solid var(--border);border-radius:10px;background:#fff}.manual-menu>summary{padding:12px 15px}.page-toc ul{grid-template-columns:1fr}h2{font-size:21px}.shell{gap:16px}.shot-pin{width:17px;height:17px;font-size:10px;border-width:1px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.side,.topbar,.page-toc,.help-shortcut,.pager{display:none}.shell{display:block;padding:0}main{border:0;padding:0}.entry-location>figure{display:block}}

.manual-menu{display:none}main code{overflow-wrap:anywhere}@media(max-width:860px){.side .manual-desktop{display:none}.manual-menu{display:block}}
