.portal-tour{border:1px solid #d9dfd3;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #24373108}
.tour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line)}
.tour-label{font-size:12px;font-weight:650;display:flex;align-items:center;gap:10px}.tour-label::before{content:'';width:7px;height:7px;background:#6f8661;border-radius:50%}.tour-label small{font-weight:400;color:var(--muted);font-size:11px}
.tour-play,.tour-enlarge{border:1px solid #d5ddcf;background:#fff;color:var(--ink);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;line-height:1.3;min-height:36px}.tour-play:hover,.tour-enlarge:hover{background:#f0f3eb}.tour-actions{display:flex;gap:8px;align-items:center}
.tour-screen{height:720px;position:relative;background:#f6f7f2;overflow:hidden;border-bottom:1px solid var(--line)}
.tour-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .38s ease,visibility .38s;pointer-events:none}
.tour-panel.is-active{opacity:1;visibility:visible}.tour-panel iframe{width:100%;height:100%;border:0;display:block;pointer-events:none;background:#f6f7f2}
.tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.tour-tab{position:relative;cursor:pointer;background:white;border:0;border-right:1px solid var(--line);text-align:left;padding:19px 22px 20px;color:var(--muted);min-height:92px;overflow:hidden;line-height:1.5}.tour-tab:last-child{border-right:0}.tour-tab:hover{background:#f6f7f2}.tour-tab[aria-selected=true]{background:#f0f3eb;color:var(--ink)}
.tour-tab strong{font-size:14px;font-weight:650;display:block}.tour-tab span{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.tour-tab .tour-number{display:inline;margin-right:8px;color:#6a8060;font-size:10px;letter-spacing:1px}
.tour-tab::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#6f8661;transform:scaleX(0);transform-origin:left;opacity:0}.tour-tab[aria-selected=true]::after{opacity:1;transform:scaleX(1)}.portal-tour.is-playing .tour-tab[aria-selected=true]::after{animation:tour-progress 6s linear forwards}
@keyframes tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tour-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 22px}.tour-caption{font-size:12px;color:var(--muted);max-width:69ch;margin:0}.tour-bottom a{white-space:nowrap;font-size:12px;font-weight:650;text-underline-offset:4px}
.tour-note{font-size:11px;color:var(--muted);margin:13px 0 0}.tour-note a{text-underline-offset:3px}
.tour-dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:calc(100vw - 40px);max-width:1600px;height:calc(100dvh - 40px);max-height:none;background:var(--cream);color:var(--ink)}.tour-dialog::backdrop{background:#182c24c9;backdrop-filter:blur(4px)}.tour-dialog header{height:56px;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white}.tour-dialog header span{font-size:12px}.tour-dialog iframe{border:0;width:100%;height:calc(100% - 56px);display:block;pointer-events:none}.tour-dialog .tour-enlarge{min-width:70px}
@media(min-width:1600px){.tour-screen{height:780px}}
@media(max-width:700px){.tour-toolbar{padding:14px;align-items:flex-start}.tour-label{font-size:11px;flex-wrap:wrap;gap:7px;max-width:120px}.tour-label small{display:block;width:100%;margin-left:14px;font-size:10px}.tour-actions{gap:6px}.tour-play,.tour-enlarge{font-size:11px;padding:8px 9px}.tour-screen{height:580px}.tour-tabs{grid-template-columns:1fr}.tour-tab{padding:13px 16px;min-height:62px;border-right:0;border-bottom:1px solid var(--line)}.tour-tab:last-child{border-bottom:0}.tour-tab strong{font-size:13px}.tour-tab span{font-size:11px}.tour-bottom{display:block;padding:16px}.tour-caption{font-size:12px;margin-bottom:12px}.tour-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.tour-dialog header{padding:8px 12px}.tour-dialog header span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tour-panel{transition:none}.portal-tour.is-playing .tour-tab[aria-selected=true]::after{animation:none}}
.tour-dialog{overflow:auto;overscroll-behavior:contain}.tour-dialog header{position:sticky;top:0;z-index:2}.tour-dialog iframe{height:1250px}
@media(max-width:700px){.tour-dialog iframe{height:1850px}}