/* 封面参数：图片宽度、间距、舞台高度集中在这里；JS 中可调整速度及透视角度。 */
#ch0{--cover-card:clamp(250px,25vw,420px);--cover-gap:28px;--cover-image-height:clamp(230px,31vh,360px);display:block;min-height:0;height:148vh;overflow:visible;background:var(--bg);}
#ch0 .cover-frame{position:sticky;top:0;min-height:730px;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:96px 0 34px;background:#040507;isolation:isolate;}
#ch0 .hero-mesh{z-index:-1;background:radial-gradient(ellipse at 50% 30%,rgba(94,106,210,.11),transparent 50%);}
#ch0 .cover-frame::after{content:"";position:absolute;inset:78px 30px 26px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:-1;}
#ch0 .cover-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;animation:coverPulse 9s ease-in-out infinite alternate;background:radial-gradient(40% 62% at -5% 48%,rgba(226,58,58,.30),transparent 68%),radial-gradient(40% 62% at 105% 48%,rgba(226,58,58,.30),transparent 68%),radial-gradient(75% 58% at 50% 26%,rgba(94,106,210,.13),transparent 62%),radial-gradient(135% 115% at 50% 50%,transparent 52%,rgba(1,2,4,.78) 100%);}
#ch0 .cover-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%272%27 stitchTiles=%27stitch%27/><feColorMatrix type=%27saturate%27 values=%270%27/></filter><rect width=%27180%27 height=%27180%27 filter=%27url(%23n)%27/></svg>");background-size:180px 180px;}
@keyframes coverPulse{from{opacity:.82}to{opacity:1}}
.cover-meta{width:calc(100% - 96px);display:flex;justify-content:space-between;color:#7d8494;font-size:10px;letter-spacing:1.8px;gap:20px;}
.cover-meta span:first-child{border-left:1px solid rgba(255,255,255,.28);border-top:1px solid rgba(255,255,255,.28);padding:12px 0 0 14px;}
.cover-meta span:last-child{border-right:1px solid rgba(255,255,255,.28);border-top:1px solid rgba(255,255,255,.28);padding:12px 14px 0 0;}
#ch0 .hero-inner{position:relative;margin-top:clamp(26px,4.5vh,54px);padding:0 24px;max-width:none;will-change:transform;}
.cover-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);font-size:clamp(72px,10.5vw,196px);font-weight:800;letter-spacing:.1em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);white-space:nowrap;pointer-events:none;user-select:none;}
#ch0 .kicker{position:relative;z-index:1;font-size:11px;font-weight:500;letter-spacing:4px;margin-bottom:20px;color:#c3c8d6;display:flex;align-items:center;justify-content:center;gap:10px;}
#ch0 .kicker span{width:6px;height:6px;border-radius:50%;background:#ff4444;box-shadow:0 0 18px rgba(255,68,68,.6);}
#ch0 h1{position:relative;z-index:1;font-size:inherit;line-height:1.1;font-weight:900;letter-spacing:.06em;background:none;color:var(--text);filter:drop-shadow(0 22px 44px rgba(0,0,0,.6));}
.cover-title-main{display:block;font-size:clamp(72px,9vw,158px);background:linear-gradient(170deg,#ffffff 18%,#d3d7e6 62%,#aab0c8 96%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.cover-title-sub{display:block;font-size:clamp(20px,2.2vw,34px);letter-spacing:.52em;text-indent:.52em;font-weight:400;margin-top:18px;color:#9aa1b6;}
.cover-gallery{width:100%;position:relative;margin-top:24px;flex:1;min-height:290px;max-height:440px;display:flex;align-items:center;overflow:hidden;overflow:clip;}
.cover-gallery::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#040507,transparent 12%,transparent 88%,#040507);z-index:50;}
.cover-stage{height:calc(var(--cover-image-height) + 74px);width:100%;position:relative;perspective:1050px;}
.cover-shot{position:absolute;top:42px;left:50%;width:var(--cover-card);height:var(--cover-image-height);margin-left:calc(var(--cover-card) / -2);overflow:hidden;border-radius:6px;border:1px solid rgba(222,226,242,.18);background:#12141c;cursor:zoom-in;box-shadow:0 3px 8px rgba(0,0,0,.35),0 26px 56px rgba(0,0,0,.5);backface-visibility:hidden;will-change:transform;}
.cover-shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--photo-position,50% 50%);filter:saturate(.62) brightness(.82) contrast(1.06);transition:filter 350ms cubic-bezier(.23,1,.32,1),scale 600ms cubic-bezier(.23,1,.32,1);}
.cover-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(6,8,13,.85));pointer-events:none;}
.cover-shot:hover,.cover-shot:focus-visible{outline:1px solid #8b93e6;outline-offset:3px;}
.cover-shot:hover img,.cover-shot:focus-visible img{filter:saturate(1) brightness(1.02);scale:1.035;}
.cover-shot figcaption{position:absolute;inset:auto 18px 17px;z-index:1;display:flex;flex-direction:column;text-align:left;gap:5px;color:#edeff6;}
.cover-shot figcaption span{font-size:9px;letter-spacing:1.5px;color:#c6cad6;}
.cover-shot figcaption b{font-weight:500;font-size:15px;letter-spacing:1px;}
.cover-shot figcaption em{position:absolute;right:0;bottom:2px;font-style:normal;font-size:19px;color:#bbc0de;}
/* JS 不可用时仍显示有意义的静态照片构图。 */
.cover-shot:nth-child(1){transform:translateX(-108%) rotateY(12deg);opacity:.6;}
.cover-shot:nth-child(2){transform:none;}
.cover-shot:nth-child(3){transform:translateX(108%) rotateY(-12deg);opacity:.6;}
.cover-shot:nth-child(n+4){transform:translateX(230%);opacity:0;}
.cover-footer{position:relative;z-index:2;width:min(900px,calc(100% - 64px));display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:12px;}
.cover-enter:focus-visible{outline:2px solid #8b93e6;outline-offset:5px;}
.cover-intro{font-size:14px;letter-spacing:1.2px;color:#b9becb;line-height:1.8;}
.cover-intro span{display:block;font-size:10px;color:#777e91;letter-spacing:2px;margin-top:3px;}
.cover-enter{font-size:11px;color:#c4c9da;text-decoration:none;display:flex;gap:18px;align-items:center;padding:4px 8px;}
.cover-enter>span:last-child{color:#8b93e6;}
.cover-scroll-line{width:1px;height:26px;background:rgba(139,147,230,.18);position:relative;overflow:hidden;}
.cover-scroll-line span{position:absolute;inset:0;background:#8b93e6;transform-origin:top;transform:scaleY(var(--cover-progress,0));}
@keyframes coverEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
#ch0 .kicker,.cover-title-main,.cover-title-sub{animation:coverEnter 900ms cubic-bezier(.23,1,.32,1) both;}
.cover-title-main{animation-delay:80ms;}.cover-title-sub{animation-delay:160ms;}
@media(min-height:1000px){#ch0 .cover-frame{padding-bottom:56px}.cover-footer{gap:22px}.cover-gallery{margin-top:36px;}}
@media(max-width:700px){#ch0{height:125svh;--cover-card:68vw;--cover-gap:18px;--cover-image-height:clamp(220px,30svh,300px)}#ch0 .cover-frame{height:100svh;min-height:700px;padding:86px 0 24px}.cover-meta{width:calc(100% - 40px);font-size:8px;letter-spacing:1px}.cover-meta span:last-child{display:none}#ch0 .hero-inner{margin-top:28px}#ch0 .cover-frame::after{inset:70px 20px 15px}.cover-title-main{font-size:clamp(54px,12vw,84px)}.cover-title-sub{font-size:24px;letter-spacing:.12em}.cover-gallery{margin-top:10px;min-height:260px}.cover-footer{gap:12px;width:calc(100% - 32px)}.cover-intro{font-size:12px}.cover-intro span{font-size:9px;letter-spacing:1px}.cover-scroll-line{height:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ch0{height:auto}#ch0 .cover-frame{position:relative}#ch0 *{animation:none!important;transition:none!important;}.cover-shot{will-change:auto}}