.help-drawer-toggle{position:static;z-index:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:40px;border:1px solid #3b82f6;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font:650 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 4px 12px #12284a24;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.help-drawer-toggle:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 7px 18px #174ea633;transform:translateY(-1px)}.help-drawer-toggle svg{flex:none}.help-drawer-toggle::after{content:"?";display:grid;place-items:center;width:18px;height:18px;border:1px solid #ffffff88;border-radius:50%;font-size:11px;font-weight:700;line-height:1}.help-drawer-overlay{position:fixed;z-index:1199;inset:0;background:rgb(15 23 42 / .38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.help-drawer-overlay[hidden]{display:none}.help-drawer-overlay.is-open{opacity:1;visibility:visible}.help-drawer-panel{position:fixed;z-index:1200;inset:0 0 0 auto;width:min(780px,100vw);height:100dvh;background:#fff;color:#172033;box-shadow:-12px 0 38px #13294b2b;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;transform:translateX(24px);opacity:0;visibility:hidden;transition:transform .24s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility .24s ease}.help-drawer-panel[hidden]{display:none}.help-drawer-panel.is-open{transform:translateX(0);opacity:1;visibility:visible}.help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;padding-bottom:14px}.help-head h1{font-size:22px;margin:2px 0}.help-kicker{color:#64748b;font-size:12px;margin:0}.help-close{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:8px 12px;color:#172033;cursor:pointer;min-height:40px}.help-close:hover{background:#f8fafc}.help-search{margin:16px 0;padding:12px 14px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;width:100%;box-sizing:border-box;min-height:42px}.help-search:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f622}.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;min-height:0;flex:1}.help-sidebar{overflow:auto;border-right:1px solid #e2e8f0;padding-right:14px}.help-sidebar h2{font-size:13px;color:#64748b;margin:14px 0 8px}.help-menu-list,.help-role-list{display:grid;gap:5px}.help-menu,.help-role{font:inherit;text-align:left;border:0;background:transparent;color:#263449;padding:9px 10px;border-radius:7px;cursor:pointer;min-height:40px}.help-menu:hover,.help-role:hover{background:#f1f5f9}.help-menu.is-current,.help-role.is-current{background:#eaf1ff;color:#174ea6;font-weight:700}.help-role.is-own-role{box-shadow:inset 3px 0 #16a34a}.help-content{overflow:auto;padding:4px 4px 24px 0}.help-content h2{font-size:20px;margin:0 0 10px}.help-batch{color:#64748b;font-size:12px}.help-summary{font-size:15px;line-height:1.7}.help-section{border-top:1px solid #e2e8f0;padding:12px 0}.help-section h3{font-size:15px;margin:0 0 8px}.help-section p{white-space:pre-wrap;margin:7px 0;line-height:1.65}.help-boundary{border-radius:10px;padding:11px 13px;margin:8px 0;border:1px solid transparent}.help-boundary strong{display:block}.help-boundary p{margin:4px 0 0}.help-boundary-local{background:#eff6ff;border-color:#bfdbfe;border-left:4px solid #3b82f6}.help-boundary-config{background:#f5f3ff;border-color:#ddd6fe;border-left:4px solid #8b5cf6}.help-boundary-external{background:linear-gradient(110deg,#f0fdf4,#fff7ed);border-color:#bbf7d0;border-left:4px solid #f59e0b}.help-section details,.help-result{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;margin:8px 0}.help-section summary,.help-result summary{font-weight:600;cursor:pointer}.help-result p{white-space:pre-wrap;line-height:1.6}.help-guide{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 ui-monospace,SFMono-Regular,monospace;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.help-muted{color:#64748b}.help-error{color:#b42318}.help-retry{border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;padding:9px 13px;min-height:40px;cursor:pointer}@media(max-width:600px){.help-drawer-toggle{margin-left:auto;padding:8px 11px;gap:6px}.help-drawer-toggle::after{display:none}.help-drawer-panel{padding:16px 14px;width:100vw}.help-layout{grid-template-columns:1fr;grid-template-rows:minmax(150px,34%) minmax(0,1fr);gap:8px}.help-sidebar{border-right:0;border-bottom:1px solid #e2e8f0;padding:0 0 10px}.help-sidebar h2{margin-top:8px}.help-menu-list,.help-role-list{display:flex;overflow:auto;gap:6px}.help-menu,.help-role{white-space:nowrap;border:1px solid #e2e8f0}.help-content{padding-right:2px}}@media(prefers-reduced-motion:reduce){.help-drawer-overlay,.help-drawer-panel,.help-drawer-toggle{transition:none}.help-drawer-toggle:hover{transform:none}}
.help-role.is-current{background:#eaf1ff;color:#174ea6;font-weight:700}.help-role.is-own-role{border-left:3px solid #174ea6}.help-drawer-panel :focus-visible,.help-drawer-toggle:focus-visible,.help-close:focus-visible{outline:3px solid #174ea6;outline-offset:3px}
.help-content,.help-sidebar { overscroll-behavior:contain; }
.help-drawer-panel { font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
.help-role.is-own-role { border-left:0; box-shadow:inset 3px 0 #2563eb; }
.help-drawer-toggle::after { border-color:currentColor; }
/* OPUS55 · 帮助抽屉：180ms 丝滑展开 + 高对比焦点光环 + 精修层次 */
.help-drawer-overlay { transition: opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), visibility 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-drawer-panel { border-left: 1px solid #e2e8f0; box-shadow: -24px 0 60px rgba(15, 23, 42, 0.16); transform: translateX(32px); transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1), opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), visibility 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-drawer-panel.is-open { transform: translateX(0); }
.help-drawer-toggle { transition: background 180ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-drawer-toggle:active { transform: scale(0.97); }
.help-head h1 { color: #0f172a; font-weight: 750; letter-spacing: -0.02em; }
.help-search { border-color: #dbe3ee; border-radius: 10px; transition: border-color 180ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-search:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18); }
.help-menu, .help-role { transition: background-color 180ms cubic-bezier(0.16, 1, 0.3, 1), color 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-menu.is-current { background: #eff6ff; color: #1d4ed8; box-shadow: inset 3px 0 #2563eb; }
.help-boundary { box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.03); }
.help-section details, .help-result { transition: border-color 180ms cubic-bezier(0.16, 1, 0.3, 1), background-color 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-section details[open], .help-result[open] { border-color: #bfdbfe; background: #f8fbff; }
.help-close { border-radius: 999px; transition: background-color 180ms cubic-bezier(0.16, 1, 0.3, 1); }
.help-drawer-panel :focus-visible, .help-drawer-toggle:focus-visible, .help-close:focus-visible { box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.18); }
@media (prefers-reduced-motion: reduce) { .help-drawer-overlay, .help-drawer-panel, .help-drawer-toggle, .help-search, .help-menu, .help-role { transition: none; } .help-drawer-toggle:active { transform: none; } }
