/* 极昼钴蓝主题：保留沉浸式状态机，替换为清晰的科技蓝白界面 */
:root{--bg:#fff;--ink:#0b1220;--muted:#59677a;--line:rgba(11,18,32,.1);--line-soft:rgba(11,18,32,.07);--violet:#2f63f2;--pink:#2f63f2;--blue:#16c3e0;--mint:#2ee6a8;--amber:#c98200;--chapter-safe:8vw;--story-progress:0}
html,body{background:var(--bg);color:var(--ink)}
.topbar{height:68px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);color:var(--ink)}
.brand{color:var(--ink)}.brand b{color:var(--violet)}.brand-mark path{stroke:var(--violet)}
.top-center{gap:16px}.global-nav-experience{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 8px 30px rgba(20,52,110,.05)}
.global-nav-experience a{padding:9px 13px;border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap;transition:.2s ease}.global-nav-experience a:hover,.global-nav-experience a.is-active{background:var(--ink);color:#fff}
.top-context{color:var(--muted)}.top-context i{background:linear-gradient(90deg,var(--violet),var(--blue))}.contact-button{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 10px 25px rgba(47,99,242,.2)}.contact-button span{color:#fff}.contact-button:hover{background:#1747c9;border-color:#1747c9}
.story{background:var(--bg)}.story-stage{background:var(--bg);color:var(--ink)}.world-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.62}.world-grid::after{background:radial-gradient(circle at 70% 36%,rgba(22,195,224,.15),transparent 42%),radial-gradient(circle at 26% 70%,rgba(47,99,242,.12),transparent 40%)}
.color-field-a{background:radial-gradient(circle,rgba(22,195,224,.16),transparent 67%)}.color-field-b{background:radial-gradient(circle,rgba(47,99,242,.12),transparent 67%)}
.eyebrow,.scene-number{color:var(--violet)}.eyebrow span{background:var(--violet);box-shadow:0 0 18px rgba(47,99,242,.3)}.story-intro h1,.scene-copy h2,.growth-branch h2,.closing h2{color:var(--ink)}.story-intro h1 em,.scene-copy h2 em,.growth-branch h2 em{color:var(--violet)}.intro-copy{color:var(--muted)}
.chapter-nav{color:var(--muted)}.chapter-progress{background:rgba(11,18,32,.12)}.chapter-progress i{background:linear-gradient(var(--violet),var(--blue))}.chapter-nav button{color:var(--muted)}.chapter-nav button::before{border-color:#c3cedc;background:#fff}.chapter-nav button:hover::before{border-color:var(--violet);background:#fff}.chapter-nav button.is-active{color:var(--ink)}.chapter-nav button.is-active::before{border-color:var(--violet);background:var(--violet);box-shadow:0 0 0 3px rgba(47,99,242,.16)}
.scene-copy>p:last-child{color:var(--muted)}.stage-footer p span{color:var(--violet)}.stage-footer p small,.stage-footer>b{color:var(--muted)}.scroll-track{background:rgba(11,18,32,.12)}.scroll-track i{background:linear-gradient(90deg,var(--violet),var(--blue));box-shadow:0 0 10px rgba(47,99,242,.35)}
.product-halo{background:radial-gradient(circle,rgba(47,99,242,.17),transparent 68%)}.product-halo::before{background:var(--violet);box-shadow:0 0 16px var(--violet)}.product-frame{border-color:rgba(11,18,32,.15);background:#fff;box-shadow:0 28px 70px rgba(20,52,110,.16)}.product-mask{background:linear-gradient(180deg,transparent 35%,rgba(11,18,32,.83))}.product-id{color:rgba(255,255,255,.78)}.product-id span,.product-id b{background:rgba(11,18,32,.7)}.product-id b{color:#9ec1ff}.product-label{color:#fff}.product-label small{color:rgba(255,255,255,.8)}.actor-line{background:rgba(47,99,242,.32)}
.scanner{background:rgba(255,255,255,.76);border-color:var(--line);box-shadow:0 24px 60px rgba(20,52,110,.1)}.scanner::before,.scanner::after{border-color:rgba(11,18,32,.12)}.scanner::after{border-color:rgba(47,99,242,.2)}.scanner-corner{border-color:var(--violet)}.scan-beam{background:linear-gradient(90deg,transparent,var(--violet),var(--blue),transparent);box-shadow:0 0 16px rgba(47,99,242,.45)}.scan-ring{border-color:rgba(47,99,242,.24)}.scan-status{color:var(--muted)}.extracted-data{color:var(--ink)}.extracted-data>p{color:var(--violet)}.extracted-data div{border-color:var(--line-soft)}.extracted-data span,.extracted-data small{color:var(--muted)}
.language-field{color:var(--ink)}.language-side{border-color:var(--line);background:#fff;box-shadow:0 20px 50px rgba(20,52,110,.07)}.language-side>span{color:var(--muted)}.language-side p{color:var(--muted)}.syntax-row i{border-color:var(--line);color:var(--muted);background:#fff}.translation-core{background:var(--ink);box-shadow:0 20px 55px rgba(20,52,110,.18)}.translation-core circle,.translation-core path{stroke:rgba(158,193,255,.6)}.translation-core circle:nth-child(2){stroke:rgba(22,195,224,.55)}.translation-core b{color:#fff}.translation-core span{color:#9ec1ff}
.browser-shell{border-color:rgba(11,18,32,.16);background:#fff;box-shadow:0 30px 80px rgba(20,52,110,.2)}.browser-bar{border-color:#d9e0e9;background:#eef2f7}.browser-bar span{color:#667487}.browser-bar b{color:var(--violet)}.build-log{border-color:var(--line);background:rgba(255,255,255,.94);color:var(--muted);box-shadow:0 8px 24px rgba(20,52,110,.08)}.build-log i{color:var(--violet)}
.campaign-console{border-color:var(--line);background:#fff;box-shadow:0 28px 70px rgba(20,52,110,.14)}.campaign-head{border-color:var(--line-soft);color:var(--ink)}.campaign-head>small{color:var(--muted)}.campaign-head b{background:#eef2ff;color:var(--violet)}.ad-creative{border-color:var(--line);background:#0b1220}.ab-split{border-color:rgba(47,99,242,.35);background:#fff;color:var(--ink);box-shadow:0 15px 35px rgba(20,52,110,.12)}.ab-split b{color:var(--violet)}.plan-stack{border-color:var(--line)}.plan-stack>div{border-color:var(--line-soft)}.plan-stack span{color:var(--muted)}.budget-line i{background:#e3e8f0}.audience-line i{border-color:var(--line);color:var(--muted)}.human-gate{border-color:rgba(47,99,242,.32);background:rgba(47,99,242,.05)}.human-gate>span{color:var(--muted)}.human-gate button{background:var(--violet);color:#fff;box-shadow:0 0 0 calc(var(--phase,.5) * 7px) rgba(47,99,242,.08)}.campaign-console.is-confirmed .human-gate{border-color:rgba(20,166,115,.4);background:rgba(20,166,115,.06)}
.logistics-photo img{opacity:.15}.logistics-shade{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.84) 35%,rgba(255,255,255,.36) 70%,rgba(255,255,255,.75))}.map-land{fill:rgba(47,99,242,.04);stroke:rgba(11,18,32,.18)}.port{fill:var(--bg)}.port{fill:#fff}.port.origin{stroke:var(--violet)}.port.target{stroke:#2ee6a8}.route-cost{stroke:rgba(124,92,242,.75)}.route-balance{stroke:#2ee6a8}.route-speed{stroke:rgba(47,99,242,.85)}.route-card{border-color:var(--line);background:#fff;color:var(--ink);box-shadow:0 12px 30px rgba(20,52,110,.08)}.route-card span,.route-card small{color:var(--muted)}.route-card.is-selected{border-color:var(--violet);box-shadow:0 14px 34px rgba(20,52,110,.14)}.route-card.is-recommended.is-selected{border-color:#2ee6a8;background:#eafff6}.decision-reason{border-color:#2ee6a8;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(20,52,110,.08)}.decision-reason p{color:var(--muted)}
.event-ledger{border-color:var(--line);background:linear-gradient(90deg,rgba(255,255,255,.75),transparent)}.event-ledger header,.ledger-row{border-color:var(--line-soft)}.event-ledger header{color:var(--violet)}.event-ledger header b,.ledger-row b{color:var(--ink)}.ledger-row i{color:var(--violet)}.ledger-row span,.ledger-row em{color:var(--muted)}.ledger-row em{color:var(--green)}.mini-site{border-color:var(--line);background:#fff;box-shadow:0 18px 45px rgba(20,52,110,.08)}.mini-site>span{color:var(--muted)}.mini-site p{color:var(--muted)}.version-after{border-color:rgba(47,99,242,.4);background:linear-gradient(145deg,#eef3ff,#fff)}.version-after>span{color:var(--violet)}.diff-bridge{color:var(--muted)}.diff-bridge>span{color:var(--violet)}.diff-items p{border-color:var(--line-soft)}.diff-items p::before{background:var(--violet);box-shadow:0 0 10px rgba(47,99,242,.35)}.diff-items b{color:var(--ink)}.diff-items em{color:var(--muted)}
.growth-branch{background:#fff;color:var(--ink)}.growth-branch::before{background:linear-gradient(var(--violet),transparent)}.branch-main p,.branch-tag{color:var(--violet)}.branch-line{background:rgba(11,18,32,.16)}.branch-line::before{background:var(--violet);box-shadow:0 0 14px rgba(47,99,242,.35)}.branch-line i{border-color:var(--blue)}.branch-line b{background:var(--blue);box-shadow:0 0 14px rgba(22,195,224,.35)}.creator-visual{background:#0b1220}.creator-visual::before{background:linear-gradient(90deg,rgba(7,18,38,.92) 0%,rgba(7,18,38,.55) 42%,rgba(7,18,38,.18) 72%,rgba(7,18,38,.08) 100%),linear-gradient(0deg,rgba(7,18,38,.88),transparent 58%)}.creator-visual::after{color:#c9dcff;text-shadow:0 1px 10px rgba(0,0,0,.55)}.creator-map{position:absolute;z-index:6;left:auto;right:14px;top:16%;bottom:auto;width:max-content;max-width:42%;padding:12px 14px;border-radius:14px;background:rgba(6,16,34,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#f3f7ff;text-shadow:none}.creator-map span{opacity:.95}.creator-copy{position:absolute;z-index:5;left:4%;right:auto;bottom:5%;top:auto;width:min(280px,46%);max-width:calc(100% - 168px);padding:22px 24px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(6,16,34,.92);box-shadow:0 22px 55px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.creator-copy .branch-tag{color:#8edff1}.creator-branch strong{color:#fff}.creator-copy>p{max-width:none;color:#e7eefc}.creator-signal{background:rgba(4,12,28,.88);color:#e7eefc;flex-wrap:wrap}.creator-signal i{background:var(--blue);box-shadow:0 0 12px var(--blue)}.creator-signal b{color:#9ec1ff}
@media(min-width:1121px){.creator-copy{left:4%;right:auto;width:min(290px,44%);max-width:calc(100% - 172px)}.creator-map{top:15%;right:16px}}
@media(max-width:900px){.creator-copy{left:5%;right:5%;width:auto;max-width:none}.creator-map{top:14%;right:12px;max-width:48%}}
.closing{background:var(--ink);color:#fff}.closing>p{color:#9ec1ff}.closing h2{color:#fff}.closing h2 em{color:var(--blue)}.closing button{border-color:var(--violet);background:var(--violet);color:#fff}
.contact-dock>button{background:var(--violet);box-shadow:0 12px 30px rgba(47,99,242,.28)}.contact-dock>button::after{content:none!important;display:none!important}.qr-card{border-color:var(--line);background:#fff;box-shadow:0 20px 60px rgba(20,52,110,.14)}.qr-card small{color:var(--muted)}.contact-modal .modal-backdrop{background:rgba(11,18,32,.72)}.modal-card{border-color:var(--line);background:#fff;box-shadow:0 35px 100px rgba(4,22,60,.24)}.modal-close{color:var(--muted)}.modal-card>span{color:var(--violet)}.modal-card p{color:var(--muted)}
@media(max-width:1100px){.topbar{padding:0 20px}.global-nav-experience a{padding:8px 9px}.top-context{display:none}}
@media(max-width:760px){.topbar{height:62px;padding:0 14px}.brand span{display:none}.top-center{justify-self:end}.global-nav-experience{max-width:calc(100vw - 70px);overflow:auto}.global-nav-experience a{font-size:10px}.contact-button{display:none}.story-intro{top:14vh}.chapter-nav{right:18px}.scene-copy{left:18px;right:18px}.scene-copy>p:last-child{color:var(--muted)}}

/* The experiment has two equal visual tracks, without implying a winning result. */
.ab-audience{background:#f0f4ff;color:#254883;border-color:#dbe5fa}
.ab-audience>span{color:#607089}
.ab-fork{color:#2f63f2}
.ab-fork .fork-left,.flow-dot-a{color:#2f63f2}
.ab-fork .fork-right,.flow-dot-b{color:#7c5cf2}
.campaign-console .creative-a{border-color:#2f63f2}
.campaign-console .creative-b{border-color:#7c5cf2}
.campaign-console .creative-a .variant-badge{background:#2f63f2;border-color:#7a9bff}
.campaign-console .creative-b .variant-badge{background:#7c5cf2;border-color:#a892ff}
.campaign-console .ad-creative>small{background:rgba(8,16,31,.78);color:#fff}
.campaign-console .ad-creative>span{color:#fff}
.ab-experiment-state{color:#66758b}.ab-experiment-state>b{color:#2f63f2}
.ab-lock svg{color:#5e789f}
.diff-bridge{background:#eef3ff;border-color:#d9e3f8}
.version-after{border-width:2px}
.language-side.language-en{border-color:#bdcef6;background:#fff}
.scene-copy>p:last-child{font-size:15px!important;line-height:1.75}
@media(max-width:760px){.scene-copy>p:last-child{font-size:12px!important;line-height:1.65}}


/* Full-chain demo: no paper/cream — pure white surfaces */
.browser-shell,.build-log,.campaign-console,.mini-site,.route-card,.language-side,.qr-card,.modal-card,.decision-reason{background:#fff!important}
.story,.story-stage,html,body{background:#fff}


/* Sequence guide dots: cleaner blue nodes */
.focus-dot{width:8px;height:8px;border:1.5px solid var(--violet);background:#fff;box-shadow:0 0 0 3px rgba(47,99,242,.12)}
.product-halo::before,.product-halo::after{box-shadow:0 0 0 3px rgba(47,99,242,.14)}
.product-halo::before{background:var(--violet)}
.product-halo::after{background:var(--blue);box-shadow:0 0 0 3px rgba(22,195,224,.14)}
.actor-line{background:rgba(47,99,242,.35)}
.extracted-data{border-left-color:rgba(47,99,242,.35)}


/* AB + product plate: no cream/paper behind product */
.campaign-console .creative-a .creative-product,
.version-before::before{background-color:#fff!important}
.parcel-marker .parcel-core{fill:#2ee6a8}
.parcel-marker .parcel-ring{stroke:#2ee6a8;stroke-width:2;opacity:.5}
.decision-reason span{color:#12b87a}