:root{color-scheme:dark;--bg:#111718;--ink:#eee8dd;--muted:#a4aaa5;--orange:#e4a17d;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{outline-offset:6px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--orange)}header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,"Songti SC",SimSun,serif;font-size:25px;letter-spacing:4px}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:10px;color:var(--muted)}nav{display:flex;gap:38px;font-size:12px}.edition{font-size:10px;color:var(--muted);letter-spacing:2px}.hero{position:relative;min-height:720px;margin:26px 3% 0;overflow:hidden;background:#25373d}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#08191bba,transparent 80%),linear-gradient(0deg,#0c1d22b0,transparent 50%),url('/public/landscape.svg') center 54%/cover}.hero-top,.hero-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#e5ddd2c4}.hero-top{top:30px}.hero-bottom{bottom:28px}.hero-copy{position:relative;padding:138px 7% 120px}.eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:2.5px;color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:"Songti SC",SimSun,serif;font-size:clamp(48px,5.4vw,82px);line-height:1.35;font-weight:400;letter-spacing:7px;margin:25px 0}.hero h1 span{color:#efba95}.intro{font-size:13px;line-height:2.1;color:#dedbd3}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:#202a2a;border:0;padding:17px 23px;font-size:12px;cursor:pointer;margin-top:20px}.primary:hover{background:#e4a17d}.hero-note{position:absolute;right:6%;bottom:100px;text-align:right}.hero-note span{font-size:10px;letter-spacing:2px}.hero-note h2{font:35px "Songti SC",SimSun,serif;margin:17px 0}.hero-note p{font-size:11px;color:#c8c8bc}.explore,.create{margin:100px 8%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-head h2,.create h2,.connection h2{font:36px/1.55 "Songti SC",SimSun,serif;letter-spacing:3px;margin-bottom:0}.section-head>p,.create p{font-size:12px;line-height:2;color:var(--muted)}.themes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start}.theme-card:nth-child(2){margin-top:66px}.theme-card:nth-child(3){margin-top:28px}.card-art{height:330px;position:relative;overflow:hidden;background:linear-gradient(0deg,#11171866,transparent),url('/public/landscape.svg') 65% center/cover;transition:filter .4s}.theme-card:hover .card-art{filter:brightness(1.2)}.night .card-art{background:repeating-linear-gradient(90deg,transparent 0 29px,#13222ccb 30px 49px),linear-gradient(140deg,#233d5a,#aa5654 60%,#121e29)}.dream .card-art{background:radial-gradient(ellipse at 65% 30%,#c6a5a39e,transparent 18%),radial-gradient(ellipse at 35% 65%,#51647e,transparent 38%),linear-gradient(120deg,#191e36,#716079,#27333c)}.card-number{position:absolute;left:20px;top:23px;font:9px Arial;letter-spacing:2px}.vertical{position:absolute;right:20px;bottom:20px;writing-mode:vertical-rl;font:10px Arial;letter-spacing:3px}.card-caption{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.card-caption small{font-size:10px;color:var(--muted)}.card-caption h3{font:26px "Songti SC",SimSun,serif;margin:12px 0 0;letter-spacing:3px}.card-caption>span{font-size:23px;color:var(--orange)}.create{padding:60px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.create h2{margin:18px 0 22px}.create form{background:#1a2222;border:1px solid var(--line);padding:28px}.create label{font-size:11px;color:#c4c4b7}textarea{resize:vertical;width:100%;min-height:145px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;line-height:2;padding:20px 0}textarea::placeholder{color:#808d87}.suggestions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.suggestions button{border:1px solid var(--line);background:none;color:var(--muted);font-size:10px;padding:8px 10px;cursor:pointer}.suggestions button:hover{color:var(--orange)}.form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.form-bottom small{font-size:10px;color:var(--muted)}.form-bottom .primary{margin:0;gap:18px}#form-status{margin:12px 0 0}footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0;display:flex;gap:25px;align-items:center;justify-content:space-between}footer .brand{font-size:17px}footer p,footer small{font-size:10px;color:var(--muted);margin:0}.detail{margin:30px 8% 90px}.back{font-size:12px;color:var(--muted)}.detail-heading{padding:70px 0 65px;max-width:800px}.detail-heading h1{font:76px "Songti SC",SimSun,serif;letter-spacing:8px;margin:20px 0 30px}.detail-heading h1 span{color:var(--orange)}.detail-heading>p:not(.eyebrow){max-width:630px;line-height:2;font-size:15px;color:#bcc1b9}.tags{display:flex;gap:12px}.tags span{border:1px solid var(--line);padding:8px 14px;font-size:11px}.notice{margin-top:25px;font-size:12px;color:var(--orange);line-height:1.8}.works{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;row-gap:60px}.work:nth-child(even){margin-top:100px}.work-art{height:370px;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#738785,#293f40 65%,#c8a078)}.work-art>span,.work-art small{font-size:10px;letter-spacing:2px}.work-art>div{font:40px/1.6 "Songti SC",SimSun,serif;letter-spacing:6px;max-width:300px}.art-1{background:linear-gradient(0deg,#16262e55,#132b4044),url('/public/landscape.svg') 70% center/cover}.art-2{background:radial-gradient(circle at 80% 20%,#d4c4a9 0 5%,transparent 5.2%),linear-gradient(160deg,#47667b,#718777 50%,#203c46)}.art-3{background:repeating-radial-gradient(circle at 50% 50%,#14252c 0 6px,#2a393c 7px 8px);align-items:center;text-align:center}.night .work-art{filter:hue-rotate(155deg)}.dream .work-art{filter:hue-rotate(260deg)}.work-copy{padding:25px 0}.work-copy h2{font:28px "Songti SC",SimSun,serif}.work-copy p{font-size:13px;line-height:2;color:var(--muted)}.work-copy h3{font-size:11px;font-weight:400;color:var(--orange);margin-top:26px}.work-copy a{display:inline-block;margin-top:15px;font-size:11px;border-bottom:1px solid var(--orange);padding-bottom:7px}.connection{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 0;margin-top:50px;max-width:800px}.connection>p:not(.eyebrow){line-height:2.2;font-size:15px;color:var(--muted);margin-top:25px}.connection small{font-size:10px;color:var(--muted);line-height:1.8}.next{display:flex;gap:30px;margin-top:40px;align-items:center}.next span{font-size:11px;color:var(--muted)}.next a{font:23px "Songti SC",SimSun,serif}@media(min-width:1600px){main{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:90px}.edition{display:none}.brand{font-size:20px}nav{gap:18px;font-size:11px}.hero{min-height:650px}.hero-copy{padding:145px 7% 160px}.hero h1{font-size:48px;letter-spacing:3px}.hero-note{bottom:75px}.hero-note h2{font-size:24px}.hero-top span:last-child{display:none}.hero-note p{font-size:10px}.explore,.create{margin:60px 6%}.section-head{display:block}.section-head>p{margin-top:20px}.section-head h2,.create h2{font-size:29px}.themes{grid-template-columns:1fr;gap:25px}.theme-card:nth-child(n){margin:0}.card-art{height:280px}.create{grid-template-columns:1fr;gap:25px;padding:35px 0}.create form{padding:20px}.form-bottom{flex-wrap:wrap}footer{flex-direction:column;align-items:flex-start;gap:16px}.detail{margin:30px 6% 60px}.detail-heading{padding:45px 0}.detail-heading h1{font-size:48px}.works{grid-template-columns:1fr;gap:25px}.work:nth-child(even){margin:0}.work-art{height:330px}.next{flex-wrap:wrap}.next span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 真实作品封面：保留原色、比例与完整边缘。 */
.work-art.real-cover{height:auto;min-height:420px;margin:0;padding:25px 25px 18px;background:radial-gradient(ellipse at 50% 35%,#34403a,#182021 75%);filter:none;display:block;border:1px solid var(--line)}
.media-label{display:block;color:var(--muted);margin-bottom:24px}
.cover-link{display:flex;position:relative;height:340px;align-items:center;justify-content:center}
.cover-link img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transition:transform .35s;max-width:100%}
.cover-link:hover img{transform:translateY(-4px)}
.cover-fallback{display:none;text-align:center;line-height:2;font-size:13px;color:var(--muted)}
.image-failed img{display:none}.image-failed .cover-fallback{display:block}
.real-cover figcaption{display:flex;justify-content:space-between;gap:14px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:22px}
.real-cover figcaption a{flex-shrink:0;color:var(--orange)}
.curator-note{border-left:1px solid var(--orange);padding:3px 0 3px 20px;margin:26px 0 30px}
.curator-note small{color:var(--muted);font-size:9px;letter-spacing:2px}
.curator-note p{font:21px/1.8 'Songti SC',SimSun,serif;color:#ddd2bc;margin:12px 0 0;letter-spacing:1px}
.work-introduction{max-width:560px}
@media(max-width:800px){.work-art.real-cover{min-height:0;padding:20px}.cover-link{height:340px}.real-cover figcaption{flex-wrap:wrap}.curator-note p{font-size:20px}}
/* 首页四种媒介以真实封面组成错落的小型展墙。 */
.cover-stack{position:absolute;inset:65px 30px 40px}
.cover-stack img{position:absolute;width:43%;height:76%;object-fit:contain;filter:none;box-shadow:0 12px 25px #0008;transition:transform .4s}
.cover-stack .stack-0{left:0;top:0;transform:rotate(-9deg)}
.cover-stack .stack-1{left:34%;top:10%;transform:rotate(7deg)}
.cover-stack .stack-2{left:13%;top:31%;width:40%;height:63%;transform:rotate(-4deg)}
.cover-stack .stack-3{right:0;bottom:0;width:43%;height:auto;aspect-ratio:1;transform:rotate(9deg)}
.theme-card:hover .cover-stack .stack-0{transform:rotate(-12deg) translateY(-5px)}
.theme-card:hover .cover-stack .stack-1{transform:rotate(10deg) translateY(-5px)}
.theme-card:hover .card-art{filter:none}
@media(max-width:800px){.cover-stack{inset:47px 50px 30px}}