@font-face{font-family:Adventure;src:url('assets/heading.woff2?v=20261113') format('woff2');font-display:swap}
:root{--ink:#163f50;--muted:#627f89;--sea:#238c9f;--pale:#eff9fc;--gold:#edc477;--line:#c8e0e7;--display:Adventure,'STKaiti','KaiTi',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:#f4fbfd;font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-size:15px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #bb7422;outline-offset:5px}::selection{background:#bce7ee}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(241,250,253,.97);border-bottom:1px solid #c3e2ea}.nav-wrap{max-width:1440px;margin:auto;padding:12px 40px;display:flex;align-items:center;gap:34px;min-height:84px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-family:var(--display);font-size:30px;line-height:1.05;white-space:nowrap}.brand small{display:block;font-family:Georgia,serif;text-align:center;font-size:12px;letter-spacing:3.8px;margin-top:5px}.header nav{display:flex;align-items:center;justify-content:center;gap:36px;flex:1}.header nav a,.header nav button{font-size:15px;padding:14px 0;position:relative;white-space:nowrap}.header nav a:hover,.header nav button:hover{color:var(--sea)}.header nav .active{color:#087c94}.header nav .active:after{content:'';position:absolute;left:15%;right:15%;height:2px;bottom:1px;background:#d4a352}.account{border:1px solid #779caa;border-radius:7px;padding:7px 13px;display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.menu-toggle{display:none}.hero{height:min(700px,52vw);min-height:540px;position:relative;overflow:hidden;background:#c9eaf6}.hero-art{position:absolute;inset:0;background:url('assets/hero.png?v=anime-v2') center 48%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(232,248,255,.73),rgba(232,248,255,.15) 40%,transparent 58%)}.hero-inner{position:relative;z-index:1;max-width:1240px;width:calc(100% - 96px);margin:auto;padding-top:90px}.hero-copy{width:49%}.hero h1{font-size:clamp(54px,5.9vw,85px);line-height:1.28;letter-spacing:2px;color:#103e4a;text-shadow:0 2px 12px #edfcff;white-space:nowrap}.hero-copy>p{font-size:18px;margin-top:20px;letter-spacing:1px}.hero-actions{display:flex;gap:16px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 28px;min-height:52px;border-radius:9px;font-size:17px;font-weight:600;transition:background .18s,box-shadow .18s}.gold{background:linear-gradient(#f8dea1,#eebd59);border:1px solid #bb8b38;color:#453519;box-shadow:inset 0 0 0 3px #fff6d1,0 3px 0 #bd903d33}.gold:hover{background:linear-gradient(#ffe9b8,#f7cd7b);box-shadow:inset 0 0 0 3px #fff6d1,0 4px 16px #9e752933}.secondary{background:#f4fcffdc;border:1px solid #4f91a5}.secondary:hover{background:#fff}.hero .gold span{font-size:28px;line-height:1}.explore-link{display:inline-flex;gap:10px;align-items:center;margin-top:24px;font-size:14px}.explore-link>span{width:25px;height:25px;border:1.5px solid var(--ink);border-radius:50%;text-align:center;line-height:22px}.scroll-hint{position:absolute;z-index:2;bottom:18px;left:calc(50% - 40px);font-size:11px;letter-spacing:2px;text-align:center;color:#fff;text-shadow:0 1px 8px #174f68}.scroll-hint span{display:block;font-size:24px;line-height:18px}.shortcuts{background:#d9f0f6;border-bottom:1px solid #cbe4ed}.shortcuts>.container{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 0}.shortcuts button{display:flex;gap:13px;align-items:center;justify-content:center;line-height:1.2;padding:5px;font-weight:500;border-right:1px solid #a6cdd7}.shortcuts button:last-child{border:0}.shortcuts button>span{font-size:25px;line-height:1;color:#197a91}.shortcuts button:hover{color:#13869d}.section{padding-top:60px;padding-bottom:30px;scroll-margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{display:flex;align-items:center;gap:18px;font-size:42px;line-height:1.3}.section-heading>span{font-size:13px;color:var(--muted)}h2 i{display:inline-block;width:60px;height:17px;border-top:2px solid #67b4c3;border-radius:50%;transform:rotate(-7deg)}h2 i:after{content:'';display:block;width:45px;height:12px;border-top:2px solid #92c9d3;border-radius:50%;margin-top:5px;margin-left:10px}.news-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:30px}.feature{position:relative;min-height:300px;text-align:left;overflow:hidden;background:#489ca6;padding:0;border-radius:3px}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .6s}.feature:hover>img{transform:scale(1.035)}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#103e50aa,transparent 80%)}.feature>div{position:relative;z-index:1;padding:30px;color:#fff}.feature-tag{font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:7px;display:inline-block}.feature h3{font-family:var(--display);font-size:36px;line-height:1.4;margin:15px 0 24px;font-weight:400}.feature-link{font-size:13px}.feature-link b{margin-left:22px;font-size:22px}.news-panel{background:#eaf6fa66;border:1px solid #d7eaf0;border-radius:5px;padding:0 24px;display:flex;flex-direction:column}.news-tabs{display:flex;gap:20px;border-bottom:1px solid #bfdce6;padding-top:12px}.news-tabs button{min-width:65px;padding:11px 7px;font-weight:600;position:relative}.news-tabs [aria-selected=true]{color:#168ca4}.news-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:4px;right:4px;height:3px;background:#2d9aab}#news-list{flex:1;padding:5px 0}.news-row{width:100%;display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #d4e6ed;text-align:left;font-size:14px}.news-row:before{content:'';width:4px;height:4px;border-radius:50%;background:#56a8b8;flex-shrink:0}.news-row span{flex:1}.news-row small{font-size:11px;color:var(--muted)}.news-row:hover{color:#148298}.news-row:last-child{border-bottom:0}.news-note{padding:12px 0;color:#6b8790;font-size:11px;border-top:1px solid #d4e6ed}.status-dot{display:inline-block;width:6px;height:6px;background:#50a9b1;border-radius:50%;margin-right:6px}.world{background:linear-gradient(#f4fbfd,#edf8fb)}.world-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:35px}.world-map{min-height:365px;position:relative;overflow:hidden;border-radius:45% 3% 33% 2%/3% 15% 4% 22%}.world-map>img{width:100%;height:100%;position:absolute;object-fit:cover}.map-caption{position:absolute;bottom:12px;left:20px;color:#173f50;font-size:10px;background:#f6fcffce;padding:3px 8px;border-radius:3px}.map-pin{position:absolute;background:#f8fcffe8;padding:3px 12px 3px 8px;border:1px solid #b5d7dd;border-radius:25px;box-shadow:0 3px 12px #1c617e30;font-size:12px;display:flex;align-items:center;gap:6px}.map-pin>span{width:8px;height:8px;background:#53a3af;border-radius:50%;box-shadow:0 0 0 3px #56b4c22b}.map-pin.selected{background:#fff1cd;border-color:#d6b469}.map-pin.selected>span{background:#d8a33d}.map-pin.coast{left:48%;top:62%}.map-pin.forest{left:35%;top:29%}.map-pin.village{left:19%;top:51%}.place-panel{background:#fdfcf6;border:1px solid #d7dcca;padding:12px;display:flex;flex-direction:column;border-radius:3px;box-shadow:4px 4px 0 #d4e4df40}.place-image{height:153px;background:url('assets/world.png?v=anime-v2') center 65%/cover no-repeat;transition:background-position .4s}.place-image.forest{background-size:170%;background-position:20% 30%}.place-image.village{background-size:170%;background-position:10% 70%}.place-copy{padding:15px 12px;flex:1}.eyebrow{font-size:12px;color:#458798;letter-spacing:1px}.place-copy h3{font-family:var(--display);font-size:28px;font-weight:400;margin:2px 0 8px}.place-copy p{font-size:13px;color:#58717a;line-height:1.8}.place-tabs{display:flex;gap:7px;padding:0 8px 4px}.place-tabs button{flex:1;padding:6px;border:1px solid #cadddf;border-radius:5px;background:#eff6f7;font-size:13px}.place-tabs button.selected{background:#f8e8c5;border-color:#c9a45e;color:#694a23}.companions{padding-top:65px;background:linear-gradient(#edf8fb,#f4fbfd);overflow:hidden}.companion-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.companion-art{height:420px;position:relative;overflow:hidden;border-radius:48% 45% 8% 10%/9% 12% 4% 5%}.companion-art img{width:100%;height:100%;object-fit:cover;object-position:85% center;transform:scale(1.1)}.companion-art>span{position:absolute;bottom:13px;left:17px;color:#fff;text-shadow:0 1px 5px #163f50;font-size:10px}.companion-copy h2{font-size:48px;line-height:1.5;margin:8px 0 14px}.companion-copy p{font-size:17px;line-height:1.9}.companion-copy .subtle{font-size:13px;color:var(--muted);margin:15px 0 26px}.journey{margin-top:32px;margin-bottom:55px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cee3e9;padding-top:28px;gap:20px}.journey h2{font-size:30px}.journey p{color:var(--muted);font-size:12px;margin-top:4px}.journey .button{font-size:14px;padding:10px 23px;min-height:45px}footer{background:#16546a;color:#e3f3f7;padding:30px 0 16px}.footer-main{display:flex;align-items:center;gap:48px}.footer-main .brand>span{font-size:26px}.footer-main .brand img{filter:brightness(0) invert(.95)}.footer-main nav{display:flex;gap:24px;font-size:12px}.footer-main nav button{padding:0}.footer-main>p{margin-left:auto;color:#b0d1db;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:15px;border-top:1px solid #ffffff20;color:#a6cbd7;font-size:10px}dialog{border:1px solid #b4d4df;border-radius:12px;background:#f6fbfd;color:var(--ink);padding:36px;max-width:min(620px,calc(100% - 32px));max-height:85vh;width:620px;box-shadow:0 25px 100px #063a5050}dialog::backdrop{background:#0a314a88;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:8px;font-size:30px;line-height:1.2;width:35px;height:35px}.dialog-body h2{font-size:32px;margin:0 25px 18px 0}.dialog-body h3{font-size:16px;margin:20px 0 8px}.dialog-body p{font-size:14px;line-height:1.9;margin:12px 0;color:#496672}.dialog-body ol{padding-left:24px;font-size:14px;line-height:1.9}.dialog-body li{padding-bottom:9px}.dialog-body .notice{padding:15px;background:#e5f2f6;border-left:3px solid #57a9b7;font-size:13px}.dialog-body img{border-radius:6px;margin:15px 0}.dialog-body .button{font-size:14px;margin-top:12px}.empty{padding:22px;color:var(--muted)}
@media(min-width:1600px){.hero{height:740px}.hero-inner{padding-top:115px}}
@media(max-width:1150px){.nav-wrap{gap:20px;padding-inline:24px}.header nav{gap:20px}.brand>span{font-size:26px}.brand img{width:43px}.container{width:calc(100% - 64px)}.hero-inner{width:calc(100% - 64px);padding-top:95px}.hero{min-height:530px}.hero h1{font-size:64px}.hero-copy>p{font-size:15px}.hero .button{padding:12px 20px;font-size:15px}.section-heading h2{font-size:35px}.world-grid{gap:20px}.companion-grid{gap:35px}.companion-copy h2{font-size:42px}.footer-main{gap:25px}.footer-main>p{display:none}}
@media(max-width:850px){.nav-wrap{min-height:72px}.menu-toggle{display:block;margin-left:auto;font-size:25px;line-height:1;padding:8px}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#f2fbff;padding:16px 30px;box-shadow:0 10px 20px #173f5015;gap:5px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a,.header nav button{text-align:left;padding:10px}.header nav .active:after{display:none}.account{font-size:12px}.hero{min-height:560px}.hero-art{background-position:60% center}.hero:after{background:linear-gradient(90deg,#eefaffd6,rgba(232,248,255,.28) 55%,transparent)}.hero-inner{padding-top:80px}.hero h1{font-size:58px}.hero-copy{width:65%}.section-heading>span{display:none}.news-grid{gap:18px;grid-template-columns:1fr 1fr}.news-panel{padding-inline:16px}.news-tabs{gap:8px}.news-row{font-size:12px;gap:6px}.news-row small{font-size:10px}.feature h3{font-size:30px}.feature>div{padding:22px}.world-grid{grid-template-columns:1.2fr 1fr}.world-map{min-height:370px}.place-image{height:130px}.place-copy{padding-inline:5px}.place-copy h3{font-size:24px}.companion-grid{gap:25px;grid-template-columns:1fr 1fr}.companion-art{height:360px}.companion-copy h2{font-size:36px}.companion-copy p{font-size:15px}.companion-copy .button{font-size:14px;padding:12px 20px}.footer-main{justify-content:space-between}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:600px){html{scroll-padding-top:72px}.container{width:calc(100% - 36px)}.nav-wrap{padding:10px 16px;gap:8px;min-height:68px}.brand{gap:5px}.brand>span{font-size:25px}.brand img{width:38px;height:38px}.brand small{font-size:9px;letter-spacing:3px}.account{padding:6px 9px;font-size:0;min-height:34px}.account svg{width:18px}.hero{height:720px;min-height:0}.hero-art{background-position:72% bottom;background-size:auto 76%;background-color:#d7effa;background-repeat:no-repeat}.hero:after{background:linear-gradient(#e3f5fc 0%,#e3f5fcf5 19%,#e3f5fc99 33%,transparent 49%,#123e5010)}.hero-inner{width:calc(100% - 44px);padding-top:33px}.hero-copy{width:100%}.hero h1{font-size:50px;line-height:1.23;letter-spacing:1px}.hero-copy>p{font-size:13px;margin-top:12px;letter-spacing:.4px}.hero-actions{margin-top:19px;gap:10px}.hero .button{padding:10px 20px;min-height:45px;font-size:14px}.hero .gold span{font-size:23px}.explore-link{margin-top:15px;font-size:12px}.scroll-hint{bottom:12px}.shortcuts>.container{width:100%;padding:15px 0}.shortcuts button{flex-direction:column;gap:8px;font-size:11px}.shortcuts button>span{font-size:22px}.section{padding-top:36px;padding-bottom:12px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:32px;gap:10px}.section-heading h2 i{width:40px}.news-grid{grid-template-columns:1fr;gap:16px}.feature{min-height:240px}.feature h3{font-size:32px;margin:10px 0 18px}.news-panel{padding-inline:18px}.news-row{font-size:13px;padding:14px 0}.news-row small{font-size:11px}.news-tabs{gap:22px}.world .section-heading h2{font-size:27px}.world h2 i{display:none}.world-grid{grid-template-columns:1fr;gap:16px}.world-map{min-height:290px}.place-panel{padding:10px}.place-image{height:160px}.place-copy{padding:14px 10px}.place-copy h3{font-size:27px}.place-tabs{padding-top:0}.companion-grid{grid-template-columns:1fr;gap:22px}.companion-art{height:320px}.companion-copy{text-align:center;padding-bottom:10px}.companion-copy h2{font-size:40px;margin:0 0 10px}.companion-copy .subtle{margin:12px 0 20px}.journey{margin-top:24px;margin-bottom:32px;align-items:flex-start;flex-direction:column;padding-top:22px;gap:15px}.journey h2{font-size:27px}.journey .button{width:100%}.footer-main{flex-direction:column;align-items:flex-start;gap:25px}.footer-main nav{gap:30px}.footer-bottom{font-size:10px;gap:10px}.footer-bottom>span:nth-child(2){font-size:9px}dialog{padding:30px 23px}.dialog-body h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.register-form{display:grid;gap:12px;margin:18px 0}.register-form label{display:grid;gap:5px;font-size:13px;font-weight:600}.register-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #a8cbd5;border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-weight:400}.register-form input:focus{outline:2px solid #338aa0;outline-offset:1px}.register-form input::placeholder{color:#879da4}.dialog-body .register-form .form-hint{font-size:12px;margin:1px 0;color:#627f89}.dialog-body .register-form .form-feedback{min-height:19px;color:#a34034;font-size:13px;margin:0}.register-form .button{width:100%;margin-top:0}.register-form .button:disabled{opacity:.65}