/* ============================================================ AI漫剧·S2.0 智能引擎 1:1 复刻（参考站 hz.lk888.ai） 能力卡 + 大详情卡轮播 + 裸 12 节点流水线；全部作用域收敛在 #s2EngineBlock ============================================================ */ #s2EngineBlock{--c0:#00cae0;--c1:#00e5a0;--c2:#a855f7;--c3:#f59e0b;width:100%;max-width:1180px;margin:0 auto;padding:10px 24px 44px;box-sizing:border-box;} #s2EngineBlock *{box-sizing:border-box;} #s2EngineBlock button{font-family:inherit;} /* ---------- 能力区 ---------- */ #s2EngineBlock .capabilities-section{display:flex;justify-content:center;} #s2EngineBlock .capabilities-inner{display:flex;align-items:center;gap:58.8px;flex-wrap:wrap;justify-content:center;width:100%;} #s2EngineBlock .ability-grid{display:flex;flex-direction:column;gap:12.6px;width:252px;flex:0 0 252px;} #s2EngineBlock .ability-card{position:relative;display:flex;align-items:center;gap:12.6px;width:252px;min-height:67.6px;padding:13px 16.8px;border-radius:12.6px;border:1px solid transparent;background:rgba(18,22,30,.6);cursor:pointer;text-align:left;transition:background .25s ease,transform .25s ease,border-color .25s ease;overflow:hidden;color:inherit;} #s2EngineBlock .ability-card:hover{transform:translateX(3px);background:rgba(23,28,38,.85);} #s2EngineBlock .ability-card.active-card{background:rgba(25,30,40,.92);} #s2EngineBlock .ability-border{position:absolute;inset:0;border-radius:12.6px;pointer-events:none;opacity:0;transition:opacity .25s ease;} #s2EngineBlock .ability-card.active-card .ability-border{opacity:1;} #s2EngineBlock .border-0{border:1px solid rgba(0,202,224,.45);box-shadow:inset 0 0 18px -8px var(--c0);} #s2EngineBlock .border-1{border:1px solid rgba(0,229,160,.45);box-shadow:inset 0 0 18px -8px var(--c1);} #s2EngineBlock .border-2{border:1px solid rgba(168,85,247,.45);box-shadow:inset 0 0 18px -8px var(--c2);} #s2EngineBlock .border-3{border:1px solid rgba(245,158,11,.45);box-shadow:inset 0 0 18px -8px var(--c3);} #s2EngineBlock .ability-icon-wrap{position:relative;width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;} #s2EngineBlock .ability-icon-bg{position:absolute;inset:0;border-radius:10px;opacity:.16;} #s2EngineBlock .bg-0{background:var(--c0);}#s2EngineBlock .bg-1{background:var(--c1);}#s2EngineBlock .bg-2{background:var(--c2);}#s2EngineBlock .bg-3{background:var(--c3);} #s2EngineBlock .ability-icon{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center;} #s2EngineBlock .ability-icon svg{width:22px;height:22px;} #s2EngineBlock .icon-0{color:var(--c0);}#s2EngineBlock .icon-1{color:var(--c1);}#s2EngineBlock .icon-2{color:var(--c2);}#s2EngineBlock .icon-3{color:var(--c3);} #s2EngineBlock .ability-text{display:flex;flex-direction:column;gap:3px;min-width:0;} #s2EngineBlock .ability-title{font-size:14px;font-weight:600;color:#f5fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;} #s2EngineBlock .ability-sub{font-size:11.5px;color:rgba(180,190,200,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* ---------- 大详情卡 ---------- */ #s2EngineBlock .showcase-area{flex:1 1 571px;max-width:571.2px;min-width:320px;} #s2EngineBlock .showcase-card{position:relative;width:100%;border-radius:16.8px;padding:25.2px 30px 22px;background:linear-gradient(145deg,rgba(22,26,35,.95),rgba(15,18,25,.92));border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px -10px rgba(0,0,0,.7);overflow:hidden;min-height:236px;} #s2EngineBlock .card-glow{position:absolute;inset:0;pointer-events:none;opacity:.55;transition:background .4s ease;} #s2EngineBlock .glow-0{background:radial-gradient(440px 210px at 10% -10%,rgba(0,202,224,.22),transparent 62%);} #s2EngineBlock .glow-1{background:radial-gradient(440px 210px at 10% -10%,rgba(0,229,160,.20),transparent 62%);} #s2EngineBlock .glow-2{background:radial-gradient(440px 210px at 10% -10%,rgba(168,85,247,.22),transparent 62%);} #s2EngineBlock .glow-3{background:radial-gradient(440px 210px at 10% -10%,rgba(245,158,11,.22),transparent 62%);} #s2EngineBlock .card-border-line{position:absolute;inset:0;border-radius:16.8px;pointer-events:none;transition:border-color .4s ease,box-shadow .4s ease;} #s2EngineBlock .showcase-card.border-0 .card-border-line,#s2EngineBlock .card-border-line.border-0{border:1px solid rgba(0,202,224,.32);box-shadow:0 0 26px -10px var(--c0);} #s2EngineBlock .card-border-line.border-1{border:1px solid rgba(0,229,160,.32);box-shadow:0 0 26px -10px var(--c1);} #s2EngineBlock .card-border-line.border-2{border:1px solid rgba(168,85,247,.34);box-shadow:0 0 26px -10px var(--c2);} #s2EngineBlock .card-border-line.border-3{border:1px solid rgba(245,158,11,.34);box-shadow:0 0 26px -10px var(--c3);} #s2EngineBlock .card-top-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1;} #s2EngineBlock .card-step-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;font-size:13px;font-weight:700;border-radius:8.4px;background:rgba(255,255,255,.05);letter-spacing:.5px;} #s2EngineBlock .badge-0{color:var(--c0);background:rgba(0,202,224,.12);}#s2EngineBlock .badge-1{color:var(--c1);background:rgba(0,229,160,.12);}#s2EngineBlock .badge-2{color:var(--c2);background:rgba(168,85,247,.14);}#s2EngineBlock .badge-3{color:var(--c3);background:rgba(245,158,11,.14);} #s2EngineBlock .card-mode-tag{display:inline-flex;align-items:center;gap:7px;font-size:12.6px;color:rgba(200,210,220,.75);} #s2EngineBlock .mode-dot{width:5px;height:5px;border-radius:50%;background:#00e5a0;box-shadow:0 0 6px #00e5a0;flex:0 0 5px;} #s2EngineBlock .showcase-inner{display:flex;gap:22px;align-items:flex-start;position:relative;z-index:1;} #s2EngineBlock .feature-icon-area{position:relative;flex:0 0 84px;width:84px;height:84px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);} #s2EngineBlock .feature-icon-area .icon-bg{position:absolute;inset:0;border-radius:18px;opacity:.14;} #s2EngineBlock .feature-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;} #s2EngineBlock .feature-icon svg{width:40px;height:40px;} #s2EngineBlock .feature-info{flex:1;min-width:0;} #s2EngineBlock .feature-info h3{font-size:18.48px;font-weight:600;color:#f5fbff;margin:2px 0 9px;min-height:24px;line-height:1.3;} #s2EngineBlock .feature-desc{font-size:13.44px;line-height:1.78;color:rgba(190,200,212,.80);margin:0 0 14px;min-height:74px;} #s2EngineBlock .feature-desc .typing-desc.typing::after{content:'▍';margin-left:1px;color:rgba(0,202,224,.7);-webkit-animation:s2blink 1s steps(1) infinite;animation:s2blink 1s steps(1) infinite;} @keyframes s2blink{50%{opacity:0;}} #s2EngineBlock .feature-tags{display:flex;flex-wrap:wrap;gap:8px;} #s2EngineBlock .f-tag{font-size:12px;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(196,210,222,.86);} #s2EngineBlock .progress-dots{display:flex;gap:7px;margin-top:20px;position:relative;z-index:1;} #s2EngineBlock .progress-dots .p-dot{width:16px;height:6px;border-radius:999px;background:rgba(255,255,255,.15);cursor:pointer;border:none;padding:0;transition:width .32s ease,background .32s ease,box-shadow .32s ease;} #s2EngineBlock .progress-dots .p-dot.passed{background:rgba(255,255,255,.30);} #s2EngineBlock .progress-dots .p-dot.active{width:50.4px;} #s2EngineBlock .progress-dots .p-dot.dot-color-0.active{background:var(--c0);box-shadow:0 0 10px -1px var(--c0);} #s2EngineBlock .progress-dots .p-dot.dot-color-1.active{background:var(--c1);box-shadow:0 0 10px -1px var(--c1);} #s2EngineBlock .progress-dots .p-dot.dot-color-2.active{background:var(--c2);box-shadow:0 0 10px -1px var(--c2);} #s2EngineBlock .progress-dots .p-dot.dot-color-3.active{background:var(--c3);box-shadow:0 0 10px -1px var(--c3);} /* fly 切换 */ #s2EngineBlock .showcase-card.fly-out{animation:s2flyOut .3s ease forwards;} #s2EngineBlock .showcase-card.fly-in{animation:s2flyIn .38s ease;} @keyframes s2flyOut{to{opacity:0;transform:translateX(28px) scale(.985);}} @keyframes s2flyIn{from{opacity:0;transform:translateX(-28px) scale(.985);}to{opacity:1;transform:none;}} /* ---------- 裸 12 节点流水线 ---------- */ #s2EngineBlock .pipeline-section{margin-top:46px;} #s2EngineBlock .pipeline-row{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;} #s2EngineBlock .global-track-line{position:absolute;left:7%;right:7%;top:51px;height:2px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;} #s2EngineBlock .global-track-fill{height:100%;width:0;background:linear-gradient(90deg,var(--c0),var(--c2) 55%,var(--c3));transition:width .55s ease;box-shadow:0 0 10px rgba(0,202,224,.55);border-radius:2px;} #s2EngineBlock .phase-group{display:flex;flex-direction:column;align-items:center;} #s2EngineBlock .phase-label{display:flex;flex-direction:column;align-items:center;gap:6.72px;margin-bottom:15px;} #s2EngineBlock .phase-num{font-size:11.76px;font-weight:700;letter-spacing:.5px;} #s2EngineBlock .label-0 .phase-num{color:rgba(0,202,224,.75);}#s2EngineBlock .label-1 .phase-num{color:rgba(168,85,247,.75);}#s2EngineBlock .label-2 .phase-num{color:rgba(245,158,11,.8);} #s2EngineBlock .phase-name{font-size:12.6px;color:rgba(200,210,220,.7);} #s2EngineBlock .phase-nodes{display:flex;gap:16px;} #s2EngineBlock .p-node{display:flex!important;flex:0 0 auto!important;min-width:0;flex-direction:column;align-items:center;gap:9px;width:76px;} #s2EngineBlock .pipeline-section .p-dot{position:relative;width:16px;height:16px;border-radius:50%;background:rgb(15,15,20);border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,box-shadow .3s ease;z-index:1;} #s2EngineBlock .p-dot-inner{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.08);transition:background .3s ease;} #s2EngineBlock .dot-0{border-color:rgba(0,202,224,.4);}#s2EngineBlock .dot-0 .p-dot-inner{background:rgba(0,202,224,.5);} #s2EngineBlock .s2-pnode.g1.lit .p-dot{border-color:rgba(0,202,224,.85);box-shadow:0 0 9px rgba(0,202,224,.45);}#s2EngineBlock .s2-pnode.g1.lit .p-dot-inner{background:#00cae0;} #s2EngineBlock .s2-pnode.g2.lit .p-dot{border-color:rgba(168,85,247,.85);box-shadow:0 0 9px rgba(168,85,247,.45);}#s2EngineBlock .s2-pnode.g2.lit .p-dot-inner{background:#a855f7;} #s2EngineBlock .s2-pnode.g3.lit .p-dot{border-color:rgba(245,158,11,.9);box-shadow:0 0 9px rgba(245,158,11,.5);}#s2EngineBlock .s2-pnode.g3.lit .p-dot-inner{background:#f59e0b;} #s2EngineBlock .p-node.running .p-dot{border-color:rgba(251,146,60,.9)!important;box-shadow:0 0 12px rgba(251,146,60,.6)!important;animation:s2pulse 1.4s ease-in-out infinite;} @keyframes s2pulse{50%{transform:scale(1.22);}} #s2EngineBlock .p-label{font-size:13.44px;color:rgba(255,255,255,.25);text-align:center;transition:color .3s ease;line-height:1.3;} #s2EngineBlock .p-node.lit .p-label{color:rgba(255,255,255,.48);} #s2EngineBlock .p-node.running .p-label{color:#ffd9b0;} #s2EngineBlock .phase-bridge{flex:0 0 40px;width:40px;align-self:flex-start;margin-top:50px;} #s2EngineBlock .bridge-line{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c0),var(--c2));opacity:.5;} #s2EngineBlock .bridge-1 .bridge-line{background:linear-gradient(90deg,var(--c2),var(--c3));} /* ---------- 响应式 ---------- */ @media (max-width:1080px){ #s2EngineBlock .capabilities-inner{gap:30px;} #s2EngineBlock .ability-grid{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;flex:none;} #s2EngineBlock .ability-card{width:calc(50% - 8px);min-width:230px;flex:0 0 auto;} #s2EngineBlock .showcase-area{flex:1 1 100%;max-width:640px;} } @media (max-width:860px){ #s2EngineBlock{padding:8px 12px 32px;} #s2EngineBlock .pipeline-section{overflow-x:auto;-webkit-overflow-scrolling:touch;} #s2EngineBlock .pipeline-row{min-width:760px;} #s2EngineBlock .showcase-card{padding:20px 18px;} #s2EngineBlock .showcase-inner{gap:14px;} #s2EngineBlock .feature-icon-area{flex-basis:64px;width:64px;height:64px;} #s2EngineBlock .feature-icon,#s2EngineBlock .feature-icon svg{width:32px;height:32px;} #s2EngineBlock .feature-desc{min-height:auto;} } /* ===== 智能创作引擎配置弹窗 1:1（参考站） ===== */ .s2e-modal .mt-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#00cae0;background:rgba(0,202,224,.12);border:1px solid rgba(0,202,224,.3);} .s2e-modal .mt-ico svg{width:20px;height:20px;} .s2e-m-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(22,27,37,.92),rgba(16,20,28,.92))!important;padding:18px 16px 16px!important;display:flex;flex-direction:column;} .s2e-m-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mc),transparent 70%);} .s2e-m-card .s2e-mc-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--mc) 15%,transparent);border:1px solid color-mix(in srgb,var(--mc) 32%,transparent);color:var(--mc);} .s2e-m-card .s2e-mc-ico svg{width:23px;height:23px;} .s2e-m-card .s2e-mc-role{margin-left:auto;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;color:var(--mc);background:color-mix(in srgb,var(--mc) 12%,transparent);border:1px solid color-mix(in srgb,var(--mc) 40%,transparent);cursor:pointer;} .s2e-m-card .s2e-mc-name{font-size:18px;font-weight:800;color:#f5fbff;margin:12px 0 8px;} .s2e-m-card .s2e-mc-code{display:none;} .s2e-m-card .s2e-mc-desc{font-size:12.5px;line-height:1.75;color:rgba(190,202,220,.78);} .s2e-m-card .s2e-mc-feats{display:flex;flex-wrap:wrap;gap:4px 14px;margin:13px 0 11px;font-size:12px;font-weight:600;color:var(--mc);} .s2e-m-card .s2e-mc-feats .s2e-feat-bullet{display:none;} .s2e-m-card .s2e-mc-feats span::before{content:"• ";} .s2e-m-card .s2e-mc-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;} .s2e-m-card .s2e-mc-tags span{font-size:11px;padding:4px 10px;border-radius:7px;color:rgba(206,217,233,.78);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);} /* 视频合成引擎卡 */ .s2e-mc-video .s2e-mc-cfg{align-self:flex-start;margin:2px 0 0;font-size:11.5px;font-weight:600;padding:6px 13px;border-radius:999px;color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.4);cursor:pointer;order:2;} .s2e-mc-video .s2e-mc-name{order:3;margin-top:12px;} .s2e-mc-video .s2e-mc-desc{order:4;} .s2e-mc-video .s2e-mc-feats{order:5;} .s2e-mc-chips{order:6;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 11px;} .s2e-vchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:600;color:#e8eef8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.18s;} .s2e-vchip i{font-style:normal;font-size:12px;color:#cbd5e1;} .s2e-vchip:hover{border-color:rgba(245,158,11,.5);} .s2e-vchip.active{border-color:#f59e0b;background:rgba(245,158,11,.14);box-shadow:0 0 16px -6px #f59e0b;} .s2e-vchip .s2e-rec{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#fb923c,#f59e0b);padding:1px 6px;border-radius:5px;margin-left:2px;} .s2e-vmore{border-style:dashed;color:#f59e0b;border-color:rgba(245,158,11,.45);} .s2e-mc-vnote{order:7;margin-top:auto;font-size:11.5px;text-align:center;padding:9px 10px;border-radius:9px;color:rgba(214,222,234,.82);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);} .s2e-price-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border:none;border-radius:12px;font-size:14.5px;font-weight:700;cursor:pointer;color:#04222b;background:linear-gradient(135deg,#22d3ee,#0ea5e9);box-shadow:0 14px 34px -16px #22d3ee;} .s2e-price-btn:hover{filter:brightness(1.07);} @media (max-width:900px){.s2e-m-cards{grid-template-columns:1fr;}.s2e-dim{grid-template-columns:1fr;}} /* ===== S2.0 英雄区 1:1（6 模块轮播；流水线生成时才出现） ===== */ .s2-feature-landing{position:relative;width:100%;padding-top:56px;} .s2-feature-landing .re-manju-head{top:0;} .s2-feature-landing .re-fsection{margin-top:8px;} .s2-pipeline-hidden{display:none!important;} .s2-feature-landing .pipeline-section{margin-top:34px;} /* ============================================================ 智能引擎 · 星空背景（1:1 参考站 .manju-s2-container） 径向辉光 + 60px 网格 + 三色轨道弧线 + 漂浮星点 ============================================================ */ #agentWorkspace.s2-cosmos-on{position:relative!important;} #agentWorkspace.s2-cosmos-on > *:not(.s2-cosmos){position:relative;z-index:1;} .s2-cosmos{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#0c0c0f;} .s2-cosmos::before{content:"";position:absolute;inset:0;z-index:0; background:radial-gradient(115% 64% at 50% -12%, rgba(0,202,224,.10) 0%, rgba(0,70,100,.05) 34%, rgba(0,0,0,0) 60%), radial-gradient(58% 56% at 100% 100%, rgba(0,150,180,.085) 0%, rgba(0,0,0,0) 56%), radial-gradient(52% 50% at 5% 8%, rgba(96,80,255,.095) 0%, rgba(0,0,0,0) 58%), radial-gradient(62% 52% at 80% 60%, rgba(0,120,160,.055) 0%, rgba(0,0,0,0) 62%), radial-gradient(42% 42% at 28% 90%, rgba(168,85,247,.055) 0%, rgba(0,0,0,0) 62%);} .s2-cosmos .cosmos-grid{position:absolute;inset:0;z-index:0;opacity:.85; background-image:linear-gradient(rgba(0,202,224,.035) 1px, rgba(0,0,0,0) 1px), linear-gradient(90deg, rgba(0,202,224,.035) 1px, rgba(0,0,0,0) 1px); background-size:60px 60px,60px 60px; -webkit-mask-image:radial-gradient(120% 90% at 50% 30%, #000 55%, rgba(0,0,0,.25) 100%); mask-image:radial-gradient(120% 90% at 50% 30%, #000 55%, rgba(0,0,0,.25) 100%);} .s2-cosmos .cosmos-arcs{position:absolute;inset:0;z-index:0;width:100%;height:100%;} .s2-cosmos .cosmos-arcs path{fill:none;stroke-width:1.6;} .s2-cosmos .cosmos-arcs path:nth-child(1){stroke:rgba(0,202,224,.16);} .s2-cosmos .cosmos-arcs path:nth-child(2){stroke:rgba(0,229,160,.12);} .s2-cosmos .cosmos-arcs path:nth-child(3){stroke:rgba(120,80,255,.16);} .s2-cosmos .cosmos-arcs path:nth-child(4){stroke:rgba(0,202,224,.09);} .s2-cosmos .cosmos-particles{position:absolute;inset:0;z-index:1;} .s2-cosmos .c-particle{position:absolute;border-radius:50%;background:rgba(0,202,224,.9); box-shadow:0 0 10px rgba(0,202,224,.6);animation:s2ParticleDrift var(--dur,20s) ease-in-out infinite; animation-delay:var(--delay,0s);} @keyframes s2ParticleDrift{0%,100%{transform:translateY(0);opacity:var(--o,.9);}50%{transform:translateY(-20px);opacity:.15;}} @media (max-width:900px){.s2-cosmos .cosmos-grid{background-size:42px 42px,42px 42px;}} /* ===== 电商一键生视频 ecom1 粉色主题（参考站） ===== */ #s2EngineBlock.ecom1{--c0:#ff5ea8;--c1:#f472b6;--c2:#c084fc;--c3:#fb7185;} #s2EngineBlock.ecom1 .border-0{border:1px solid rgba(255,94,168,.45);box-shadow:inset 0 0 18px -8px var(--c0);} #s2EngineBlock.ecom1 .border-1{border:1px solid rgba(244,114,182,.45);box-shadow:inset 0 0 18px -8px var(--c1);} #s2EngineBlock.ecom1 .border-2{border:1px solid rgba(192,132,252,.45);box-shadow:inset 0 0 18px -8px var(--c2);} #s2EngineBlock.ecom1 .border-3{border:1px solid rgba(251,113,133,.45);box-shadow:inset 0 0 18px -8px var(--c3);} #s2EngineBlock.ecom1 .glow-0{background:radial-gradient(440px 210px at 10% -10%,rgba(255,94,168,.22),transparent 62%);} #s2EngineBlock.ecom1 .showcase-card.border-0 .card-border-line,#s2EngineBlock.ecom1 .card-border-line.border-0{border:1px solid rgba(255,94,168,.32);box-shadow:0 0 26px -10px var(--c0);} #s2EngineBlock.ecom1 .card-border-line.border-1{border:1px solid rgba(244,114,182,.32);box-shadow:0 0 26px -10px var(--c1);} #s2EngineBlock.ecom1 .card-border-line.border-2{border:1px solid rgba(192,132,252,.32);box-shadow:0 0 26px -10px var(--c2);} #s2EngineBlock.ecom1 .card-border-line.border-3{border:1px solid rgba(251,113,133,.32);box-shadow:0 0 26px -10px var(--c3);} #s2EngineBlock.ecom1 .badge-0{color:var(--c0);background:rgba(255,94,168,.12);} #s2EngineBlock.ecom1 .badge-1{color:var(--c1);background:rgba(244,114,182,.12);} #s2EngineBlock.ecom1 .badge-2{color:var(--c2);background:rgba(192,132,252,.14);} #s2EngineBlock.ecom1 .badge-3{color:var(--c3);background:rgba(251,113,133,.14);} #s2EngineBlock.ecom1 .card-mode-tag{color:#ff8fc0;border:1px solid rgba(255,94,168,.34);background:rgba(255,94,168,.10);} #s2EngineBlock.ecom1 .card-mode-tag .mode-dot{background:#ff5ea8;box-shadow:0 0 8px #ff5ea8;} #s2EngineBlock.ecom1 .capabilities-section{padding-top:6px;} /* ===== 电商一键生视频：左上 +新任务/历史 简栏（1:1 参考站） ===== */ #agentWorkspace.s2-full{position:relative;} #ecomRail{position:absolute;left:14px;top:14px;z-index:30;display:flex;align-items:flex-start;gap:8px;} #ecomRail .ecom-rail-collapse{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin-top:2px;background:rgba(20,22,30,.72);border:1px solid rgba(255,94,168,.35);color:#ff7ebc;cursor:pointer;transition:.2s;} #ecomRail .ecom-rail-collapse svg{width:14px;height:14px;} #ecomRail .ecom-rail-collapse:hover{background:rgba(255,94,168,.18);border-color:rgba(255,94,168,.7);} #ecomRail .ecom-rail-col{display:flex;flex-direction:column;gap:9px;min-width:148px;} #ecomRail .ecom-rail-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border-radius:20px;border:1px solid rgba(255,94,168,.55);cursor:pointer;color:#fff;font-size:14px;font-weight:600;background:linear-gradient(135deg,rgba(255,64,140,.92),rgba(214,58,168,.92));box-shadow:0 6px 20px -8px rgba(255,64,140,.8),inset 0 1px 0 rgba(255,255,255,.18);transition:.18s;} #ecomRail .ecom-rail-add:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(255,64,140,.95);} #ecomRail .ecom-rail-add .ecom-plus{font-size:16px;font-weight:700;line-height:1;} #ecomRail .ecom-rail-hist{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:17px;cursor:pointer;color:rgba(255,225,238,.92);font-size:13px;background:rgba(20,22,30,.6);border:1px solid rgba(255,255,255,.08);transition:.18s;} #ecomRail .ecom-rail-hist:hover{border-color:rgba(255,94,168,.5);color:#fff;} #ecomRail .ecom-rail-hist .ecom-caret{margin-left:auto;font-style:normal;font-size:11px;opacity:.7;transition:.2s;} #ecomRail .ecom-rail-hist.on .ecom-caret{transform:rotate(180deg);} #ecomRail .ecom-rail-body{display:none;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border-radius:12px;background:rgba(20,22,30,.55);border:1px dashed rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:12.5px;} #ecomRail .ecom-rail-body.open{display:flex;} #ecomRail .ecom-rail-folder{font-size:22px;opacity:.7;} #ecomRail.collapsed .ecom-rail-col{display:none;} #ecomRail.collapsed .ecom-rail-collapse svg{transform:rotate(180deg);} /* 电商作曲器：粉色发送、隐藏与参考站不符的下拉（在核对选择器后启用） */ #wsComposer.ecom1-composer .cp-send,#wsComposer.ecom1-composer [data-act=send],#wsComposer.ecom1-composer .send-btn{background:linear-gradient(135deg,#ff408c,#d63aa8)!important;border-color:transparent!important;} /* @ECOM-RAIL-V8 */ /* 1:1 参考站 .renwu-panel：绝对定位主区左上角，竖排，+新任务幽灵胶囊 + 透明历史；无折叠箭头 */ #agentWorkspace.s2-full #ecomRail{position:absolute!important;left:10px;top:10px;z-index:40;display:flex!important;flex-direction:column;align-items:stretch;gap:6px;width:126px;} #agentWorkspace.s2-full #ecomRail .ecom-rail-collapse{display:none!important;} #agentWorkspace.s2-full #ecomRail .ecom-rail-col{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;} #agentWorkspace.s2-full #ecomRail .ecom-rail-add{height:42px;padding:0 18px;border-radius:100px;border:1px solid rgba(236,72,153,.28);background:transparent;color:rgba(244,114,182,.95);font-size:14.7px;font-weight:500;box-shadow:none;} #agentWorkspace.s2-full #ecomRail .ecom-rail-add:hover{transform:none;background:rgba(236,72,153,.10);border-color:rgba(236,72,153,.55);box-shadow:none;} #agentWorkspace.s2-full #ecomRail .ecom-rail-hist{height:40px;padding:0 14px;border-radius:0;background:transparent;border:0;color:rgba(255,255,255,.9);font-size:15px;font-weight:400;justify-content:flex-start;gap:8px;} #agentWorkspace.s2-full #ecomRail .ecom-rail-hist:hover{background:rgba(255,255,255,.06);border:0;color:#fff;} #agentWorkspace.s2-full #ecomRail .ecom-rail-hist .ecom-clock{opacity:.85;} #agentWorkspace.s2-full #ecomRail .ecom-rail-hist .ecom-caret{margin-left:auto;} #agentWorkspace.s2-full #ecomRail .ecom-rail-body{position:absolute;top:92px;left:6px;width:210px;z-index:41;} /* @ENGINE-H-LAYOUT-V9 */ /* >=881 CSS px：强制横向，左固定竖排能力卡 + 右侧详情卡（参考 ec5fb97b：grid 15rem / showcase 34rem / gap 3.5rem，居中） */ @media (min-width:881px){ #s2EngineBlock .capabilities-section{display:flex;justify-content:center;} #s2EngineBlock .capabilities-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:clamp(16px,2.2vw,40px);width:100%;} #s2EngineBlock .ability-grid{display:flex;flex-direction:column;flex-wrap:nowrap;flex:0 0 clamp(190px,21vw,240px);width:clamp(190px,21vw,240px);gap:.8rem;} #s2EngineBlock .ability-card{width:100%;flex:0 0 auto;min-width:0;} #s2EngineBlock .showcase-area{display:flex;flex-direction:column;flex:1 1 auto;width:auto;max-width:560px;min-width:0;} #s2EngineBlock .showcase-card{min-height:220px;} /* 能力卡激活位移与参考一致 translate(4px) */ #s2EngineBlock .ability-card.active-card{transform:translate(4px);} } /* <=880 才允许 2×2 堆叠（覆盖原 1080 断点在 881-1080 的误堆叠） */ @media (max-width:880px){ #s2EngineBlock .capabilities-inner{flex-direction:row;flex-wrap:wrap;gap:22px;justify-content:center;} #s2EngineBlock .ability-grid{flex-direction:row;flex-wrap:wrap;width:100%;flex:1 1 100%;justify-content:center;} #s2EngineBlock .ability-card{width:calc(50% - 8px);min-width:0;flex:0 0 auto;} #s2EngineBlock .showcase-area{flex:1 1 100%;width:100%;max-width:640px;} #s2EngineBlock .ability-card.active-card{transform:none;} } /* 落地页底部留白，避免 12 阶段流水线被作曲器遮挡；能力区与流水线间距 */ #s2EngineBlock .pipeline-section{margin-top:26px;} #agentWorkspace.s2-full .s2-engine, #agentWorkspace.s2-full #s2EngineBlock{padding-bottom:28px;} /* @ENGINE-H-FIX2-V10 */ @media (min-width:881px){ #s2EngineBlock .capabilities-inner{align-items:flex-start;} #s2EngineBlock .ability-grid{flex:0 0 clamp(184px,20vw,240px);width:clamp(184px,20vw,240px);gap:clamp(14px,1.8vw,20px);} #s2EngineBlock .capabilities-inner{gap:clamp(14px,2vw,40px);} #s2EngineBlock .showcase-area{flex:1 1 0;min-width:0;} #s2EngineBlock .showcase-card{min-height:0;} #s2EngineBlock .ability-card{min-height:0;padding:11px 14px;} } /* 引擎类落地页：滚动区底部留出作曲器高度，保证第4能力卡与12阶段流水线可完整滚出 */ .ws-chat:has(#agentWorkspace.s2-full){padding-bottom:200px !important;} /* @ENGINE-H-FIX3-V11 */ /* 撤销 v10 对滚动容器的 padding（会撑大 flex 把作曲器顶出视口），恢复常规内边距 */ .ws-chat:has(#agentWorkspace.s2-full){padding-bottom:30px !important;} /* 让中间滚动区在 flex 列布局里可收缩，内部滚动，作曲器始终钉底 */ .s2-studio-body{min-height:0 !important;overflow:hidden;} .s2-studio-body .ws-chat{min-height:0;height:100%;} /* 底部留白放进滚动内容：只撑滚动高度，不撑布局，保证流水线能滚到作曲器上方 */ #agentWorkspace.s2-full{margin-bottom:212px;} /* @V55-S2-THEME-CSS s2 星空跟随引擎主题变量（默认青；电商粉） */ #agentWorkspace.s2-cosmos-on .s2-cosmos{ background:#0d0c12 !important; } #agentWorkspace.s2-cosmos-on .s2-cosmos::before{ background: radial-gradient(115% 64% at 50% -12%, rgba(var(--s2-rgb,0,202,224),.12) 0%, rgba(var(--s2-rgb,0,202,224),.05) 34%, rgba(0,0,0,0) 60%), radial-gradient(58% 56% at 100% 100%, rgba(var(--s2-rgb2,0,229,160),.10) 0%, rgba(0,0,0,0) 56%), radial-gradient(52% 50% at 5% 8%, rgba(var(--s2-rgb3,96,80,255),.11) 0%, rgba(0,0,0,0) 58%), radial-gradient(62% 52% at 80% 60%, rgba(var(--s2-rgb,0,202,224),.06) 0%, rgba(0,0,0,0) 62%), radial-gradient(42% 42% at 28% 90%, rgba(var(--s2-rgb3,168,85,247),.07) 0%, rgba(0,0,0,0) 62%) !important; } #agentWorkspace.s2-cosmos-on .s2-cosmos .cosmos-arcs path:nth-child(1){stroke:rgba(var(--s2-rgb,0,202,224),.18) !important;} #agentWorkspace.s2-cosmos-on .s2-cosmos .cosmos-arcs path:nth-child(2){stroke:rgba(var(--s2-rgb2,0,229,160),.14) !important;} #agentWorkspace.s2-cosmos-on .s2-cosmos .cosmos-arcs path:nth-child(3){stroke:rgba(var(--s2-rgb3,120,80,255),.18) !important;} #agentWorkspace.s2-cosmos-on .s2-cosmos .cosmos-arcs path:nth-child(4){stroke:rgba(var(--s2-rgb,0,202,224),.10) !important;} #agentWorkspace.s2-cosmos-on .s2-cosmos .c-particle{background:rgb(var(--s2-rgb,0,202,224)) !important;} /* @V55-S2-PINK-CSS 电商一键生视频：更强粉/玫红星空氛围 */ #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos{ background:#140b12 !important; } #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos::before{ background: radial-gradient(120% 70% at 50% -12%, rgba(255,94,168,.22) 0%, rgba(255,94,168,.08) 36%, rgba(0,0,0,0) 62%), radial-gradient(60% 58% at 100% 100%, rgba(244,114,182,.18) 0%, rgba(0,0,0,0) 58%), radial-gradient(54% 52% at 4% 10%, rgba(192,132,252,.16) 0%, rgba(0,0,0,0) 58%), radial-gradient(70% 60% at 78% 64%, rgba(255,94,168,.10) 0%, rgba(0,0,0,0) 64%), radial-gradient(46% 44% at 26% 92%, rgba(251,113,133,.12) 0%, rgba(0,0,0,0) 62%) !important; } /* @V55-ECOM-BEAMS 电商一键生视频：近黑底 + 品红斜光束 + 粉粒子，去除青网格/弧线 */ #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos{ background:#0b070c !important; } #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos .cosmos-grid{ display:none !important; } #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos .cosmos-arcs{ display:none !important; } #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos::after{ content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none; background: linear-gradient(118deg, transparent 44%, rgba(255,94,168,.12) 48.5%, rgba(255,94,168,.05) 51%, transparent 56%), linear-gradient(124deg, transparent 60%, rgba(192,132,252,.10) 64%, rgba(255,94,168,.04) 67%, transparent 72%), linear-gradient(112deg, transparent 30%, rgba(244,114,182,.07) 33%, transparent 38%); } #agentWorkspace.s2-cosmos-on.s2-theme-pink .s2-cosmos .c-particle{ box-shadow:0 0 10px rgba(255,94,168,.7) !important; } /* @V55-ECOM-GLOBAL 电商一键生视频满屏近黑粉斜光束（参考站） */ .ws-main:has(#agentWorkspace.s2-theme-pink){background:#0b070c !important;} .ws-main:has(#agentWorkspace.s2-theme-pink) #agGlobalFx .ag-grid{opacity:.32 !important;} .ws-main:has(#agentWorkspace.s2-theme-pink) #agGlobalFx::after{ content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none; background: linear-gradient(118deg, transparent 44%, rgba(255,94,168,.12) 48.5%, rgba(255,94,168,.05) 51%, transparent 56%), linear-gradient(124deg, transparent 60%, rgba(192,132,252,.10) 64%, rgba(255,94,168,.04) 67%, transparent 72%), linear-gradient(112deg, transparent 28%, rgba(244,114,182,.07) 32%, transparent 38%); }