.product-demo-page{background:#f2f5fc;color:#172747}.product-demo-main{padding:29px 0 55px}.product-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;width:min(1440px,calc(100% - 48px));margin:0 auto 16px}.product-demo-heading>div:first-child{display:grid;gap:4px}.product-demo-kicker{color:#6b80a7;font-size:11px;font-weight:700;letter-spacing:.11em}.product-demo-heading strong{font-size:20px;letter-spacing:-.035em}.product-demo-actions{display:flex;align-items:center;gap:10px}.product-demo-actions span{margin-right:8px;color:#7d8eac;font-size:11px}.product-demo-actions button{padding:8px 12px;border:1px solid #d5e0f5;border-radius:10px;background:#fff;color:#3f5ac2;font-size:11px;font-weight:700;cursor:pointer}.product-demo-actions button:hover{background:#edf3ff}.product-demo-note{width:min(1440px,calc(100% - 48px));margin:15px auto 0;color:#8190aa;font-size:11px;line-height:1.7}
.product-demo-desktop{position:relative;width:min(1440px,calc(100% - 48px));aspect-ratio:1440/760;min-height:580px;margin:auto;overflow:hidden;border:1px solid #c5d6f5;border-radius:22px;background:radial-gradient(ellipse at 80% 20%,#9ad6ff 0,#aecbff 28%,transparent 52%),radial-gradient(ellipse at 20% 105%,#e5f5ff 5%,#cdddfd 50%,transparent 71%),linear-gradient(145deg,#d8e8ff,#f3f8ff 50%,#aed5fb);box-shadow:0 34px 90px #3b5da328,0 2px 8px #4469ac16;font-family:"Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}
.pd-wallpaper{position:absolute;inset:-20% -8% 0 33%;pointer-events:none;overflow:hidden}.pd-wallpaper:before,.pd-wallpaper:after{content:"";position:absolute;border-radius:45%;transform:rotate(-27deg);filter:blur(3px)}.pd-wallpaper:before{width:82%;height:48%;top:16%;left:14%;border:72px solid #81b9f493;box-shadow:0 12px 42px #5c8be73b}.pd-wallpaper:after{width:84%;height:38%;top:54%;left:-15%;border:66px solid #ffffff82}.pd-desktop-icon{position:absolute;top:30px;left:31px;display:grid;justify-items:center;gap:7px;width:56px;color:#35527b;font-size:10px;text-shadow:0 1px 1px #fff}.pd-desktop-icon img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 4px 7px #466cb855)}.pd-taskbar{position:absolute;z-index:1;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 18px;background:#f6faffac;backdrop-filter:blur(18px);border-top:1px solid #ffffffa8;color:#537092;font-size:11px}.pd-taskbar-center{display:flex;align-items:center;gap:8px}.pd-taskbar-center i{display:block;width:17px;height:17px;border-radius:5px;background:linear-gradient(145deg,#42a8f6,#3561e9);box-shadow:0 2px 5px #4b74c644}.pd-taskbar-center i:nth-child(2){background:#fff;border:1px solid #c7d8ef}
.pd-cue{position:absolute;z-index:7;right:27px;top:24px;display:flex;align-items:center;gap:10px;max-width:340px;padding:10px 14px;border:1px solid #ffffffad;border-radius:13px;background:#ffffffd9;box-shadow:0 12px 30px #345cac20;backdrop-filter:blur(18px);color:#49618c;font-size:12px}.pd-cue b{color:#435ef0;font-size:11px}.pd-cursor{position:absolute;z-index:12;width:18px;height:23px;left:35%;top:35%;pointer-events:none;filter:drop-shadow(0 2px 2px #1e3d8a70);transition:left .75s cubic-bezier(.22,.8,.25,1),top .75s cubic-bezier(.22,.8,.25,1);opacity:0}.pd-cursor.is-visible{opacity:1}.pd-cursor:before{content:"";display:block;width:0;height:0;border-left:15px solid #152f64;border-bottom:21px solid transparent;transform:rotate(-15deg)}.pd-cursor.is-clicking:after{content:"";position:absolute;left:-9px;top:-8px;width:28px;height:28px;border:2px solid #5073fa;border-radius:50%;animation:pd-click .55s ease-out forwards}@keyframes pd-click{from{transform:scale(.3);opacity:.9}to{transform:scale(1.8);opacity:0}}
.pd-float{position:absolute;z-index:2;top:17%;left:5.6%;width:460px;max-width:40%;overflow:hidden;border:1px solid #bdcff0;border-radius:13px;background:rgba(250,252,255,var(--float-alpha,1));box-shadow:0 19px 44px #28488134,0 2px 9px #28488120;backdrop-filter:blur(18px) saturate(1.3);transition:background .25s}.pd-float-top{height:44px;padding:3px 9px 0;background:#e8f0ff8a;border-bottom:1px solid #cedcf3}.pd-indices{display:flex;align-items:center;gap:12px;height:19px;color:#31415f;font-size:10px;white-space:nowrap}.pd-indices b{font-weight:720}.pd-indices time{margin-left:auto;color:#8d9bb3;font-size:9px}.pd-toolbar{display:flex;align-items:center;gap:5px;height:20px;color:#657591;font-size:10px}.pd-toolbar>span{margin-right:auto}.pd-toolbar button{display:grid;width:25px;height:19px;place-items:center;padding:0;border:0;border-radius:5px;background:#ffffff90;color:#4564c2;font-size:15px;line-height:1;cursor:pointer}.pd-toolbar button:hover{background:#dbe6ff}.pd-watch-row{display:grid;grid-template-columns:minmax(75px,1.2fr) .75fr .75fr 1fr;gap:5px;align-items:center;height:32px;padding:0 9px;border-bottom:1px solid #e2eaf8;color:#263959;font-size:11px}.pd-watch-row:nth-child(even){background:#f7faff70}.pd-watch-row b,.pd-watch-row em,.pd-watch-row small{text-align:right;font-style:normal}.pd-watch-row strong{overflow:hidden;color:#435df0;white-space:nowrap;text-overflow:ellipsis}.pd-watch-row .up{color:#df5069}.pd-watch-row .down{color:#169b83}.pd-watch-row .pd-mini{display:block;width:45px;height:22px;padding:0;border:0;background:none;cursor:pointer}.pd-watch-row .pd-mini svg{width:45px;height:22px;fill:none;stroke:#d7546c;stroke-width:1.7;stroke-linecap:round}.pd-watch-row .pd-mini.down svg{stroke:#169b83}.pd-watch-row .pd-mini:hover{background:#e4ecff;border-radius:5px}.pd-watch-row.is-new{animation:pd-added .65s ease}@keyframes pd-added{from{background:#c9d9ff;transform:translateY(-6px)}to{background:transparent;transform:none}}
.pd-dialog,.pd-detail{position:absolute;z-index:5;border:1px solid #d1ddf3;border-radius:15px;background:#fafcffed;box-shadow:0 27px 62px #2e518c46,0 3px 12px #2c4d841b;backdrop-filter:blur(22px)}.pd-dialog[hidden],.pd-detail[hidden],.pd-day-button[hidden]{display:none!important}.pd-dialog{top:18%;left:47%;width:365px;max-width:48%;padding:18px}.pd-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.pd-dialog-head strong{font-size:15px;color:#203454}.pd-dialog-head button,.pd-detail-head>button{width:25px;height:25px;border:0;border-radius:7px;background:#edf2fb;color:#7184a8;cursor:pointer}.pd-dialog p{font-size:11px;color:#7183a1;line-height:1.6}.pd-setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e6ecf7;color:#3a4d70;font-size:12px}.pd-setting-row input{width:67%;accent-color:#536bed}.pd-setting-row output{font-weight:740;color:#425ee9}.pd-primary{padding:9px 14px;border:0;border-radius:9px;background:linear-gradient(90deg,#3c6af0,#665cf0);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.pd-search-row{display:flex;gap:8px}.pd-search-row input{flex:1;min-width:0;padding:10px 12px;border:1px solid #d4e0f3;border-radius:9px;background:#fff;color:#243958;font-size:12px}.pd-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding:10px 9px;border:1px solid #e2e9f7;border-radius:9px;background:#f7faff}.pd-result span{display:grid;gap:3px}.pd-result strong{font-size:12px}.pd-result small{color:#8392aa;font-size:10px}.pd-result button{padding:7px 10px;border:0;border-radius:7px;background:#e8eeff;color:#435def;font-size:11px;font-weight:700;cursor:pointer}.pd-result button:disabled{opacity:.5;cursor:default}
.pd-detail{top:14%;left:43%;width:min(780px,55%);height:480px;max-height:72%;display:flex;flex-direction:column;overflow:hidden}.pd-detail-head{display:flex;align-items:center;gap:10px;min-height:57px;padding:11px 16px;border-bottom:1px solid #e1e9f8}.pd-detail-head>div:first-child{display:grid;gap:3px}.pd-detail-head strong{font-size:15px;color:#213557}.pd-detail-head small{color:#8393ad;font-size:10px}.pd-detail-head>button{margin-left:auto}.pd-detail-tabs{display:flex;gap:5px;margin-left:auto;padding:3px;border-radius:9px;background:#e9effb}.pd-detail-tabs button{padding:6px 9px;border:0;border-radius:6px;background:none;color:#7586a6;font-size:10px;cursor:pointer}.pd-detail-tabs button.is-active{background:#fff;color:#3e5ce0;box-shadow:0 1px 5px #9bafd337}.pd-detail-price{display:flex;align-items:baseline;gap:8px;padding:12px 17px 5px}.pd-detail-price strong{font-size:24px;letter-spacing:-.04em}.pd-detail-price em{font-style:normal;font-size:11px;font-weight:700}.pd-detail-price .up{color:#d95069}.pd-detail-price .down{color:#159b83}.pd-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:8px;flex:1;min-height:0;padding:0 13px 0 17px}.pd-chart{min-width:0;min-height:0;position:relative}.pd-chart svg{width:100%;height:100%;max-height:280px}.pd-chart .grid{stroke:#e4ebf7;stroke-width:1}.pd-chart .zero{stroke:#9aa9c5;stroke-width:1.4}.pd-chart .price-line{fill:none;stroke:#d8516b;stroke-width:2.3;stroke-linejoin:round}.pd-chart .avg-line{fill:none;stroke:#e5a94e;stroke-width:1.4}.pd-chart .candle-up{fill:#e35169;stroke:#e35169}.pd-chart .candle-down{fill:#16a38b;stroke:#16a38b}.pd-chart .candle{cursor:pointer}.pd-chart .candle:hover rect{stroke:#4267f2;stroke-width:2}.pd-chart .candle.is-selected rect{stroke:#3559ed;stroke-width:2.5}.pd-chart-empty{display:grid;height:100%;place-items:center;color:#91a0b9;font-size:11px}.pd-book{padding:8px 0 0 10px;border-left:1px solid #e7edf7;font-size:10px}.pd-book-head{display:flex;justify-content:space-between;margin-bottom:9px;color:#5f759b;font-weight:700}.pd-book-row{display:grid;grid-template-columns:32px 1fr 28px;gap:4px;padding:5px 0;border-top:1px solid #edf1f9}.pd-book-row b{text-align:right;color:#da5369}.pd-book-row.buy b{color:#199d86}.pd-book-row small{text-align:right;color:#8292ad}.pd-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;padding:7px 16px;border-top:1px solid #e6edf9;color:#7c8dab;font-size:10px}.pd-day-button{padding:7px 10px;border:0;border-radius:7px;background:#e7eeff;color:#3d60da;font-size:10px;font-weight:700;cursor:pointer}.pd-day-button:hover{background:#d6e2ff}
@media(max-width:1100px){.product-demo-desktop{height:660px}.pd-float{left:3%;max-width:44%}.pd-detail{left:45%;width:52%;height:430px}.pd-dialog{left:48%}.pd-cue{right:16px}.pd-watch-row{grid-template-columns:minmax(65px,1fr) 48px 48px 48px 42px;gap:2px;font-size:9px}}
@media(max-width:760px){.product-demo-heading{align-items:start;flex-direction:column}.product-demo-actions{flex-wrap:wrap}.product-demo-desktop{height:720px;min-height:720px}.pd-float{top:100px;left:4%;width:92%;max-width:none}.pd-dialog{top:285px;left:4%;width:92%;max-width:none}.pd-detail{top:290px;left:4%;width:92%;max-width:none;height:370px;max-height:none}.pd-detail-body{grid-template-columns:minmax(0,1fr) 100px}.pd-book{font-size:9px}.pd-cue{max-width:calc(100% - 25px)}}
@media(prefers-reduced-motion:reduce){.pd-cursor,.pd-float{transition:none}.pd-cursor.is-clicking:after,.pd-watch-row.is-new{animation:none}}

/* Camera-like framing: begin close on the watchlist, then pull back for each action. */
.product-demo-desktop{background:radial-gradient(circle at 49% 38%,#f6faff 0,#eaf1ff 48%,#cedfff 100%);border-color:#c9d9f5}
.pd-wallpaper,.pd-desktop-icon,.pd-taskbar{display:none}
.pd-cursor{transition:left .36s cubic-bezier(.2,.8,.2,1),top .36s cubic-bezier(.2,.8,.2,1)}
.pd-cue{z-index:10;top:22px;right:24px;box-shadow:0 10px 30px #4b6ca524}
.pd-float{top:13%;left:10%;width:80%;max-width:none;border-radius:20px;box-shadow:0 34px 85px #28488135,0 5px 17px #28488119;transition:top .56s cubic-bezier(.2,.75,.2,1),left .56s cubic-bezier(.2,.75,.2,1),width .56s cubic-bezier(.2,.75,.2,1),background .25s}
.pd-float-top{height:84px;padding:10px 25px 4px}
.pd-indices{height:31px;gap:28px;font-size:14px}
.pd-indices time{font-size:12px}
.pd-toolbar{height:35px;font-size:14px}
.pd-toolbar button{width:35px;height:28px;font-size:21px;border-radius:8px}
.pd-watch-row{grid-template-columns:minmax(110px,1.2fr) .75fr .75fr 1fr;height:76px;gap:16px;padding:0 25px;font-size:17px}
.pd-watch-row strong{font-size:18px}
.pd-watch-row .pd-mini,.pd-watch-row .pd-mini svg{width:105px;height:40px}
.pd-watch-row .pd-mini svg{stroke-width:1.3}
.pd-watch-row .pd-mini{display:flex;align-items:center;justify-content:center}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-float{top:21%;left:5%;width:38%;border-radius:15px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-float-top{height:54px;padding:5px 12px 0}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-indices{height:23px;gap:11px;font-size:10px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-indices time{font-size:9px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-toolbar{height:25px;font-size:11px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-toolbar button{width:27px;height:22px;font-size:17px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:minmax(65px,1.2fr) .75fr .75fr 1fr;height:43px;gap:7px;padding:0 12px;font-size:11px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-watch-row strong{font-size:11px}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini,.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini svg{width:49px;height:24px}
.pd-dialog{top:22%;left:53%;width:38%;max-width:none;padding:28px;border-radius:20px;box-shadow:0 28px 70px #375d9c36}
.pd-dialog-head strong{font-size:22px}.pd-dialog p{font-size:13px}.pd-setting-row{font-size:15px}.pd-dialog .pd-primary,.pd-result button{font-size:13px}.pd-search-row input{font-size:15px;padding:13px 15px}.pd-result strong{font-size:15px}.pd-result small{font-size:12px}
.pd-detail{top:13%;left:45%;width:52%;height:76%;max-height:none;border-radius:19px;box-shadow:0 30px 75px #31558f3d}
.pd-detail-head{min-height:72px;padding:14px 20px}.pd-detail-head strong{font-size:19px}.pd-detail-head small{font-size:12px}.pd-detail-tabs button{font-size:12px;padding:8px 12px}.pd-detail-price{padding:17px 20px 9px}.pd-detail-price strong{font-size:32px}.pd-detail-price em{font-size:13px}.pd-detail-body{grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding:0 15px 0 20px}.pd-chart svg{max-height:none}.pd-book{font-size:11px}.pd-detail-foot{min-height:54px;font-size:11px}
@media(max-width:1100px){.pd-float{left:6%;width:88%}.pd-watch-row{grid-template-columns:minmax(85px,1.2fr) .75fr .75fr 1fr;gap:7px;font-size:13px}.pd-watch-row strong{font-size:14px}.pd-watch-row .pd-mini,.pd-watch-row .pd-mini svg{width:62px;height:30px}.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-float{left:3%;width:45%}.pd-detail{left:48%;width:49%}}
@media(max-width:760px){.product-demo-desktop{height:700px;min-height:700px}.pd-cue{top:12px;right:10px;font-size:10px}.pd-float{top:72px;left:4%;width:92%}.pd-float-top{height:61px;padding:5px 11px 0}.pd-indices{height:26px;gap:9px;font-size:9px}.pd-indices time{display:none}.pd-toolbar{height:27px;font-size:11px}.pd-watch-row{height:49px;grid-template-columns:minmax(70px,1.2fr) .75fr .75fr 1fr;gap:4px;padding:0 9px;font-size:10px}.pd-watch-row strong{font-size:11px}.pd-watch-row .pd-mini,.pd-watch-row .pd-mini svg{width:40px;height:22px}.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-float{top:65px;left:4%;width:92%}.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-float-top{height:45px}.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-watch-row{height:30px;grid-template-columns:minmax(70px,1.2fr) .75fr .75fr 1fr;font-size:9px}.pd-dialog{top:365px;left:4%;width:92%;max-width:none;padding:17px}.pd-detail{top:305px;left:4%;width:92%;height:375px;max-height:none}.pd-detail-head{min-height:49px;padding:7px 11px}.pd-detail-head strong{font-size:14px}.pd-detail-price{padding:8px 12px}.pd-detail-price strong{font-size:23px}.pd-detail-body{grid-template-columns:minmax(0,1fr) 94px;padding:0 8px 0 11px;gap:4px}.pd-book{font-size:8px}.pd-detail-foot{min-height:38px;font-size:9px}}

/* The windows keep their dimensions. Only the scene moves, like a camera. */
.product-demo-desktop{background:#dbe8ff}
.pd-scene{position:absolute;inset:0;transform-origin:50% 50%;background:radial-gradient(circle at 75% 82%,#b8d0ff 0,transparent 34%),radial-gradient(circle at 15% 20%,#f5f9ff 0,transparent 45%),linear-gradient(145deg,#e9f1ff,#d6e6ff);background-size:100% 100%;transition:transform .72s cubic-bezier(.2,.75,.18,1);will-change:transform}
.product-demo-desktop.is-focus .pd-scene{transform:translate(56%,22%) scale(2.15)}
.product-demo-desktop:is(.is-settings,.is-search,.is-detail) .pd-scene{transform:translate(0,0) scale(1)}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{top:21%;left:5%;width:38%;max-width:none;border-radius:15px;transition:background .25s,box-shadow .25s}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float-top{height:54px;padding:5px 12px 0}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-indices{height:23px;gap:11px;font-size:10px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-indices time{font-size:9px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-toolbar{height:25px;font-size:11px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-toolbar button{width:27px;height:22px;font-size:17px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:minmax(65px,1.2fr) .75fr .75fr 1fr;height:43px;gap:7px;padding:0 12px;font-size:11px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row strong{font-size:11px}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini,.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini svg{width:49px;height:24px}
@media(max-width:1100px){.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{left:3%;width:45%}.product-demo-desktop.is-focus .pd-scene{transform:translate(51%,18%) scale(1.85)}}
@media(max-width:760px){.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{top:65px;left:4%;width:92%}.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float-top{height:45px}.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{height:30px;grid-template-columns:minmax(70px,1.2fr) .75fr .75fr 1fr;font-size:9px}.product-demo-desktop.is-focus .pd-scene{transform:translate(0,24%) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.pd-scene{transition:none}}

.product-download{display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(1440px,calc(100% - 48px));margin:28px auto 0;padding:34px 38px;border:1px solid #d4e0f8;border-radius:22px;background:#ffffffd9;box-shadow:0 18px 50px #4964a615;scroll-margin-top:100px}
.product-download span{color:#667eb6;font-size:11px;font-weight:750;letter-spacing:.1em}
.product-download h2{margin:10px 0;color:#172747;font-size:28px;letter-spacing:-.045em}
.product-download p{max-width:670px;margin:0;color:#7182a2;font-size:13px;line-height:1.8}
.product-download-actions{display:grid;justify-items:center;gap:9px;flex:none}
.product-download-actions>a:last-child{color:#5870b0;font-size:11px}
@media(max-width:760px){.product-download{align-items:stretch;flex-direction:column;padding:26px}.product-download-actions{justify-items:start}}

/* Keep the watch window in frame during the pull back after + is clicked. */
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{left:15%;width:40%}
.pd-dialog{left:57%;width:40%}
.pd-detail{left:57%;width:40%}
.product-demo-desktop.is-focus .pd-scene{transform:translate(32%,22%) scale(2.15)}
.pd-float.is-clear{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.pd-float.is-clear .pd-float-top,.pd-float.is-clear .pd-watch-row,.pd-float.is-clear .pd-toolbar button{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.pd-float.is-clear .pd-watch-row .pd-mini:hover{background:#dbe7ff60!important}
@media(max-width:1100px){.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{left:3%;width:45%}.pd-dialog{left:50%;width:47%}.pd-detail{left:50%;width:47%}.product-demo-desktop.is-focus .pd-scene{transform:translate(51%,18%) scale(1.85)}}
@media(max-width:760px){.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{left:4%;width:92%}.pd-dialog,.pd-detail{left:4%;width:92%}.product-demo-desktop.is-focus .pd-scene{transform:translate(0,24%) scale(1.04)}}

.pd-cursor{width:30px;height:36px;background:url("assets/cursor-hand.svg") center/contain no-repeat;filter:drop-shadow(0 2px 2px #152b5680)}
.pd-cursor:before{content:none}
.pd-cursor.is-dragging{transition:none!important}
.pd-cursor.is-clicking:after{left:-5px;top:-5px}
.pd-float-top{background:rgba(232,240,255,calc(var(--float-alpha, 1) * 0.54))}
.pd-watch-row:nth-child(even){background:rgba(247,250,255,calc(var(--float-alpha, 1) * 0.44))}
.pd-toolbar button{background:rgba(255,255,255,calc(var(--float-alpha, 1) * 0.56))}

/* Compact desktop watch: balanced columns and real market breadth above the list. */
.pd-index-line{display:flex;align-items:center;gap:8px;min-width:0;height:23px}
.pd-app-icon{display:block;flex:none;width:17px;height:17px;object-fit:contain;border-radius:5px}
.pd-index-line .pd-indices{min-width:0;flex:1;height:23px;gap:11px}
.pd-index-line .pd-indices>span{flex:none}
.pd-float-name{flex:none;margin-right:0!important;font-weight:650;white-space:nowrap}
.pd-breadth{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;margin-left:auto;color:#667895;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pd-breadth b{font-weight:750}
.pd-breadth .up{color:#d64d65}
.pd-breadth .down{color:#149b82}
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:80px 72px 65px 49px;justify-content:space-between;gap:0}
.pd-watch-row .pd-mini{justify-self:end}
@media(max-width:1100px){.pd-breadth{gap:6px;font-size:8px}.pd-index-line .pd-indices{gap:6px}}
@media(max-width:760px){.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:66px 59px 54px 40px;gap:0}.pd-breadth{font-size:7px;gap:5px}.pd-float-name{font-size:9px}.pd-app-icon{width:14px;height:14px}.pd-index-line{height:19px}.pd-index-line .pd-indices{height:19px;font-size:8px}.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float-top{height:47px}}

/* Product walkthrough refinements */
.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;justify-content:stretch}
.pd-watch-row strong,.pd-watch-row b,.pd-watch-row em{text-align:center!important}
.pd-watch-row .pd-mini{justify-self:center}
.pd-watch-row strong{padding:0 2px}
.pd-scene{background:radial-gradient(circle at 33% 43%,#88baff 0,transparent 30%),radial-gradient(circle at 78% 78%,#b7dcff 0,transparent 37%),linear-gradient(145deg,#d8e9ff,#edf5ff 65%,#bcd9ff);transition:transform 1.05s cubic-bezier(.2,.72,.18,1)}
.product-demo-desktop.is-settings .pd-scene,.product-demo-desktop.is-search .pd-scene,.product-demo-desktop.is-detail .pd-scene{transform:translate(0,0) scale(1.03)}
.product-demo-desktop.is-opacity .pd-scene{transform:translate(-1%,0) scale(1.08)}
.product-demo-desktop.is-typing .pd-scene,.product-demo-desktop.is-results .pd-scene{transform:translate(-2%,0) scale(1.1)}
.product-demo-desktop.is-chart-zoom .pd-scene{transform:translate(-2%,0) scale(1.1)}
.product-demo-desktop.is-candle-zoom .pd-scene{transform:translate(-2%,0) scale(1.12)}
.product-demo-desktop.is-history-zoom .pd-scene{transform:translate(-1%,0) scale(1.07)}
.pd-float{background:rgba(255,255,255,var(--float-alpha,1));border-color:rgba(160,189,238,calc(var(--float-alpha,1) * .9));box-shadow:0 19px 44px rgba(40,72,129,calc(var(--float-alpha,1) * .27));backdrop-filter:blur(calc(var(--float-alpha,1) * 18px)) saturate(1.3)}
.pd-float-top{background:rgba(232,240,255,calc(var(--float-alpha,1) * .62));border-color:rgba(206,220,243,var(--float-alpha,1))}
.pd-watch-row{border-color:rgba(226,234,248,var(--float-alpha,1))}
.pd-watch-row:nth-child(even){background:rgba(247,250,255,calc(var(--float-alpha,1) * .7))}
.pd-opacity-range{gap:8px}
.pd-opacity-range input{flex:1;width:auto}
.pd-opacity-range b{color:#657796;font-size:11px;font-weight:650}
.pd-action-status{position:absolute;z-index:9;left:50%;bottom:15px;display:flex;align-items:center;gap:10px;max-width:80%;padding:8px 13px;transform:translateX(-50%);border:1px solid #ffffffbb;border-radius:11px;background:#ffffffdf;box-shadow:0 10px 28px #4567a51d;color:#435474;font-size:11px;white-space:nowrap;backdrop-filter:blur(16px)}
.pd-action-status b{color:#4c64e8;font-size:10px;white-space:nowrap}
.pd-cursor{transform:rotate(-42deg);transform-origin:7px 7px}
.pd-keyboard[hidden]{display:none!important}
.pd-result[hidden]{display:none!important}
.pd-keyboard{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 10px;border:1px solid #dce6f8;border-radius:10px;background:#eaf0fb;color:#647797;font-size:10px}
.pd-keyboard>div{display:flex;align-items:center;gap:10px}
.pd-keyboard kbd{display:grid;min-width:25px;height:25px;place-items:center;border:1px solid #bfcff0;border-radius:5px;background:#fff;box-shadow:0 2px 0 #bac8e5;color:#334b7b;font:700 13px 'Segoe UI',sans-serif}
.pd-detail{height:545px;max-height:78%}
.pd-detail-head{min-height:49px;padding:7px 12px}
.pd-detail-price{padding:8px 13px 3px}
.pd-detail-price strong{font-size:22px}
.pd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 7px;padding:6px 13px 8px;border-bottom:1px solid #e3eaf7}
.pd-metrics span{display:flex;align-items:baseline;justify-content:space-between;gap:3px;min-width:0;color:#243858;font-size:9px;white-space:nowrap}
.pd-metrics small{color:#8a99b2;font-size:8px}
.pd-metrics b{overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:700}
.pd-chart svg{max-height:none}
.pd-detail-body{padding-left:12px;grid-template-columns:minmax(0,1fr) 112px;gap:4px}
.pd-book{padding-left:5px;font-size:9px}
@media(max-width:760px){.pd-action-status{bottom:9px;max-width:94%;font-size:9px;overflow:hidden;text-overflow:ellipsis}.pd-detail{height:385px;max-height:none}.pd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.pd-metrics span,.pd-metrics b{font-size:8px}.pd-detail-tabs button{padding:5px 6px;font-size:9px}}

@media(min-width:761px){.product-demo-desktop:is(.is-settings,.is-search) .pd-float,.product-demo-desktop:is(.is-settings,.is-search) .pd-dialog{top:28%}}

/* The recording uses a camera over fixed windows. Keep the full shot balanced. */
.pd-scene{transform-origin:0 0;transition:transform 1.12s cubic-bezier(.22,.75,.22,1)}
@media(min-width:761px){
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{top:22%;left:4%;width:41%}
  .product-demo-desktop:is(.is-settings,.is-search) .pd-float{top:22%}
  .pd-dialog{top:22%;left:49%;width:47%;max-width:none}
  .pd-detail{top:12%;left:49%;width:47%;height:76%;max-height:none}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float-top{height:62px;padding:6px 15px 0}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-indices{height:27px;gap:14px;font-size:12px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-toolbar{height:28px;font-size:13px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:minmax(112px,1.1fr) minmax(82px,.82fr) minmax(82px,.82fr) minmax(65px,.72fr);height:46px;gap:5px;padding:0 15px;font-size:13px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row strong{font-size:14px}
  .pd-watch-row strong{text-align:left!important}
  .pd-watch-row b,.pd-watch-row em{text-align:right!important}
  .pd-watch-row .pd-mini{justify-self:end}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini,.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini svg{width:60px;height:28px}
  .pd-breadth{font-size:10px}
  .pd-detail-head strong{font-size:19px}.pd-detail-head small{font-size:12px}
  .pd-detail-tabs button{font-size:12px;padding:7px 10px}
  .pd-detail-price strong{font-size:27px}.pd-detail-price em{font-size:13px}
  .pd-metrics{gap:7px 10px;padding:9px 14px 11px}
  .pd-metrics span,.pd-metrics b{font-size:11px}.pd-metrics small{font-size:10px}
  .pd-book{font-size:11px}.pd-book-row{padding:6px 0}
  .pd-detail-foot{font-size:12px}
}
@media(min-width:761px) and (max-width:1100px){
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:minmax(85px,1fr) 70px 70px 55px;gap:2px;font-size:11px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row strong{font-size:12px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini,.product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row .pd-mini svg{width:50px;height:26px}
}

/* A compact watch window and a caption kept clear of the UI. */
@media(min-width:761px){
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float{width:39%;left:4%}
  .pd-dialog,.pd-detail{left:47%;width:49%}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row{grid-template-columns:26% 22% 20% 20%;column-gap:4%;justify-content:center;height:41px;padding:0 12px;font-size:12px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-watch-row strong{font-size:13px}
  .product-demo-desktop:is(.is-focus,.is-settings,.is-search,.is-detail) .pd-float-top{height:58px}
}
.pd-action-status{bottom:17px;min-height:40px;padding:9px 16px;border-radius:13px;font-size:14px;font-weight:650}
.pd-action-status b{font-size:11px}


.pd-cue{display:none}
.pd-scene{background:none}.pd-action-status{font-size:17px}.pd-action-status b{display:none}
.product-demo-desktop.is-loading .pd-scene,.product-demo-desktop.is-loading .pd-action-status{visibility:hidden}.product-demo-desktop.is-loading::after{content:"正在载入行情…";position:absolute;inset:0;display:grid;place-items:center;color:#60759c;font-size:16px;font-weight:650;letter-spacing:.02em}