@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500&display=swap');
:root{color-scheme:dark;--ink:#0a121b;--paper:#eeeae2;--muted:#b8bec4;--gold:#d0b78a;--line:rgba(211,194,164,.24);--serif:'Noto Serif TC','Songti TC',serif;--sans:'Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{background:none;border:none}::selection{background:#8a7859;color:white}.site-header{height:94px;padding:0 5%;display:flex;align-items:center;gap:40px;position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(#09121bdd,transparent)}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:23px;letter-spacing:5px}.brand-mark{font-size:42px;color:var(--gold);line-height:1}.brand small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:2.5px;color:var(--gold);line-height:1.4}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:14px;letter-spacing:2px}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--gold)}.edition{font-size:12px;letter-spacing:2px;color:var(--gold);border:1px solid var(--line);padding:3px 12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{font-size:clamp(44px,5.3vw,80px);line-height:1.45;letter-spacing:.13em}h2{font-size:clamp(28px,3vw,42px);letter-spacing:.12em;line-height:1.5}.eyebrow{font-family:Georgia,serif;font-size:12px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}.world-hero{min-height:810px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:120px 5% 100px;background:#0c1b23}.map-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09141a 0%,#09141abb 25%,#09141a22 66%),url('assets/map.webp') center/cover;filter:blur(22px);opacity:.5;transform:scale(1.1)}.world-intro{width:29%;max-width:360px;z-index:3;pointer-events:none}.world-intro h1{font-size:clamp(38px,4.7vw,68px);margin:24px 0}.world-intro p:not(.eyebrow){font-size:16px;line-height:2.2;color:#c6cbcc;max-width:285px}.ornament{width:46px;height:1px;background:var(--gold);margin:30px 0}.map-wrap{position:absolute;right:1%;width:72%;top:16%;bottom:15%;min-height:480px}.map-surface{position:relative;width:100%;height:100%;background:url('assets/map.webp') center/100% 100% no-repeat;mask-image:linear-gradient(to right,transparent,#000 7%,#000 97%,transparent);border-radius:50% 20%;}.map-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#0a1727 95%);opacity:.55}.map-pins{position:absolute;inset:0}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;white-space:nowrap;padding:8px 11px;text-shadow:0 2px 6px #000,0 0 12px #000;transition:transform .3s}.map-pin .diamond{width:9px;height:9px;background:#e8d7b6;transform:rotate(45deg);border:2px solid #303335;box-shadow:0 0 0 4px #d9bb8520,0 0 20px #e1c88b99;margin:6px}.map-pin .pin-name{font-family:var(--serif);font-size:16px;letter-spacing:2px;background:#0a1419a6;padding:2px 10px;border:1px solid #c7b88f40;backdrop-filter:blur(3px)}.map-pin small{font-size:10px;font-family:Georgia,serif;letter-spacing:1.5px;color:#e0d4bf}.map-pin:hover,.map-pin:focus-visible{transform:translate(-50%,-55%);z-index:5}.map-pin:hover .pin-name{border-color:var(--gold);background:#15222ef2}.compass{position:absolute;right:4%;top:4%;color:#c3bda7;display:flex;flex-direction:column;align-items:center;font:12px Georgia;gap:2px}.compass span{font-size:42px;font-weight:normal}.map-note{position:absolute;left:5%;bottom:38px;color:#b5baba;font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:14px}.map-note:before{content:'';width:26px;height:1px;background:var(--gold)}.map-coordinate{position:absolute;right:5%;bottom:36px;font:12px Georgia;letter-spacing:3px;color:#b5baba}.region-index{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 5% 24px;gap:0 25px;border-top:1px solid var(--line);background:#0c151e}.region-link{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:16px;letter-spacing:1px}.region-link span:first-child{color:var(--gold);font:12px Georgia}.region-link span:last-child{margin-left:auto;color:var(--gold);transition:transform .25s}.region-link:hover span:last-child{transform:translateX(5px)}.world-copy{max-width:1120px;margin:auto;padding:110px 40px;display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.world-copy p:not(.eyebrow){color:#bfc5cb;line-height:2.2}.world-copy h2{margin-bottom:0}.world-copy .text{padding-top:10px}.story{position:relative;min-height:175svh;isolation:isolate}.story-backdrop{position:sticky;top:0;height:100svh;overflow:hidden;z-index:-2;margin-bottom:-100svh;background:#10212c}.story-backdrop img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);filter:blur(var(--blur,0px));will-change:filter}.story-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04121a66 0%,transparent 30%,#07131c77 70%,#0a121b 100%);opacity:1}.story-shade{position:absolute;inset:0;background:#06121c;opacity:var(--shade,.06);will-change:opacity}.story-title{height:94svh;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:130px 9% 9svh;text-shadow:0 2px 28px #0008}.story-title h1{margin:16px 0 10px}.story-title .subtitle{font-family:var(--serif);font-size:18px;letter-spacing:4px;color:#eee8df}.breadcrumb{position:absolute;top:122px;left:5%;font-size:14px;letter-spacing:1px;display:flex;align-items:center;gap:15px;max-width:90%;flex-wrap:wrap}.breadcrumb span{color:#c6c7c8}.scroll-cue{margin-top:36px;font-size:12px;letter-spacing:3px;color:#d9d6d0;display:flex;align-items:center;gap:20px}.scroll-cue:before{content:'';height:35px;width:1px;background:linear-gradient(var(--gold),transparent)}.story-copy{max-width:1140px;margin:0 auto;padding:12svh 6% 20svh;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.story-copy p{font-size:17px;line-height:2.3;color:#eeeae5}.story-copy h2{font-size:34px}.story-copy .copy-body{border-left:1px solid var(--line);padding-left:40px}.section-kicker{font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.tag{font-size:13px;color:#d0c2a8;border-bottom:1px solid var(--line);padding:4px 0;letter-spacing:2px}.related{padding:80px 7% 100px;max-width:1450px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;gap:25px}.section-heading h2{margin:0}.section-heading p{font-size:14px;color:var(--muted);margin:0}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.character-card{display:block;text-align:left}.portrait-empty{aspect-ratio:3/4;background:linear-gradient(160deg,#182834,#0d171f 70%);border:1px solid var(--line);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:border-color .3s,transform .5s;overflow:hidden}.portrait-empty:before,.portrait-empty:after{content:'';position:absolute;inset:18px;border:1px solid #c4b69113}.portrait-empty:after{inset:26px}.portrait-empty .monogram{font-family:var(--serif);font-size:48px;color:#b8a47d7a;letter-spacing:6px}.portrait-empty .awaiting{font-size:12px;letter-spacing:3px;color:#929da5}.character-card:hover .portrait-empty{border-color:var(--gold);transform:translateY(-5px)}.character-meta{padding:22px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.character-meta h3{font-size:23px;margin:0;letter-spacing:3px}.character-meta p{font-size:13px;letter-spacing:2px;color:var(--gold);margin:3px 0 0}.character-meta>span{font-size:22px;color:var(--gold)}.character-view .story-backdrop img{opacity:.18;filter:blur(18px);transform:scale(1.1)}.character-view .story-title{align-items:center;text-align:center;position:relative}.character-view .story-title:before{content:'人物 CG 待放入';font-size:13px;letter-spacing:5px;color:#c8c8c2;position:absolute;top:36%;border:1px solid var(--line);padding:15px 25px}.character-view .story-title h1{font-size:clamp(46px,7vw,90px)}.return-row{display:flex;gap:20px;justify-content:center;margin-top:50px}.text-link{font-size:14px;letter-spacing:2px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:8px}.preview-note{font-size:13px!important;color:#a3adb4!important;margin-top:25px}.empty-cast{padding:50px;border:1px solid var(--line);text-align:center;color:var(--muted)}footer{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);margin:0 5%;padding:28px 0;color:#939ea6;font-size:12px}footer>span{font-family:var(--serif);letter-spacing:3px;font-size:16px;color:#cac5b8}footer p{margin:0}footer a{margin-left:auto;white-space:nowrap}main{animation:arrive .7s both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.map-wrap{right:6%;width:65%}.world-intro{margin-left:3%}}@media(max-width:900px){.site-header{height:80px;padding:0 5%;gap:20px}.brand{font-size:20px;letter-spacing:3px}.brand small{font-size:8px}.site-header nav{gap:18px}.edition{display:none}.world-hero{height:auto;min-height:0;padding:125px 6% 45px;display:block}.world-intro{width:100%;max-width:none}.world-intro h1{font-size:42px;margin:12px 0 15px;line-height:1.4}.world-intro h1 br{display:none}.world-intro p:not(.eyebrow){max-width:520px;line-height:1.9}.world-intro .ornament{display:none}.world-intro .eyebrow{margin-bottom:0}.map-wrap{position:relative;width:110%;height:580px;min-height:0;right:auto;margin:0 -5% 15px;top:auto;bottom:auto}.map-note{bottom:22px;font-size:12px}.map-coordinate{display:none}.region-index{grid-template-columns:repeat(2,1fr)}.world-copy{gap:30px;padding:70px 7%;grid-template-columns:1fr}.story-copy{gap:35px;padding:10svh 8% 18svh;grid-template-columns:1fr}.story-copy .copy-body{padding-left:24px}.story-title{padding-left:8%;padding-right:8%}.story-title h1{font-size:clamp(38px,7vw,65px)}.characters{gap:18px}.character-meta h3{font-size:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.breadcrumb{top:105px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;flex-basis:100%}}@media(max-width:550px){.site-header nav{font-size:13px;gap:16px;letter-spacing:0}.brand{font-size:18px;gap:7px}.brand-mark{font-size:32px}.brand small{font-size:7px;letter-spacing:1px}.world-intro h1{font-size:36px;letter-spacing:.08em}.world-intro p:not(.eyebrow){font-size:15px}.map-wrap{height:505px;margin-top:10px;width:110%}.map-surface{background-size:150% 100%;border-radius:5%;mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent)}.map-pin{padding:8px 3px}.map-pin .pin-name{font-size:14px;letter-spacing:.5px;padding:2px 6px}.map-pin small{font-size:9px;letter-spacing:.7px}.compass{right:7%;top:0}.compass span{font-size:30px}.region-index{gap:0 18px}.region-link{font-size:14px;gap:9px}.story-title{height:91svh;min-height:560px}.story-title h1{font-size:39px;letter-spacing:.08em}.story-title .subtitle{font-size:16px;letter-spacing:2px}.story-copy h2{font-size:29px}.story-copy p{font-size:16px}.related{padding:65px 7%}.characters{grid-template-columns:1fr;gap:26px}.character-card{display:grid;grid-template-columns:125px 1fr;gap:22px}.character-meta{align-self:center}.portrait-empty .monogram{font-size:28px}.portrait-empty .awaiting{font-size:10px;letter-spacing:1px}.portrait-empty:before{inset:8px}.portrait-empty:after{inset:12px}.character-meta h3{font-size:24px}.character-meta>span{font-size:18px}.world-copy{padding-top:65px}.empty-cast{padding:28px}.character-view .story-title h1{font-size:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story-backdrop img{will-change:auto}}
.world-intro p:not(.eyebrow),.world-copy p:not(.eyebrow),.story-copy p,.story-title .subtitle{color:#fff}
.story-copy{min-height:80svh;align-content:end;align-items:end;padding-bottom:6svh}
.story-copy .copy-body{color:#fff;text-shadow:0 2px 14px #0008}
.imperial-pages{position:absolute;top:170px;left:5%;display:flex;gap:10px;z-index:3;flex-wrap:wrap}
.imperial-pages a{padding:10px 20px;border:1px solid var(--line);background:#0a121bcc;color:#fff;font-size:14px;letter-spacing:2px}
.imperial-pages a[aria-current="page"]{border-color:var(--gold);background:#263039}
.faction-entry{padding:26px 5%;background:#0c121c;border-block:1px solid var(--line)}
.faction-entry a{display:block;position:relative;padding:20px 4%;border-left:2px solid var(--gold)}
.faction-entry h2{margin:7px 0;font-size:30px}.faction-entry p{color:#fff;margin:0;font-size:15px}
.faction-entry .entry-arrow{position:absolute;right:0;bottom:22px;color:var(--gold);font-size:14px}
.faction-view .story-backdrop img{filter:blur(24px)!important;opacity:.2}
@media(max-width:550px){.imperial-pages{top:153px}.faction-entry .entry-arrow{position:static;display:block;margin-top:15px}.story-copy{padding-bottom:35px}}

.brand{font-weight:500;letter-spacing:.25em}.world-intro h1{font-weight:400;letter-spacing:.15em}.story-title h1{font-weight:400;letter-spacing:.16em}.story-copy h2{font-weight:500}.story-copy .copy-body{font-family:var(--sans);font-weight:400;line-height:2.2}