html,body{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#151827;background:#f4f5f9;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){body.share{background:#0b0c12;color:#e9eaf2}}body.embed{background:transparent;overflow:hidden}#player{position:relative}body.embed #player{position:fixed;inset:0}.sdp-page{min-height:100vh;display:flex;flex-direction:column}.sdp-head{display:flex;align-items:center;gap:12px;padding:12px clamp(14px,3vw,28px);max-width:1320px;width:100%;margin:0 auto;box-sizing:border-box}.sdp-head img{max-height:30px;max-width:150px;object-fit:contain}.sdp-head h1{font-size:16px;font-weight:650;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdp-head .cta{padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.sdp-main{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(8px,2.4vw,24px);box-sizing:border-box}.sdp-holder{position:relative;width:100%;height:min(82vh,calc((100vw - 32px)*.72));min-height:280px}@media(max-width:600px){.sdp-main{padding:0 8px}.sdp-holder{height:min(92vh,calc((100vw - 16px) * var(--sd-ar, .625) + var(--sd-room, 40px)))}}.sdp-holder>.sdp{position:absolute;inset:0}.sd-steps{padding:34px 16px 56px}.sd-steps-inner{max-width:780px;margin:0 auto}.sd-steps h2{font-size:22px;margin:0 0 6px}.sd-steps-lead{margin:0 0 18px;opacity:.75}.sd-steps ol{margin:0;padding-left:1.4em;display:grid;gap:14px}.sd-steps li h3{font-size:16px;margin:0 0 4px;font-weight:600}.sd-steps li p{margin:0;opacity:.78;line-height:1.5}.sdp-foot{text-align:center;padding:18px 16px 30px;font-size:13px;opacity:.7}.sdp-foot a{color:inherit}.sdp{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sdp-frame{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0a0c1e14,0 18px 48px -18px #0a0c1e59;background:#fff}.sdp.embed:not(.padded) .sdp-frame{border-radius:8px;box-shadow:none}.sdp-frame.frame-none{border-radius:10px}.sdp-bar{display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;background:#f3f4f8;color:#4b5064;border-bottom:1px solid #e3e5ee}.frame-browser-dark .sdp-bar{background:#1b1d27;color:#b8bbcc;border-bottom-color:#2a2d3a}.sdp-bar .dots{display:flex;gap:6px}.sdp-bar .dots i{width:9px;height:9px;border-radius:50%;background:#d7d9e2}.frame-browser-dark .sdp-bar .dots i{background:#3a3d4c}.sdp-bar .addr{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:40px}.sdp-stage{position:relative;width:100%;overflow:hidden;background:#eef0f5}.sdp-frame.sdp-device{box-sizing:border-box;background:#0f1015;box-shadow:inset 0 0 0 1px #2c2e37,0 1px 2px #0a0c1e1a,0 26px 60px -22px #0a0c1e8c}.sdp-frame.sdp-device.frame-phone{border-radius:calc(var(--sdp-bezel) * 3.4 + var(--sdp-sw) * .05)}.sdp-frame.sdp-device.frame-phone .sdp-stage{border-radius:calc(var(--sdp-bezel) * 2.4 + var(--sdp-sw) * .05)}.sdp-frame.sdp-device.frame-tablet{border-radius:calc(var(--sdp-bezel) * 2.2 + var(--sdp-sw) * .012)}.sdp-frame.sdp-device.frame-tablet .sdp-stage{border-radius:calc(var(--sdp-bezel) * 1.1 + var(--sdp-sw) * .01)}.sdp-island{position:absolute;z-index:7;pointer-events:none;left:50%;transform:translate(-50%);top:calc(var(--sdp-bezel) + var(--sdp-sw) * .026);width:calc(var(--sdp-sw) * .3);height:calc(var(--sdp-sw) * .085);border-radius:999px;background:#050507}.sdp-fade-enter-active,.sdp-fade-leave-active{transition:opacity .28s ease}.sdp-fade-enter-from,.sdp-fade-leave-to{opacity:0}.sdp-fade-leave-active{position:absolute;inset:0}.sdp-caption{position:absolute;left:50%;bottom:54px;transform:translate(-50%);max-width:min(86%,760px);padding:6px 12px;border-radius:8px;background:#0a0c14c7;color:#fff;font-size:clamp(13px,1.6vw,16px);line-height:1.4;text-align:center;z-index:6;pointer-events:none}.sdp-controls{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:12px;background:#0e101ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;z-index:7;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.sdp:hover .sdp-controls,.sdp-controls.show,.sdp-controls:focus-within{opacity:1;transform:none}.sdp-ic{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex:none;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none}.sdp-ic:hover{background:#ffffff24}.sdp-ic:disabled{opacity:.35;cursor:default;background:transparent}.sdp-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sdp-ic svg.fill{fill:currentColor;stroke:none}.sdp-cc{border:1.5px solid rgba(255,255,255,.5);width:36px;height:26px;border-radius:6px}.sdp-cc.on{background:#fff;color:#111;border-color:#fff}.sdp-progress{flex:1;display:flex;gap:3px;align-items:center;min-width:40px;padding:0 6px}.sdp-progress .seg{flex:1;height:4px;padding:0;border:0;border-radius:2px;background:#ffffff47;cursor:pointer;position:relative}.sdp-progress .seg:before{content:"";position:absolute;inset:-8px 0}.sdp-progress .seg.done{background:#ffffffbf}.sdp-progress .seg.now{background:var(--sdp-accent, #818cf8)}.sdp-count{font-size:12px;font-variant-numeric:tabular-nums;opacity:.85;padding:0 4px;flex:none}.sdp.narrow:not(.exploring):not(.sdp-on-chapter) .sdp-step-btn{display:none}.sdp-explore-hint{flex:1;min-width:0;padding:0 6px;font:600 12px/1.2 ui-sans-serif,system-ui,sans-serif;opacity:.85;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sdp-tour{flex:none;height:26px;padding:0 12px;border:0;border-radius:999px;background:var(--sdp-accent, #818cf8);color:#fff;font:700 12px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.sdp-tour:hover{filter:brightness(1.08)}.sdp-tour:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.sdp-lang{position:relative}.sdp-menu{position:absolute;right:0;bottom:38px;display:grid;min-width:150px;padding:6px;border-radius:10px;background:#0e101af0}.sdp-menu button{text-align:left;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:13px;cursor:pointer}.sdp-menu button:hover,.sdp-menu button.on{background:#ffffff24}.narrow .sdp-progress,.narrow .sdp-count{display:none}.narrow .sdp-controls{left:6px;right:auto}.sdp-badge{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:#0e101ac7;color:#fff;font:600 12px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sdp-badge svg{width:14px;height:14px;fill:none;stroke:#a5b4fc;stroke-width:1.6}.sdp-badge svg path{fill:#a5b4fc;stroke:none}.sdp-preview{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#f59e0b;color:#1c1300;font:600 12px/1.2 ui-sans-serif,system-ui,sans-serif;z-index:8}.sdp-end{position:absolute;inset:auto 0 64px;display:flex;justify-content:center;z-index:6}.sdp-end.lift{bottom:124px}.sdp-chip{padding:8px 16px;border:0;border-radius:999px;background:#0e101ad9;color:#fff;font:600 13px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer}@media(prefers-reduced-motion:reduce){.sdp-fade-enter-active,.sdp-fade-leave-active,.sdp-controls{transition:none}}.sdp.narrow{flex-direction:column;gap:10px}.sdp-sheet{box-sizing:border-box;height:140px;flex:none;padding:12px 14px;border-radius:12px;background:var(--tip);color:var(--tip-ink);font-size:15px;line-height:1.45;display:flex;flex-direction:column;box-shadow:0 10px 28px -12px #0a0c1e73}.sdp-sheet.blank{visibility:hidden}.sdp-sheet-text{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.sdp-sheet-text.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.6em),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.6em),transparent)}.sdp-sheet-text p{margin:0 0 .4em}.sdp-sheet-text a{color:inherit}.sdp-sheet-nav{display:flex;align-items:center;gap:8px;margin-top:10px}.sdp-sheet-nav .grow{flex:1}.sdp-sheet-nav .count{font-size:12px;opacity:.75}.sdp-sbtn{border:0;border-radius:9px;padding:8px 16px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;background:var(--tip-ink);color:var(--tip);cursor:pointer}.sdp-sbtn.ghost{background:transparent;color:var(--tip-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tip-ink) 50%,transparent)}.sdp-ic:focus-visible,.sdp-progress .seg:focus-visible,.sdp-sbtn:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.sdp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sdp-agent{position:absolute;right:12px;bottom:60px;z-index:9;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.sdp-agent-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:999px;cursor:pointer;background:var(--sdp-accent, #4f46e5);color:#fff;font-weight:650;box-shadow:0 6px 18px #0f122847}.sdp-agent-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.sdp-agent-card{display:flex;flex-direction:column;width:min(340px,calc(100vw - 48px));max-height:min(420px,70vh);border-radius:14px;background:#fff;color:#1f2330;box-shadow:0 16px 40px #0f122852;overflow:hidden}.sdp-agent-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceef4}.sdp-agent-x{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#555}.sdp-agent-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:60px}.sdp-agent-list .q{align-self:flex-end;max-width:85%;padding:7px 10px;border-radius:12px 12px 4px;background:var(--sdp-accent, #4f46e5);color:#fff}.sdp-agent-list .a{align-self:flex-start;max-width:90%;padding:7px 10px;border-radius:12px 12px 12px 4px;background:#f1f2f7;white-space:pre-wrap}.sdp-agent-list .a.err{background:#fff4e5;color:#6b3a00}.sdp-agent-list .a .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;white-space:normal}.sdp-agent-list .a .show{padding:3px 10px;border:1px solid #c9cbf5;border-radius:999px;background:#fff;color:#3730a3;font:inherit;font-size:13px;cursor:pointer}.sdp-agent-list .typing{display:flex;gap:4px}.sdp-agent-list .typing i{width:6px;height:6px;border-radius:50%;background:#8a8fa3;animation:sdp-blink 1s infinite ease-in-out}.sdp-agent-list .typing i:nth-child(2){animation-delay:.15s}.sdp-agent-list .typing i:nth-child(3){animation-delay:.3s}@keyframes sdp-blink{0%,to{opacity:.25}50%{opacity:1}}.sdp-agent-form{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #eceef4}.sdp-agent-form input{flex:1;min-width:0;padding:7px 9px;border:1px solid #d6d8e2;border-radius:8px;font:inherit}.sdp-agent-form button{padding:7px 12px;border:0;border-radius:8px;background:var(--sdp-accent, #4f46e5);color:#fff;font-weight:600;cursor:pointer}.sdp-agent-form button:disabled{opacity:.5;cursor:default}.sdp-agent-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:0 12px 8px;font-size:11.5px;color:#5c6175}.sdp-agent-note .warn{color:#8a3b00}.sdp-agent-speak{display:inline-flex;align-items:center;gap:4px;margin-left:auto;cursor:pointer}.sdp-agent-starters{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sdp-agent-starters button{max-width:100%;padding:6px 11px;border:1px solid #c9cbf5;border-radius:999px;background:#fff;color:var(--sdp-accent, #4f46e5);font:inherit;font-size:13px;text-align:left;cursor:pointer}.sdp-agent-starters button:disabled{opacity:.5;cursor:default}.sdp-agent-list .a .show.go{background:var(--sdp-accent, #4f46e5);border-color:transparent;color:#fff}.sdp-agent-form .sdp-agent-mic{display:inline-flex;align-items:center;justify-content:center;width:34px;padding:0;background:#f1f2f7;color:#2b2f3c}.sdp-agent-form .sdp-agent-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sdp-agent-form .sdp-agent-mic.on{background:#dc2626;color:#fff;animation:sdp-listen 1.2s infinite ease-in-out}@keyframes sdp-listen{50%{box-shadow:0 0 0 5px #dc262640}}@media(prefers-reduced-motion:reduce){.sdp-agent-list .typing i,.sdp-agent-form .sdp-agent-mic.on{animation:none}}.sdp-review{position:absolute;top:12px;right:12px;z-index:8;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.sdp-review-btn{padding:7px 12px;border:0;border-radius:999px;background:#f59e0b;color:#1f1300;font-weight:650;cursor:pointer;box-shadow:0 6px 18px -6px #00000073}.sdp-review-card{display:flex;flex-direction:column;gap:6px;width:min(300px,calc(100vw - 48px));padding:10px;border-radius:12px;background:#fff;color:#141824;box-shadow:0 14px 40px -12px #00000080}.sdp-review-head{display:flex;align-items:center;justify-content:space-between}.sdp-review-x{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#555}.sdp-review-card input,.sdp-review-card textarea{width:100%;padding:6px 8px;border:1px solid #d6d8e2;border-radius:8px;font:inherit;resize:vertical}.sdp-review-foot{display:flex;align-items:center;gap:8px}.sdp-review-foot .said{flex:1;font-size:12px;color:#4b5263}.sdp-review-foot button{padding:6px 14px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer}.sdp-review-foot button:disabled{opacity:.5;cursor:default}.sdp-review-btn:focus-visible,.sdp-review-foot button:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.sdp.narrow .sdp-frame{position:static}.sdp.narrow .sdp-controls{position:static;opacity:1;transform:none;border-radius:0;padding:4px 6px;background:#12141d;min-height:44px;box-sizing:border-box;backdrop-filter:none;-webkit-backdrop-filter:none}.sdp.narrow .sdp-controls .sdp-ic{width:36px;height:36px}.sdp.narrow .sdp-controls .sdp-agent{position:static;margin-left:auto}.sdp.narrow .sdp-agent-btn{padding:9px 12px}.sdp.narrow .sdp-agent-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sdp.narrow .sdp-newtab{display:none}.sdp.narrow .sdp-agent-card{position:absolute;inset:6px;width:auto;max-height:none;z-index:20}.sdp-sheet-said{margin:6px 0 0;font-size:13px;line-height:1.4;opacity:.86;font-style:italic}.sdp-under{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:30px}.sdp-under .sdp-agent{position:static;margin-right:auto}.sdp-under .sdp-badge{position:static}.sdp-compact-wrap{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:#0a0c186b;cursor:pointer}.sdp-compact{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:0;border-radius:999px;background:var(--sdp-accent, #4f46e5);color:#fff;font:700 16px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 28px -10px #0a0c1e99}.sdp-compact svg{width:18px;height:18px;fill:currentColor}.sdp-compact:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}