:root{--serif:'Songti SC','STSong','Noto Serif CJK SC','SimSun',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{font-family:var(--sans);margin:0}h1,h2,h3,h4,.celestial-wordmark,.celestial-nav,.celestial-seal{font-family:var(--serif)}a{text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #d6bb83;outline-offset:5px}
.celestial-header{position:relative;z-index:2;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 30px 15px;gap:20px}.celestial-brand{display:inline-flex;align-items:center;gap:15px;color:#edf1ff!important;white-space:nowrap}.celestial-seal{display:grid;place-items:center;width:51px;height:56px;border:1.5px solid #d6bb83;border-radius:4px;font-size:37px;color:#e5c382;line-height:1;font-weight:400}.celestial-wordmark{font-size:31px;letter-spacing:5px;line-height:1.15;font-weight:400}.celestial-wordmark small{display:block;font-size:14px;letter-spacing:2px;color:#aab7cc;margin-top:7px}.celestial-tools{display:flex;gap:28px;align-items:center}.celestial-menu{border:0!important;background:none!important;padding:4px;width:32px;display:grid;gap:7px;cursor:pointer}.celestial-menu span{height:1px;background:#edf1ff;display:block}.celestial-search-icon{width:21px;height:21px;border:1.4px solid #edf1ff;border-radius:50%;position:relative}.celestial-search-icon:after{content:'';position:absolute;width:10px;height:1.4px;background:#edf1ff;transform:rotate(47deg);right:-7px;bottom:-4px}
.celestial-nav{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:16px 20px 12px;font-size:18px;letter-spacing:1px}.celestial-nav a{white-space:nowrap;padding:6px 0;color:#edf1ff!important}.celestial-home .celestial-nav a:first-child{color:#e5c382!important;border-bottom:1px solid #d6bb83}.celestial-nav .celestial-staff{color:#e5c382!important;border:1px solid #b59a62;padding:5px 14px;border-radius:4px}.celestial-nav.menu-open{background:#0c172af5;outline:1px solid #30425c;border-radius:8px}
.celestial-home{background-color:#060e1b!important;background-image:none!important;isolation:isolate}.sky-stage{position:absolute;inset:0 0 auto;height:680px;z-index:-1;overflow:hidden;pointer-events:none}.sky-slide{position:absolute;inset:0;background-image:url('/skin/starry/cultural-atlas.png');background-size:200% 300%;background-repeat:no-repeat;opacity:0;transition:opacity 1s}.sky-one{background-position:0 0}.sky-two{background-position:100% 0}.sky-slide.active{opacity:1}.sky-shade{position:absolute;inset:0;background:linear-gradient(180deg,#04102318 0%,transparent 72%,#060e1b 100%)}
.celestial-hero{position:relative;max-width:1160px;height:495px;margin:auto;color:#edf1ff}.hero-copy{padding:115px 28px 0 45%;text-shadow:0 2px 14px #0007}.hero-copy h1{font-size:39px;line-height:1.5;font-weight:400;letter-spacing:1px;white-space:nowrap;margin:0}.hero-copy p{font-family:var(--serif);font-size:20px;color:#c4cede;margin:12px 0;line-height:1.6}.hero-rule{width:20px;height:1px;background:#edf1ff;display:block;margin:10px 0}.sky-prev,.sky-next{position:absolute;top:50%;background:#07122240!important;border:0;color:#eff5ff90;font-size:34px;padding:0 12px;border-radius:5px;opacity:0;transition:opacity .2s;cursor:pointer}.sky-prev{left:10px}.sky-next{right:10px}.celestial-hero:hover .sky-prev,.celestial-hero:hover .sky-next,.sky-prev:focus,.sky-next:focus{opacity:1}.sky-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px}.sky-dots button{border:0;padding:0;width:5px;height:5px;border-radius:50%;background:#ffffff55;cursor:pointer}.sky-dots button[aria-current=true]{background:#d6bb83}
.celestial-content{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;gap:24px}.celestial-card{position:relative;overflow:hidden;border:1px solid #304b6b;border-radius:8px;background:#081221!important;color:#edf1ff!important}.celestial-section-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.celestial-section-head h2{font-weight:400;font-size:27px;line-height:1.3;margin:0;color:#f0f1f5}.celestial-section-head h2:after{content:'';display:block;width:17px;height:2px;background:#d6bb83;margin-top:11px}.celestial-section-head a,.celestial-section-head .more{font-family:var(--serif);font-size:13px;color:#c3cbd7!important;padding-top:6px;white-space:nowrap}.celestial-section-head a span{font-size:22px;margin-left:12px;line-height:10px}
.atlas{background-image:url('/skin/starry/cultural-atlas.png');background-size:200% 300%;background-repeat:no-repeat}.atlas-temple{background-position:0 50%}.atlas-amulet{background-position:100% 50%}.atlas-naga{background-position:0 100%}
.celestial-feature{height:285px;padding:25px}.feature-image{position:absolute;right:0;top:50%;transform:translateY(-50%);width:72%;aspect-ratio:1}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111ff5 0%,#07111fc9 25%,#07111f15 75%)}.feature-caption{position:absolute;left:25px;bottom:32px;z-index:1;color:#edf1ff!important}.feature-caption h3{font-weight:400;font-size:33px;margin:0 0 7px;line-height:1.4}.feature-caption p{font-family:var(--serif);font-size:19px;margin:0;color:#d0d7e1;line-height:1.6}
.celestial-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.category-card{height:238px;padding:24px;display:block}.category-image{position:absolute;inset:0;width:100%;height:100%}.category-card .card-shade{background:linear-gradient(90deg,#07111fe8,#07111f70 48%,transparent)}.category-card>p{position:absolute;z-index:1;left:24px;bottom:34px;margin:0;color:#c9d0dc;line-height:1.8;font-family:var(--serif);font-size:19px}
.celestial-news{padding:24px}.celestial-news-list{margin-top:12px}.celestial-news-row{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:18px 0;color:#edf1ff!important}.celestial-news-row+.celestial-news-row{border-top:1px solid #30425c}.news-image{height:122px;border-radius:4px;background-position:100% 0}.celestial-news-row:nth-child(2) .news-image{background-position:100% 100%}.celestial-news-row h3{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.6;margin:0 0 4px;color:#edf1ff}.celestial-news-row p{color:#adb8ca;line-height:1.6;font-size:16px;font-family:var(--serif);margin:3px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.celestial-news-row time{font:14px var(--serif);color:#8390a5;display:block;margin-top:9px}
.celestial-footer{max-width:1100px;margin:48px auto 0;padding:0 25px 35px;text-align:center;color:#8390a5}.footer-brand{display:flex;align-items:center;justify-content:center;gap:25px}.footer-brand>span{height:1px;background:#30425c;flex:1;max-width:200px}.celestial-footer .celestial-seal{width:41px;height:44px;font-size:29px}.celestial-footer .celestial-wordmark{font-size:24px;letter-spacing:3px}.celestial-footer .celestial-wordmark small{font-size:11px;letter-spacing:2px;margin-top:5px}.celestial-footer>p{font:13px var(--serif);letter-spacing:3px;margin:20px 0 10px}.celestial-legal{font-size:10px;color:#64748b;line-height:1.8}.page-heading h1,.detail-name,.section h3,.card h3,.login-card h1{font-family:var(--serif)!important;font-weight:400}.staff-header .celestial-brand{margin:0}.staff-header .celestial-wordmark small{font-size:12px}
@media(min-width:761px){.celestial-content{grid-template-columns:1fr 1fr;align-items:start}.celestial-feature{grid-column:1/-1;height:320px}.celestial-pair{grid-column:1/-1}.celestial-news{grid-column:1/-1}.sky-stage{height:680px}.celestial-header{padding-top:28px}}
@media(max-width:760px){
.celestial-header{padding:15px 28px 9px;gap:12px}.celestial-brand{gap:12px}.celestial-seal{width:30px;height:32px;font-size:24px;border-radius:3px}.celestial-wordmark{font-size:21px;letter-spacing:3px}.celestial-wordmark small{font-size:10px;letter-spacing:1px;margin-top:4px}.celestial-tools{gap:23px}.celestial-search-icon{width:14px;height:14px;border-width:1px}.celestial-search-icon:after{height:1px;width:7px;right:-5px;bottom:-3px}.celestial-menu{width:23px;gap:5px;padding:0}.celestial-nav{padding:7px 34px 0;gap:8px 24px;font-size:13px;line-height:1.5;letter-spacing:0}.celestial-nav a{padding:4px 0}.celestial-nav .celestial-staff{padding:3px 11px}.sky-stage{height:347px}.celestial-hero{height:238px}.hero-copy{padding:35px 14px 0 43%}.hero-copy h1{font-size:22px;letter-spacing:0}.hero-copy p{font-size:12px;margin-top:6px;white-space:nowrap}.hero-rule{width:15px;margin:6px 0}.sky-dots{bottom:10px}.sky-prev,.sky-next{font-size:24px;padding:0 6px}.celestial-content{padding:0 16px;gap:11px}.celestial-feature{height:130px;padding:11px}.celestial-section-head h2{font-size:16px;line-height:1.4}.celestial-section-head h2:after{height:1px;width:12px;margin-top:5px}.celestial-section-head a,.celestial-section-head .more{font-size:9px;padding-top:3px}.celestial-section-head a span{font-size:14px;margin-left:6px}.feature-caption{left:11px;bottom:24px}.feature-caption h3{font-size:21px;margin-bottom:3px}.feature-caption p{font-size:12px}.celestial-pair{gap:11px}.category-card{height:110px;padding:11px}.category-card .celestial-section-head{gap:5px}.category-card .more{font-size:8px}.category-card>p{left:11px;bottom:24px;font-size:12px;line-height:1.6}.celestial-news{padding:11px}.celestial-news-list{margin-top:2px}.celestial-news-row{grid-template-columns:115px 1fr;gap:11px;padding:10px 0}.news-image{height:64px}.celestial-news-row h3{font-size:12px;line-height:1.5;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.celestial-news-row p{font-size:10px;line-height:1.5;margin:0}.celestial-news-row time{font-size:9px;margin-top:5px}.celestial-footer{margin-top:22px;padding:0 28px 20px}.footer-brand{gap:14px}.celestial-footer .celestial-seal{width:24px;height:26px;font-size:20px}.celestial-footer .celestial-brand{gap:8px}.celestial-footer .celestial-wordmark{font-size:18px;letter-spacing:2px}.celestial-footer .celestial-wordmark small{font-size:8px;letter-spacing:1px;margin-top:3px}.celestial-footer>p{font-size:9px;letter-spacing:1px;margin:10px 0}.celestial-legal{font-size:8px}.staff-header .celestial-wordmark{font-size:20px}.staff-header .celestial-wordmark small{font-size:9px}
}
@media(max-width:360px){.celestial-nav{gap:6px 17px;padding-inline:24px}.hero-copy{padding-left:38%}.hero-copy h1{font-size:20px}.celestial-section-head .more{font-size:7px}.celestial-news-row{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){.sky-slide{transition:none}}
/* Atlas cells are square: render square photo planes and crop, never stretch. */
.sky-slide{background:none!important;overflow:hidden}.sky-slide:before{content:'';position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);background-image:url('/skin/starry/cultural-atlas.png');background-size:200% 300%;background-repeat:no-repeat}.sky-one:before{background-position:0 0}.sky-two:before{background-position:100% 0}
.category-image{height:auto!important;aspect-ratio:1;top:50%;bottom:auto;transform:translateY(-50%)}
.news-image{position:relative;background:none;overflow:hidden}.news-image:before{content:'';position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url('/skin/starry/cultural-atlas.png');background-size:200% 300%;background-position:100% 0}.celestial-news-row:nth-child(2) .news-image:before{background-position:100% 100%}
@media(max-width:760px){.sky-slide:before{width:100%;min-width:347px}.category-image{min-height:0!important}}
/* Screen-based adaptation covers phone models, tablets and orientation changes. */
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}.celestial-home{min-width:0!important;width:100%}.celestial-home img{max-width:100%;height:auto}.celestial-content>*{min-width:0}.celestial-news-row>div{min-width:0}
@media(max-width:760px){.celestial-header{padding-left:clamp(16px,7vw,28px);padding-right:clamp(16px,7vw,28px)}.celestial-tools{gap:clamp(17px,5vw,23px)}.celestial-nav{padding-left:clamp(16px,8vw,34px);padding-right:clamp(16px,8vw,34px);column-gap:clamp(16px,5.9vw,26px)}.celestial-hero{height:clamp(220px,61vw,300px)}.hero-copy{padding-left:43%;padding-right:10px}.hero-copy h1{font-size:clamp(18px,5.64vw,27px);line-height:1.5}.hero-copy p{font-size:clamp(10px,3.08vw,14px);white-space:normal}.celestial-wordmark{font-size:clamp(18px,5.38vw,23px)}.celestial-wordmark small{font-size:clamp(8px,2.56vw,11px)}.celestial-feature{height:clamp(130px,33vw,210px)}.feature-caption p{font-size:clamp(10px,3.07vw,15px)}.feature-caption h3{font-size:clamp(18px,5.38vw,26px)}.category-card{height:clamp(110px,28vw,190px)}.category-card>p{font-size:clamp(10px,3.07vw,15px)}.celestial-section-head .more{font-size:clamp(7px,2vw,10px)}.celestial-news-row{grid-template-columns:minmax(85px,32%) minmax(0,1fr)}.news-image{height:auto;aspect-ratio:1.8}.celestial-section-head h2{font-size:clamp(14px,4.1vw,21px)}}
@media(max-width:340px){.celestial-tools{gap:16px}.celestial-brand{gap:8px}.celestial-nav{font-size:12px;column-gap:16px}.hero-copy{padding-left:40%}.feature-caption{bottom:18px}.category-card .celestial-section-head{flex-wrap:wrap;gap:0}.category-card .more{display:none}}
@media(min-width:761px){.sky-slide:before{width:100%;height:100%;aspect-ratio:auto;inset:0;transform:none;background-size:cover;background-position:center center}.sky-one:before{background-image:url('/skin/starry/hero-desktop-1.png');background-position:center 62%}.sky-two:before{background-image:url('/skin/starry/hero-desktop-2.png');background-position:center 62%}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1100px){.celestial-hero{height:230px}.hero-copy{padding-top:38px}.hero-copy h1{font-size:clamp(24px,3.4vw,34px)}.hero-copy p{font-size:16px}.celestial-header{padding-top:16px;padding-bottom:10px}.celestial-nav{padding-top:8px;padding-bottom:8px}}
