.merchant-demo{--md-paper:#f6f2e9;--md-card:#fffdf7;--md-ink:#25261f;--md-muted:#807967;--md-line:#e5ddcd;--md-red:#b73a2b;--md-green:#52755b;color:var(--md-ink);background:var(--md-paper);border:1px solid #d7cfbf;border-radius:22px;overflow:hidden;box-shadow:0 28px 64px #332b1414;font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;line-height:1.5;isolation:isolate;container-type:inline-size}
.merchant-demo *{box-sizing:border-box}.merchant-demo [hidden]{display:none!important}.merchant-demo h2,.merchant-demo h3,.merchant-demo p{margin:0}.merchant-demo img{width:100%;height:100%;object-fit:cover}.merchant-demo small{font-size:10px}.merchant-demo .md-window{height:46px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#ece6d9;font-size:11px;letter-spacing:.06em;color:#928975}.merchant-demo .md-dots{width:50px;font-size:9px;letter-spacing:3px}.merchant-demo .md-window>span:last-child{width:50px;text-align:right;font-size:18px}.merchant-demo .md-shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:570px}.merchant-demo .md-sidebar{display:flex;flex-direction:column;padding:27px 15px 22px;background:#24251d;color:#f8f4e8}.merchant-demo .md-brand{display:flex;align-items:center;gap:8px;margin:0 5px 35px}.merchant-demo .md-brand>b{display:grid;place-items:center;width:29px;height:32px;background:var(--md-red);border-radius:8px;font-size:19px}.merchant-demo .md-brand>span{font-family:var(--serif);font-size:19px;font-weight:600}.merchant-demo .md-brand small{display:block;margin-top:2px;font-family:Arial,"PingFang SC",sans-serif;font-size:8px;letter-spacing:.04em;color:#b9b09b;font-weight:400}.merchant-demo .md-nav{display:flex;flex-direction:column;gap:8px;font-size:11px}.merchant-demo .md-nav>span{border-radius:8px;padding:11px;color:#c7bfad;transition:background .3s,color .3s}.merchant-demo[data-scene="0"] [data-nav="overview"],.merchant-demo[data-scene="1"] [data-nav="overview"],.merchant-demo[data-scene="2"] [data-nav="changes"]{background:var(--md-red);color:white}.merchant-demo .md-side-note{margin-top:auto;padding:18px 10px 0;color:#afa182}.merchant-demo .md-side-note>b{font-size:29px;display:block;margin-bottom:8px;font-weight:400}.merchant-demo .md-side-note strong{font-size:11px;font-weight:500;display:block}.merchant-demo .md-side-note p{font-size:10px;margin-top:9px;line-height:1.8}.merchant-demo .md-workspace{min-width:0}.merchant-demo .md-topbar{height:69px;background:var(--md-card);border-bottom:1px solid var(--md-line);display:flex;justify-content:space-between;align-items:center;padding:0 25px}.merchant-demo .md-topbar strong{font-size:16px;font-weight:600;letter-spacing:-.02em}.merchant-demo .md-topbar small{display:block;color:var(--md-muted);font-size:9px;margin-top:2px}.merchant-demo .md-top-actions{display:flex;gap:13px;align-items:center;font-size:10px}.merchant-demo .md-period{color:var(--md-muted)}.merchant-demo .md-trigger{background:var(--md-red);color:#fff;padding:8px 12px;border-radius:6px}.merchant-demo .md-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee5d2;color:#8c7751;font-size:11px}.merchant-demo .md-scenes,.merchant-demo .md-scene{min-height:501px}.merchant-demo .md-scene{animation:md-scene-in .5s both}.merchant-demo .md-overview{padding:22px}.merchant-demo .md-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.merchant-demo .md-kpis>div{padding:17px 16px;background:var(--md-card);border:1px solid var(--md-line);border-radius:11px}.merchant-demo .md-kpis span,.merchant-demo .md-kpis small{display:block;color:var(--md-muted);font-size:10px}.merchant-demo .md-kpis strong{display:block;font-size:29px;font-weight:550;letter-spacing:-.04em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.merchant-demo .md-kpis small{font-size:8px}.merchant-demo .md-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}.merchant-demo .md-card{background:var(--md-card);border:1px solid var(--md-line);border-radius:12px;padding:19px}.merchant-demo .md-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.merchant-demo .md-card-heading h3{font-family:var(--serif);font-size:16px;font-weight:600}.merchant-demo .md-card-heading>span{font-size:8px;color:var(--md-muted)}.merchant-demo .md-chart{height:170px;display:flex;margin-top:20px;gap:8px}.merchant-demo .md-chart-lines{font-size:8px;color:#a49c8c;display:flex;flex-direction:column;justify-content:space-around;flex:0 0 26px;padding-bottom:20px}.merchant-demo .md-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:7px;flex:1;position:relative;padding-bottom:20px;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#eae5db 49px,#eae5db 50px)}.merchant-demo .md-bars i{position:relative;flex:1;height:var(--height);max-width:38px;background:#d7cbb0;border-radius:4px 4px 0 0;transform-origin:center bottom;animation:md-bar-rise 1.3s cubic-bezier(.2,.8,.2,1) var(--delay) both}.merchant-demo .md-bars i:nth-last-child(-n+2){background:var(--md-red)}.merchant-demo .md-bars i span{position:absolute;bottom:-21px;left:0;right:0;text-align:center;font:8px Arial,sans-serif;color:#918775}.merchant-demo .md-chart-footer{border-top:1px solid var(--md-line);display:flex;justify-content:space-between;gap:10px;padding-top:13px;margin-top:8px;color:var(--md-muted);font-size:9px}.merchant-demo .md-chart-footer span{color:var(--md-red)}.merchant-demo .md-opportunity{background:#25261f;border-radius:12px;color:#f9f3e5;padding:19px}.merchant-demo .md-kicker{display:block;letter-spacing:.08em;font-size:10px;color:var(--md-red)}.merchant-demo .md-opportunity .md-kicker{color:#c8b285;font-size:8px}.merchant-demo .md-opportunity h3{font-family:var(--serif);font-size:24px;line-height:1.4;margin:10px 0 16px;font-weight:500}.merchant-demo .md-opportunity>div{border-top:1px solid #ffffff1b;padding-top:12px;margin-top:11px}.merchant-demo .md-opportunity small{color:#b2a282;font-size:8px}.merchant-demo .md-opportunity strong{display:block;font-weight:500;font-size:12px;margin:3px 0}.merchant-demo .md-opportunity>div>span{display:block;color:#bdb4a2;font-size:9px}.merchant-demo .md-attention{background:var(--md-card);border:1px solid var(--md-line);border-radius:11px;display:flex;align-items:center;gap:12px;padding:14px;margin-top:17px}.merchant-demo .md-attention>b{border-radius:7px;width:33px;height:33px;background:#eee5d5;color:#9c7644;display:grid;place-items:center;font-size:23px;font-weight:400}.merchant-demo .md-attention strong,.merchant-demo .md-attention small{display:block;font-size:10px}.merchant-demo .md-attention small{color:var(--md-muted);font-size:9px;margin-top:2px}.merchant-demo .md-stock{font-size:8px;color:#a7732b;background:#f6ecda;border-radius:4px;padding:3px 6px;margin-left:auto}.merchant-demo .md-attention-link{font-size:9px;color:var(--md-red);white-space:nowrap}
.merchant-demo .md-analysis{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr)}.merchant-demo .md-analysis-sheet{padding:32px 27px}.merchant-demo .md-analysis-sheet h2,.merchant-demo .md-approval-main>h2{font-family:var(--serif);line-height:1.5;font-size:24px;font-weight:500;letter-spacing:-.04em;margin-top:15px}.merchant-demo .md-analysis-sheet>p{font-size:10px;line-height:1.8;color:var(--md-muted);margin-top:15px}.merchant-demo .md-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0 20px}.merchant-demo .md-insight-grid span{font-size:9px;color:var(--md-muted)}.merchant-demo .md-insight-grid strong{display:block;margin-top:5px;font-size:14px;font-weight:500}.merchant-demo .md-insight-row{display:flex;align-items:center;gap:7px;padding:12px 0;border-top:1px solid var(--md-line);font-size:9px;color:var(--md-muted)}.merchant-demo .md-insight-row b{margin-left:auto;color:var(--md-green);font-weight:400}.merchant-demo .md-product{display:flex;gap:12px;align-items:center;background:#fffdf7;border:1px solid var(--md-line);border-radius:10px;padding:11px;margin-top:20px}.merchant-demo .md-product-art{width:61px;height:67px;flex-shrink:0;border-radius:7px;background:#e8dfce;overflow:hidden}.merchant-demo .md-product small{font-size:8px;color:var(--md-muted)}.merchant-demo .md-product strong{display:block;font-size:12px;font-weight:500;margin:4px 0}.merchant-demo .md-product span{font-size:9px;color:var(--md-muted)}.merchant-demo .md-chat{min-width:0;border-left:1px solid var(--md-line);background:#fffdf8;display:flex;flex-direction:column}.merchant-demo .md-chat>header{display:flex;align-items:center;gap:9px;padding:18px;border-bottom:1px solid var(--md-line)}.merchant-demo .md-ai-mark{width:30px;height:30px;background:#f2dfd5;border-radius:9px;display:grid;place-items:center;color:var(--md-red);font-size:22px}.merchant-demo .md-chat header strong{font-size:11px;font-weight:600}.merchant-demo .md-chat header small{display:block;font-size:8px;color:var(--md-muted)}.merchant-demo .md-chat header>i{width:7px;height:7px;border-radius:50%;background:#a8b79e;margin-left:auto}.merchant-demo .md-chat-content{flex:1;min-height:368px;padding:17px 17px 15px}.merchant-demo .md-user-bubble{font-size:10px;line-height:1.7;background:#282920;color:#fff8e8;padding:12px 14px;border-radius:13px 13px 3px 13px;margin-left:29px;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}.merchant-demo:is([data-phase="1"],[data-phase="2"],[data-phase="3"],[data-phase="4"]) .md-user-bubble{opacity:1;transform:translateY(0)}.merchant-demo .md-tool-steps{margin:21px 0;opacity:0;transition:opacity .3s}.merchant-demo .md-tool-steps>div{font-size:9px;color:var(--md-muted);display:flex;align-items:center;gap:7px;margin:9px 0}.merchant-demo .md-tool-steps i{display:block;width:9px;height:9px;border:1px solid #d5c2a6;border-top-color:var(--md-red);border-radius:50%;animation:md-spin .8s linear infinite}.merchant-demo .md-tool-steps b{font-size:9px;color:var(--md-green);font-weight:400;margin-left:auto;opacity:0;transition:opacity .2s}.merchant-demo:is([data-phase="2"],[data-phase="3"],[data-phase="4"]) .md-tool-steps{opacity:1}.merchant-demo:is([data-phase="3"],[data-phase="4"]) .md-tool-steps b{opacity:1}.merchant-demo:is([data-phase="3"],[data-phase="4"]) .md-tool-steps i{animation:none;border-color:#adc0a9;background:#adc0a9}.merchant-demo .md-agent-answer{opacity:0;transition:opacity .3s}.merchant-demo:is([data-phase="3"],[data-phase="4"]) .md-agent-answer{opacity:1}.merchant-demo .md-agent-answer>span{color:var(--md-red);font-size:8px;letter-spacing:.05em}.merchant-demo .md-agent-answer p{font-size:11px;line-height:1.9;margin-top:10px;min-height:80px;white-space:pre-line}.merchant-demo .md-proposal-peek{display:flex;align-items:center;gap:9px;border:1px solid #ddceb6;background:#f5efe2;border-radius:9px;padding:12px 10px;margin-top:16px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.merchant-demo[data-phase="4"] .md-proposal-peek{opacity:1;transform:translateY(0)}.merchant-demo .md-proposal-peek>b{color:var(--md-red);font-size:19px;font-weight:400}.merchant-demo .md-proposal-peek strong{font-size:10px;font-weight:500;display:block}.merchant-demo .md-proposal-peek small{font-size:8px;color:var(--md-muted)}.merchant-demo .md-proposal-peek>span{color:var(--md-red);font-size:8px;margin-left:auto;white-space:nowrap}.merchant-demo .md-composer{display:flex;align-items:center;gap:12px;min-height:51px;margin:0 14px 14px;padding:10px 12px;border:1px solid var(--md-line);border-radius:11px;font-size:9px}.merchant-demo .md-composer>span{flex:1;color:var(--md-muted)}.merchant-demo .md-composer b{width:24px;height:24px;display:grid;place-items:center;font-size:18px;font-weight:400;color:#fff8ed;background:var(--md-red);border-radius:50%}
.merchant-demo .md-approval{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:28px}.merchant-demo .md-approval-main>h2{font-size:24px;margin-top:12px}.merchant-demo .md-change-card{padding:19px;background:#fffdf8;border:1px solid var(--md-line);border-radius:13px;margin-top:22px;position:relative}.merchant-demo .md-card-heading .md-status{border-radius:20px;padding:3px 8px;font-size:8px;background:#f5e7ce;color:#a37831}.merchant-demo .md-done{display:none;background:#e8eee4!important;color:var(--md-green)!important}.merchant-demo .md-change-card .md-product{border:0;padding:0;margin:20px 0}.merchant-demo .md-price-diff{border-radius:8px;background:#f3ede2;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.merchant-demo .md-price-diff div span{display:block;color:var(--md-muted);font-size:9px;margin-bottom:5px}.merchant-demo .md-price-diff del{font-size:21px;color:#a19887;text-decoration-thickness:1px;font-variant-numeric:tabular-nums}.merchant-demo .md-price-diff strong{font-size:23px;font-weight:550;color:var(--md-red);font-variant-numeric:tabular-nums}.merchant-demo .md-price-diff i{font-style:normal;font-size:23px;color:#b4a589}.merchant-demo .md-change-note{font-size:8px;color:var(--md-muted);margin:13px 0 18px}.merchant-demo .md-approval-actions{display:flex;align-items:center;gap:15px;position:relative;min-height:37px}.merchant-demo .md-approve-target{background:var(--md-red);color:#fff6e9;font-size:10px;border-radius:6px;padding:10px 13px;transition:transform .2s,background .2s}.merchant-demo .md-discard{color:var(--md-muted);font-size:9px}.merchant-demo .md-pointer{position:absolute;left:90px;top:34px;font-size:27px;color:#24251d;text-shadow:1px 1px 0 white,-1px -1px 0 white;opacity:0;transform:translate(36px,20px);transition:opacity .3s,transform .7s}.merchant-demo[data-phase="2"] .md-pointer{opacity:1;transform:translate(0,-19px)}.merchant-demo[data-phase="3"] .md-approve-target{background:#7a342a;transform:scale(.97)}.merchant-demo[data-phase="3"] .md-pointer{opacity:1;transform:translate(0,-19px) scale(.88)}.merchant-demo .md-receipt{display:none;align-items:center;gap:10px;background:#edf1e6;border-radius:7px;min-height:42px;padding:9px 12px}.merchant-demo .md-receipt>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#d9e6d5;color:var(--md-green);font-size:13px;font-weight:500}.merchant-demo .md-receipt strong{color:var(--md-green);display:block;font-size:10px}.merchant-demo .md-receipt span{font-size:8px;color:#77846b}.merchant-demo[data-phase="4"] .md-approval-actions,.merchant-demo[data-phase="4"] .md-pending{display:none}.merchant-demo[data-phase="4"] .md-receipt{display:flex;animation:md-scene-in .4s both}.merchant-demo[data-phase="4"] .md-done{display:block}.merchant-demo .md-approval-story{padding:25px 0 0 6px}.merchant-demo .md-round-mark{font-size:44px;color:var(--md-red);margin-bottom:18px}.merchant-demo .md-approval-story h3{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.4}.merchant-demo .md-approval-story ol{list-style:none;padding:0;margin:29px 0}.merchant-demo .md-approval-story li{font-size:10px;display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--md-line)}.merchant-demo .md-approval-story li>b{font-size:9px;color:#9d8a68;font-weight:400}.merchant-demo .md-approval-story li>i{font-style:normal;color:var(--md-green);margin-left:auto}.merchant-demo .md-final-step i{opacity:0;transition:opacity .3s}.merchant-demo[data-phase="4"] .md-final-step i{opacity:1}.merchant-demo .md-approval-story p{font-size:10px;color:var(--md-muted);line-height:1.9}.merchant-demo.md-paused *{animation-play-state:paused!important}.merchant-demo.md-paused .md-scene{animation:none}.merchant-demo.md-paused .md-pointer{transition:none}
@keyframes md-scene-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes md-bar-rise{from{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes md-spin{to{transform:rotate(360deg)}}
@container (max-width:850px){.merchant-demo .md-shell{grid-template-columns:135px minmax(0,1fr)}.merchant-demo .md-sidebar{padding:24px 9px 20px}.merchant-demo .md-brand{gap:6px;margin-left:2px}.merchant-demo .md-brand>span{font-size:15px}.merchant-demo .md-brand>b{width:24px;height:27px;font-size:15px}.merchant-demo .md-brand small{font-size:6px}.merchant-demo .md-nav>span{padding:10px 8px;font-size:10px}.merchant-demo .md-analysis{grid-template-columns:minmax(0,.85fr) minmax(260px,1fr)}.merchant-demo .md-analysis-sheet{padding:27px 20px}.merchant-demo .md-analysis-sheet h2{font-size:20px}.merchant-demo .md-kpis strong{font-size:25px}.merchant-demo .md-overview{padding:18px}.merchant-demo .md-overview-grid{gap:11px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.merchant-demo .md-card,.merchant-demo .md-opportunity{padding:15px}.merchant-demo .md-card-heading h3{font-size:14px}.merchant-demo .md-opportunity h3{font-size:21px}.merchant-demo .md-approval{gap:17px;padding:24px}.merchant-demo .md-approval-story h3{font-size:25px}.merchant-demo .md-change-card{padding:15px}.merchant-demo .md-price-diff{padding:13px}.merchant-demo .md-attention-link{display:none}}
@container (max-width:670px){.merchant-demo .md-shell{grid-template-columns:1fr;min-height:570px}.merchant-demo .md-sidebar{display:none}.merchant-demo .md-topbar{padding:0 18px;height:62px}.merchant-demo .md-scenes,.merchant-demo .md-scene{min-height:508px}.merchant-demo .md-analysis{grid-template-columns:minmax(0,.8fr) minmax(240px,1fr)}.merchant-demo .md-analysis-sheet{padding:23px 17px}.merchant-demo .md-analysis-sheet h2{font-size:19px}.merchant-demo .md-change-card .md-product span{display:none}}
@container (max-width:480px){.merchant-demo .md-window{height:33px;font-size:9px;padding:0 13px}.merchant-demo .md-dots{width:28px;font-size:6px;letter-spacing:2px}.merchant-demo .md-window>span:last-child{width:28px;font-size:13px}.merchant-demo .md-shell{min-height:571px}.merchant-demo .md-topbar{height:57px;padding:0 14px}.merchant-demo .md-topbar strong{font-size:14px}.merchant-demo .md-topbar small{font-size:8px}.merchant-demo .md-period,.merchant-demo .md-avatar{display:none}.merchant-demo .md-trigger{padding:7px 9px;font-size:9px}.merchant-demo .md-overview{padding:14px}.merchant-demo .md-kpis{gap:7px;margin-bottom:12px}.merchant-demo .md-kpis>div{padding:13px 10px}.merchant-demo .md-kpis span{font-size:8px}.merchant-demo .md-kpis strong{font-size:22px;letter-spacing:-.06em}.merchant-demo .md-kpis small{display:none}.merchant-demo .md-overview-grid{grid-template-columns:1fr;gap:12px}.merchant-demo .md-chart{height:165px;margin-top:12px}.merchant-demo .md-opportunity{display:none}.merchant-demo .md-card{padding:16px}.merchant-demo .md-chart-footer{font-size:8px}.merchant-demo .md-attention{padding:12px;margin-top:12px;gap:9px}.merchant-demo .md-attention small{font-size:8px}.merchant-demo .md-attention>b{width:28px;height:32px}.merchant-demo .md-stock{font-size:8px}.merchant-demo .md-overview::after{content:"从成交变化，到下一步行动。";display:block;text-align:center;font-family:var(--serif);font-size:17px;color:#7b735f;margin:31px 0 13px}.merchant-demo .md-analysis{grid-template-columns:1fr}.merchant-demo .md-analysis-sheet{display:none}.merchant-demo .md-chat{border-left:0;min-height:514px}.merchant-demo .md-chat>header{padding:17px 18px}.merchant-demo .md-chat-content{padding:20px 20px 15px;min-height:367px}.merchant-demo .md-user-bubble{font-size:11px}.merchant-demo .md-agent-answer p{font-size:12px;min-height:84px}.merchant-demo .md-tool-steps>div{font-size:10px}.merchant-demo .md-composer{font-size:10px;margin:0 16px 16px}.merchant-demo .md-approval{grid-template-columns:1fr;padding:21px 16px 23px;gap:0}.merchant-demo .md-approval-main>h2{font-size:23px;margin-top:10px}.merchant-demo .md-approval-story{display:none}.merchant-demo .md-change-card{margin-top:20px;padding:16px}.merchant-demo .md-card-heading h3{font-size:15px}.merchant-demo .md-price-diff{padding:17px 19px}.merchant-demo .md-price-diff strong{font-size:25px}.merchant-demo .md-approval-actions,.merchant-demo .md-receipt{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.merchant-demo *{animation:none!important;transition:none!important}}

.merchant-demo .md-window{font-size:17px;font-weight:550;color:#655c4a}.merchant-demo .md-logo{width:29px;height:34px;object-fit:contain}.merchant-demo .md-shell{height:calc(100% - 46px);min-height:0}.merchant-demo .md-workspace{display:flex;flex-direction:column;min-height:0}.merchant-demo .md-topbar{flex-shrink:0}.merchant-demo .md-scenes{flex:1;min-height:0;overflow:hidden}.merchant-demo .md-scene{height:100%;min-height:0;overflow:auto}.merchant-demo .md-chat{min-height:0;height:100%}.merchant-demo .md-chat>header,.merchant-demo .md-composer{flex-shrink:0}.merchant-demo .md-chat-content{min-height:0;overflow:auto}.merchant-demo .md-approval-actions,.merchant-demo .md-receipt{height:48px;min-height:48px}.merchant-demo .md-bars i{animation:none}.merchant-demo .md-bars i span{transform:scaleY(var(--label-scale,1));transform-origin:center top}
@container(max-width:480px){.merchant-demo .md-window{font-size:12px}.merchant-demo .md-shell{height:calc(100% - 33px);min-height:0}.merchant-demo .md-scene,.merchant-demo .md-scenes,.merchant-demo .md-chat,.merchant-demo .md-chat-content{min-height:0}}