:root{--bg:#102720;--bg-deep:#0c201a;--gold:#d9b779;--text:#f0eee3;--muted:#a8b9ac;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;gap:14px;align-items:center;font-size:16px;letter-spacing:2px}.brand small{display:block;font-size:9px;margin-top:7px;letter-spacing:4px}.brand-icon{font:50px Georgia;color:var(--gold);position:relative;line-height:1}.brand-icon span{position:absolute;right:-5px;top:-1px;font-size:17px}nav{display:flex;gap:38px;color:#cad1c6;font-size:13px}nav a:hover,.text-button:hover{color:var(--gold)}.nav-contact{border:1px solid #bbbdab70;padding:12px 19px;font-size:12px}.nav-contact span{margin-left:25px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:72px 8% 22px 12%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);font-weight:600;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--gold);margin-right:10px}h1,h2,h3,p{margin:0}h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(44px,4.6vw,72px);font-weight:400;line-height:1.38;letter-spacing:3px;margin:29px 0 12px}.gold{color:var(--gold)}.hero-en{font:italic 22px Georgia;color:#b9c4b7}.intro{color:var(--muted);font-size:13px;line-height:2.05;margin-top:27px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:31px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 23px;font-size:12px;transition:background .2s,transform .2s}.gold-button{background:var(--gold);color:#17291f}.gold-button:hover{background:#eed09a;transform:translateY(-2px)}.text-button{border:0;background:none;padding:0;font-size:12px;white-space:nowrap}.play-small{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #7d9483;border-radius:50%;font-size:9px;margin-right:9px}.hero-foot{display:flex;justify-content:space-between;color:#8a9e90;font-size:9px;letter-spacing:1.3px;margin-top:auto;padding-top:36px}.hero-art{position:relative;overflow:hidden;background:#122c25}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.art-top,.art-bottom{position:absolute;left:8%;right:8%;display:flex;justify-content:space-between;z-index:1}.art-top{top:35px;font:9px/1.7 "Segoe UI",sans-serif;letter-spacing:2px;color:#b2bda7}.art-bottom{bottom:27px;flex-direction:column;gap:10px;font-size:12px;color:#ced4bd}.art-bottom span:last-child{font-size:7px;letter-spacing:2px;color:#91a18b}.disciplines{padding:27px 6%;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:#b9c6b6}.disciplines i{font-style:normal;margin-left:10px;color:#869a8a;font-size:10px;letter-spacing:0}.disciplines b{font-size:13px;color:var(--gold);font-weight:400}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-family:"Songti SC","SimSun",serif;font-size:34px;font-weight:400;line-height:1.5;letter-spacing:1.5px;margin-top:14px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9}.filters{display:flex;gap:27px;margin-bottom:29px}.filters button{padding:10px 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font-size:12px}.filters button.active{color:var(--gold);border-color:var(--gold)}sup{font-size:8px;margin-left:5px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px}.project{background:none;border:0;padding:0;text-align:left;min-width:0}.cover{height:320px;position:relative;overflow:hidden;border:1px solid #ffffff0e;transition:transform .4s,filter .4s}.project:hover .cover{transform:translateY(-5px);filter:brightness(1.13)}.cover-kicker,.cover-index{position:absolute;left:24px;z-index:2;font-size:7px;letter-spacing:2px}.cover-kicker{top:24px}.cover-index{bottom:25px;font-size:6px;letter-spacing:1.4px}.cover-arrow{position:absolute;right:21px;bottom:20px;font-size:22px}.cover-motive{background:radial-gradient(ellipse at 48% 53%,#677a4e,#253d2f 52%,#1a3127);color:#e5d5ab}.motive-orbit{position:absolute;border:1px solid #d1c69560;border-radius:50%;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:310px;height:165px;transform:translate(-50%,-50%) rotate(-35deg)}.orbit-three{width:170px;height:290px;transform:translate(-50%,-50%) rotate(-35deg)}.motive-title{position:absolute;inset:70px 0 0;text-align:center;font:48px/1.5 "SimSun",serif;letter-spacing:16px}.motive-title span{display:block;margin-left:48px}.cover-stars{background:radial-gradient(ellipse at 50% 110%,#725267,#2b2c41 55%,#202a36);color:#ded0b5}.star-field{position:absolute;top:38px;right:39px;font:55px Georgia;color:#dbc38a;text-shadow:0 0 25px #f7d691}.star-field i{position:absolute;top:130px;right:110px;font-size:27px}.star-field b{position:absolute;top:76px;right:-7px;font-size:19px}.starlight-title{position:absolute;top:108px;left:30px;font:35px/1.6 "SimSun",serif;letter-spacing:6px}.cover-shards{background:radial-gradient(ellipse at 65% 40%,#355b5d,#192b30 50%,#112025);color:#c9d4ca}.shard-shape{position:absolute;width:100px;height:225px;left:calc(50% - 50px);top:15px;clip-path:polygon(48% 0,100% 46%,58% 100%,0 62%);background:linear-gradient(115deg,#acbba680,#457b7c44 48%,#c5cdb366 49%,#41646111 52%);transform:rotate(20deg)}.shards-title{position:absolute;top:150px;width:100%;text-align:center;font:24px/1.2 Georgia;letter-spacing:2px;text-shadow:0 2px 10px #000}.shards-title em{font-size:12px;letter-spacing:0}.shards-title small{display:block;font:9px "Segoe UI";margin-top:20px}.project-meta{padding-top:21px}.project-meta>span{font-size:8px;letter-spacing:1.4px;color:var(--gold)}h3{font-weight:400;font-size:18px;line-height:1.5;margin-top:9px}.project-meta p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7}.listening{background:var(--bg-deep);display:grid;grid-template-columns:1fr 1.8fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.listening-intro p{color:var(--muted);line-height:1.9;margin-top:18px;font-size:12px}.tiny-label{display:block;color:#6e8b76;font-size:8px;letter-spacing:1.5px;margin-top:27px}.tracks{padding-top:20px}.track{display:flex;width:100%;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);padding:24px 6px;background:none;text-align:left;transition:background .2s}.track:hover,.track.is-playing{background:#ffffff06}.track-num{color:#738b79;font:12px Georgia}.track-title{font:18px Georgia;flex:1}.track-title small{display:block;font:10px "Segoe UI","Microsoft YaHei";color:var(--muted);margin-top:9px}.track-tag{font-size:9px;color:var(--muted)}.track-play{border:1px solid #637967;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;color:var(--gold)}.listening-note{color:#829888;font-size:10px;line-height:1.8;margin-top:21px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;align-items:center}.about-mark{font:180px Georgia;color:var(--gold);position:relative;justify-self:center}.about-mark>span{font:50px Georgia;position:absolute;right:-25px;top:5px}.about-mark small{display:block;font:8px/1.8 "Segoe UI";letter-spacing:3px;text-align:center;margin-top:14px}.about p{color:var(--muted);font-size:12px;line-height:2.1;margin-top:20px;max-width:540px}.signature{display:block;font:italic 34px Georgia;color:var(--gold);margin-top:23px}.contact{background:#1c352a;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.contact h2{font-size:42px}.contact p{font-size:11px;color:var(--muted);margin-top:24px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 6%;color:#8da18f;font-size:10px}.footer-brand{color:var(--text);letter-spacing:1.8px;font-size:11px}footer>a:last-child{font-size:22px}footer small{font-size:9px}.player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;width:min(760px,94%);border:1px solid #d9b77965;background:#172e26f5;box-shadow:0 10px 60px #0007;backdrop-filter:blur(15px);padding:15px 20px;display:flex;gap:20px;align-items:center}.player[hidden]{display:none}.player-icon{font-size:30px;color:var(--gold)}.now-playing{min-width:200px}.now-playing small{display:block;font-size:7px;letter-spacing:2px;color:var(--gold);margin-bottom:7px}.now-playing strong{font-weight:400;font-size:12px}.player button{background:none;border:0;font-size:20px;padding:8px}.player input{width:100%;min-width:50px;accent-color:var(--gold)}#time{font-size:9px;white-space:nowrap;color:var(--muted)}dialog{color:var(--text);background:#183329;border:1px solid #69826d;max-width:580px;width:90%;padding:50px}dialog::backdrop{background:#07130fd9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:10px;font-size:27px;border:0;background:none}dialog h2{font-size:30px;overflow-wrap:anywhere}dialog p{color:var(--muted);line-height:2;margin:22px 0 30px}.skip{position:fixed;top:-100px;padding:12px;background:var(--gold);color:#123}.skip:focus{top:0;z-index:10}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:0 5%}.hero-copy{padding-left:10%;padding-right:7%}.hero-actions{gap:16px}.button{gap:20px;padding:15px 17px}.hero-foot span:last-child{display:none}.disciplines i{display:none}.project-grid{gap:18px}.cover{height:280px}.listening{gap:35px}.about{gap:50px}}@media(max-width:720px){header{height:80px}.brand{font-size:12px;gap:10px}.brand-icon{font-size:38px}.brand small{font-size:7px}nav{gap:16px;font-size:11px}nav a:last-child,.nav-contact{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:47px 7% 28px}h1{font-size:49px;margin-top:24px}.hero-en{font-size:20px}.intro{font-size:12px;margin-top:22px}.hero-foot{margin-top:0;padding-top:32px}.hero-art{height:390px}.art-top{top:22px}.disciplines{padding:22px 6%;flex-wrap:wrap;justify-content:center;font-size:8px;gap:15px}.disciplines span:last-child,.disciplines b:last-of-type{display:none}.section{padding:55px 7%}.section-heading{align-items:start}.section-heading>p{display:none}h2{font-size:28px}.project-grid{grid-template-columns:1fr;gap:32px}.cover{height:340px}.listening{grid-template-columns:1fr;gap:5px}.listening-intro h2 br{display:none}.tiny-label{margin-top:20px}.track{gap:12px;padding:22px 0}.track-title{font-size:16px}.track-tag{display:none}.about{grid-template-columns:1fr;gap:30px}.about-mark{font-size:95px;justify-self:start}.about-mark>span{font-size:26px;right:-12px}.about-mark small{display:none}.contact{display:block}.contact h2{font-size:35px}.contact .button{margin-top:30px}footer{flex-wrap:wrap;padding:25px 7%;gap:16px}footer>span{display:none}footer small{order:3;width:100%}.player{gap:10px;padding:12px}.player-icon{display:none}.now-playing{min-width:0;flex:1}.now-playing strong{font-size:10px}.player input{max-width:65px}#time{display:none}dialog{padding:38px 25px}.filters{gap:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preview publication information; shared by the homepage and single pages. */
.preview-status{padding:14px 7%;background:#23252b;color:#d9d6df;border-bottom:1px solid #ffffff18;font:12px/1.8 "Segoe UI","Microsoft YaHei",sans-serif}
.preview-status-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 22px}.preview-status-label{color:#e1c9ed;font-weight:600}.preview-timezone{color:#b8b4bf;font-size:11px}.preview-status details{margin-top:3px}.preview-status summary{width:fit-content;cursor:pointer;padding:8px 0;color:#e1c9ed;min-height:40px}.preview-status summary:focus-visible{outline:2px solid #e1c9ed;outline-offset:3px}.preview-status ul{margin:2px 0 8px;padding-left:20px;max-width:720px}.preview-status li{margin:4px 0}.preview-status time{font-variant-numeric:tabular-nums}
@media(max-width:600px){.preview-status-meta{display:block}.preview-status-meta>span{display:block}.preview-status{font-size:11px}}