/* 演示播放器的独立样式：沿用站点的中性色，避免影响真实商品、结算和订单页。 */
.purchase-tour-overlay { background:rgb(20 23 21 / 38%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); }
.purchase-tour-dialog { width:min(1180px,calc(100vw - 64px));height:min(880px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);padding:22px 24px 15px;border-color:rgb(255 255 255 / 70%);border-radius:25px;box-shadow:0 32px 100px #00000024,0 4px 16px #0000000d; }
.purchase-tour-dialog .tour-sheet-handle { display:none; }
.purchase-tour-dialog .tour-heading { align-items:center;gap:18px;margin:0 0 17px; }
.purchase-tour-dialog .tour-heading-copy { flex:1;min-width:0; }
.purchase-tour-dialog .tour-heading h2 { font-size:18px;letter-spacing:-.035em;font-weight:650; }
.purchase-tour-dialog .tour-heading p { margin-top:5px;font-size:12px;line-height:1.6; }
.purchase-tour-dialog .tour-close { width:30px;height:30px;flex:none;color:var(--tour-muted);border-radius:50%;background:transparent; }
.purchase-tour-dialog .tour-close:hover { color:var(--tour-ink);background:var(--tour-soft); }
/* 同一块滑动底板串联三个流程，切换时不改变控件宽度。 */
.purchase-tour-dialog .tour-kind-switch { position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;flex:none;width:302px;padding:3px;border:1px solid var(--tour-line);background:var(--tour-soft);isolation:isolate; }
.purchase-tour-dialog .tour-kind-switch::before { content:'';position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:999px;background:var(--tour-paper);box-shadow:0 1px 3px #00000012,0 0 0 1px #00000004;transform:translateX(calc(var(--tour-kind-index,0)*100%));transition:transform .3s cubic-bezier(.22,1,.36,1); }
.purchase-tour-dialog .tour-kind-switch button { padding:7px 8px;font-size:11px;border:0;background:transparent;box-shadow:none;white-space:nowrap;transition:color .18s; }
.purchase-tour-dialog .tour-kind-switch button[aria-pressed=true] { border:0;background:transparent;box-shadow:none;font-weight:600; }
.purchase-tour-dialog .tour-stage-shell { min-height:150px;border-color:color-mix(in srgb,var(--tour-line) 85%,transparent);border-radius:18px;box-shadow:inset 0 1px 0 #ffffffb3; }
.purchase-tour-dialog .tour-screen { background:var(--tour-soft); }
.purchase-tour-dialog .tour-site-nav { height:46px;padding:0 25px;gap:15px;background:color-mix(in srgb,var(--tour-paper) 80%,var(--tour-soft));font-size:11px; }
.purchase-tour-dialog .tour-site-brand { gap:8px;font-size:14px;letter-spacing:-.035em; }
.purchase-tour-dialog .tour-site-brand img { width:23px;height:23px; }
.purchase-tour-dialog .tour-site-demo { gap:5px;font-size:10px;letter-spacing:.015em;opacity:.8; }
.purchase-tour-dialog .tour-page { padding:24px 28px 28px; }
.purchase-tour-dialog .tour-mini-hero { min-height:190px;padding:30px 34px;border:1px solid #00000005;border-radius:17px;background:radial-gradient(ellipse at 73% 68%,#e6e6e975,transparent 47%),var(--tour-paper);box-shadow:0 2px 4px #00000003; }
.purchase-tour-dialog .tour-mini-hero h2 { margin:0 0 12px;font-size:52px;letter-spacing:-.075em;line-height:1.05;font-weight:750; }
.purchase-tour-dialog .tour-mini-hero p { font-size:12px;letter-spacing:.04em; }
.purchase-tour-dialog .tour-mini-hero button { gap:25px;padding:4px 4px 4px 14px;margin-top:20px;font-size:10px;background:var(--tour-paper);box-shadow:0 2px 5px #00000007; }
.purchase-tour-dialog .tour-mini-hero button>span { display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--tour-paper);background:var(--tour-ink);transition:transform .25s; }
.purchase-tour-dialog .tour-mini-hero button:hover>span { transform:rotate(45deg); }
.purchase-tour-dialog .tour-mini-hero>img { right:17%;height:205px;width:180px; }
.purchase-tour-dialog .tour-catalog-heading { margin:23px 0 14px;gap:9px; }
.purchase-tour-dialog .tour-catalog-heading h3 { font-size:18px;letter-spacing:-.035em;font-weight:650; }
.purchase-tour-dialog .tour-catalog-heading>span { font-size:10px; }
.purchase-tour-dialog .tour-catalog { gap:13px; }
.purchase-tour-dialog .tour-catalog .resource-offer { height:141px;min-height:141px;padding:16px;border-radius:15px;border-color:#0000000c;box-shadow:0 2px 3px #00000003,0 7px 18px #00000002; }
.purchase-tour-dialog .tour-catalog .resource-offer h3 { font-size:13px;letter-spacing:-.025em; }
.purchase-tour-dialog .tour-catalog .resource-offer-art { width:120px;height:90px;right:7px;bottom:10px; }
.purchase-tour-dialog .tour-catalog .resource-offer-price { padding-top:35px; }
.purchase-tour-dialog .tour-catalog .resource-price-value { font-size:22px; }
.purchase-tour-dialog .tour-writing-preview { height:141px;min-height:141px;padding:16px;border-radius:15px;border-color:#0000000c;box-shadow:0 2px 3px #00000003; }
.purchase-tour-dialog .tour-writing-preview>span { font-size:13px; }
.purchase-tour-dialog .tour-writing-preview>.resource-offer-art { width:120px;height:90px;right:7px;bottom:10px; }
.purchase-tour-dialog .tour-product-panel { gap:40px;padding:34px;border-color:#0000000a;border-radius:18px;box-shadow:0 8px 24px #00000003; }
.purchase-tour-dialog .tour-product-info h2 { font-size:27px;letter-spacing:-.045em; }
.purchase-tour-dialog .tour-product-price { margin:22px 0 18px;font-size:35px;font-weight:650;letter-spacing:-.055em;font-variant-numeric:tabular-nums; }
.purchase-tour-dialog .tour-product-info>p { font-size:12px;line-height:1.9; }
.purchase-tour-dialog .tour-primary { min-height:39px;padding:10px 17px;border-radius:9px;font-size:11.5px;line-height:1.5;box-shadow:0 2px 4px #0000000b;transition:transform .2s,box-shadow .2s,background .2s; }
.purchase-tour-dialog .tour-primary:hover:not(:disabled) { transform:translateY(-1px);box-shadow:0 4px 10px #00000014; }
.purchase-tour-dialog .tour-primary:active:not(:disabled) { transform:translateY(0);box-shadow:none; }
.purchase-tour-dialog .tour-auth-panel,.purchase-tour-dialog .tour-notice-panel,.purchase-tour-dialog .tour-guide-panel { border-color:#0000000a;box-shadow:0 8px 30px #00000004; }
.purchase-tour-dialog .tour-auth-panel { margin:8px auto;width:min(100%,390px);padding:26px 30px; }
.purchase-tour-dialog .tour-auth-monogram { letter-spacing:-.08em; }
.purchase-tour-dialog .tour-auth-panel>p { font-size:11.5px; }
.purchase-tour-dialog .tour-auth-tabs { margin-bottom:20px; }
.purchase-tour-dialog label:not(.tour-consent) { font-size:11.5px;font-weight:550; }
.purchase-tour-dialog label>input:not([type=checkbox]) { min-height:42px;border-radius:9px;font-size:12px;box-shadow:0 1px 2px #00000003;transition:border-color .2s,box-shadow .2s; }
.purchase-tour-dialog .tour-page-title h2 { font-size:25px;font-weight:650;letter-spacing:-.04em; }
.purchase-tour-dialog .tour-form-panel,.purchase-tour-dialog .tour-order-summary,.purchase-tour-dialog .tour-payment-panel,.purchase-tour-dialog .tour-delivery-panel { border-color:#0000000b;border-radius:15px;box-shadow:0 3px 12px #00000002; }
.purchase-tour-dialog .tour-order-layout { gap:18px; }
.purchase-tour-dialog .tour-order-summary { padding:23px; }
.purchase-tour-dialog .tour-form-panel { padding:23px; }
.purchase-tour-dialog .tour-form-panel h3,.purchase-tour-dialog .tour-order-summary h3 { font-size:13px;letter-spacing:-.02em; }
.purchase-tour-dialog .tour-summary-total dd { font-size:23px;font-variant-numeric:tabular-nums;letter-spacing:-.04em; }
.purchase-tour-dialog .tour-materials-panel { box-shadow:0 4px 22px #00000003;border-color:#0000000c; }
.purchase-tour-dialog .tour-materials-row { gap:15px; }
.purchase-tour-dialog .tour-materials-row> b { border-radius:12px; }
.purchase-tour-dialog .tour-materials-row h3 { letter-spacing:-.025em; }
.purchase-tour-dialog .tour-session-window { border-color:#0000000d;box-shadow:0 8px 28px #00000006; }
.purchase-tour-dialog .tour-session-window pre { font-size:12px;line-height:1.9;background:var(--tour-paper); }
.purchase-tour-dialog .tour-delivery-symbol.is-done { animation:tour-success-in .5s cubic-bezier(.2,.8,.2,1) both; }
.purchase-tour-dialog .tour-pointer { transition:none;filter:drop-shadow(0 2px 2px #00000035);will-change:transform; }
.purchase-tour-dialog .tour-pointer.is-clicking i { border-width:1px;background:#00000006; }
.purchase-tour-dialog .tour-screen[data-tour-cue=email] [data-tour-target=email],
.purchase-tour-dialog .tour-screen[data-tour-cue=password] [data-tour-target=password],
.purchase-tour-dialog .tour-screen[data-tour-cue=contact] [data-tour-target=contact],
.purchase-tour-dialog .tour-screen[data-tour-cue=material] [data-tour-target=material] { border-color:color-mix(in srgb,var(--tour-ink) 55%,var(--tour-line));box-shadow:0 0 0 3px #00000004; }
.purchase-tour-dialog .tour-screen[data-tour-cue=offer] .tour-offer-wrapper[data-tour-target=offer] .resource-offer { border-color:#0000002b;box-shadow:0 4px 14px #00000008; }
/* 一个说明句、一排章节；完整说明保留给辅助阅读和悬停提示。 */
.purchase-tour-dialog .tour-caption { min-height:34px;margin:12px 2px 11px;gap:15px;align-items:center; }
.purchase-tour-dialog .tour-caption strong,.purchase-tour-dialog .tour-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.purchase-tour-dialog .tour-caption p { margin:0;font-size:12px;line-height:1.7;color:var(--tour-ink); }
.purchase-tour-dialog .tour-step-actions { gap:4px; }
.purchase-tour-dialog .tour-step-actions .tour-icon { border:0;width:27px;height:27px;background:transparent; }
.purchase-tour-dialog .tour-step-actions .tour-icon:hover:not(:disabled) { background:var(--tour-soft); }
.purchase-tour-dialog .tour-controls { gap:12px; }
.purchase-tour-dialog .tour-playback { width:31px;height:31px;box-shadow:0 2px 3px #0000000a;transition:transform .2s; }
.purchase-tour-dialog .tour-playback:hover { transform:scale(1.06); }
.purchase-tour-dialog .tour-chapters { gap:7px; }
.purchase-tour-dialog .tour-chapter-track { height:3px;border-radius:3px; }
.purchase-tour-dialog .tour-chapter-track i { border-radius:3px; }
.purchase-tour-dialog .tour-chapter-label { margin-top:6px;font-size:10px;gap:4px; }
.purchase-tour-dialog .tour-chapter-label b { font-weight:500;opacity:.7; }
.purchase-tour-dialog .tour-chapters button[aria-current=step] .tour-chapter-label { font-weight:600; }
.purchase-tour-dialog .tour-time { font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:-.01em; }
.purchase-tour-dialog .tour-time>span { color:var(--tour-muted);opacity:.7; }
.purchase-tour-dialog .tour-scrubber { margin-top:4px;height:7px;opacity:.28;transition:opacity .18s; }
.purchase-tour-dialog .tour-scrubber:hover,.purchase-tour-dialog .tour-scrubber:focus-visible { opacity:1; }
.purchase-tour-dialog .tour-scrubber::-webkit-slider-runnable-track { height:1px; }
.purchase-tour-dialog .tour-scrubber::-moz-range-track { height:1px; }
.purchase-tour-dialog .tour-footnote { align-items:center;justify-content:flex-end;font-size:9px;margin:4px 1px 0;color:var(--tour-muted);opacity:.8;line-height:1.5; }
@keyframes tour-success-in { from {transform:scale(.85)} to {transform:scale(1)} }
@media(max-width:1000px) {
  .purchase-tour-dialog .tour-kind-switch { width:282px; }
  .purchase-tour-dialog .tour-page { padding:21px; }
  .purchase-tour-dialog .tour-catalog .resource-offer { padding:12px; }
  .purchase-tour-dialog .tour-catalog .resource-offer h3 { font-size:11px; }
  .purchase-tour-dialog .tour-catalog .resource-offer-art { width:99px;height:75px; }
  .purchase-tour-dialog .tour-mini-hero>img { right:12%; }
  .purchase-tour-dialog .tour-product-panel { gap:22px;padding:24px; }
}
@media(max-width:700px) {
  .purchase-tour-dialog { left:0;top:auto;bottom:0;transform:none;width:100vw;height:94dvh;max-height:94dvh;padding:22px 14px max(12px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-width:1px 0 0;animation:tour-dialog-in .24s cubic-bezier(.22,1,.36,1) both; }
  .purchase-tour-dialog .tour-sheet-handle { position:absolute;top:8px;left:calc(50% - 17px);display:block;width:34px;height:4px;border-radius:4px;background:var(--tour-line); }
  .purchase-tour-dialog .tour-heading { position:relative;flex-wrap:wrap;gap:12px;margin-bottom:13px; }
  .purchase-tour-dialog .tour-heading-copy { flex-basis:calc(100% - 45px);padding-right:24px; }
  .purchase-tour-dialog .tour-heading h2 { font-size:16px; }
  .purchase-tour-dialog .tour-heading p { font-size:10px;margin-top:4px; }
  .purchase-tour-dialog .tour-close { position:absolute;right:0;top:-1px; }
  .purchase-tour-dialog .tour-kind-switch { width:100%; }
  .purchase-tour-dialog .tour-kind-switch button { padding:6px 5px;font-size:10.5px; }
  .purchase-tour-dialog .tour-stage-shell { min-height:100px;border-radius:14px; }
  .purchase-tour-dialog .tour-site-nav { height:41px;padding:0 13px;gap:10px; }
  .purchase-tour-dialog .tour-site-brand { font-size:12px; }
  .purchase-tour-dialog .tour-site-brand img { width:20px;height:20px; }
  .purchase-tour-dialog .tour-site-demo { font-size:8px; }
  .purchase-tour-dialog .tour-page { padding:15px 12px 22px; }
  .purchase-tour-dialog .tour-mini-hero { min-height:165px;padding:25px 20px; }
  .purchase-tour-dialog .tour-mini-hero h2 { font-size:34px; }
  .purchase-tour-dialog .tour-mini-hero p { font-size:10px; }
  .purchase-tour-dialog .tour-mini-hero button { margin-top:15px;gap:14px; }
  .purchase-tour-dialog .tour-mini-hero>img { right:-1%;height:170px;width:135px; }
  .purchase-tour-dialog .tour-catalog-heading { margin:19px 0 12px; }
  .purchase-tour-dialog .tour-catalog-heading h3 { font-size:16px; }
  .purchase-tour-dialog .tour-catalog-heading>span { font-size:8px; }
  .purchase-tour-dialog .tour-catalog { gap:10px; }
  .purchase-tour-dialog .tour-catalog .resource-offer { min-height:137px;height:137px;padding:12px; }
  .purchase-tour-dialog .tour-catalog .resource-offer h3 { font-size:11px; }
  .purchase-tour-dialog .tour-catalog .resource-price-value { font-size:20px; }
  .purchase-tour-dialog .tour-catalog .resource-offer-art { width:94px;height:71px;right:2px;bottom:20px; }
  .purchase-tour-dialog .tour-writing-preview { height:137px;min-height:137px;padding:12px; }
  .purchase-tour-dialog .tour-writing-preview>span { font-size:11px; }
  .purchase-tour-dialog .tour-writing-preview>.resource-offer-art { width:94px;height:71px;right:2px;bottom:20px; }
  .purchase-tour-dialog .tour-product-panel { padding:20px;gap:15px; }
  .purchase-tour-dialog .tour-product-info h2 { font-size:23px; }
  .purchase-tour-dialog .tour-product-price { font-size:30px;margin:16px 0; }
  .purchase-tour-dialog .tour-product-info>p { font-size:11px; }
  .purchase-tour-dialog .tour-auth-panel { margin:0 auto;padding:22px; }
  .purchase-tour-dialog .tour-form-panel,.purchase-tour-dialog .tour-order-summary { padding:18px; }
  .purchase-tour-dialog .tour-page--checkout { padding-top:12px; }
  .purchase-tour-dialog .tour-page-title h2 { font-size:22px; }
  .purchase-tour-dialog .tour-session-window pre { font-size:10px;line-height:1.8; }
  .purchase-tour-dialog .tour-caption { min-height:36px;margin:9px 1px;gap:5px; }
  .purchase-tour-dialog .tour-caption p { font-size:10.5px;line-height:1.7; }
  .purchase-tour-dialog .tour-step-actions .tour-icon { width:23px;height:27px; }
  .purchase-tour-dialog .tour-controls { gap:8px; }
  .purchase-tour-dialog .tour-chapters { gap:4px; }
  .purchase-tour-dialog .tour-chapter-label { font-size:8px;gap:3px; }
  .purchase-tour-dialog .tour-playback { width:29px;height:29px; }
  .purchase-tour-dialog .tour-time { font-size:8px; }
  .purchase-tour-dialog .tour-footnote { font-size:8px;justify-content:center;margin-top:3px; }
  @keyframes tour-dialog-in { from {opacity:0;transform:translateY(20px)} to {opacity:1;transform:translateY(0)} }
}
@media(max-height:620px) and (min-width:701px) {
  .purchase-tour-dialog { padding:12px 16px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px); }
  .purchase-tour-dialog .tour-heading { margin-bottom:10px; }
  .purchase-tour-dialog .tour-heading p,.purchase-tour-dialog .tour-footnote { display:none; }
  .purchase-tour-dialog .tour-caption { min-height:25px;margin:6px 1px; }
  .purchase-tour-dialog .tour-caption p { display:block;font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .purchase-tour-dialog,.purchase-tour-dialog *,.purchase-tour-dialog .tour-kind-switch::before { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}