:root{color-scheme:dark;--bg:#080e21;--ink:#f4f4ff;--muted:#9aa5c3;--line:rgba(159,174,223,.15);--accent:#b5b8ff;--font:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c5c3ff;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;background:#dad9ff;color:#151833;padding:12px 20px;z-index:20;border-radius:8px}.skip-link:focus{top:15px}.sky{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;z-index:-1;pointer-events:none}.stars{position:absolute;inset:0;background-repeat:repeat}.stars-one{opacity:.5;background-image:radial-gradient(1px 1px at 21px 39px,#bec8fc 99%,transparent),radial-gradient(1px 1px at 180px 112px,#8b9dce 99%,transparent),radial-gradient(1px 1px at 86px 220px,#cbd2ec 99%,transparent);background-size:293px 277px}.stars-two{opacity:.3;background-image:radial-gradient(1px 1px at 144px 51px,#cdd3fe 99%,transparent),radial-gradient(1.5px 1.5px at 210px 203px,#d8c6ff 99%,transparent);background-size:433px 389px}.orb{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(95px);opacity:.14}.orb-one{background:#4647b9;top:-280px;right:-160px}.orb-two{background:#244a95;top:340px;left:-450px}.page-shell{max-width:1184px;margin:0 auto;padding:0 40px}.site-header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(159,174,223,.08)}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:3px;line-height:1.2}.brand-mark{font-size:40px;color:#bbbaff;line-height:1}.brand-en{display:block;font-size:8px;letter-spacing:2.5px;color:#929dbb;font-weight:500;margin-top:7px}.header-link{font-size:13px;color:#bec6df;display:flex;gap:27px;align-items:center}.header-link span{font-size:20px;color:#bdbfff}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:540px;padding:49px 0 56px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:#a1abd0;margin:0 0 23px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;background:#b4b3ed;border-radius:50%;box-shadow:0 0 12px #8582ff}h1{font-size:clamp(34px,4.4vw,53px);line-height:1.43;font-weight:650;letter-spacing:1.5px;margin:0}.highlight{color:#c0beff;position:relative}.title-star{position:absolute;font-size:22px;top:-19px;right:0;color:#e0d5ff;transform:rotate(10deg)}.hero-description{color:var(--muted);font-size:14px;line-height:1.95;letter-spacing:.7px;margin:23px 0 29px}.explore-button{display:inline-flex;gap:35px;align-items:center;border:1px solid rgba(181,184,255,.35);border-radius:8px;padding:11px 20px;font-size:13px;background:linear-gradient(110deg,rgba(122,126,221,.2),rgba(122,126,221,.06));transition:background .2s,transform .2s}.explore-button:hover{background:rgba(122,126,221,.25);transform:translateY(-2px)}.explore-button span{color:#c4c3ff;font-size:20px}.hero-art{height:350px;position:relative;isolation:isolate}.planet{position:absolute;width:204px;height:204px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#a3a6eb 0%,#646bb5 19%,#303e7c 43%,#162044 68%,#0b1330 85%);box-shadow:inset -18px -18px 35px #060b21,inset 2px 2px 10px #bdbdff66,0 0 70px #565dd526}.planet:after{content:"";position:absolute;inset:0;border-radius:50%;opacity:.25;background:repeating-linear-gradient(155deg,transparent 0 20px,#ced0fb22 25px 27px,transparent 33px 39px);filter:blur(3px)}.planet-light{position:absolute;inset:-2px;border-radius:50%;border:1px solid #9695dc30}.orbit{position:absolute;left:50%;top:44%;border:1px solid #7a89ca33;border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg)}.orbit-outer{width:390px;height:184px;z-index:2;border-bottom-color:#a0a8e275;border-right-color:#7881bb4d}.orbit-inner{width:322px;height:300px;transform:translate(-50%,-50%) rotate(-27deg);border-style:dashed;border-color:#6674b220}.art-star{position:absolute;color:#c4c4ff}.star-a{font-size:32px;top:46px;right:31px}.star-b{font-size:23px;bottom:89px;left:40px}.star-c{font-size:13px;top:51px;left:72px}.satellite{position:absolute;border-radius:50%;background:#c6b8fa;box-shadow:0 0 15px #9c8fdd66;z-index:3}.satellite-a{width:9px;height:9px;top:196px;left:71px}.satellite-b{width:5px;height:5px;top:111px;right:37px;background:#a1c8ef}.art-label{position:absolute;bottom:6px;width:100%;display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;color:#727e9f}.label-line{width:22px;height:1px;background:#7581aa}.works-section{padding:20px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px;color:#7f8aaa}h2{font-size:25px;font-weight:600;letter-spacing:1.4px;line-height:1.4;margin:0}.heading-spark{font-size:20px;margin-left:15px;color:#bcb9ee;font-weight:400}.section-caption{font-size:12px;color:#808ba9;letter-spacing:1px;margin:0 0 3px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 25px;padding-bottom:19px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid transparent;color:#9aa5c3;background:transparent;font-size:12px;border-radius:7px;padding:8px 16px;white-space:nowrap;transition:background .2s,color .2s}.filter:hover{color:#e0e2fa;background:#232d4a55}.filter.active{color:#e5e3ff;background:#a4a1ff18;border-color:#a4a1ff25}.filter span{font-size:10px;margin-left:5px;opacity:.7}.search-wrap{width:220px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#111a3099;border-radius:8px;padding:7px 12px;color:#7d89a9}.search-wrap>span{font-size:23px;line-height:1}.search-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#e5e6f6;font-size:12px;line-height:26px}.search-wrap:focus-within{border-color:#aaa5fa99}.search-wrap input::placeholder{color:#7c88a6}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:345px}.work-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#141f37aa,#10182bd9);border:1px solid #8c9cc42b;border-radius:14px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}.work-card:hover{transform:translateY(-5px);border-color:#a5a1ff70;box-shadow:0 15px 40px #0003}.card-art{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#43366b55,transparent 65%),linear-gradient(160deg,#182345,#0c142c 65%)}.art-dots{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 25%,#dfd8f4 99%,transparent),radial-gradient(1px 1px at 70% 60%,#dfd8f4 99%,transparent),radial-gradient(1px 1px at 85% 22%,#dfd8f4 99%,transparent);background-size:91px 87px;opacity:.5}.card-badge{position:absolute;left:16px;top:14px;padding:3px 9px;border:1px solid #c5c0e526;background:#080d2080;border-radius:5px;font-size:10px;letter-spacing:.5px;color:#d0d3e8;z-index:2}.firework{position:absolute;width:130px;height:130px;border-radius:50%;left:48%;top:42%;transform:translate(-50%,-50%)}.firework:before,.firework:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 13deg,#b8a3f6 14deg 15deg,transparent 16deg 30deg);mask-image:radial-gradient(circle,transparent 0 18%,#000 19% 21%,transparent 22% 30%,#000 31% 33%,transparent 34% 45%,#000 46% 49%,transparent 50% 59%,#000 60% 63%,transparent 64%);opacity:.9}.firework:after{transform:rotate(14deg) scale(.8);background:repeating-conic-gradient(transparent 0deg 13deg,#f7cba8 14deg 15deg,transparent 16deg 30deg)}.firework.second{width:87px;height:87px;top:60%;left:75%;filter:hue-rotate(35deg);opacity:.8}.firework.third{width:65px;height:65px;top:64%;left:24%;filter:hue-rotate(260deg);opacity:.8}.firework-trail{position:absolute;height:65px;width:1px;top:62%;left:48%;background:linear-gradient(#c0aff46b,transparent);transform:rotate(6deg)}.art-caption{position:absolute;bottom:14px;left:16px;font-size:9px;letter-spacing:2.4px;color:#a0a8c2}.card-content{padding:19px 19px 17px;flex:1;display:flex;flex-direction:column}.card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-title-row h3{margin:0;font-size:17px;font-weight:550;letter-spacing:.5px}.card-arrow{color:#abb0e4;font-size:22px;line-height:1;transition:transform .2s}.work-card:hover .card-arrow{transform:translate(2px,-2px)}.card-description{margin:9px 0 20px;color:#96a2bf;font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tag{font-size:10px;color:#8997b8;background:#a2acdd0b;border:1px solid #a2acdd13;padding:2px 7px;border-radius:4px}.state-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;border:1px dashed #8291be30;border-radius:14px;text-align:center;padding:30px;color:#aab3ce;background:#131c301f}.state-symbol{font-size:37px;color:#b7b6ef;line-height:1.5}.state-panel p{margin:10px 0 3px;font-size:15px}.state-panel small{color:#8390af;font-size:12px}.reset-button{margin-top:18px;padding:7px 15px;border:1px solid #a4a1ff40;border-radius:7px;background:#a4a1ff15;color:#d5d2ff;font-size:12px}.collection-bottom{display:flex;gap:12px;align-items:center;margin:35px 0 65px;color:#7583a4}.collection-bottom p{font-size:11px;letter-spacing:1px;white-space:nowrap}.tiny-star{color:#9294ce;font-size:13px}.bottom-line{height:1px;background:linear-gradient(to right,#8291be26,transparent);flex:1;margin-left:7px}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0 30px;color:#6f7e9e;font-size:10px;letter-spacing:.5px;gap:20px}.site-footer p{margin:0}.site-footer p:first-child{color:#8a96b3}.site-footer span{margin:0 6px}.site-footer #year{margin:0}@media(min-width:1450px){.hero{min-height:590px}}@media(max-width:950px){.page-shell{padding:0 30px}.hero{grid-template-columns:1.2fr .9fr;min-height:510px}.hero-art{transform:scale(.8);transform-origin:center right}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap{width:200px}.filter{padding:8px 12px}}@media(max-width:680px){.page-shell{padding:0 23px}.site-header{height:87px}.brand{font-size:19px}.brand-mark{font-size:33px}.brand-en{font-size:7px}.header-link{font-size:11px;gap:15px}.hero{grid-template-columns:1fr;padding:44px 0 20px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:19px}h1{font-size:36px;letter-spacing:.4px;line-height:1.45}.hero-description{font-size:12px;margin:19px 0 24px}.title-star{font-size:19px;top:-17px}.explore-button{padding:9px 17px;font-size:12px}.hero-art{height:264px;transform:scale(.74);transform-origin:center center;margin:-15px -20px -17px}.art-label{bottom:-19px;font-size:12px}.planet{width:190px;height:190px}.star-a{right:13%}.star-b{left:14%;bottom:43px}.satellite-a{left:11%;top:155px}.orbit-outer{width:360px}.orbit-inner{width:300px;height:280px}.works-section{padding-top:27px}.section-heading{align-items:center}.section-eyebrow{font-size:8px;margin-bottom:7px}h2{font-size:22px}.heading-spark{font-size:17px;margin-left:10px}.section-caption{font-size:10px;letter-spacing:0;max-width:80px;text-align:right}.collection-toolbar{flex-direction:column;align-items:stretch;gap:16px;margin-top:22px;padding-bottom:17px}.filters{gap:4px;justify-content:space-between}.filter{padding:8px 11px;font-size:11px}.filter span{font-size:9px;margin-left:4px}.search-wrap{width:100%;padding:6px 12px}.search-wrap input{font-size:12px}.catalog{grid-template-columns:1fr;min-height:310px;gap:20px}.card-art{height:210px}.card-content{padding:19px 20px}.card-description{font-size:12px}.card-badge{left:18px;top:17px}.firework{width:155px;height:155px}.firework.second{width:100px;height:100px}.firework.third{width:80px;height:80px}.collection-bottom{margin:25px 0 43px}.collection-bottom p{font-size:10px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:23px 0 28px;font-size:10px}.state-panel{min-height:280px}}@media(max-width:350px){.page-shell{padding:0 17px}h1{font-size:31px}.filter{padding:8px}.hero-art{transform:scale(.65)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Homepage refinements — preserves the original Star Island visual identity. */
:root{--muted:#b0bad3;--control-radius:8px;--control-height:44px}
html{scroll-padding-top:0;scrollbar-color:#60688f #080e21}
::selection{background:#b9b6ef;color:#11172d}
input{caret-color:#d2ceff}
.site-header{height:88px}
.hero{min-height:360px;padding:28px 0 32px}
.hero-art{height:310px}
.hero-description{font-size:15px;margin:18px 0 23px}
.works-section{padding-top:16px;scroll-margin-top:32px}
h2{font-size:30px}
.section-caption{color:#a6b0cc;font-size:13px}
.art-label{color:#a1acc9}
.collection-toolbar{margin:22px 0 22px;gap:16px}
.filter,.reset-button,.explore-button{min-height:var(--control-height);border-radius:var(--control-radius);font-size:13px}
.filter{color:#b4bed6}
.filter.active{background:#b6b0ed;color:#151b34;border-color:#c7c2fa}
.filter.active span{opacity:1}
.search-wrap{min-height:var(--control-height);width:260px;background:#17223b;border-color:#65729b;border-radius:var(--control-radius);padding:5px 12px}
.search-wrap input{font-size:14px}
.search-wrap input::placeholder{color:#aeb8d2}
.search-wrap input::-webkit-search-cancel-button{display:none}
.search-wrap:focus-within{border-color:#d2ccff;box-shadow:0 0 0 3px #b9b3ff26}
.search-wrap input:focus-visible{outline:none}
.clear-search{flex:none;border:0;background:transparent;color:#d7dcf2;width:32px;height:32px;border-radius:5px;font-size:22px;padding:0}
.clear-search:hover{background:#b6b0ed26}
[hidden]{display:none!important}
.catalog{align-items:stretch;min-height:0}
.catalog[data-count="1"]{grid-template-columns:minmax(0,720px);justify-content:center}
.catalog[data-count="1"] .work-card{display:grid;grid-template-columns:1fr 1fr}
.catalog[data-count="1"] .card-art{height:100%;min-height:245px;aspect-ratio:auto}
.catalog[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto}
.work-card{transition:transform .18s,border-color .18s,filter .18s}
.work-card:hover{transform:translateY(-3px);border-color:#c4bdff;box-shadow:none}
.work-card:focus-visible{outline:3px solid #dfdaff;outline-offset:5px;border-color:#dfdaff}
.work-card:active{transform:scale(.988);filter:brightness(.88)}
.card-art{height:auto;aspect-ratio:16/9}
.card-art .firework,.card-art .art-dots{transition:scale .18s}
.work-card:hover .card-art .firework,.work-card:hover .art-dots{scale:1.04}
.card-title-row{align-items:flex-start}
.card-title-row h3{font-size:19px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em;overflow-wrap:anywhere}
.card-description{color:#b4bfd8;font-size:14px;line-height:1.8;min-height:3.6em;margin:8px 0 18px;overflow-wrap:anywhere}
.card-tags{min-height:26px;align-content:flex-start}
.tag{font-size:11px;color:#b0bdd9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-entry{display:block;color:#cec9ff;font-size:13px;margin-top:16px;opacity:0;transition:opacity .18s}
.work-card:hover .card-entry,.work-card:focus-visible .card-entry{opacity:1}
.state-panel small{color:#b0bad3;font-size:14px;max-width:55ch;overflow-wrap:anywhere}
.collection-bottom{margin-bottom:44px}
@media(min-width:1450px){.hero{min-height:390px}}
@media(max-width:950px){.hero{min-height:350px}.catalog{gap:20px}.search-wrap{width:230px}.hero-art{transform:scale(.75)}}
@media(hover:none),(pointer:coarse){.card-entry{opacity:1}}
@media(max-width:680px){
 .site-header{height:76px}.hero{min-height:0;padding:32px 0 12px}.hero-description{font-size:14px}
 .hero-art{height:205px;transform:scale(.64);margin:-6px -20px -10px}.art-label{bottom:-30px}
 .works-section{padding-top:28px;scroll-margin-top:24px}h2{font-size:26px}
 .section-caption{font-size:12px}.collection-toolbar{gap:12px}.search-wrap{width:100%;order:-1}
 .filters{justify-content:flex-start;gap:6px}.filter{padding:8px 12px;font-size:13px}
 .catalog,.catalog[data-count="1"],.catalog[data-count="2"]{grid-template-columns:minmax(0,1fr)}
 .catalog[data-count="1"] .work-card{display:flex}
 .catalog[data-count="1"] .card-art,.card-art{height:auto;min-height:0;aspect-ratio:16/9}
 .card-entry{opacity:1}.card-description{font-size:14px}.card-title-row h3{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.work-card:hover,.work-card:active,.explore-button:hover{transform:none}
 .work-card:hover .card-art .firework,.work-card:hover .art-dots{scale:1}
 *,*::before,*::after{animation:none!important;transition:none!important}
}

 .hero>*{min-width:0}.hero-art{max-width:100%}.sky{max-width:100%}@media(min-width:681px) and (max-width:950px){h1{font-size:36px}.hero{grid-template-columns:1.15fr 1fr}.hero-art{transform:scale(.68);transform-origin:center}}