/* 卓越 · 首页深度延伸层（10 大板块：编辑部 / 提示词改写 / 4K锁脸 / 32B导演 / 草稿续跑 / 自动合成 / 工程交付 / 作品档案 / 算力拓扑 / 终章宣言） */

/* ---------- 1. 十一路长篇编辑部 (#studio) ---------- */
.zy-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--zy-line);border:1px solid var(--zy-line);margin-bottom:28px}
.zy-pillar{background:#0a0a0a;padding:28px 26px 30px}
.zy-pillar small{display:block;font:500 11px/1 var(--font-mono);color:var(--zy-mint);letter-spacing:.14em;margin-bottom:12px}
.zy-pillar b{display:block;font-weight:400;font-size:20px;color:#fff;margin-bottom:10px}
.zy-pillar p{margin:0;color:#8c8c8c;font-size:14px;line-height:1.7}

.zy-studio{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.zy-routes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}
.zy-route{display:flex;align-items:center;gap:10px;padding:13px 14px;background:rgba(18,18,18,.85);border:1px solid rgba(255,255,255,.08);color:#cfcfcf;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:all .25s}
.zy-route:last-child{grid-column:1/-1}
.zy-route em{font:500 10px/1 var(--font-mono);font-style:normal;color:#5a5a5a;letter-spacing:.08em}
.zy-route span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zy-route i{width:6px;height:6px;border-radius:50%;background:#333;flex:none}
.zy-route:hover{border-color:rgba(110,240,220,.45);color:#fff}
.zy-route.is-on{border-color:var(--zy-mint);background:rgba(110,240,220,.07);color:#fff}
.zy-route.is-on em{color:var(--zy-mint)}
.zy-route.is-on i{background:var(--zy-mint);box-shadow:0 0 8px var(--zy-mint)}

.zy-sdesk{background:rgba(14,14,14,.92);border:1px solid var(--zy-line);display:flex;flex-direction:column;justify-content:space-between}
.zy-sdesk__body{padding:28px 28px 24px}
.zy-sdesk__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.zy-badge{font:500 11px/1 var(--font-mono);padding:6px 9px;border:1px solid var(--zy-line);color:var(--zy-mint);background:rgba(110,240,220,.05)}
.zy-badge--dim{color:#8c8c8c;border-color:rgba(255,255,255,.1);background:transparent}
.zy-sdesk h3{font-weight:400;font-size:26px;color:#fff;margin:0 0 10px}
.zy-sdesk__desc{color:#b8b8b8;font-size:15px;line-height:1.7;margin:0 0 22px}
.zy-sdesk__io{display:grid;grid-template-columns:1fr;gap:12px}
.zy-io-box{padding:16px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07)}
.zy-io-box--out{border-color:rgba(110,240,220,.32);background:rgba(110,240,220,.03)}
.zy-io-box small{display:block;font:500 10px/1 var(--font-mono);letter-spacing:.12em;color:#6e6e6e;margin-bottom:8px}
.zy-io-box--out small{color:var(--zy-mint)}
.zy-io-box p{margin:0;color:#e5e5e5;font-size:14px;line-height:1.75}
.zy-io-box del{color:#777;text-decoration:line-through;margin-right:6px}
.zy-io-box ins{color:var(--zy-mint);text-decoration:none}

/* ---------- 2. 提示词自动改写 (#prompts) ---------- */
.zy-pbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.zy-ptabs{display:flex;gap:8px;flex-wrap:wrap}
.zy-ptab{padding:10px 15px;background:transparent;border:1px solid rgba(255,255,255,.12);color:#cfcfcf;font:inherit;font-size:13px;cursor:pointer;transition:all .25s}
.zy-ptab:hover{border-color:rgba(110,240,220,.5)}
.zy-ptab.is-on{border-color:var(--zy-mint);background:rgba(110,240,220,.08);color:#fff}
.zy-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.zy-ptpl{position:relative;height:132px;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;background:#111;text-align:left;padding:0}
.zy-ptpl img{width:100%;height:100%;object-fit:cover;opacity:.48;filter:grayscale(.4);transition:all .5s}
.zy-ptpl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(10,10,10,.92))}
.zy-ptpl div{position:absolute;left:12px;right:12px;bottom:10px;z-index:2}
.zy-ptpl small{display:block;font:500 10px/1 var(--font-mono);color:var(--zy-mint);margin-bottom:4px}
.zy-ptpl b{display:block;font-weight:400;font-size:14px;color:#fff}
.zy-ptpl.is-on{border-color:var(--zy-mint);box-shadow:0 0 0 2px rgba(110,240,220,.2)}
.zy-ptpl.is-on img,.zy-ptpl:hover img{opacity:.82;filter:none;transform:scale(1.05)}

.zy-pcomp{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--zy-line);border:1px solid var(--zy-line)}
.zy-pcol{background:#0a0a0a;padding:28px 28px 30px}
.zy-pcol__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font:500 11px/1 var(--font-mono);color:#8c8c8c;letter-spacing:.1em}
.zy-pcol--right .zy-pcol__head{color:var(--zy-mint)}
.zy-pcol__code{font-size:16px;line-height:1.9;color:#cfcfcf;min-height:7.6em}
.zy-slot{display:inline-block;padding:1px 7px;margin:0 2px;border:1px dashed rgba(255,255,255,.28);color:#fff;font-family:var(--font-mono);font-size:13px}
.zy-fill{display:inline;padding:2px 7px;margin:0 2px;background:rgba(110,240,220,.12);border:1px solid rgba(110,240,220,.45);color:var(--zy-mint)}
.zy-pcol__foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777}

/* ---------- 3. 4K 人物建模与锁脸 (#character) ---------- */
.zy-char{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:stretch}
.zy-char__main,.zy-char__bind{background:rgba(14,14,14,.92);border:1px solid var(--zy-line);padding:28px}
.zy-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.zy-v4__item{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111}
.zy-v4__item img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.85);transition:transform .6s}
.zy-v4__item:nth-child(2) img{object-position:25% 30%;transform:scale(1.12)}
.zy-v4__item:nth-child(3) img{object-position:75% 30%;filter:brightness(.8) contrast(1.15)}
.zy-v4__item:nth-child(4) img{object-position:50% 22%;transform:scale(1.38)}
.zy-v4__item span{position:absolute;left:8px;bottom:8px;padding:4px 6px;background:rgba(10,10,10,.82);border:1px solid rgba(110,240,220,.3);font:500 10px/1 var(--font-mono);color:var(--zy-mint)}
.zy-anchors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.zy-anchors span{font-size:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);color:#d8d8d8;background:rgba(255,255,255,.02)}
.zy-anchors span b{color:var(--zy-mint);font-weight:500;margin-right:6px}
.zy-voice-box{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(110,240,220,.28);background:rgba(110,240,220,.03)}
.zy-voice-btn{padding:9px 14px;background:var(--zy-mint);color:#0a0a0a;border:0;font:500 12px/1 var(--font-mono);cursor:pointer;flex:none}
.zy-bars{display:flex;align-items:center;gap:3px;height:24px;flex:none}
.zy-bars i{display:block;width:3px;height:6px;background:var(--zy-mint);opacity:.45;transition:height .15s}
.zy-voice-box.is-play .zy-bars i{opacity:1;animation:zy-wave .6s ease-in-out infinite alternate}
@keyframes zy-wave{to{height:22px}}
.zy-voice-txt{font-size:13px;color:#cfcfcf;line-height:1.5}
.zy-voice-txt small{display:block;color:var(--zy-mint);font:500 10px/1 var(--font-mono);margin-bottom:4px}

.zy-bind-list{display:flex;flex-direction:column;gap:10px;margin:18px 0 20px}
.zy-bind-item{padding:13px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);font-size:13px;line-height:1.65;color:#cfcfcf;transition:border-color .3s}
.zy-bind-item b{color:#fff;font-weight:500;margin-right:6px}
.zy-bind-item mark{background:transparent;color:inherit;padding:1px 4px;transition:all .3s}
.zy-bind-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;max-height:0;overflow:hidden;opacity:0;transition:all .4s}
.zy-char__bind.is-bound .zy-bind-item{border-color:rgba(110,240,220,.35)}
.zy-char__bind.is-bound .zy-bind-item mark{background:rgba(110,240,220,.14);color:var(--zy-mint);border:1px solid rgba(110,240,220,.4)}
.zy-char__bind.is-bound .zy-bind-tags{max-height:40px;opacity:1}
.zy-bind-tags span{font:500 10px/1 var(--font-mono);padding:4px 7px;background:rgba(110,240,220,.1);color:var(--zy-mint)}

/* ---------- 4. 32B 专属影视导演 (#director · Sticky 420vh) ---------- */
.zy-dir{position:relative;height:420vh;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06)}
.zy-dir__spec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}
.zy-dir__kv{padding:11px 13px;border:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.65)}
.zy-dir__kv small{display:block;font:500 10px/1 var(--font-mono);color:#6e6e6e;margin-bottom:6px}
.zy-dir__kv b{font-weight:400;font-size:14px;color:var(--zy-mint)}
.zy-dir__raw{padding:12px 14px;border-left:2px solid #555;background:rgba(255,255,255,.03);color:#cfcfcf;font-size:14px;margin-bottom:14px}
.zy-dir__raw small{display:block;font:500 10px/1 var(--font-mono);color:#777;margin-bottom:5px}
.zy-dir__out{padding:14px;border:1px solid rgba(110,240,220,.32);background:rgba(110,240,220,.04);font-size:13px;line-height:1.75;color:#e5e5e5}
.zy-dir__out small{display:block;font:500 10px/1 var(--font-mono);color:var(--zy-mint);margin-bottom:6px}
.zy-cam-svg{width:100%;height:74px;margin-top:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.45)}

/* ---------- 5. 草稿预演与续跑 (#render) ---------- */
.zy-rctrl{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.zy-compare{position:relative;width:100%;aspect-ratio:16/9;max-height:560px;margin:0 auto;overflow:hidden;border:1px solid var(--zy-line);user-select:none;cursor:ew-resize;background:#080808;transition:max-width .4s,aspect-ratio .4s}
.zy-compare[data-ratio="9:16"]{max-width:360px;aspect-ratio:9/16}
.zy-compare[data-ratio="1:1"]{max-width:500px;aspect-ratio:1/1}
.zy-compare__layer{position:absolute;inset:0}
.zy-compare__layer img{width:100%;height:100%;object-fit:cover}
.zy-compare__draft{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0);z-index:2}
.zy-compare__draft img{filter:grayscale(.75) contrast(.9) blur(1.5px) brightness(.8)}
.zy-compare__draft::after{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(110,240,220,.08) 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,rgba(110,240,220,.08) 1px,transparent 1px) 0 0/32px 32px}
.zy-compare__tag{position:absolute;top:16px;padding:7px 11px;background:rgba(10,10,10,.85);border:1px solid rgba(255,255,255,.15);font:500 11px/1 var(--font-mono);color:#e5e5e5;z-index:3}
.zy-compare__tag--l{left:16px}
.zy-compare__tag--r{right:16px;border-color:var(--zy-mint);color:var(--zy-mint)}
.zy-compare__bar{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:var(--zy-mint);z-index:4;box-shadow:0 0 16px var(--zy-mint)}
.zy-compare__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#0a0a0a;border:1px solid var(--zy-mint);color:var(--zy-mint);display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font-mono);box-shadow:0 0 24px rgba(110,240,220,.35)}

/* ---------- 6. FFmpeg 全自动音画合成 (#timeline) ---------- */
.zy-tl{border:1px solid var(--zy-line);background:#0d0d0d}
.zy-tl__mon{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-bottom:1px solid rgba(255,255,255,.08)}
.zy-tl__screen{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.zy-tl__screen img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .35s}
.zy-tl__sub{position:absolute;left:6%;right:6%;bottom:8%;padding:8px 14px;background:rgba(0,0,0,.76);border:1px solid rgba(110,240,220,.25);text-align:center;color:#fff;font-size:16px}
.zy-tl__info{padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(255,255,255,.08)}
.zy-tl__tracks{position:relative;padding:20px 20px 24px;overflow:hidden}
.zy-playhead{position:absolute;top:0;bottom:0;left:var(--ph,18%);width:1px;background:var(--zy-mint);z-index:4;pointer-events:none;box-shadow:0 0 10px var(--zy-mint);transition:left .35s ease}
.zy-playhead::before{content:"";position:absolute;top:0;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--zy-mint)}
.zy-track{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin-bottom:10px}
.zy-track:last-child{margin-bottom:0}
.zy-track__lbl{font:500 11px/1 var(--font-mono);color:#777}
.zy-track__lane{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.zy-clip{padding:10px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:#cfcfcf;font:500 11px/1.3 var(--font-mono);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .25s}
.zy-clip:hover,.zy-clip.is-on{border-color:var(--zy-mint);background:rgba(110,240,220,.1);color:#fff}

/* ---------- 7. 全格式工程交付 (#export) ---------- */
.zy-exp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:stretch}
.zy-exp__list{display:flex;flex-direction:column;gap:8px}
.zy-exp__btn{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:15px 16px;background:rgba(16,16,16,.9);border:1px solid rgba(255,255,255,.09);color:#e5e5e5;font:inherit;text-align:left;cursor:pointer;transition:all .25s}
.zy-exp__btn em{font:600 11px/1 var(--font-mono);font-style:normal;padding:7px 0;text-align:center;background:rgba(255,255,255,.08);color:#fff}
.zy-exp__btn b{display:block;font-weight:400;font-size:15px;color:#fff}
.zy-exp__btn small{display:block;font-size:12px;color:#777;margin-top:3px}
.zy-exp__btn span{font:500 11px/1 var(--font-mono);color:#777}
.zy-exp__btn.is-on{border-color:var(--zy-mint);background:rgba(110,240,220,.06)}
.zy-exp__btn.is-on em{background:var(--zy-mint);color:#0a0a0a}
.zy-exp__btn.is-on span{color:var(--zy-mint)}
.zy-exp__view{background:#0d0d0d;border:1px solid var(--zy-line);display:flex;flex-direction:column;justify-content:space-between}
.zy-exp__pre{margin:0;padding:24px;font:400 13px/1.8 var(--font-mono);color:#d8d8d8;overflow-x:auto;white-space:pre-wrap}
.zy-exp__table{width:100%;border-collapse:collapse;font-size:13px}
.zy-exp__table th,.zy-exp__table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}
.zy-exp__table th{font:500 11px/1 var(--font-mono);color:var(--zy-mint);background:rgba(110,240,220,.04)}
.zy-exp__table td{color:#cfcfcf}

/* ---------- 8. 作品档案 (#showcase) ---------- */
.zy-show__card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1px;background:var(--zy-line);border:1px solid var(--zy-line);margin-top:20px}
.zy-show__l,.zy-show__r{background:#0a0a0a;padding:32px}
.zy-show__shots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.zy-show__shot{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.zy-show__shot img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.8)}
.zy-show__shot span{position:absolute;left:8px;bottom:6px;padding:3px 7px;background:rgba(0,0,0,.82);font:500 10px/1 var(--font-mono);color:var(--zy-mint)}

/* ---------- 9. 自有算力集群与内网安全 (#cluster) ---------- */
.zy-cluster{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--zy-line);border:1px solid var(--zy-line);margin-bottom:1px}
.zy-cnode{background:#0a0a0a;padding:24px 20px;text-align:left;border:0;color:#cfcfcf;font:inherit;cursor:pointer;position:relative;transition:background .25s}
.zy-cnode::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent;transition:background .25s}
.zy-cnode.is-on,.zy-cnode:hover{background:#111514}
.zy-cnode.is-on::before{background:var(--zy-mint)}
.zy-cnode small{display:block;font:500 10px/1 var(--font-mono);color:var(--zy-mint);letter-spacing:.12em;margin-bottom:10px}
.zy-cnode b{display:block;font-weight:400;font-size:17px;color:#fff;margin-bottom:6px}
.zy-cnode span{display:block;font-size:12px;color:#8c8c8c;line-height:1.5}
.zy-cdetail{background:#0d0d0d;border:1px solid var(--zy-line);border-top:0;padding:30px 32px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center}
.zy-cdetail h3{font-weight:400;font-size:24px;color:#fff;margin:0 0 10px}
.zy-cdetail p{color:#b8b8b8;font-size:15px;line-height:1.75;margin:0}
.zy-cdetail ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zy-cdetail li{padding:11px 14px;border:1px solid rgba(110,240,220,.25);background:rgba(110,240,220,.03);font:500 12px/1.4 var(--font-mono);color:var(--zy-mint)}

/* ---------- 10. 终章宣言 (#manifesto) ---------- */
.zy-manifesto{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);padding:140px 0}
.zy-manifesto__bg{position:absolute;inset:0;opacity:.32;pointer-events:none}
.zy-manifesto__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.zy-manifesto::after{content:"";position:absolute;inset:0;background:radial-gradient(65% 65% at 50% 50%,rgba(10,10,10,.35) 0%,#0a0a0a 88%);pointer-events:none}
.zy-manifesto__in{position:relative;z-index:2;max-width:880px}
.zy-manifesto h2{font-weight:400;font-size:clamp(42px,6vw,84px);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:18px 0 26px}
.zy-manifesto h2 em{font-style:normal;color:var(--zy-mint)}
.zy-manifesto p{font-size:clamp(17px,1.6vw,22px);line-height:1.8;color:#b8b8b8;margin:0 0 38px;max-width:34em}
.zy-manifesto__steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}
.zy-manifesto__steps span{font:500 12px/1 var(--font-mono);padding:8px 12px;border:1px solid rgba(255,255,255,.1);color:#cfcfcf}
.zy-manifesto__steps span b{color:var(--zy-mint);margin-right:6px}

@media (max-width:900px){
  .zy-pillars,.zy-studio,.zy-pcomp,.zy-char,.zy-tl__mon,.zy-exp,.zy-show__card,.zy-cdetail{grid-template-columns:1fr}
  .zy-pgrid{grid-template-columns:repeat(2,1fr)}
  .zy-routes{grid-template-columns:1fr}
  .zy-v4{grid-template-columns:repeat(2,1fr)}
  .zy-cluster{grid-template-columns:1fr}
  .zy-track{grid-template-columns:1fr;gap:6px}
  .zy-track__lane{grid-template-columns:repeat(3,1fr)}
  .zy-dir{height:480vh}
}
