/* Operations: a physical shop story, synchronized with the shared conversation. */
.operations-stage{color:#eaf0eb;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.operations-stage *{box-sizing:border-box}.operations-stage [hidden]{display:none!important}
.operations-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:75px}
.operations-role{color:#afbeb6;font-size:21px}.operations-role span{color:#91e8bc;margin-left:15px}
.operations-presenter h3{font-size:30px;line-height:1.5;font-weight:400;margin:20px 0 0}
.operations-character{width:100%;max-width:390px;aspect-ratio:2/3;margin:35px 0 0;position:relative;isolation:isolate}
.operations-character:before{content:'';position:absolute;z-index:-1;inset:12% -24% -2%;background:url('assets/operations-office-night-bg-v1.png') center / cover no-repeat;filter:brightness(.88) saturate(.7) blur(.6px);pointer-events:none;mask-image:radial-gradient(ellipse at 50% 57%,#000 28%,#000c 45%,transparent 73%),linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);mask-composite:intersect}
.operations-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transform:scale(.77);transform-origin:center bottom}
.operations-character-video{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transform:scale(.77);transform-origin:center bottom;pointer-events:none}
.operations-demo{position:relative;min-height:680px;isolation:isolate}
.operations-scene{position:absolute;left:-40px;top:66px;width:760px;max-width:calc(100% - 480px);margin:0;z-index:1}
.operations-scene-art{position:relative;aspect-ratio:4/3}
.operations-shop{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 76%);transition:filter .6s}
.operations-scene-heading{display:flex;align-items:baseline;gap:13px;margin:0 22px 4px;font-size:16px;color:#d7e4da}
.operations-scene-heading strong{font-size:30px;font-weight:500;letter-spacing:-.03em;color:#f2e9dc;font-variant-numeric:tabular-nums}
.operations-scene-heading small{color:#d6ad76;font-size:14px}
.operations-hotspot{position:absolute;z-index:2;border:0;background:#17241eea;color:#eaece4;padding:8px 12px;border-radius:6px;font-family:inherit;font-size:14px;white-space:nowrap;cursor:pointer;box-shadow:0 3px 15px #0003;transition:opacity .3s,background .3s;opacity:.55}
.operations-hotspot:after{content:'';position:absolute;left:18px;top:100%;width:1px;height:25px;background:#e9c38e99}
.operations-hotspot b{font-weight:500;color:#e8bb7c;margin-right:7px}.operations-hotspot[data-focus=stock]{left:22%;top:35%}.operations-hotspot[data-focus=ads]{right:4%;top:31%}
.operations-hotspot[aria-pressed=true]{opacity:1;background:#53412a;color:#fff0d9;box-shadow:0 0 0 1px #c3975d88,0 5px 20px #0004}
.operations-hotspot:focus-visible{outline:2px solid #91e8bc;outline-offset:4px}
.operations-marker{position:absolute;left:39%;top:49%;width:24px;height:24px;border:1px solid #f1bb64;border-radius:50%;opacity:0;pointer-events:none}
.operations-stage[data-focus=stock] .operations-marker{opacity:1;animation:operations-pulse 1.8s ease-out infinite}
.operations-stage[data-focus=ads] .operations-marker{opacity:1;left:90%;top:50%;animation:operations-pulse 1.8s ease-out infinite}
.operations-window{display:flex;flex-direction:column}
.operations-chat{flex:1;min-height:0;overflow:auto;padding:4px 24px 20px;font-size:17px;line-height:1.7;scrollbar-width:thin;scrollbar-color:#dbe4dc transparent;scroll-padding:15px}
.operations-question{padding:15px 17px;background:#f5f5f5;border-radius:13px;margin:0 0 22px}
.operations-thinking{color:#6e7d74;font-size:16px;padding:10px 0}
.operations-answer p{margin:12px 0}.operations-answer strong{font-weight:550}
.operations-finding{margin:16px 0;padding-bottom:15px;border-bottom:1px solid #edf0ed}.operations-finding strong{display:block;color:#42634d;font-size:16px}.operations-finding p{font-size:15px;color:#66756b;margin:5px 0 0}
.operations-answer small{font-size:13px;color:#829087;display:block;line-height:1.7}
.operations-alert{margin:18px 0 28px;padding:0;border:0}
.operations-alert h4{font-size:25px;line-height:1.3;font-weight:550;color:#29392f;margin:0;letter-spacing:-.02em}
.operations-alert h4 strong{font-size:30px;font-weight:650;color:#9a6231;font-variant-numeric:tabular-nums}
.operations-alert p{font-size:13px;color:#7f8981;margin:6px 0 13px}
.operations-alert>span{font-size:15px;color:#455b4c;font-weight:550}
.operations-finding{margin:0 0 24px;padding:0;border:0}
.operations-finding>strong{font-size:17px;font-weight:550;color:#344d3d}
.operations-key-number{display:flex;align-items:baseline;gap:9px;margin:7px 0 3px;color:#946235}
.operations-key-number b{font-size:29px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.operations-key-number>span,.operations-ad-numbers>div>span{font-size:12px;color:#7c877f}
.operations-ad-numbers{gap:32px}.operations-ad-numbers>div{display:flex;align-items:baseline;gap:8px}
.operations-key-number b span{font-size:14px;font-weight:500;margin-left:3px}
.operations-finding p{font-size:15px;line-height:1.8;margin:6px 0 0;color:#68766d}.operations-finding p b{font-weight:550;color:#465c4c}.operations-stage .operations-caution{color:#8b948d;font-size:13px;line-height:1.8;margin-top:8px}
.operations-followup{margin-top:22px}.operations-plan{list-style:none;padding:0;margin:0}.operations-plan li{margin:15px 0;font-size:15px;color:#66756b}.operations-plan strong{display:block;color:#3d5b46;font-size:16px}
.operations-stage .xz-composer,.operations-stage .xz-window-bar{flex-shrink:0}
.assistant-scroll-story .operations-layout{display:block}
.assistant-scroll-story .assistant-chapter .operations-role{font-size:21px}
.assistant-scroll-story .assistant-chapter .operations-character{max-width:390px}
.assistant-stage-slot .operations-window{position:relative;z-index:2;width:490px;max-width:100%;height:680px;min-height:680px;margin:0 40px 0 auto;border-radius:26px;border:1px solid #ffffffb3;background:#fff;box-shadow:0 18px 44px #0003,0 4px 12px #ffffff12}
@keyframes operations-pulse{0%{transform:scale(.6);box-shadow:0 0 0 0 #ecc27c55}100%{transform:scale(1.3);box-shadow:0 0 0 16px #ecc27c00}}
@media(min-width:951px) and (max-width:1200px){.operations-scene{left:-40px;max-width:calc(100% - 390px);width:580px}.assistant-stage-slot .operations-window{width:440px;margin-right:0}.operations-scene-heading{display:block}.operations-scene-heading strong{font-size:25px}}
@media(max-width:950px){.assistant-stage-slot>.operations-stage{margin-top:90px}.operations-layout{display:block}.operations-presenter{position:relative;min-height:260px;padding:18px 200px 0 0}.operations-character{position:absolute;right:0;bottom:0;width:180px;margin:0}.operations-presenter h3{font-size:28px}.operations-demo{max-width:760px;margin:auto;min-height:680px}.operations-scene{position:relative;left:auto;top:auto;width:100%;max-width:100%;margin:0 auto 30px}.operations-scene-art{max-width:620px;margin:auto}.operations-scene-heading{justify-content:center}.operations-note{text-align:center}.assistant-stage-slot .operations-window{margin:0 auto}.operations-controls{max-width:620px;margin:10px auto}.operations-scene figcaption{margin-top:0}}
@media(max-width:600px){.operations-presenter{padding-right:140px;min-height:230px}.operations-presenter h3{font-size:23px}.operations-role{font-size:18px}.operations-character{width:145px}.operations-scene-heading{font-size:13px;margin:0}.operations-scene-heading strong{font-size:27px}.operations-scene-heading small{font-size:12px}.operations-scene{margin-top:18px}.operations-hotspot{font-size:11px;padding:6px 8px}.operations-hotspot[data-focus=ads]{right:2%}.operations-note{font-size:15px;margin:6px 0}.operations-note span{font-size:12px}.operations-controls{font-size:11px;gap:8px}.operations-controls button{font-size:12px}.assistant-stage-slot .operations-window{width:100%;height:620px;min-height:620px;border-radius:20px;margin:0}.operations-chat{font-size:16px;padding:4px 20px 20px}.operations-demo{min-height:0}.operations-scene figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.operations-stage *{animation:none!important;transition:none!important}.operations-toggle{display:none}}
