.ai-gallery{--ai-ink:#fff4d8;--ai-ease:var(--paper-ease,cubic-bezier(.23,1,.32,1));position:relative;width:100%;height:100%;min-height:480px;color:var(--ai-ink);font-family:"Microsoft YaHei",sans-serif;isolation:isolate;overflow:hidden;background:#14251b66}
.ai-gallery *{box-sizing:border-box}.ai-gallery [hidden]{display:none!important}.ai-gallery button{font:inherit;cursor:pointer;border:0;color:inherit;min-height:44px}.ai-gallery button:focus-visible{outline:3px solid #f7df9f;outline-offset:8px}
.ai-stage{position:absolute;inset:0;background:#192d2440}.ai-heading{position:absolute;top:7%;left:18%;right:18%;text-align:center;pointer-events:none}.ai-heading h1{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.4;margin:0}.ai-heading p{margin:10px 0 0;font-size:17px}.ai-fish-space{position:absolute;inset:0}.ai-fish-position{position:absolute;width:clamp(240px,31vw,410px);margin-left:clamp(-205px,-15.5vw,-120px)}.ai-fish-poster{left:30%;top:30%}.ai-fish-video{left:71%;top:53%}.ai-fish-drift{animation:ai-float 5.6s ease-in-out infinite}.ai-fish-video .ai-fish-drift{animation-delay:-2.8s}.ai-fish{position:relative;display:block;width:100%;padding:0;background:transparent;transition:transform 180ms var(--ai-ease);-webkit-tap-highlight-color:transparent}.ai-fish-art{position:relative;display:block;aspect-ratio:3/2;transform:scaleX(-1)}.ai-fish-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ai-fish-glow{filter:drop-shadow(0 0 10px #ffe6a3) drop-shadow(0 0 20px #ffe6a3);opacity:0;transition:opacity 180ms ease}.ai-fish-label{position:absolute;left:0;right:0;bottom:calc(100% + 12px);text-align:center;font-size:24px;opacity:0;transform:translateY(6px);transition:opacity 180ms ease,transform 180ms var(--ai-ease);pointer-events:none}.ai-fish:focus-visible{outline:0!important}.ai-fish:focus-visible .ai-fish-label{opacity:1;transform:translateY(0)}.ai-fish:focus-visible .ai-fish-glow{opacity:.8}.ai-fish:active{transform:scale(.98)}.ai-invitation{position:absolute;bottom:5%;left:20px;right:20px;margin:0;text-align:center;font-size:16px;pointer-events:none}.ai-back-papers,.ai-back-fish{padding:10px 18px;background:#304a38}.ai-back-papers{position:absolute;top:24px;left:24px;z-index:2}.ai-works{position:absolute;inset:0;z-index:3;overflow:hidden;display:flex;flex-direction:column;background:#11231a99}.ai-work-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-color:#a6b09a #1b2922;touch-action:pan-y}.ai-work-scroll:focus-visible{outline:2px solid #f7df9f;outline-offset:-4px}.ai-works-toolbar{position:relative;flex-shrink:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#182c22}.ai-work-type{font-size:16px}.ai-work-body{padding:48px 24px 80px}.ai-work-intro{max-width:760px;margin:0 auto 44px;text-align:center}.ai-work-intro h2{font-size:clamp(25px,3vw,36px);line-height:1.4;font-weight:500;margin:0 0 20px;text-wrap:balance}.ai-work-intro p{font-size:16px;line-height:1.9;margin:8px 0}.ai-poster{max-width:640px;margin:0 auto 68px}.ai-poster img{display:block;width:100%;height:auto}.ai-poster figcaption{text-align:center;font-size:16px;margin-top:18px}.ai-course-video{display:block;margin:0 auto;max-width:100%;width:auto;height:min(calc(100dvh - 340px),740px);background:#0c1812;object-fit:contain}.ai-video-status{max-width:760px;text-align:center;font-size:16px;line-height:1.8;margin:24px auto 0}.ai-gallery[data-view] .ai-stage{filter:blur(9px) brightness(.55);pointer-events:none}.ai-gallery[data-view] .ai-fish-drift,.ai-gallery.is-suspended .ai-fish-drift{animation-play-state:paused}
@keyframes ai-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}
@media(hover:hover) and (pointer:fine){.ai-fish:hover{transform:scale(1.055)}.ai-fish:hover .ai-fish-glow{opacity:.8}.ai-fish:hover .ai-fish-label{opacity:1;transform:translateY(0)}}
@media(hover:none),(pointer:coarse){.ai-fish-label{opacity:1;transform:none}}
@media(max-width:680px){.ai-gallery{min-height:560px}.ai-heading{top:16%;left:15px;right:15px}.ai-heading h1{font-size:28px}.ai-heading p{font-size:16px}.ai-back-papers{top:18px;left:18px}.ai-fish-position{width:230px;margin-left:-115px}.ai-fish-poster{left:34%;top:35%}.ai-fish-video{left:66%;top:62%}.ai-fish-label{font-size:21px;bottom:calc(100% - 3px);opacity:1;transform:none}.ai-invitation{font-size:14px;bottom:4%}.ai-works-toolbar{padding:12px 16px}.ai-work-body{padding:30px 16px 44px}.ai-work-intro{margin-bottom:28px}.ai-work-intro h2{font-size:26px}.ai-work-intro p{font-size:16px}.ai-poster{margin-bottom:42px}.ai-course-video{height:auto;max-height:65dvh;width:100%}}
@media(max-width:390px){.ai-fish-position{width:205px;margin-left:-102px}.ai-fish-poster{left:33%}.ai-fish-video{left:67%}}
@media(prefers-reduced-motion:reduce){.ai-gallery:not([data-motion=full]) .ai-fish-drift{animation:none}.ai-gallery:not([data-motion=full]) *{transition-duration:0ms!important}.ai-gallery:not([data-motion=full]) .ai-fish:hover{transform:none}}

.ai-gallery[data-view=video] .ai-work-body{padding-top:24px;padding-bottom:32px}.ai-gallery[data-view=video] .ai-work-intro{margin-bottom:24px}.ai-gallery[data-view=video] .ai-work-intro h2{margin-bottom:12px}