/* Original-art surfaces: authored specifically for the existing local site. */
:root{--bg:#1f1815;--border:#e2c39838}
html{scrollbar-gutter:stable}
body,.inner-page,body[data-scene="gold"],body[data-scene="stage"]{background:#1f1815}
body{background-image:linear-gradient(#241a16b3,#1c1512e0),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4');background-size:cover;background-attachment:fixed}
.site-header{min-height:110px;padding-block:20px;isolation:isolate;background:linear-gradient(90deg,#281b16db,#44242acc,#2e1f19dc),url('assets/opt/art/blossom-canopy.webp?v=1fd1ca5aa6') center 44%/cover;border-bottom:1px solid #e2c39880;box-shadow:0 6px 35px #1a100c65}
.site-header:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/art/cloud-corner.webp?v=c86f84deab') left top/300px auto no-repeat,url('assets/art/cloud-corner.webp?v=c86f84deab') right -50px top -15px/340px auto no-repeat;opacity:.65;pointer-events:none}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:13px;background:url('assets/art/cloud-border.webp?v=dc99f52b06') center 58%/100% auto no-repeat;pointer-events:none;opacity:.9}
.site-header nav{gap:22px}
.site-header nav a{padding:11px 19px;background:linear-gradient(#452c28a3,#281b1691);border:1px solid #e2c39833;transition:background .3s,box-shadow .3s,transform .3s}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current]{background:linear-gradient(#8456418c,#4c282b9e),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/cover;box-shadow:inset 0 0 20px #ffdbaf1a,0 0 22px #e6b7831f;border-color:#e2c39899}
.site-header nav a:active{transform:scale(.96)}
.site-header nav a[aria-current]:after{bottom:-6px}
.site-footer{min-height:218px;align-items:flex-end;isolation:isolate;border-top:0;background:linear-gradient(0deg,#221814e8,#241a1640),url('assets/opt/art/dream-water.webp?v=0ed683b70c') center 52%/cover;padding:80px 5.2% 70px;box-shadow:inset 0 30px 40px -25px #211815}
.site-footer:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/art/cloud-border.webp?v=dc99f52b06') bottom center/100% auto no-repeat;opacity:.8}
.site-footer>span,.site-footer>a{padding:7px 12px;background:#241915a8;backdrop-filter:blur(5px);border:1px solid #e2c39833}
.ambient-stage{z-index:-1;background:linear-gradient(#281b1661,#261b17b5),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4') center/cover}
[data-scene="gold"] .ambient-stage,[data-scene="stage"] .ambient-stage{background:linear-gradient(#2c221ea8,#221b18d6),url('assets/opt/art/golden-stage.webp?v=0b41d1516b') center/cover}
.ambient-stage:after{content:"";position:absolute;inset:0;background:url('assets/art/silk-pattern.webp?v=ce71f709ec') left/170px auto repeat;mix-blend-mode:soft-light;opacity:.15;pointer-events:none}
.ambient-stage canvas{position:absolute;inset:0;z-index:2}
.art-cloud{opacity:.42;top:115px}.art-cloud.right{opacity:.3}
.art-seal,[data-scene="gold"] .art-seal{display:none}
.stage-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27;mix-blend-mode:screen;filter:saturate(.85);pointer-events:none}
.ambient-beam{z-index:1;opacity:.75;background:linear-gradient(90deg,transparent,#e5ac6514 30%,#ffe6b647 55%,transparent 78%);filter:blur(23px);animation-duration:12s}
.home-page .ambient-stage{background:linear-gradient(#331f3190,#221420b5),url('assets/opt/art/blossom-canopy.webp?v=1fd1ca5aa6') center/cover}
.portal-scene{min-height:calc(100svh - 110px);background:linear-gradient(90deg,#231721d9,transparent 68%)}
.scene-art:after{background:linear-gradient(90deg,#231721 0%,#231721c2 14%,#23172138 42%,transparent 72%),linear-gradient(0deg,#1f151d 0%,transparent 27%)}
.scene-art:before{box-shadow:inset 0 -110px 100px -75px #1f151d}
.scene-mist{opacity:.95;background:radial-gradient(ellipse at 10% 90%,#997d793b,transparent 47%),radial-gradient(ellipse at 60% 72%,#e7cadf3b,transparent 45%);animation-duration:12s}
.sakura-layer{mask-image:linear-gradient(90deg,#0008,#000)}
.sakura-path .sakura{background:linear-gradient(120deg,#ffe3edd9,#f7accbce);box-shadow:0 0 8px #f3c8bd4d}
.identity-portal,.singer-portal{overflow:hidden;background:linear-gradient(100deg,#36242ae8,#2f2232c9),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/cover;border-color:#e2c3988c;box-shadow:0 8px 22px #130a1450}
.identity-portal:after{width:80px;height:80px;right:-8px;bottom:-22px;border:0;background:url('assets/art/qilin-medallion.webp?v=20f07865a4') center/contain no-repeat;opacity:.23;transition:transform .6s}
.identity-portal:hover,.identity-portal:focus-visible{background-color:#673b40;box-shadow:0 8px 35px #c07c6b38;transform:translateX(7px)}
.singer-portal{background-image:linear-gradient(100deg,#3d2939e3,#452a38b8),url('assets/opt/art/blossom-canopy.webp?v=1fd1ca5aa6');background-size:cover;background-position:center 55%}
.identity-portal:hover:after{transform:rotate(25deg) scale(1.12)}
.identity-portal:active,.episode-card:active{transform:scale(.976)}
.library-head,.activity-heading,.activity-detail-head{position:relative;isolation:isolate;overflow:hidden;min-height:310px;margin:9px 0 30px;padding:44px 42px;border:1px solid #e2c39883;box-shadow:0 18px 45px #170d0966;background:linear-gradient(90deg,#291e1aec,#291e1a70 52%,#291e1a12),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4') 60% 42%/cover}
.library-head:before,.activity-heading:before,.activity-detail-head:before{content:"";position:absolute;inset:9px;border:1px solid #e2c3987d;pointer-events:none;z-index:-1}
.library-head:after,.activity-heading:after,.activity-detail-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45px;background:url('assets/art/cloud-border.webp?v=dc99f52b06') bottom center/100% auto no-repeat;pointer-events:none;opacity:.75}
.library-head h1{font-size:57px}.library-head>p:last-child{max-width:450px}
.library-head{min-height:340px;padding-block:48px}
.activity-heading{background-image:linear-gradient(90deg,#35251ff2,#37232498 58%,#37232429),url('assets/opt/art/golden-stage.webp?v=0b41d1516b');background-position:center;grid-template-columns:minmax(0,1fr) 270px;min-height:355px;padding-right:70px}
.activity-heading>img{position:relative;z-index:2;align-self:start;margin-top:12px;filter:drop-shadow(0 3px 10px #0008)}
.activity-heading .hero-character{position:absolute;right:75px;bottom:-205px;height:460px;width:260px;object-fit:contain;object-position:top;max-width:none;z-index:-1;opacity:.92;animation:character-arrive 1s cubic-bezier(.2,.7,.2,1) both}
.activity-detail-head{background-image:linear-gradient(90deg,#33221ced,#281c1896 60%,#281c184a),var(--episode-art,url('assets/opt/art/eternal-night.webp?v=a9324cb1b4'));background-position:center 40%;min-height:320px}
.activity-detail-head:after{height:50px}
.library-nav{padding:18px 22px;gap:34px;border:1px solid #e2c39872;box-shadow:0 7px 20px #160d0955;background:linear-gradient(#3b2e29de,#362925ed),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/350px auto;top:0;margin-bottom:38px}
.library-nav a{padding:10px 14px;margin:-10px -14px;overflow:hidden}
.library-nav a.is-active{background:linear-gradient(100deg,#a76d444d,#a7754829);box-shadow:inset 0 -2px #e2c398,0 0 23px #e2c39816}
.collection-heading{padding:18px 22px 20px;min-height:76px;position:relative;isolation:isolate;border:0;margin-bottom:25px;background:linear-gradient(90deg,#4c2931f0,#332622c9 72%,transparent),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/300px auto}
.collection-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:url('assets/art/ornament-ribbon.webp?v=25fee73c61') 20% 50%/100% 50px no-repeat;opacity:.8}
.collection-heading:before{content:"";position:absolute;right:10px;top:-18px;width:190px;height:98px;background:url('assets/art/cloud-corner.webp?v=c86f84deab') center/contain no-repeat;opacity:.65;z-index:-1;pointer-events:none}
.work-card{background:linear-gradient(#3e2f29e3,#2d211df2),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/300px auto;border:1px solid #d8b3886e;padding-bottom:24px;box-shadow:0 10px 25px #180f0b55;overflow:hidden}
.work-card:after{content:"";position:absolute;right:-30px;bottom:-8px;width:140px;height:90px;background:url('assets/art/cloud-corner.webp?v=c86f84deab') center/contain no-repeat;opacity:.26;pointer-events:none}
.work-card .work-meta,.work-card h3,.work-card p,.work-card>a{margin-left:20px;margin-right:20px}
.work-cover{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;overflow:hidden;background:transparent;color:inherit;font:inherit;isolation:isolate;text-align:left}
.work-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
.work-cover:after{content:"";position:absolute;inset:0;border:1px solid #e2c39840;box-shadow:inset 0 -55px 50px -40px #201612;pointer-events:none}
.work-cover .cover-action{position:absolute;right:12px;bottom:12px;font-size:13px;padding:7px 12px;background:#322520e8;border:1px solid #f3d7bba8;backdrop-filter:blur(8px);transform:translateY(0);transition:background .3s,transform .3s}
.work-cover:hover .cover-action,.work-cover:focus-visible .cover-action{background:#694d43eb;transform:translateY(-5px)}
.work-cover:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.work-card:hover{transform:translateY(-9px);box-shadow:0 20px 35px #170b075c,0 0 20px #e2c39825}
.work-card:hover img{transform:scale(1.085)}
.work-card>a,.story-card>a,.award-listen,.activity-sources a{position:relative;z-index:2;background:linear-gradient(#854b4859,#6b41305c),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/200px auto;border-color:#e2c39888;box-shadow:inset 0 0 15px #e2c39812}
.story-card{min-height:395px;padding-top:112px;background:linear-gradient(0deg,#2b211df5 4%,#2b211def 46%,#2b211d0a),var(--story-art) center 30%/cover;border-color:#e2c39899;box-shadow:5px 6px 0 -2px #35241e,6px 7px 0 -2px #d0a97480,0 18px 35px #0005}
.story-card:nth-child(1){--story-art:url('assets/opt/dream-scroll-1100.webp?v=d37dfbd66f');background-position:center 10%}.story-card:nth-child(2){--story-art:url('assets/opt/art/ink-portrait.webp?v=7fbba1a806')}.story-card:nth-child(3){--story-art:url('assets/opt/art/eternal-night.webp?v=a9324cb1b4')}
.story-card>span{position:absolute;left:31px;top:20px;opacity:1;text-shadow:0 2px 10px #000}
.story-card:before{inset:9px;border-color:#e2c3988c;box-shadow:inset 5px 0 #c3a27230}
.story-card:after{height:80px;opacity:.68;background-image:url('assets/art/cloud-border.webp?v=dc99f52b06');background-size:cover}
.story-card:hover,.story-card:focus-within{transform:translateY(-8px) rotateY(-6deg);box-shadow:8px 10px 0 -2px #35241e,9px 11px 0 -2px #d0a97480,0 20px 45px #0006}
.episode-grid{gap:26px;perspective:1300px}
.episode-card{position:relative;isolation:isolate;overflow:hidden;min-height:355px;padding:24px 26px;background:linear-gradient(0deg,#2b1e19f7 0%,#2b1e19e8 34%,#2b1e192b 73%,#2b1e199c),var(--episode-art) var(--episode-position,center 40%)/cover;border-color:#e2c3988f;box-shadow:0 12px 30px #190f0b70;transform-style:preserve-3d}
.episode-card:before{content:"";position:absolute;inset:8px;z-index:-1;border:1px solid #e2c3986c;pointer-events:none}
.episode-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;z-index:-1;background:url('assets/art/cloud-border.webp?v=dc99f52b06') bottom center/100% auto no-repeat;opacity:.5}
.episode-card h3{margin-top:112px;margin-bottom:8px;font-size:30px}
.episode-card>.episode-top{padding:5px 9px;background:#261b17ac;border-bottom:1px solid #e2c39844}
.episode-card>p{flex:0}
.episode-bottom{margin-top:18px;padding-top:13px;padding-bottom:10px}
.episode-card:hover,.episode-card:focus-visible{background-color:#463028;transform:translateY(-10px) rotateX(2deg);box-shadow:0 22px 45px #190f0b99,0 0 28px #f1c49430;border-color:#f2d9b7}
.episode-card:hover:before,.episode-card:focus-visible:before{border-color:#ffe3b5}
.episode-card.is-open{box-shadow:0 0 0 1px #e2c39870,0 10px 32px #d49c7130}
.episode-sound{position:absolute;right:27px;top:91px;display:flex;align-items:center;gap:4px;height:28px;opacity:.9}
.episode-sound i{display:block;width:3px;height:22px;background:var(--gold);box-shadow:0 0 8px #ffd79360;animation:stage-sound 1.1s ease-in-out infinite alternate;transform-origin:center;animation-delay:calc(var(--bar)*-.17s)}
.episode-sound i:nth-child(2n){height:13px}
.award-list{border-top:0;display:grid;gap:16px}
.award-row,.award-row.first-prize{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e2c3985c;background:linear-gradient(90deg,#4b2b31ed,#2b211ee0),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/400px auto;box-shadow:0 8px 24px #150d0a55;padding:28px}
.award-row:before{content:"";position:absolute;inset:6px;border:1px solid #e2c39833;pointer-events:none;z-index:-1}
.award-row:after{content:"";position:absolute;right:0;bottom:0;width:240px;height:100%;z-index:-1;background:url('assets/art/cloud-corner.webp?v=c86f84deab') right center/contain no-repeat;opacity:.16;pointer-events:none}
.award-row.first-prize{background-image:linear-gradient(90deg,#75442de0,#402328dc),url('assets/opt/art/golden-stage.webp?v=0b41d1516b');background-size:cover;background-position:center 64%;border-color:#e2c398c7}
.award-row:hover{transform:translateX(6px);border-color:#e2c398aa}
.profile-mark{background:linear-gradient(#362925a1,#3e302bca),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4') center/cover;border-color:#e2c39888}
.profile-nav>a,.interest-tags span{background:linear-gradient(90deg,#49342d60,#2d1f1a60),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/250px auto}
.prose-quote,.award-pending{background:linear-gradient(90deg,#4e3931db,#382822c9),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4') center/cover}
.button,.button.rose,.motion-toggle,.back-top{background:linear-gradient(#7b474ba8,#45342eb8),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/cover;border-color:#e2c398a8}
.button:hover,.button.rose:hover,.motion-toggle:hover,.back-top:hover{background-color:#a56956}
.library-bottom,.profile-end{background:linear-gradient(90deg,#57403738,#412e275c),url('assets/opt/art/dream-water.webp?v=0ed683b70c') center 60%/cover;padding:25px 24px;margin-bottom:35px;border:1px solid #e2c39850}
.motion-reveal.is-visible{animation:art-card-arrive .85s cubic-bezier(.16,.72,.2,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.motion-tools{z-index:30}
.route-curtain{position:fixed;inset:0;z-index:95;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;visibility:hidden;overflow:hidden}
.route-curtain>i{position:relative;display:block;min-width:0;overflow:hidden;background:#2a1d19;border-right:1px solid #e2c398a8;transform:translateX(-102%)}
.route-curtain>i:nth-child(2){border:0;border-left:1px solid #e2c398a8;transform:translateX(102%)}
.route-curtain>i>picture{position:absolute;inset:0 auto 0 0;width:200%;height:100%;display:block}
.route-curtain>i:nth-child(2)>picture{left:auto;right:0}
.route-curtain .route-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block}
.route-curtain>i:after{content:"";position:absolute;inset:0;background:linear-gradient(#40292096,#2a1d19ca);pointer-events:none}
.route-curtain .route-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;object-fit:contain;opacity:0;filter:drop-shadow(0 0 22px #ffcf8a65)}
html.route-boot .route-curtain,.route-holding .route-curtain,.route-entering .route-curtain,.route-leaving .route-curtain{visibility:visible;pointer-events:auto}
html.route-boot .route-curtain>i,.route-holding .route-curtain>i{transform:translateX(0)}
html.route-boot .route-emblem,.route-holding .route-emblem{opacity:1}
.route-leaving .route-curtain>i{animation:curtain-close var(--route-close-time,450ms) cubic-bezier(.45,0,.35,1) both}
.route-leaving .route-emblem{animation:emblem-show var(--route-close-time,450ms) ease both}
.route-entering .route-curtain>i{animation:curtain-open-left var(--route-open-time,700ms) cubic-bezier(.42,0,.25,1) both}
.route-entering .route-curtain>i:nth-child(2){animation-name:curtain-open-right}
.route-entering .route-emblem{animation:emblem-hide var(--route-open-time,700ms) ease both}
.route-leaving main{transition:transform var(--route-close-time,450ms),filter var(--route-close-time,450ms);transform:scale(.985);filter:blur(3px)}
.click-bloom{position:fixed;width:24px;height:24px;z-index:100;border:1px solid #ffdfb4;border-radius:50%;box-shadow:0 0 20px #ffd5a599,inset 0 0 10px #f0b6c950;pointer-events:none;animation:click-bloom .65s ease-out forwards}
.section-arriving .collection-heading{animation:section-shine .8s ease-out}
.work-dialog{width:min(940px,calc(100% - 36px));max-height:88svh;padding:0;border:1px solid #e2c398b8;background:#2b211d;color:var(--ink);box-shadow:0 25px 110px #000a;overflow:auto}
.work-dialog::backdrop{background:#19100cca;backdrop-filter:blur(9px);animation:dialog-backdrop .3s ease-out}
.work-dialog[open]{animation:work-unfold .55s cubic-bezier(.16,.75,.2,1) both}
.work-dialog.is-closing{animation:work-fold .24s ease-in both}
.work-dialog.is-closing::backdrop{animation:dialog-backdrop .24s ease-in reverse both}
.work-dialog .dialog-grid{display:grid;grid-template-columns:1.15fr 1fr;min-height:370px;background:linear-gradient(100deg,#372a25aa,#342723ed),url('assets/opt/art/eternal-night.webp?v=a9324cb1b4') center/cover}
.dialog-art{width:100%;height:100%;object-fit:cover;min-height:370px;object-position:center}
.dialog-copy{padding:55px 35px 35px;position:relative;background:linear-gradient(#41312b99,#261d19be),url('assets/art/silk-pattern.webp?v=ce71f709ec') center/250px auto}
.dialog-copy:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35px;background:url('assets/art/cloud-border.webp?v=dc99f52b06') center bottom/100% auto no-repeat;pointer-events:none;opacity:.7}
.dialog-copy .dialog-meta{font-size:13px;color:var(--gold);margin-bottom:13px}.dialog-copy h2{font:36px/1.5 var(--serif);margin-bottom:15px}.dialog-copy p{font-size:16px;line-height:1.95;color:var(--muted)}
.dialog-close{position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;cursor:pointer;color:var(--gold);font:26px/1 sans-serif;background:#302420e8;border:1px solid #e2c3988c}
.dialog-close:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body.has-work-dialog{overflow:hidden}
.motion-paused .route-curtain{display:none}.motion-paused .work-dialog[open],.motion-paused .work-dialog.is-closing{animation:none}.motion-paused .click-bloom{display:none}
.motion-paused .episode-card,.motion-paused .story-card,.motion-paused .award-row{animation:none!important}
@keyframes stage-sound{from{transform:scaleY(.35);opacity:.45}to{transform:scaleY(1.12);opacity:1}}
@keyframes art-card-arrive{from{opacity:0;transform:perspective(1000px) translateY(38px) rotateX(8deg);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes character-arrive{from{opacity:0;transform:translateX(50px)}to{opacity:.92;transform:none}}
@keyframes curtain-close{to{transform:translateX(0)}}
@keyframes curtain-open-left{from{transform:translateX(0)}to{transform:translateX(-102%)}}
@keyframes curtain-open-right{from{transform:translateX(0)}to{transform:translateX(102%)}}
@keyframes emblem-show{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes emblem-hide{from{opacity:1;scale:1}to{opacity:0;scale:1.15}}
@keyframes click-bloom{to{transform:scale(5);opacity:0}}
@keyframes section-shine{0%{box-shadow:0 0 0 #efbf8a00}35%{box-shadow:0 0 40px #efbf8a60}100%{box-shadow:0 0 0 #efbf8a00}}
@keyframes work-unfold{from{opacity:0;transform:perspective(1200px) translateY(35px) rotateX(10deg) scale(.87);clip-path:inset(35% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes work-fold{to{opacity:0;transform:translateY(25px) scale(.93)}}
@keyframes dialog-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.site-header{gap:20px;padding-inline:3%}.site-header nav{gap:10px}.site-header nav a{padding-inline:12px}.activity-heading{padding-right:30px}.activity-heading .hero-character{right:35px}.page-shell{width:calc(100% - 60px)}}
@media(max-width:760px){.site-header{padding:12px 18px 14px;min-height:110px;gap:9px}.site-header nav{gap:9px;flex-wrap:nowrap}.site-header nav a{padding:8px 10px}.site-header:before{background-size:170px auto,160px auto;opacity:.4}.site-header:after{background-size:auto 45px}.page-shell{width:calc(100% - 36px)}.portal-scene{background:linear-gradient(0deg,#231721 20%,transparent 85%);min-height:0}.scene-art:after{background:linear-gradient(0deg,#231721 1%,#231721f0 17%,#231721c0 38%,#2317210a 76%)}.library-head,.activity-heading,.activity-detail-head{padding:30px 24px;margin:4px 0 25px;min-height:300px}.library-head{background-position:63% center}.library-head h1{font-size:40px;max-width:230px}.library-head>p:last-child{max-width:210px}.activity-heading{min-height:365px;padding-right:22px;background-position:58% center}.activity-heading h1{font-size:36px;max-width:270px}.activity-heading>div{position:relative;z-index:2}.activity-intro{font-size:16px;max-width:215px}.archive-meta{font-size:12px;max-width:220px}.activity-heading>img{width:165px;margin:20px 0 0}.activity-heading .hero-character{width:190px;height:330px;right:-40px;bottom:-135px;opacity:.75;z-index:0}.activity-detail-head h1 span{font-size:38px}.activity-facts{font-size:13px}.library-nav{gap:24px;padding:17px 18px;font-size:13px}.activities-page .library-nav{gap:14px 24px}.collection-heading{padding:15px 18px;min-height:68px}.collection-heading:before{width:125px;right:-3px;opacity:.45}.work-grid{gap:22px 15px}.work-card .work-meta,.work-card h3,.work-card p,.work-card>a{margin-inline:14px}.work-cover .cover-action{font-size:12px;right:9px;bottom:9px;padding:6px 10px}.episode-card{min-height:340px}.episode-card h3{margin-top:98px}.story-card{min-height:380px;padding-top:130px}.work-dialog .dialog-grid{grid-template-columns:1fr}.dialog-art{min-height:0;height:auto;max-height:33svh;aspect-ratio:16/9;object-fit:cover}.dialog-copy{padding:25px 25px 35px}.dialog-copy h2{font-size:30px}.site-footer{min-height:190px;padding:60px 18px 70px;align-items:flex-end}.site-footer:before{background-size:auto 70px}.site-footer>span,.site-footer>a{padding:4px 7px;font-size:12px}.library-bottom,.profile-end{padding:23px 18px}.award-row{padding:25px 20px}.stage-film{opacity:.19}}
@media(max-width:380px){.site-header nav{gap:5px}.site-header nav a{padding-inline:8px}.library-head h1{font-size:37px}.activity-heading h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.route-curtain,.click-bloom{display:none!important}.work-dialog[open]{opacity:1;transform:none;clip-path:none}.stage-film{display:none}.hero-character{opacity:.92!important;transform:none!important}}
.episode-top{background:linear-gradient(#46262d9e,#42242acd),url('assets/art/title-plaque.webp?v=f634e69050') center/100% 100% no-repeat!important;border:0!important;padding:9px 16px!important}
.profile-mark:before{inset:0;border:0;background:url('assets/art/scroll-frame.webp?v=97aa0414cb') center/100% 100% no-repeat;opacity:.24}
/* Keep the activity logo and character face in separate parts of the illustration. */
.activity-heading>img:not(.hero-character){position:absolute;right:280px;bottom:32px;width:200px;margin:0;align-self:auto}
.activity-heading .hero-character{height:600px;width:310px;right:20px;bottom:-305px}
@media(max-width:760px){.activity-heading>img:not(.hero-character){right:auto;left:24px;bottom:28px;width:145px}.activity-heading .hero-character{width:220px;height:400px;right:-30px;bottom:-190px}}
.activity-facts>span{padding:4px 8px;background:#271c18a3;border:1px solid #e2c39828}
.activity-facts{gap:10px 16px}
@media(min-width:761px){.scene-art{mask-image:linear-gradient(90deg,transparent,#000 18%)}}
/* Retain the artwork when legacy hover rules change the base background. */
.episode-card:hover,.episode-card:focus-visible{background-image:linear-gradient(0deg,#2b1e19f7 0%,#2b1e19e8 34%,#2b1e192b 73%,#2b1e199c),var(--episode-art);background-position:var(--episode-position,center 40%);background-size:cover}
.identity-portal:hover,.identity-portal:focus-visible{background-image:linear-gradient(100deg,#36242ad9,#2f2232b9),url('assets/art/silk-pattern.webp?v=ce71f709ec');background-size:cover}
.singer-portal:hover,.singer-portal:focus-visible{background-image:linear-gradient(100deg,#3d2939d5,#452a38a8),url('assets/opt/art/blossom-canopy.webp?v=1fd1ca5aa6');background-position:center 55%}
.button:hover,.button.rose:hover,.motion-toggle:hover,.back-top:hover{background-image:linear-gradient(#8c5255a8,#60383db8),url('assets/art/silk-pattern.webp?v=ce71f709ec');background-size:cover}

/* 主页氛围色（Claude, 2026-09-27）：主页插画是紫色夜樱，主页的导航、页脚和悬浮按钮沿用原来的暮紫色调（饱和度降低约两成，看久了不累）；其他页面仍为暖棕。 */
.home-page .site-header{background-color:#231a206b}
.home-page .nav-peek{background:#2a202a9c}
.home-page .site-footer{background-image:linear-gradient(0deg,#22141fe8,#22172340),url('assets/opt/art/dream-water.webp?v=0ed683b70c');box-shadow:inset 0 30px 40px -25px #201620}
.home-page .site-footer>span,.home-page .site-footer>a{background:#241521a8}
.home-page .motion-toggle,.home-page .back-top{background-image:linear-gradient(#7b474ba8,#452e36b8),url('assets/art/silk-pattern.webp?v=ce71f709ec')}
.home-page .motion-toggle:hover,.home-page .back-top:hover{background-image:linear-gradient(#8c5255a8,#60383db8),url('assets/art/silk-pattern.webp?v=ce71f709ec')}