.collection-landing{--paper:#eee8d8;--collection-accent:#b0c692;background:#21322b}.collection-landing[data-landing-kind="essay"]{--paper:#efe5d2;--collection-accent:#d0b78c}.collection-landing[data-landing-kind="criticism"]{--paper:#e3e5de;--collection-accent:#bdc8be}.collection-landing[data-landing-kind="screenplay"]{--paper:#eae4dc;--collection-accent:#c7ac91}.collection-landing[data-landing-kind="series-fiction"]{--paper:#e6e6d8;--collection-accent:#b8c7a0}
.collection-landing .exhibition{height:auto;min-height:100svh;overflow:visible;grid-template-rows:auto 1fr auto;gap:35px 45px;padding-bottom:25px}.collection-landing .scenery{display:none}.collection-landing .mast{padding-bottom:24px;border-bottom:1px solid #bfd0b230}.collection-landing .collection-nav{grid-row:2;align-self:start;position:sticky;top:25px;padding-top:25px}.collection-landing .landing-content{grid-column:2;grid-row:2;min-width:0}.collection-landing .scene-footer{grid-row:3;margin-top:18px}.collection-landing .category.selected{color:var(--yellow)}
.landing-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font:12px/1.8 var(--mono);color:#bfd0bd;margin-bottom:24px}.landing-breadcrumb a{text-decoration:underline;text-underline-offset:5px}.landing-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(180px,.85fr);gap:30px;align-items:center;padding:35px 40px 38px;background:var(--paper);color:#273e31;box-shadow:0 4px 0 #9ba98c,0 9px 0 #314a3a;border-radius:2px 16px 2px 2px}.landing-intro:before{content:'';position:absolute;width:105px;height:18px;background:var(--collection-accent);top:-17px;left:0;border-radius:5px 8px 0 0}.landing-label{font:11px/1.8 var(--mono);letter-spacing:1px;color:#55704e}.landing-intro h1{font:900 clamp(35px,4vw,70px)/1.25 StoryTC,var(--sans);letter-spacing:-2px;margin:15px 0 10px}.landing-title-en{font:16px/1.7 var(--mono);letter-spacing:1px;color:#58715d;margin-bottom:25px}.landing-introduction h2{font:11px/1.8 var(--mono);font-weight:400;letter-spacing:.3px;margin-bottom:10px;color:#61715b}.landing-introduction p[lang=zh-Hant]{font:18px/1.85 StoryTC,var(--sans)}.landing-introduction p[lang=en]{font:15px/1.75 var(--sans);margin-top:15px;color:#4a5a4b}.landing-intro-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px;font:12px/1.8 var(--mono)}.landing-intro-links a,.landing-intro-links button{border-bottom:1px solid #809072;padding:10px 0;min-height:40px;font:inherit;color:#354d38}.landing-intro :focus-visible{outline-color:#415e35}
.landing-object{position:relative;padding:17px 13px 13px;background:#b5c4a3;box-shadow:4px 5px 0 #2c40352e;transform:rotate(3deg);isolation:isolate}.object-tab{position:absolute;top:-12px;right:0;background:#a3b58d;padding:5px 12px;font:10px var(--mono);letter-spacing:1px}.landing-object:before{content:'';position:absolute;inset:5px -6px -6px 7px;z-index:-1;background:#c3c9b0;transform:rotate(-5deg)}.landing-preview{display:block;padding:9px;background:#fbf5e7;box-shadow:0 2px 10px #2b342222}.landing-preview>strong{display:block;margin:12px 0 5px;font:18px/1.5 StoryTC,var(--sans)}.landing-preview>span:last-child{font:10px var(--mono);color:#526347}.landing-preview .landing-hover{display:none}.landing-object[data-motif=essay]{background:repeating-linear-gradient(#ddd0b9 0 25px,#b8b29b 26px,#ddd0b9 27px);transform:rotate(-3deg);border-left:9px solid #736854;padding-left:18px}.landing-object[data-motif=criticism]{background:#aab4a5;transform:rotate(-2deg);padding:13px}.landing-object[data-motif=criticism]:after{content:'';position:absolute;top:-10px;left:35%;height:24px;width:60px;background:#c5b590b3;transform:rotate(5deg)}.landing-object[data-motif=screenplay]{background:#d6c8b4;border-top:8px solid #78654a;transform:rotate(2deg)}
.landing-files{margin-top:45px}.landing-files-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #a3b79b55;margin-bottom:24px}.landing-files-heading h2{font:20px/1.6 var(--mono);font-weight:400}.landing-files-heading p{font:10px/1.7 var(--mono);letter-spacing:.8px;color:#b7c8b6}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.landing-card{min-width:0;animation:arrive 350ms ease both}.landing-card-link{display:block;min-width:0}.landing-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#455a40}.landing-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.landing-type-cover{display:flex;align-items:center;justify-content:start;padding:20px;width:100%;height:100%;font:clamp(22px,2.3vw,35px)/1.4 StoryTC,var(--sans);color:#eaeede;background:linear-gradient(135deg,#496248,#2d4336);overflow-wrap:anywhere}.landing-card:nth-child(3n+2) .landing-type-cover{background:linear-gradient(135deg,#70644c,#424b37)}.landing-card:nth-child(3n) .landing-type-cover{background:linear-gradient(135deg,#53706a,#2a4641)}.landing-file{position:absolute;top:8px;left:8px;font:10px var(--mono);background:#203328cc;padding:3px 6px;color:#f3f5e9}.landing-hover{position:absolute;inset:0;background:#1b3225ed;color:#f5f6e5;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:10px;font:14px/1.6 StoryTC,var(--sans);opacity:0;transition:opacity 170ms}.landing-hover b{display:block;font:10px/1.7 var(--mono);font-weight:400;color:#dfed91;margin-bottom:3px}.landing-card-link:hover .landing-hover,.landing-card-link:focus-visible .landing-hover{opacity:1}.landing-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin-top:12px}.landing-card-heading strong,.landing-card-name{display:block;font:19px/1.6 StoryTC,var(--sans);font-weight:400;overflow-wrap:anywhere}.landing-card-heading small{font:11px var(--mono);color:#bfceb9;flex:none}.landing-card-name{margin-top:12px}.landing-card-en{display:block;font:12px/1.8 var(--sans);color:#c0d0be;margin-top:4px}.landing-card-action{display:inline-block;font:11px/1.8 var(--mono);margin-top:12px;color:#deec9e;border-bottom:1px solid #a7bb7555;padding-bottom:4px}.landing-card-link:hover .landing-card-heading strong,.landing-card-link:hover .landing-card-name{color:var(--yellow)}.landing-series-intro{font:15px/1.8 StoryTC,var(--sans);color:#c2d0bf;margin-top:18px}.landing-series-cover{display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;justify-content:space-between;gap:18px;aspect-ratio:16/9;padding:23px;background:#657657;color:#f1f3df}.landing-series-cover strong{font:bold clamp(28px,3vw,48px)/1.3 StoryTC,var(--sans);letter-spacing:-1px}.landing-series-cover small,.landing-series-cover>span:last-child{font:10px/1.6 var(--mono);letter-spacing:.8px}.landing-series-cover[data-series=last]{background:linear-gradient(120deg,#576544,#263d31)}.landing-series-cover[data-series=last] strong{font:900 clamp(40px,4vw,65px)/1 Arial,sans-serif}.series-cover-lines{position:absolute;right:10%;top:-10%;height:150%;width:1px;background:#d1dabb33;box-shadow:25px 0 #d1dabb33,50px 0 #d1dabb33;transform:rotate(20deg);z-index:-1}.landing-series-cover[data-series=every-time]{background:linear-gradient(120deg,#94745c,#4d3934)}.landing-series-cover[data-series=every-time] .series-cover-lines{width:90px;height:110px;right:9%;top:10%;border:4px solid #c1ac8c;background:linear-gradient(140deg,#342f39,#bb8b6a);box-shadow:0 10px 0 #bdac86;transform:none}.folder-spines{height:220px;display:flex;gap:18px;padding:12px;align-items:end}.folder-spines span{writing-mode:vertical-rl;display:block;width:55px;height:190px;background:#526444;box-shadow:4px 2px 0 #82946c;padding:17px 11px;color:#f4f2dc;font:22px/1.4 var(--mono)}.folder-spines span+span{background:#92705b;transform:rotate(7deg);font:20px/1.4 StoryTC,var(--sans)}.landing-object[data-series] .landing-series-cover{aspect-ratio:3/4;padding:18px}.landing-object[data-series=""] .landing-series-cover{aspect-ratio:16/9}.landing-next{margin-top:48px;border-top:1px solid #a8b69e55;padding-top:25px;display:flex;flex-wrap:wrap;gap:20px}.landing-next>p{width:100%;font:11px/1.7 var(--mono);letter-spacing:1px;color:#bbceb8}.landing-next a{display:flex;flex-direction:column;gap:4px;padding:10px 15px;border:1px solid #abc59844;font:16px/1.7 StoryTC,var(--sans)}.landing-next small{font:11px var(--mono);color:#b1c2ae}.landing-next a:hover{border-color:var(--yellow);color:var(--yellow)}
@media(min-width:1500px){.collection-landing .exhibition{grid-template-columns:255px minmax(0,1fr);gap:35px 60px}.landing-content{max-width:1250px}.landing-intro{padding:38px 45px}.landing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-landing[data-landing-kind=series-fiction] .landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-intro h1{font-size:65px}.landing-files{margin-top:40px}}
@media(max-width:1100px){.collection-landing .exhibition{grid-template-columns:200px minmax(0,1fr);gap:30px}.landing-intro{padding:28px 25px;grid-template-columns:minmax(0,1fr)}.landing-object{display:none}.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-files-heading h2{font-size:17px}.landing-intro h1{font-size:44px}}
@media(max-width:760px){.collection-landing .exhibition{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;min-height:100svh;gap:22px;padding:23px 23px 20px;overflow:clip}.collection-landing .mast{padding-bottom:16px}.collection-landing .collection-nav{position:static;grid-column:1;grid-row:2;padding:0;top:auto}.collection-landing .landing-content{grid-column:1;grid-row:3}.collection-landing .scene-footer{grid-row:4}.landing-breadcrumb{font-size:10px;margin:0 0 24px;gap:8px}.landing-intro{display:block;padding:26px 23px 25px;border-radius:2px 12px 2px 2px}.landing-label{font-size:10px;letter-spacing:.4px}.landing-intro h1{font-size:39px;letter-spacing:-1px;margin:13px 0 7px}.landing-title-en{font-size:13px;margin-bottom:20px}.landing-introduction p[lang=zh-Hant]{font-size:17px;line-height:1.85}.landing-introduction p[lang=en]{font-size:14px;line-height:1.7;margin-top:14px}.landing-introduction h2{font-size:10px}.landing-intro-links{gap:4px 18px;margin-top:16px;font-size:11px}.landing-object{display:none}.landing-files{margin-top:35px}.landing-files-heading{align-items:start;flex-direction:column;gap:6px;margin-bottom:19px;padding-bottom:13px}.landing-files-heading h2{font-size:17px}.landing-files-heading p{font-size:9px}.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.landing-type-cover{padding:12px;font-size:20px}.landing-card-heading{flex-direction:column;gap:3px;margin-top:9px}.landing-card-heading strong,.landing-card-name{font-size:16px;line-height:1.6}.landing-card-heading small{font-size:10px}.landing-card-en{font-size:11px;line-height:1.6}.landing-card-action{font-size:10px;margin-top:9px}.landing-file{font-size:8px;top:5px;left:5px}.landing-hover{padding:10px;font-size:12px;gap:6px}.landing-hover b{font-size:9px}.landing-series-cover{padding:15px;gap:12px}.landing-series-cover strong{font-size:24px}.landing-series-cover small,.landing-series-cover>span:last-child{font-size:9px}.landing-series-cover[data-series=last] strong{font-size:42px}.landing-series-intro{font-size:14px}.collection-landing[data-landing-kind=series-fiction]:not([data-landing-series=""]) .landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-landing[data-landing-kind=series-fiction][data-landing-series=""] .landing-grid{grid-template-columns:minmax(0,1fr)}.landing-next{gap:12px;margin-top:36px}.landing-next a{font-size:14px;padding:10px 12px}.landing-next small{font-size:10px}.landing-next>p{font-size:10px}}
@media(hover:none){.landing-card-link:hover .landing-hover{opacity:0}}
@media(prefers-reduced-motion:reduce){.landing-card{animation:none}.landing-hover{transition:none}}