:root{--paper:#edf5f7;--ink:#153d48;--muted:#64808a;--line:#c4d7de;--serif:Georgia,'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #5999aa;outline-offset:5px}img{max-width:100%;display:block}button{background:none}h1,h2,h3,p,figure{margin:0}button:disabled{cursor:default}::selection{background:#a9d4e0}main{min-height:calc(100svh - 180px)}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5.2%;max-width:1800px;margin:auto;position:relative;z-index:20;border-bottom:1px solid #bed4dc66}.brand{font:27px var(--serif);letter-spacing:-1.2px;white-space:nowrap}.brand span{font-size:15px;letter-spacing:3px;border-left:1px solid #afc7d0;padding-left:14px;margin-left:14px}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{font-size:12px;letter-spacing:1px;padding:13px 0;position:relative;color:#4d6b75}.site-header nav a:after{position:absolute;content:'';height:1px;background:var(--ink);left:0;right:0;bottom:3px;transform:scaleX(0);transition:transform .25s}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.site-header nav a[aria-current=page]{color:var(--ink)}.header-note{font-size:8px;letter-spacing:2px;white-space:nowrap}.header-note span{font-size:23px;margin-left:15px;vertical-align:middle}.menu-button{display:none;border:0;padding:10px;width:42px}.menu-button span{display:block;height:1px;background:currentColor;margin:6px 0}.site-footer{margin:0 5.2%;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted)}.site-footer>a{font:18px var(--serif);color:var(--ink)}.site-footer p{font-size:10px}.site-footer>span{font-size:8px;letter-spacing:2px}.kicker{font-size:9px;letter-spacing:2.5px;font-weight:400;color:var(--muted);line-height:1.7}.muted{font-size:12px;line-height:1.95;color:var(--muted)}.link-arrow{font-size:12px;letter-spacing:1px;display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #8fb2bf;padding:15px 0;transition:gap .25s}.link-arrow:hover{gap:40px}.link-arrow span{font-size:20px;font-weight:300}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--ink);background:var(--ink);color:#f5fbfd;padding:17px 23px;font-size:12px;letter-spacing:1px}.button.ghost{background:transparent;color:var(--ink);border-color:#94b3bd}.button:hover{filter:brightness(1.12)}.home-cover{max-width:1800px;margin:auto;height:calc(100svh - 172px);min-height:590px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate}.cover-water{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#e7f1f540,#eef7fa20),url('../media/crystal-water.webp') center/cover}.portrait-stage{position:absolute;inset:0 auto 0 0;width:60%;overflow:hidden;z-index:-1;mask-image:linear-gradient(180deg,#000 85%,transparent)}.portrait-stage img{height:100%;width:100%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 65%,transparent 99%)}.portrait-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#eaf5f700 70%,#eaf5f7 99%);pointer-events:none}.portrait-index{position:absolute;bottom:13%;left:10%;font-size:9px;letter-spacing:3px;color:#fff;text-shadow:0 1px 5px #143d48;writing-mode:vertical-rl}.cover-copy{position:absolute;width:45%;left:51%;top:12%;padding-right:5%}.cover-copy>.kicker{margin-bottom:26px;font-size:8px;letter-spacing:3.4px}.cover-copy h1{font:italic clamp(85px,10.2vw,162px)/.87 var(--serif);letter-spacing:-.065em;font-weight:400;color:#335965;text-shadow:0 1px #fff}.cover-copy h1>span{display:block}.cover-copy h1>span:nth-child(2){padding-left:17%}.cover-copy h1 i{font:normal clamp(16px,2vw,29px) var(--serif);letter-spacing:5px;display:inline-block;vertical-align:middle;margin-left:19px}.cover-line{width:42px;height:1px;background:#6e919e;margin:35px 0 23px 18%}.cover-slogan{margin-left:18%;font:clamp(15px,1.5vw,21px)/2 var(--serif);letter-spacing:3px}.cover-links{margin:22px 0 0 18%;display:flex;gap:28px;flex-wrap:wrap}.cover-links .link-arrow{font-size:11px;gap:24px}.cover-links .secondary{border-color:transparent;color:var(--muted)}.cover-bottom{position:absolute;left:5.2%;right:5.2%;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cover-bottom>span{font-size:8px;letter-spacing:2.5px}.cover-bottom>a{font-size:11px;letter-spacing:2px}.cover-bottom>a span{padding-left:20px}.page-intro{max-width:1400px;margin:0 auto;padding:65px 6% 45px}.page-intro>.kicker{margin-bottom:26px}.intro-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-row h1{font:clamp(32px,3.4vw,49px)/1.45 var(--serif);letter-spacing:1px;font-weight:400}.intro-row p{font-size:12px;line-height:2;color:var(--muted);padding-bottom:5px}.page-content{max-width:1400px;padding:0 6% 70px;margin:auto}.gallery-toolbar{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;padding:13px 0}.tabs{display:flex;gap:30px}.tabs button{border:0;padding:10px 0;font-size:12px;color:var(--muted)}.tabs button.active{color:var(--ink)}.tabs button.active:before{content:'✧';margin-right:8px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;align-items:start}.photo-card{position:relative;min-width:0}.photo-card:nth-child(3n+2){padding-top:60px}.photo-open{width:100%;padding:0;border:0;aspect-ratio:3/4;overflow:hidden;display:block;background:#dce8ed}.photo-open img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .5s}.photo-open:hover img{transform:scale(1.025)}.photo-card:nth-child(3n) .photo-open{aspect-ratio:4/5}.photo-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.photo-caption h2{font-size:12px;font-weight:400;line-height:1.5}.photo-caption p{font:8px Georgia,serif;letter-spacing:2px;color:var(--muted);margin-top:7px}.favorite{border:0;font-size:24px;padding:4px 5px}.favorite[aria-pressed=true]{color:#347c91}.empty-gallery{text-align:center;padding:70px 20px}.empty-gallery>span{font-size:45px}.empty-gallery h2{font:27px var(--serif);margin:25px}.empty-gallery p{font-size:12px;color:var(--muted);line-height:2}.photo-dialog{padding:0;border:0;background:#eaf3f6;color:var(--ink);max-width:94vw;max-height:94svh}.photo-dialog>img{max-width:90vw;max-height:80svh;margin:auto}.photo-dialog::backdrop,.lightboard::backdrop{background:#0a202ce8;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:16px;border:0;width:38px;height:38px;border-radius:50%;background:#f3fafbe6;color:#173d48;font-size:25px;z-index:3}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px}.viewer-bottom button{border:0;font-size:24px}.viewer-bottom p{font-size:12px}.dark{--paper:#112b35;--ink:#e2f0f5;--muted:#a0b8c1;--line:#36515c}.dark .site-header nav a{color:#aec3cb}.dark .site-header nav a[aria-current=page]{color:#fff}.dark .site-header{border-color:#34505b}.dark .brand span{border-color:#45616d}.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:38px;padding-top:5px}.screen{position:relative;background:#091b22;border:1px solid #38525e}.screen video{width:100%;height:min(58vw,560px);display:block;object-fit:contain;background:#091b22}.screen-label{position:absolute;top:17px;left:19px;font-size:8px;letter-spacing:2px;color:#c9dce3;pointer-events:none;text-shadow:0 1px 5px #000}.now-playing{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px}.now-playing h2{font:26px/1.5 var(--serif);margin-top:9px}.film-number{font:60px Georgia,serif;color:#4c6c7a}.playlist-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:3px 0 20px;font-size:14px}.playlist-heading small{font-size:9px;letter-spacing:2px;color:var(--muted)}.film-select{display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:13px;width:100%;padding:15px 0;text-align:left;border:0;border-bottom:1px solid var(--line);color:#adc4ce}.film-select.selected{color:white}.film-select.selected .clip-name:after{content:' · 播放中';font-size:9px;color:#a7d4e4}.film-select img{width:48px;height:62px;object-fit:cover}.film-select small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:8px;color:#8eacb8}.clip-name{font-size:11px;line-height:1.6}.film-select b{font-weight:400}.fans-content{padding-top:5px}.fans-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-block:1px solid var(--line);font-size:11px}.fans-summary p{color:var(--muted)}.fans-summary>a{border-bottom:1px solid #90b0bc;padding:6px 0;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#6a9aa9;margin-right:9px}.directory{padding:38px 0 20px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.directory-heading h2{font:27px var(--serif)}.search-box{display:flex;gap:14px;align-items:center;border-bottom:1px solid #a8c3ce;padding:12px 0;width:260px}.search-box span{font-size:21px}.search-box input{min-width:0;width:100%;border:0;background:none;font-size:12px;outline:none}input::placeholder{color:#79949e}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:400;padding:18px 22px;background:#e0edf2;border-bottom:1px solid #bfd4dd}td{padding:20px;border-bottom:1px solid #bfd4dd}.directory-empty{text-align:center;padding:60px 20px 70px;background:radial-gradient(ellipse at center,#e3f2f8,transparent 70%)}.empty-star{font-size:55px;color:#7ca6b6}.directory-empty h3{font:26px/1.6 var(--serif);margin:20px 0 14px}.directory-empty p{font-size:12px;color:var(--muted);line-height:2}.quiet-note{display:flex;gap:40px;padding:30px 0;font-size:11px;line-height:2}.quiet-note>span{white-space:nowrap;color:var(--ink)}.quiet-note p{color:var(--muted)}.collection-hero{overflow:hidden}.collection-hero>img{width:100%;height:auto}.collection-hero figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 0;font-size:9px;color:var(--muted);letter-spacing:1px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:55px 0 30px}.collection-heading h2{font:32px var(--serif)}.status-label{font-size:10px;padding:8px 12px;background:#dcecf2;letter-spacing:1px}.rewards{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #abc5d0}.reward{padding:26px 23px 30px;border-right:1px solid var(--line)}.reward:first-child{padding-left:0}.reward:last-child{border-right:0}.reward-top{display:flex;align-items:center;justify-content:space-between}.reward-top>span{font:36px var(--serif);color:#477987}.reward-top small{font:14px var(--serif);letter-spacing:2px}.reward h3{font:22px var(--serif);margin:28px 0 15px}.reward p{font-size:11px;line-height:2;min-height:46px}.reward>small{display:block;font-size:10px;line-height:1.9;color:var(--muted);margin-top:10px}.rules-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:65px 0 35px}.rules-section h2{font:34px var(--serif);margin:20px 0 23px}.rules-section .link-arrow{margin-top:23px}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{padding:20px 0;list-style:none;cursor:pointer;font-size:13px;display:flex;gap:25px;align-items:center}.accordion summary::-webkit-details-marker{display:none}.accordion summary>span{font:10px Georgia,serif;color:var(--muted)}.accordion summary b{margin-left:auto;font-size:17px;font-weight:400}.accordion details[open] summary b{transform:rotate(45deg)}.accordion details>p{font-size:12px;color:var(--muted);line-height:2;padding:0 25px 22px 40px}.collection-notice{font-size:10px;border-bottom:1px solid var(--line);padding-bottom:30px}.design-details>summary{display:flex;justify-content:space-between;padding:28px 0;cursor:pointer;font:20px var(--serif)}.design-details>img{width:100%;margin:10px 0 25px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.spec-grid p{font-size:11px;line-height:2;color:var(--muted)}.spec-grid strong{display:block;font-weight:400;color:var(--ink);font-size:13px}.support-hero{max-width:1400px;margin:auto;text-align:center;padding:65px 25px 75px;background:linear-gradient(#edf5f72e,#edf5f755),url('../media/crystal-water.webp') center/cover}.support-hero blockquote{font:clamp(26px,4vw,55px)/1.9 var(--serif);letter-spacing:3px;margin:30px 0}.support-actions{display:flex;justify-content:center;gap:20px}.keepsake{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:75px;align-items:center}.keepsake-card{position:relative;min-height:330px;padding:35px;background:linear-gradient(115deg,#f7fbfc,#c7e0ea);border:1px solid #b4ccd5;overflow:hidden}.keepsake-card>img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(90deg,transparent,#000 35%)}.keepsake-card>div{position:relative;max-width:70%}.keepsake-card h2{font:28px/1.5 var(--serif);margin:40px 0 15px;overflow-wrap:anywhere}.keepsake-card p{font-size:11px;line-height:2}.keepsake-card small{display:block;font-size:9px;letter-spacing:2px;border-top:1px solid #bad1db;margin-top:32px;padding-top:18px}.keepsake-form h2{font:29px/1.5 var(--serif);margin:17px 0 22px}.keepsake-form label{font-size:11px;display:block}.keepsake-form input{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #9fbecb;background:none;font-size:13px}.keepsake-form button{margin-top:22px}.keepsake-form .muted{font-size:10px;margin-top:18px}.douyin-section{text-align:center;padding:30px 20px 75px}.douyin-section h2{font:31px var(--serif);margin:20px 0}.douyin-section .muted{font-size:10px;margin-top:17px}.lightboard{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;margin:0;background:#0b2530;color:#cceff8;padding:0}.board-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.board-inner .kicker{color:inherit}.board-inner strong{font:clamp(130px,25vw,330px)/1.5 var(--serif);text-shadow:0 0 50px #b9e8f440}.board-inner p{font:clamp(16px,2vw,24px)/2 var(--serif);letter-spacing:3px}.board-colors{display:flex;gap:20px;margin-top:30px}.board-colors button{width:25px;height:25px;border:2px solid white;border-radius:50%}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translateX(-50%);background:#183d48;color:#f0f8fb;padding:14px 24px;font-size:12px;max-width:90vw;box-shadow:0 8px 25px #122e4822;text-align:center}[hidden]{display:none!important}
@media(min-width:1600px){.cover-copy{top:13%}.cover-line{margin-top:40px}.cover-links{margin-top:30px}}
@media(max-width:1150px){.site-header{gap:20px;padding:0 4%}.site-header nav{gap:20px}.header-note{display:none}.cover-copy{top:15%;width:47%;left:50%;padding-right:4%}.cover-copy h1{font-size:11vw}.cover-copy>.kicker{margin-bottom:23px}.cover-slogan{font-size:16px;letter-spacing:2px}.cover-links{gap:16px}.cover-links .link-arrow{gap:15px;font-size:10px}.cinema-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.intro-row h1{font-size:36px}.reward{padding:23px 15px}.reward h3{font-size:19px}.rules-section{gap:35px}.keepsake{gap:5%}.keepsake-card{padding:26px}.keepsake-form h2{font-size:26px}}
@media(max-width:800px){.site-header{height:76px;padding:0 6%}.brand{font-size:25px}.brand span{font-size:13px}.menu-button{display:block}.site-header nav{position:absolute;top:76px;left:0;right:0;display:none;background:#eff7faf7;box-shadow:0 15px 30px #0d354b15;padding:22px 6%;grid-template-columns:1fr 1fr;gap:10px 35px}.site-header nav.open{display:grid}.site-header nav a{font-size:13px;padding:13px 0}.dark .site-header nav{background:#17333f}.home-cover{height:calc(100svh - 155px);min-height:580px}.cover-copy{width:49%;left:49%;top:15%;padding-right:4%}.cover-copy h1{font-size:12vw}.cover-copy>.kicker{font-size:7px;letter-spacing:1.5px}.portrait-stage{width:65%}.cover-slogan{margin-left:10%;font-size:14px;letter-spacing:1px}.cover-line{margin-left:10%;margin-top:30px}.cover-links{margin-left:10%;display:block;margin-top:16px}.cover-links .link-arrow{display:flex;width:max-content;font-size:10px;padding:12px 0;gap:25px}.cover-copy h1 i{font-size:17px;letter-spacing:2px;margin-left:12px}.cover-bottom{bottom:24px}.cover-bottom>a{font-size:9px;letter-spacing:0}.cover-bottom>span{font-size:7px;letter-spacing:1px}.site-footer{margin:0 6%;padding:25px 0}.site-footer>span{display:none}.page-intro{padding:45px 6% 30px}.intro-row{display:block}.intro-row h1{font-size:35px}.intro-row p{font-size:11px;margin-top:20px}.page-intro>.kicker{margin-bottom:18px}.photo-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.photo-card:nth-child(3n+2){padding-top:0}.photo-card:nth-child(even){padding-top:40px}.photo-card:nth-child(3n) .photo-open{aspect-ratio:3/4}.cinema-layout{grid-template-columns:1fr}.screen video{height:520px;max-height:65svh}.playlist{margin-top:10px}.playlist #film-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.fans-summary{flex-wrap:wrap}.fans-summary p{order:3;width:100%;line-height:1.9}.directory-empty h3{font-size:24px}.collection-heading h2{font-size:27px}.rewards{grid-template-columns:1fr 1fr}.reward{border-bottom:1px solid var(--line);padding:25px!important}.reward:nth-child(2){border-right:0}.reward:nth-child(3),.reward:nth-child(4){border-bottom:0}.rules-section{grid-template-columns:1fr;gap:25px;padding-top:45px}.spec-grid{grid-template-columns:1fr 1fr}.keepsake{grid-template-columns:1fr;gap:35px;max-width:650px}.support-hero{padding:45px 20px 55px}.support-hero blockquote{font-size:32px;letter-spacing:1px}.keepsake-card{min-height:315px}.keepsake-form h2{font-size:28px}}
@media(max-width:520px){.site-header{height:68px}.site-header nav{top:68px}.brand{font-size:24px}.home-cover{height:calc(100svh - 132px);min-height:660px;max-height:900px}.cover-water{background-position:65% center}.portrait-stage{left:0;top:0;bottom:auto;width:100%;height:65%;mask-image:linear-gradient(180deg,#000 75%,transparent)}.portrait-stage img{object-position:50% 28%;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 78%,transparent 100%)}.portrait-stage:after{background:linear-gradient(180deg,transparent 60%,#edf5f7 98%)}.portrait-index{display:none}.cover-copy{left:6%;top:49%;width:88%;padding:0}.cover-copy>.kicker{font-size:7px;letter-spacing:2px;margin-bottom:14px;margin-left:47%}.cover-copy h1{font-size:20vw;line-height:.86;letter-spacing:-.06em}.cover-copy h1>span{display:inline}.cover-copy h1>span:nth-child(2){padding-left:3%}.cover-copy h1 i{font-size:16px;letter-spacing:3px;margin-left:15px}.cover-line{margin:23px 0 14px;width:30px}.cover-slogan{font-size:14px;line-height:1.8;letter-spacing:2px;margin-left:0}.cover-links{display:flex;margin:14px 0 0;gap:28px}.cover-links .link-arrow{padding:10px 0;font-size:10px;gap:22px}.cover-bottom{left:6%;right:6%;bottom:16px}.cover-bottom>span{font-size:6px;letter-spacing:1px}.cover-bottom>a{font-size:8px;letter-spacing:0}.cover-bottom>a span{padding-left:7px}.site-footer{padding:19px 0;gap:10px}.site-footer>a{font-size:14px}.site-footer p{font-size:8px}.page-intro{padding-top:37px}.page-intro .kicker{font-size:8px;letter-spacing:2px}.intro-row h1{font-size:29px;line-height:1.5}.intro-row p{font-size:11px;margin-top:15px}.page-content{padding-bottom:45px}.gallery-toolbar{margin-bottom:24px;padding:9px 0}.tabs{gap:21px}.tabs button{font-size:11px}.tabs button.active:before{display:none}.gallery-toolbar>.kicker{font-size:7px;letter-spacing:1px}.photo-grid{gap:25px 12px}.photo-card:nth-child(even){padding-top:27px}.photo-caption h2{font-size:10px}.photo-caption p{font-size:6px;letter-spacing:1px}.photo-caption{margin-top:11px;gap:5px}.favorite{font-size:21px;padding:2px}.empty-gallery h2{font-size:23px}.photo-dialog>img{max-width:94vw}.viewer-bottom{padding:14px 18px;gap:10px}.viewer-bottom p{font-size:10px}.screen video{height:450px;max-height:65svh}.now-playing h2{font-size:23px}.film-number{font-size:49px}.now-playing .kicker{font-size:8px}.cinema-main>.muted{font-size:10px}.playlist #film-list{gap:0 16px}.film-select{grid-template-columns:38px 1fr;gap:9px;padding:13px 0}.film-select img{width:38px;height:55px}.film-select b{display:none}.clip-name{font-size:10px}.film-select small{font-size:7px}.film-select.selected .clip-name:after{display:block;font-size:8px}.fans-summary{font-size:10px}.directory-heading{flex-direction:column;align-items:start}.search-box{width:100%;padding:8px 0}.directory-heading h2{font-size:25px}th{padding:15px 12px;font-size:10px}.directory-empty{padding:42px 0 50px}.directory-empty h3{font-size:19px}.directory-empty p{font-size:11px}.quiet-note{gap:20px;font-size:10px}.collection-hero figcaption{flex-direction:column;font-size:8px;gap:7px;padding:12px 0}.collection-heading{display:block;margin:32px 0 23px}.collection-heading h2{font-size:26px;margin-bottom:17px}.status-label{font-size:9px}.reward{padding:22px 13px!important}.reward-top>span{font-size:30px}.reward-top small{font-size:12px}.reward h3{font-size:17px;margin-top:23px}.reward p{font-size:10px}.reward>small{font-size:9px}.rules-section h2{font-size:30px}.accordion summary{font-size:12px;gap:20px}.accordion details>p{font-size:11px;padding-left:33px}.collection-notice{font-size:10px}.design-details>summary{font-size:17px}.spec-grid{gap:18px;font-size:10px}.spec-grid p{font-size:10px}.spec-grid strong{font-size:12px}.support-hero{padding:35px 10px 42px}.support-hero blockquote{font-size:25px;line-height:1.9;margin:25px 0}.support-hero>.kicker{font-size:8px;letter-spacing:2px}.support-actions{gap:12px}.button{font-size:11px;padding:14px 18px;gap:23px}.keepsake{padding-top:40px}.keepsake-card{min-height:280px;padding:25px}.keepsake-card h2{font-size:24px;margin-top:29px}.keepsake-card .kicker{font-size:7px}.keepsake-card small{font-size:8px;letter-spacing:1px}.keepsake-form h2{font-size:25px}.douyin-section h2{font-size:27px}.douyin-section{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Homepage editorial previews */
.home-section{max-width:1400px;padding:75px 6%;margin:0 auto}.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:36px}.home-section-heading h2{font:34px/1.45 var(--serif);margin-top:14px;letter-spacing:1px}.home-section-heading h2>span{display:block;font:12px/1.8 var(--sans);color:var(--muted);letter-spacing:1px;margin-top:12px}.home-section-heading>.link-arrow{flex-shrink:0}.home-photo-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;align-items:start;gap:28px}.home-photo:nth-child(2){margin-top:60px}.home-photo-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#d8e7ed}.home-photo:nth-child(2) .home-photo-image{aspect-ratio:4/5}.home-photo-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .5s}.home-photo:hover img{transform:scale(1.025)}.photo-entry{position:absolute;right:15px;bottom:15px;width:34px;height:34px;display:grid;place-items:center;background:#edf6f9e0;font-size:19px}.home-photo-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.home-photo-caption h3{font:17px/1.5 var(--serif)}.home-photo-caption>span{font-size:7px;letter-spacing:1.4px;color:var(--muted)}.home-cinema{--ink:#e2f0f5;--muted:#a9c0c9;--line:#44616d;background:#14333e;color:var(--ink)}.home-cinema .home-section{padding-block:65px}.home-cinema-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px}.home-featured-film video{width:100%;height:430px;max-height:65svh;object-fit:contain;display:block;background:#0b2028;border:1px solid #375560}.home-film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.home-film-caption h3{font:25px var(--serif);margin-top:10px}.home-film-caption>a{font-size:27px;padding:10px}.home-film-note{font:28px/1.6 var(--serif);letter-spacing:1px;margin-bottom:20px}.home-film-teaser{display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:19px 0;border-bottom:1px solid #45606b}.home-film-teaser>img{width:90px;height:107px;object-fit:cover}.home-film-teaser h3{font:19px/1.5 var(--serif);margin:10px 0}.home-film-teaser div>span:last-child{font-size:10px;color:#acc6d2}.home-film-all{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;padding-top:22px}.home-film-all>span{color:#b6cbd5}.home-community-grid{display:grid;grid-template-columns:1fr 1.1fr;border-block:1px solid var(--line)}.home-fans-panel,.home-gifts-panel{padding:33px 35px 32px;min-width:0}.home-fans-panel{padding-left:0;border-right:1px solid var(--line)}.home-gifts-panel{padding-right:0}.home-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.home-panel-heading h3{font:28px var(--serif)}.home-panel-heading>span{font:9px Georgia,serif;letter-spacing:2px;color:var(--muted)}.home-panel-copy{font:15px/2 var(--serif);color:var(--muted);margin:24px 0}.home-roster-preview{border-block:1px solid var(--line);margin-bottom:22px;background:linear-gradient(#e4f1f690,#f3f9fb00)}.home-roster-columns{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding:14px 18px}.home-roster-status{text-align:center;padding:24px 10px 29px}.home-roster-status>span{font-size:39px;color:#6d9cab}.home-roster-status h4{font:18px var(--serif);font-weight:400;margin:12px 0}.home-roster-status p{font-size:10px;color:var(--muted)}.home-gift-image{display:block;margin-top:25px;overflow:hidden}.home-gift-image img{width:100%;height:auto;transition:transform .5s}.home-gift-image:hover img{transform:scale(1.015)}.home-gift-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px}.home-gift-caption h4{font:19px var(--serif);margin:0 0 8px}.home-gift-caption p{font-size:10px;color:var(--muted)}.home-gift-caption .status-label{font-size:8px;white-space:nowrap}.home-gifts-panel>.link-arrow{margin-top:15px}.home-gift-disclaimer{font-size:9px;color:var(--muted);margin-top:15px;line-height:1.8}.home-support{background:linear-gradient(#eaf4f72e,#edf5f780),url('../media/crystal-water.webp') center/cover;text-align:center}.home-support h2{font:30px var(--serif);margin-top:15px}.home-support blockquote{font:clamp(25px,4vw,54px)/1.9 var(--serif);letter-spacing:3px;margin:33px 0}.home-support-links{display:flex;align-items:center;justify-content:center;gap:35px}.home-support .home-section{padding-block:65px 75px}#home-moments{scroll-margin-top:25px}
@media(max-width:1000px){.home-photo-grid{gap:20px}.home-photo-caption{display:block}.home-photo-caption>span{display:block;margin-top:8px}.home-cinema-grid{gap:28px;grid-template-columns:1.2fr 1fr}.home-film-note{font-size:24px}.home-film-teaser{grid-template-columns:70px 1fr;gap:15px}.home-film-teaser>img{width:70px;height:91px}.home-film-teaser h3{font-size:16px}.home-featured-film video{height:390px}.home-fans-panel,.home-gifts-panel{padding:28px 23px}.home-fans-panel{padding-left:0}.home-gifts-panel{padding-right:0}.home-panel-heading h3{font-size:25px}.home-gift-caption{display:block}.home-gift-caption .status-label{display:inline-block;margin-top:12px}}
@media(max-width:700px){.home-section{padding-block:45px}.home-section-heading{align-items:flex-start;margin-bottom:28px}.home-section-heading h2{font-size:28px}.home-section-heading h2>span{font-size:11px}.home-section-heading>.link-arrow{font-size:10px;gap:13px;margin-top:30px;padding-bottom:10px}.home-photo-grid{gap:13px}.home-photo:nth-child(2){margin-top:32px}.home-photo-caption h3{font-size:13px}.home-photo-caption>span{font-size:6px;letter-spacing:1px;line-height:1.8}.photo-entry{right:8px;bottom:8px;width:27px;height:27px;font-size:15px}.home-cinema-grid{grid-template-columns:1fr;gap:30px}.home-cinema .home-section{padding-block:45px}.home-featured-film video{height:440px;max-height:60svh}.home-film-note{font-size:23px;line-height:1.6}.home-more-films{display:grid;grid-template-columns:1fr 1fr;gap:15px}.home-film-note,.home-film-all{grid-column:1/-1}.home-film-note{margin-bottom:0}.home-film-teaser{grid-template-columns:56px 1fr;gap:12px;padding:10px 0}.home-film-teaser>img{width:56px;height:82px}.home-film-teaser .kicker{font-size:7px;letter-spacing:1px}.home-film-teaser h3{font-size:14px;margin:7px 0}.home-film-teaser div>span:last-child{font-size:9px}.home-film-all{padding-top:4px}.home-community-grid{grid-template-columns:1fr}.home-fans-panel,.home-gifts-panel{padding:30px 0;border-right:0}.home-fans-panel{border-bottom:1px solid var(--line)}.home-roster-status{padding-block:20px}.home-gift-caption{display:flex}.home-gift-caption .status-label{margin-top:0}.home-support .home-section{padding-block:45px 55px}.home-support blockquote{font-size:28px;letter-spacing:1px}.home-support-links{gap:25px}.home-support-links .link-arrow{font-size:10px;gap:13px}.home-panel-copy{font-size:14px}}
@media(max-width:430px){.home-section-heading h2{font-size:25px}.home-section-heading .kicker{font-size:8px;letter-spacing:2px}.home-section-heading>.link-arrow{font-size:9px;gap:10px}.home-photo-grid{grid-template-columns:1.1fr 1fr;gap:22px 14px}.home-photo:nth-child(2){margin-top:35px}.home-photo:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.home-photo:nth-child(3) .home-photo-image{aspect-ratio:4/5}.home-photo:nth-child(3) .home-photo-caption{padding-right:10px}.home-photo-caption h3{font-size:15px}.home-photo-caption>span{font-size:7px}.home-more-films{gap:12px}.home-film-teaser{grid-template-columns:45px 1fr;gap:9px}.home-film-teaser>img{width:45px;height:71px}.home-film-teaser h3{font-size:12px}.home-film-teaser .kicker{font-size:6px}.home-film-caption h3{font-size:23px}.home-film-caption .kicker{font-size:8px}.home-support blockquote{font-size:24px;letter-spacing:0}.home-support-links{flex-direction:column;gap:12px}.home-gift-caption h4{font-size:17px}}
/* Consistent interaction surface, with no dependence on hover for core actions. */
:root{--ease-out:cubic-bezier(.2,.8,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-fade-out .14s ease both}::view-transition-new(root){animation:page-fade-in .24s ease both}
@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{from{opacity:0}to{opacity:1}}
.site-header nav{position:relative}.nav-marker{position:absolute;left:0;bottom:2px;height:2px;background:linear-gradient(90deg,#b2d3e0,#497e90,#b2d3e0);box-shadow:0 2px 7px #6298a52e;pointer-events:none;transition:transform .3s var(--ease-out),width .3s var(--ease-out),opacity .2s}.site-header nav a:after{display:none}.site-header nav a{transition:color .2s}.menu-button span{transition:transform .25s var(--ease-out)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.button{position:relative;overflow:hidden;transition:transform .2s var(--ease-out),background .25s,box-shadow .25s,border-color .25s}.button:hover{filter:none;box-shadow:0 7px 20px #28556b15}.button:active{transform:translateY(1px) scale(.985)}.button>span,.link-arrow>span{transition:transform .25s var(--ease-out)}.button:hover>span,.link-arrow:hover>span{transform:translate(3px,-2px)}.link-arrow{transition:gap .25s var(--ease-out),color .25s,border-color .25s}.link-arrow:hover{color:#326f80;border-color:#4b8596}.dark .link-arrow:hover{color:#fff}.tabs{position:relative;isolation:isolate;gap:5px;padding:4px;background:#dfedf280;border-radius:5px}.tabs:after{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:var(--tab-w,0);transform:translateX(var(--tab-x,0));background:#fff9;box-shadow:0 2px 6px #2a4d5f0a;border:1px solid #ffffffc0;border-radius:3px;transition:transform .3s var(--ease-out),width .3s var(--ease-out)}.tabs button{padding:10px 18px;transition:color .2s}.tabs button.active:before{display:none}.favorite{border-radius:50%;transition:background .2s,color .2s,transform .2s}.favorite:hover{background:#d5e7ef}.favorite:active{transform:scale(.85)}.favorite-pop{animation:favorite-pop .32s var(--ease-out)}@keyframes favorite-pop{50%{transform:scale(1.25)}}
.photo-open{position:relative;transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}.photo-open img{transition:transform .6s var(--ease-out)}.photo-open:after{content:'查看照片';position:absolute;bottom:14px;right:14px;opacity:0;transform:translateY(7px);font-size:10px;padding:10px 13px;background:#f1f8fbe8;border:1px solid #fff;backdrop-filter:blur(8px);transition:opacity .25s,transform .25s}.photo-open:hover:after,.photo-open:focus-visible:after{opacity:1;transform:translateY(0)}.photo-open:hover{box-shadow:0 12px 35px #1b445315}.home-photo-image{transition:box-shadow .3s var(--ease-out)}.home-photo-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#092f4438);opacity:0;transition:opacity .3s}.home-photo:hover .home-photo-image:after{opacity:1}.photo-entry{z-index:2;border:1px solid #ffffffdb;backdrop-filter:blur(9px);transition:transform .3s var(--ease-out),background .3s}.home-photo:hover .photo-entry{background:#f9fdff;transform:translate(2px,-2px)}.photo-action{position:absolute;bottom:23px;left:18px;z-index:2;font-size:10px;letter-spacing:1px;color:white;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.home-photo:hover .photo-action,.home-photo:focus-visible .photo-action{opacity:1;transform:translateY(0)}
.stage-edit{grid-template-columns:1.25fr .75fr 1fr;gap:28px}.stage-edit .stage-main .home-photo-image{aspect-ratio:4/5}.stage-edit .stage-main img{object-position:50% 42%}.stage-edit .stage-detail{margin-top:95px}.stage-edit .stage-detail .home-photo-image{aspect-ratio:1/1;position:relative}.stage-edit .stage-detail img{position:absolute;max-width:none;width:220%;height:auto;left:-114%;top:-176%;object-fit:fill;transform:none}.stage-edit .stage-detail:hover img{transform:none}.stage-edit .stage-action{margin-top:35px;display:block}.stage-edit .stage-action .home-photo-image{aspect-ratio:3/4;overflow:hidden}.stage-edit .stage-action img{width:135%;max-width:none;height:135%;margin-left:-15%;object-position:50% 42%;transform:translateY(-7%)}.stage-edit .stage-action:hover img{transform:translateY(-7%) scale(1.02)}
.polished-viewer{border:1px solid #d2e9f577;background:#f0f7fa;color:#204755;box-shadow:0 30px 110px #071a3480;overflow:auto;border-radius:9px;max-height:93dvh;min-width:min(340px,92vw);animation:viewer-in .28s var(--ease-out)}.polished-viewer::backdrop{background:#071c2be0;backdrop-filter:blur(14px);animation:backdrop-in .28s ease}.viewer-image-wrap{min-height:180px;min-width:220px;position:relative;display:grid;place-items:center;background:#102d38}.viewer-image-wrap img{width:auto;max-width:89vw;height:auto;max-height:73dvh;object-fit:contain}.polished-viewer.is-loading .viewer-image-wrap:after{content:'';position:absolute;inset:auto;width:28px;height:28px;border:2px solid #d9f1fb3d;border-top-color:#d9f1fb;border-radius:50%;animation:spin .65s linear infinite}.polished-viewer.is-loading img{opacity:.2}.polished-viewer.photo-error .viewer-image-wrap:after{content:'照片加载失败，请切换或重试';font-size:12px;color:#e3f1f6;position:absolute;text-align:center;padding:25px}.polished-viewer.photo-error img{opacity:.15}.viewer-hint{display:block;font-size:9px;color:#7b98a6;margin-top:5px;text-align:center}.viewer-bottom{padding:15px 18px;gap:20px}.viewer-bottom>div{text-align:center}.viewer-bottom button{display:grid;place-items:center;width:38px;height:38px;font-size:23px;border:1px solid #bfd4de99;border-radius:50%;transition:background .2s,transform .2s}.viewer-bottom button:hover{background:#dbeef5;transform:scale(1.05)}.viewer-more{display:block;padding:0 20px 17px;font-size:10px;text-align:center;color:#4b788a}.dialog-close{background:#f3fbf5da;border:1px solid #ffffffb0;backdrop-filter:blur(10px);transition:transform .25s,background .25s}.dialog-close:hover{transform:rotate(90deg);background:#fff}.polished-viewer.is-closing,.lightboard.is-closing{animation:viewer-out .16s ease both}.polished-viewer.is-closing::backdrop{animation:backdrop-out .16s ease both}.lightboard[open]{animation:backdrop-in .35s ease}.lightboard .board-inner strong{animation:light-up .7s ease-out}.board-colors button{transition:transform .2s}.board-colors button:hover{transform:scale(1.2)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes viewer-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes viewer-out{to{opacity:0;transform:scale(.98)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}@keyframes light-up{from{opacity:0;text-shadow:0 0 0 transparent}to{opacity:1;text-shadow:0 0 50px #b9e8f440}}
.home-film-teaser{position:relative;transition:background .25s,transform .25s}.home-film-teaser:hover{background:#d9f2ff09;transform:translateX(3px)}.home-film-teaser>img{transition:filter .25s}.home-film-teaser:hover>img{filter:brightness(1.12)}.film-select{transition:background .25s,color .25s,padding .25s,border-color .25s}.film-select:hover{background:#e4f8ff09;padding-left:8px}.film-select.selected{background:linear-gradient(90deg,#6b9db027,transparent);border-color:#7ea6b8}.screen,.home-featured-film{transition:box-shadow .4s}.is-playing{box-shadow:0 0 0 1px #97c8dc60,0 15px 55px #061f3440}.home-gift-image{transition:box-shadow .3s}.home-gift-image:hover{box-shadow:0 10px 25px #2e617715}.accordion summary{transition:color .2s,background .2s}.accordion summary:hover{color:#4e8395;background:#d6e9f033}.accordion summary b{transition:transform .25s var(--ease-out)}.accordion details[open]>p{animation:detail-in .25s var(--ease-out)}@keyframes detail-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-box:focus-within{border-color:#5089a0;box-shadow:0 2px 0 #74adc02b}.toast:not([hidden]){animation:toast-in .25s var(--ease-out);border:1px solid #cdebf34d;backdrop-filter:blur(12px);border-radius:7px}@keyframes toast-in{from{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}
@media(max-width:800px){.site-header nav{position:absolute}.site-header nav.open{animation:detail-in .25s var(--ease-out)}.nav-marker{display:none}.site-header nav a[aria-current=page]{background:linear-gradient(90deg,#cadee880,transparent);padding-left:12px}.dark .site-header nav a[aria-current=page]{background:linear-gradient(90deg,#cadee825,transparent)}.stage-edit{gap:20px}.stage-edit .stage-detail{margin-top:60px}.stage-edit .home-photo-caption h3{font-size:14px}.polished-viewer{max-width:94vw}.viewer-image-wrap img{max-width:93vw;max-height:70dvh}.tabs button{padding:10px 15px}}
@media(max-width:520px){.stage-edit{display:grid;grid-template-columns:1.2fr .8fr;gap:25px 17px}.stage-edit .stage-main{grid-row:1;grid-column:1}.stage-edit .stage-detail{grid-row:1;grid-column:2;margin-top:45px}.stage-edit .stage-action{grid-column:1/-1;margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.stage-edit .stage-action .home-photo-image{aspect-ratio:4/5}.stage-edit .stage-action img{margin-left:-15%}.stage-edit .stage-detail img{top:-176%;left:-114%}.photo-action{display:none}.tabs{gap:1px}.tabs button{padding:9px 11px;font-size:10px}.viewer-bottom{padding:14px 10px;gap:8px}.viewer-bottom p{font-size:11px}.viewer-hint{font-size:8px}.viewer-bottom button{width:34px;height:34px}.photo-open:after{display:none}.photo-entry{width:28px;height:28px}.polished-viewer{border-radius:7px}.polished-viewer .dialog-close{right:9px;top:9px}}
@media(hover:none){.photo-entry{opacity:1}.photo-action{display:none}.photo-open:after{opacity:1;transform:none;font-size:8px;padding:6px 8px}.photo-open:hover img{transform:none}.film-select:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}.polished-viewer.is-loading .viewer-image-wrap:after{animation:none;border-color:#d9f1fb}.home-photo:hover img,.photo-open:hover img{transform:none}}
