/* 与工作台共享主题变量；引导不更改业务面板的层叠上下文。 */
#guideRoot [hidden],#guideWelcome[hidden]{display:none!important}
.guide-unavailable [data-guide-action]{display:none!important}
.guide-entry{white-space:nowrap}
.guide-welcome{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 14px;border:1px solid var(--glass-bd);border-radius:14px;background:var(--bg-soft);color:var(--ink);font-size:13px;line-height:1.6}
.guide-welcome>span{flex:1;min-width:180px}
.guide-welcome .btn{padding:8px 12px;font-size:12px}
.guide-shade{position:fixed;background:rgba(6,12,22,.52);z-index:240;touch-action:none}
.guide-ring{position:fixed;border:2px solid var(--c3);border-radius:12px;box-shadow:0 0 0 3px rgba(75,155,212,.22);pointer-events:none;z-index:241}
.guide-card{--guide-padding:22px;display:flex;flex-direction:column;box-sizing:border-box;outline:none;position:fixed;width:338px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:hidden;background:var(--bg-soft);color:var(--ink);border:1px solid var(--glass-bd);border-radius:20px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.24);z-index:242;line-height:1.65}
.guide-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:var(--guide-padding);overflow-wrap:anywhere}
.guide-card h2{font-size:20px;line-height:1.4;margin:7px 0 10px;letter-spacing:-.4px}
.guide-card h3{font-size:13px;margin:18px 0 8px;color:var(--ink-soft)}
.guide-card p{font-size:13px;color:var(--ink-soft);margin:0 0 12px}
.guide-progress{height:4px;margin:14px 0 4px;border-radius:99px;background:rgba(127,143,163,.16);overflow:hidden}
.guide-progress span{display:block;height:100%;border-radius:inherit;background:var(--c3);transition:width .2s ease}
.guide-card .guide-fine{font-size:12px;margin:12px 0;color:var(--ink-soft)}
.guide-card .guide-hint{font-size:12px;margin:12px 0 0}
.guide-eyebrow{font-size:11px;letter-spacing:.8px;color:var(--c3);font-weight:700}
.guide-actions{display:flex;flex:none;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0;padding:12px var(--guide-padding);border-top:1px solid var(--glass-bd);background:var(--bg-soft)}
.guide-card .btn,.guide-status .btn{font:inherit;font-size:12px;padding:9px 12px;min-height:38px}
.guide-menu{display:grid;gap:8px}.guide-menu .btn{text-align:left;justify-content:flex-start;border:1px solid var(--glass-bd);border-radius:11px;min-height:44px}
.guide-centered{top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:400px}
.guide-centered.guide-tour-overview{width:min(720px,calc(100vw - 28px));--guide-padding:26px;max-height:min(760px,calc(100dvh - 28px))}
.guide-tour-overview h2{font-size:24px;margin-bottom:8px}
.guide-tour-overview .guide-content>p{max-width:620px;font-size:14px}
.guide-tour-overview .guide-feature-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 4px}
.guide-quick-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0 2px;padding:10px 12px;border-radius:12px;background:rgba(75,155,212,.08);color:var(--ink-soft);font-size:12px}
.guide-quick-action{border:1px solid rgba(75,155,212,.28);border-radius:999px;background:var(--bg-soft);color:var(--ink);padding:6px 9px;font:inherit;cursor:pointer}
.guide-quick-action:hover,.guide-quick-action:focus-visible{border-color:var(--c3);color:var(--c3)}
.guide-feature-search{display:flex;align-items:center;gap:7px;margin:13px 0 0;padding:0 11px;height:38px;border:1px solid var(--glass-bd);border-radius:11px;background:var(--bg-soft);color:var(--ink-dim)}
.guide-feature-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px}
.guide-feature-search input::placeholder{color:var(--ink-dim)}
.guide-feature-search:focus-within{border-color:var(--c3);box-shadow:0 0 0 3px rgba(75,155,212,.1)}
.guide-feature-hint{margin:7px 0 -4px;color:var(--ink-dim);font-size:11px}
.guide-feature-empty{margin:12px 0 0;text-align:center;color:var(--ink-soft);font-size:12px}
.guide-feature-card{min-width:0;padding:13px 14px;border:1px solid var(--glass-bd);border-radius:14px;background:color-mix(in srgb,var(--bg) 55%,transparent);}
.guide-feature-support{grid-column:1/-1;border-color:rgba(75,155,212,.28);background:rgba(75,155,212,.055)}
.guide-feature-card-title{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.guide-feature-card-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(75,155,212,.12);color:var(--c3)}
.guide-ui-icon{width:17px;height:17px}
.guide-feature-card-title small{margin-left:auto;color:var(--ink-dim);font-size:10px;font-weight:500}
.guide-feature-card p{font-size:12px;line-height:1.5;margin:8px 0;color:var(--ink-soft)}
.guide-feature-flow{display:flex;align-items:center;gap:6px;margin:9px 0 10px;color:var(--ink);font-size:11px}
.guide-feature-flow span{min-width:0;flex:1;padding:5px 7px;border-radius:7px;background:rgba(75,155,212,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-feature-flow b{flex:none;color:var(--c3);font-size:13px;font-weight:500}
.guide-feature-card-items{display:flex;flex-wrap:wrap;gap:5px}
.guide-feature-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--glass-bd);font:inherit;font-size:11px;color:var(--ink);cursor:pointer;text-align:left}
.guide-feature-chip span{font-size:10px;color:var(--c3)}
.guide-feature-chip:hover,.guide-feature-chip:focus-visible{border-color:var(--c3);color:var(--c3)}
.guide-status{position:fixed;right:18px;bottom:18px;z-index:239;max-width:calc(100vw - 36px);background:var(--bg-soft);color:var(--ink);border:1px solid var(--glass-bd);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:12px;display:flex;align-items:center;gap:8px;font-size:12px}
.guide-status span{max-width:300px}
[data-guide-focus] .ract{opacity:1!important;transform:none!important}
.guide-cost-note{color:var(--ink-soft);font-size:11px;line-height:1.6;margin:6px 0 10px}
#guideRoot button:focus-visible,.guide-entry:focus-visible{outline:2px solid var(--c3);outline-offset:3px}
@media(max-width:767px){
  .guide-entry{display:none!important}
  .guide-card:not(.guide-centered){left:12px!important;right:12px;bottom:max(12px,env(safe-area-inset-bottom));top:auto!important;width:auto;--guide-padding:16px;max-height:42dvh}
  .guide-card h2{font-size:18px;margin:4px 0 8px}
  .guide-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .guide-card .btn{min-height:44px}
  .guide-feature-search input{font-size:16px}
  .guide-mobile-active #params{padding-bottom:48dvh!important;scroll-padding-bottom:44dvh}
  .guide-mobile-active .canvas{padding-bottom:48dvh!important}
  .guide-welcome{margin:8px 0;padding:12px;gap:8px}
  .guide-status{left:12px;right:12px;bottom:12px;flex-wrap:wrap}
  .guide-centered.guide-tour-overview{width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));--guide-padding:18px}
  .guide-tour-overview h2{font-size:20px}
  .guide-tour-overview .guide-feature-index{grid-template-columns:1fr;gap:8px;margin-top:14px}
}

.guide-feature-detail{font-size:13px;margin:12px 0;line-height:1.6}
.guide-feature-detail dt{color:var(--c3);font-size:11px;margin-top:10px}
.guide-feature-detail dd{margin:3px 0 0;color:var(--ink)}

.guide-feature-index{margin:12px 0;font-size:12px;line-height:1.6}
.guide-feature-index dt{font-weight:700;color:var(--c3);margin-top:9px}
.guide-feature-index dd{margin:2px 0 0;color:var(--ink-soft)}

@media(max-width:767px){
  .guide-card.guide-tour-intro:not(.guide-centered){max-height:78dvh}
}