@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#171717;font-synthesis:none;background:#f8f7f3;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.opening{z-index:20;background:#fff;place-content:center;gap:22px;animation:.6s 2.1s forwards exit;display:grid;position:fixed;inset:0}.opening span,.topline,.hero aside,.down,header,small,.hero-text p,.hero-text b,.statement p,.credit-title p,.contact-main p,footer{letter-spacing:.12em;font:10px DM Mono,monospace}.mark{width:78px;height:78px;animation:4s linear infinite spin;position:relative}.mark i,.mark b{border:1px solid #171717;border-radius:50%;position:absolute}.mark i{inset:0}.mark b{background:#171717;width:31px;height:31px;inset:23px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes exit{to{opacity:0;visibility:hidden}}header{z-index:10;mix-blend-mode:multiply;justify-content:space-between;align-items:center;height:74px;padding:0 4.5vw;display:flex;position:fixed;top:0;left:0;right:0}.mono{font:italic 20px Playfair Display,serif}nav{gap:clamp(15px,2.8vw,48px);display:flex}nav a{transition:opacity .25s}nav a:hover{opacity:.42}.hero{background:radial-gradient(circle at 50% 44%,#fff 0,#faf9f6 35%,#f4f3ef 100%);place-items:center;min-height:100svh;padding:110px 8vw 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.18;background-image:radial-gradient(#777 .45px,#0000 .55px);background-size:7px 7px;position:absolute;inset:0}.topline{justify-content:space-between;display:flex;position:absolute;top:128px;left:8vw;right:8vw}.hero-text{z-index:1;text-align:center;animation:1.5s cubic-bezier(.16,1,.3,1) .25s both rise}.hero-text p{margin:0 0 26px}.hero h1,h2{letter-spacing:-.07em;margin:0;font:500 clamp(58px,10.8vw,168px)/.81 Playfair Display,Georgia,serif}.hero h1 em,h2 em{font-weight:500}.hero-text b{letter-spacing:.4em;margin-top:32px;display:block}.hero aside{text-align:right;line-height:1.9;position:absolute;bottom:18vh;right:8vw}.down{position:absolute;bottom:38px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.section{padding:clamp(105px,15vw,210px) 8vw;position:relative}.label{letter-spacing:.12em;gap:25px;font:10px DM Mono,monospace;display:flex}.label span{color:#777}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal.active{opacity:1;transform:none}.concept{background:#fff}.statement{margin:clamp(95px,14vw,175px) 0 70px 17%}.statement p{margin:0 0 26px}.statement h2{font-size:clamp(48px,8vw,128px)}.prose{color:#393939;gap:28px;width:min(680px,100%);margin-left:49%;font-size:15px;line-height:1.95;display:grid}.prose p{margin:0}.cover{width:min(430px,77vw);margin:clamp(100px,14vw,180px) auto 0;position:relative}.cover img{filter:saturate(.7);width:100%;transition:transform 1s;display:block}.cover small{text-align:right;margin-top:12px;display:block}.tracks{background:#efeee9}.tracks h2{margin:clamp(86px,12vw,150px) 0 clamp(62px,9vw,120px);font-size:clamp(50px,8vw,126px)}.tracklist{border-top:1px solid #aaa}.tracklist article{border-bottom:1px solid #aaa}.tracklist button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:7% 1fr auto;align-items:baseline;padding:26px 0;display:grid}.tracklist button strong{letter-spacing:-.04em;font:500 clamp(21px,3.2vw,46px) Playfair Display,serif;transition:transform .3s}.tracklist button:hover strong{transform:translate(8px)}.tracklist button b{font:16px DM Mono,monospace}.details{grid-template-columns:repeat(3,1fr);gap:35px;max-height:0;padding-left:7%;transition:max-height .6s,padding-bottom .6s;display:grid;overflow:hidden}.expanded .details{max-height:240px;padding-bottom:35px}.details p{margin:0;font-size:13px;line-height:1.7}.details small{color:#777;margin-bottom:13px;display:block}.details em{font:17px Playfair Display,serif}.credits{color:#f6f5f1;background:#171717}.credit-title{margin:clamp(90px,14vw,180px) 0 100px 17%}.credit-title p{margin:0 0 24px}.credit-title h2{font-size:clamp(48px,7.5vw,115px)}.credit-grid{border-top:1px solid #555;grid-template-columns:repeat(3,1fr);display:grid}.credit-grid div{border-bottom:1px solid #555;flex-direction:column;justify-content:space-between;min-height:140px;padding:18px 0;display:flex}.credit-grid small{color:#aaa}.credit-grid strong{letter-spacing:-.03em;font:500 clamp(17px,2vw,25px) Playfair Display,serif}.contact{flex-direction:column;min-height:100svh;display:flex}.contact-main{margin:auto 0 auto 17%;padding:140px 0}.contact-main p{margin:0 0 26px}.contact h2{font-size:clamp(52px,8vw,128px)}.email{border-bottom:1px solid #171717;margin-top:54px;padding-bottom:9px;font-size:clamp(15px,1.6vw,20px);transition:opacity .25s;display:inline-block}.email:hover{opacity:.5}.social{gap:27px;margin-top:48px;font:10px DM Mono,monospace;display:flex}.social a{border-bottom:1px solid #0000;padding-bottom:3px}.social a:hover{border-color:#171717}footer{justify-content:space-between;font-size:9px;display:flex}@media (width<=640px){header{height:60px;padding:0 6vw}header nav{display:none}.hero{padding-inline:6vw}.topline{top:92px;left:6vw;right:6vw}.hero aside{bottom:14vh;right:6vw}.section{padding:105px 6vw}.statement,.credit-title,.contact-main{margin-left:0}.statement h2{font-size:53px}.prose{margin-left:0}.tracklist button{grid-template-columns:12% 1fr auto}.details{grid-template-columns:1fr;gap:20px;padding-left:12%}.expanded .details{max-height:430px}.credit-grid{grid-template-columns:1fr 1fr;gap:0 20px}.credit-grid div{min-height:112px}.contact-main{padding:100px 0}.social{gap:16px}footer{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.opening .mark{object-fit:contain;width:150px;height:150px;animation:8s linear infinite spin}@font-face{font-family:无尽点字小篆;src:url(/fonts/DianZiGangYiXiaoZhuan-v4.woff2)format("woff2"),url(/fonts/DianZiGangYiXiaoZhuan-v4.woff)format("woff");font-weight:100 900;font-style:normal;font-display:block}.hero{background:#fff}.hero:before{display:none}.hero h1,.hero-text b{font-family:无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif}.hero h1{letter-spacing:.08em;white-space:nowrap;font-size:clamp(72px,12.5vw,192px);line-height:1}.hero h1 span,.hero-text b span{opacity:0;display:inline-block}.hero h1 span{transform:translateY(36px)}.hero-text.is-revealed h1 span{will-change:opacity, transform, filter;animation:.92s cubic-bezier(.16,1,.3,1) forwards title-character-in;animation-delay:calc(var(--index) * .22s)}.hero-text b{color:#8b1e25;letter-spacing:.28em;flex-direction:column;align-items:center;width:fit-content;margin:30px auto 0;font-size:34px;font-weight:500;display:flex}.hero-text b span{display:block;transform:translateY(-12px)}.hero-text.is-revealed b span{animation:.36s cubic-bezier(.16,1,.3,1) forwards character-in;animation-delay:calc(1.25s + var(--index) * .16s)}@keyframes character-in{to{opacity:1;transform:translateY(0)}}@keyframes title-character-in{0%{opacity:0;filter:blur(7px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=640px){.hero h1{letter-spacing:.04em;font-size:clamp(50px,15vw,74px)}}header{mix-blend-mode:normal;background:#fff;transition:background-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,box-shadow .35s}header.is-scrolled{-webkit-backdrop-filter:blur(16px)saturate(130%);background:#ffffffc2;box-shadow:0 1px #0000000f}header .mono{place-items:center;width:34px;height:34px;display:grid}header .mono img{object-fit:contain;width:34px;height:34px}header nav a.is-active{opacity:.45}header nav a{color:#333;letter-spacing:.08em;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-size:14px;font-weight:700}@media (width<=640px){header{gap:12px;height:58px;padding:0 4vw}header .mono,header .mono img{flex:0 0 26px;width:26px;height:26px}header nav{flex:1;justify-content:space-between;gap:6px;display:flex}header nav a{letter-spacing:.015em;white-space:nowrap;flex:none;font-size:clamp(10px,2.8vw,12px)}}.prose{gap:30px}.statement .concept-title{letter-spacing:.12em;font-family:无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif;font-size:19px}.statement.reveal.active .concept-title{animation:.85s cubic-bezier(.16,1,.3,1) 80ms both concept-label-in}.statement h2{text-align:left;text-indent:0;line-height:1.04;overflow:visible}.statement h2 em{padding-bottom:.12em;display:inline-block}.statement.reveal.active h2{animation:1.05s cubic-bezier(.16,1,.3,1) .18s both concept-heading-in}.prose .cycle{letter-spacing:.05em;margin-top:18px;font-family:无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif;font-size:clamp(24px,2vw,30px);line-height:2}.cover img{animation:18s linear infinite album-logo-orbit}.cover img:hover{transform:none}@keyframes concept-label-in{0%{opacity:0;filter:blur(5px);letter-spacing:.32em;transform:translateY(10px)}to{opacity:1;filter:blur();letter-spacing:.12em;transform:translateY(0)}}@keyframes concept-heading-in{0%{opacity:0;filter:blur(7px);clip-path:inset(0 0 100%);transform:translateY(28px)}to{opacity:1;filter:blur();clip-path:inset(0);transform:translateY(0)}}@keyframes album-logo-orbit{to{transform:rotate(360deg)}}.page-view{min-height:100svh;animation:.55s cubic-bezier(.16,1,.3,1) both page-enter}.page-view .label{color:#333;letter-spacing:.12em;gap:30px;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-size:14px;font-weight:700}.tracks.page-view,.credits.page-view,.contact.page-view{background:#fff}.credits.page-view{color:#333}.inspiration-intro{width:min(1120px,100%);margin:clamp(60px,9vw,130px) auto 0}.inspiration-intro h1{color:#333;letter-spacing:.18em;text-align:center;margin:0 0 clamp(34px,4vw,62px);font:700 clamp(24px,2.4vw,38px) PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.inspiration-title{width:100%}.inspiration-prologue{color:#333;text-align:center;width:min(760px,100%);margin:0 auto clamp(22px,3vw,38px);font:400 clamp(15px,1.3vw,18px)/2 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.inspiration-prologue p{margin:0 0 14px}.prose-sequence p,.prose-sequence h2{opacity:0;transition:opacity .58s,transform .68s cubic-bezier(.16,1,.3,1);transform:translateY(13px)}.prose-sequence.active p,.prose-sequence.active h2{opacity:1;transform:none}.prose-sequence.active>:first-child{transition-delay:60ms}.prose-sequence.active>:nth-child(2){transition-delay:.14s}.prose-sequence.active>:nth-child(3){transition-delay:.22s}.prose-sequence.active>:nth-child(4){transition-delay:.3s}.prose-sequence.active>:nth-child(5){transition-delay:.38s}.prose-sequence.active>:nth-child(6){transition-delay:.46s}.prose-sequence.active>:nth-child(7){transition-delay:.54s}.prose-sequence.active>:nth-child(8){transition-delay:.62s}.prose-sequence.active>:nth-child(9){transition-delay:.7s}.prose-sequence.active>:nth-child(10){transition-delay:.78s}.prose-sequence.active>:nth-child(11){transition-delay:.86s}.prose-sequence.active>:nth-child(12){transition-delay:.94s}.prose-sequence.active>:nth-child(13){transition-delay:1.02s}.prose-sequence.active>:nth-child(14){transition-delay:1.1s}.prose-sequence.active>:nth-child(15){transition-delay:1.18s}.inspiration-prologue strong{color:#7b2529;font-weight:700}.inspiration-keyline{color:#000;letter-spacing:.08em;text-align:center;width:min(760px,100%);margin:0 auto clamp(54px,7vw,100px);font:800 clamp(16px,1.5vw,21px)/1.8 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.inspiration-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:stretch;gap:clamp(34px,6vw,96px);display:grid}.inspiration-art img{opacity:0;filter:blur(7px);width:100%;height:auto;transition:opacity .9s .12s,transform 1.1s cubic-bezier(.16,1,.3,1) .12s,filter 1s .12s;display:block;transform:scale(1.035)}.inspiration-art.active img{opacity:1;filter:none;transform:none}.inspiration-explanation{color:#333;align-content:space-between;gap:7px;font:400 clamp(12px,.95vw,15px)/1.55 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;display:grid}.inspiration-explanation p{margin:0}.inspiration-explanation h2{color:#7b2529;letter-spacing:.14em;margin:8px 0 0;font:700 clamp(19px,1.6vw,25px) PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.inspiration-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.5vw,22px);width:min(1120px,100%);margin:clamp(70px,11vw,170px) auto 0;display:grid}.enlightenment-carousel{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:clamp(8px,1.6vw,24px);width:min(860px,100%);margin:clamp(76px,11vw,160px) auto 0;display:grid}.carousel-stage{aspect-ratio:1;place-items:center;display:grid;position:relative}.carousel-logo{object-fit:contain;z-index:0;pointer-events:none;width:112%;height:112%;animation:18s linear infinite album-logo-orbit;position:absolute;inset:-6%}.carousel-slide{z-index:1;color:#333;text-align:center;width:44%;max-height:54%;font:400 clamp(8px,.78vw,13px)/1.42 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;animation:.48s cubic-bezier(.16,1,.3,1) both carousel-copy-in;position:relative;overflow:hidden}.carousel-slide h2,.carousel-slide p{margin:0}.carousel-slide h2{color:#000;margin-bottom:clamp(5px,.7vw,10px);font:800 clamp(12px,1.1vw,18px)/1.3 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.carousel-slide p{margin-bottom:2px}.carousel-arrow{z-index:2;color:#000;cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0;font:300 36px/1 Arial,sans-serif;transition:color .25s,transform .25s;position:relative}.carousel-arrow:hover{color:#7b2529;transform:scale(1.14)}@keyframes carousel-copy-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.inspiration-panel p,.inspiration-panel h2{margin:0}.inspiration-panel h2{color:#000;margin-bottom:clamp(4px,.5vw,8px);font:800 clamp(13px,1vw,16px)/1.35 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.inspiration-gallery figure{aspect-ratio:1;content-visibility:auto;background:#f4f3ef;margin:0;overflow:hidden;box-shadow:0 14px 36px #11111112}.inspiration-gallery img{object-fit:cover;filter:blur(5px)saturate(.8);width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s;display:block;transform:scale(1.06)}.inspiration-gallery-item.active img{filter:none;transform:none}.inspiration-gallery-item:nth-child(5n+2){transition-delay:80ms}.inspiration-gallery-item:nth-child(5n+3){transition-delay:.16s}.inspiration-gallery-item:nth-child(5n+4){transition-delay:.24s}.inspiration-gallery-item:nth-child(5n+5){transition-delay:.32s}.inspiration-gallery figure:hover img{filter:saturate(.92)contrast(1.03);transform:scale(1.035)}.easter-egg{color:#3330;letter-spacing:.46em;text-indent:.46em;place-items:center;min-height:clamp(92px,10vw,144px);margin:clamp(42px,6vw,86px) auto clamp(56px,8vw,110px);font:400 clamp(10px,.82vw,13px)/1.6 PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;transition:color 1.8s,letter-spacing 1.8s;display:grid}.easter-egg.is-revealed{color:#33333357;letter-spacing:.24em;text-indent:.24em;animation:5s ease-in-out 1.7s infinite easter-egg-breathe}@keyframes easter-egg-breathe{50%{color:#7b25296b}}.tracks.page-view{padding-top:clamp(120px,16vw,210px)}.tracklist{border:0;grid-template-rows:repeat(3,minmax(250px,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,3vw,56px) clamp(12px,2vw,34px);margin:0;padding:0;list-style:none;display:grid}.tracklist li{opacity:0;filter:blur(10px);min-width:0;position:relative;transform:translateY(22px)scale(.94)}.tracklist li:before{content:"";z-index:0;opacity:0;filter:blur(16px);pointer-events:none;background:radial-gradient(circle,#c51f2d2e,#c51f2d00 68%);border-radius:50%;position:absolute;inset:18% 12%}.reveal.active .tracklist li{animation:.72s cubic-bezier(.16,1,.3,1) forwards track-item-in;animation-delay:calc(var(--track-index) * .11s)}.reveal.active .tracklist li:before{animation:.82s ease-out forwards track-glow-in;animation-delay:calc(var(--track-index) * .11s)}.tracklist button{z-index:1;color:#333;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;place-items:center;gap:12px;width:100%;height:100%;padding:0;display:grid;position:relative}.tracklist small,.tracklist span{letter-spacing:.1em;font:11px DM Mono,monospace}.tracklist small{color:#7b2529;letter-spacing:.04em;font:400 18px/1 无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif}.tracklist button strong{color:#333;writing-mode:vertical-rl;text-orientation:mixed;font:400 clamp(26px,4vw,58px)/1.05 无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif;transition:transform .35s cubic-bezier(.16,1,.3,1),color .3s,font-weight .2s}.tracklist button:hover strong{color:#c51f2d;font-weight:700;transform:translateY(-10px)}@keyframes track-item-in{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(.94)}65%{opacity:1;filter:blur();transform:translateY(-3px)scale(1.015)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes track-glow-in{0%{opacity:0;transform:scale(.55)}45%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.2)}}.track-detail{color:#333;background:#fff}.back-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font:700 14px PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.track-detail-heading{margin:clamp(80px,12vw,160px) 0 clamp(80px,12vw,150px) 17%}.track-detail-heading p{letter-spacing:.14em;margin:0 0 22px;font:11px DM Mono,monospace}.track-detail-heading h1{letter-spacing:-.06em;margin:0;font:400 clamp(62px,11vw,170px)/.86 无尽点字小篆,FZKai-Z03,STKaiti,KaiTi,serif}.track-detail-content{gap:clamp(70px,10vw,130px);width:min(760px,100%);margin-left:35%;display:grid}.track-detail-content h2{letter-spacing:.12em;margin:0 0 28px;font:700 15px PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.production dl{border-top:1px solid #33333347;margin:0}.production dl div{border-bottom:1px solid #33333347;grid-template-columns:115px 1fr;padding:16px 0;display:grid}.production dt,.production dd{margin:0}.production dt{font:700 13px PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.production dd,.lyrics p,.story p{font-size:16px;line-height:2}.lyrics p,.story p{white-space:pre-wrap;margin:0}@keyframes page-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.inspiration-intro{width:100%;margin-top:56px}.inspiration-intro h1{margin-bottom:30px;font-size:25px}.inspiration-prologue{text-align:left;margin-bottom:26px;font-size:15px;line-height:1.95}.inspiration-keyline{text-align:left;margin-bottom:46px;font-size:16px}.inspiration-layout{grid-template-columns:1fr;gap:34px}.inspiration-explanation{align-content:start;gap:12px;font-size:15px;line-height:1.95}.inspiration-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:64px}.enlightenment-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px;width:100%;margin-top:62px}.carousel-slide{width:48%;max-height:55%;font-size:8px;line-height:1.35}.carousel-logo{width:108%;height:108%;inset:-4%}.carousel-slide h2{margin-bottom:4px;font-size:12px}.carousel-arrow{width:28px;height:36px;font-size:27px}.easter-egg{min-height:88px;margin:38px auto 86px;font-size:10px}.tracklist button{gap:8px}.tracklist button strong{font-size:30px}.track-detail-heading,.track-detail-content{margin-left:0}.track-detail-content{width:100%}.track-detail-heading h1{font-size:68px}}.social-dock{z-index:9;-webkit-backdrop-filter:blur(16px)saturate(130%);opacity:0;pointer-events:none;background:#ffffffc2;border:1px solid #00000012;min-width:236px;padding:10px 18px;transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1);position:fixed;bottom:22px;left:50%;transform:translate(-50%,140%);box-shadow:0 8px 28px #0000000f}.social-dock.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.social-dock-links{justify-content:center;align-items:center;gap:18px;display:flex}.social-dock a{color:#333;place-items:center;width:19px;height:19px;transition:color .25s,transform .25s;display:grid}.social-dock svg{width:19px;height:19px}.social-dock img{object-fit:contain;width:19px;height:19px;display:block}.social-dock-links a:nth-child(2) img{width:15px;height:15px}.social-dock a:hover{color:#c51f2d;transform:translateY(-2px)}@media (width<=640px){.social-dock{width:calc(100% - 28px);min-width:0;padding:9px 16px;bottom:14px}.social-dock-links{gap:clamp(15px,6vw,27px)}}
