.portal{--navy:#101d2c;--gold:#e5bf79;--muted:#a1afbb;background:var(--navy);color:#f4f5f2;overflow:hidden;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.portal *{box-sizing:border-box}.portal a{color:inherit;text-decoration:none}.portal button{font:inherit;cursor:pointer}.portal img{max-width:100%}.portal button:disabled{cursor:not-allowed;opacity:.5}.portal a:focus-visible,.portal button:focus-visible{outline:3px solid #f5d897;outline-offset:5px}.portal [id]{scroll-margin-top:95px}.portal h1,.portal h2,.portal h3{font-family:Songti SC,STSong,serif!important;font-weight:700}.portal em{font-style:normal;color:var(--gold)}.mp-header{position:absolute;inset:0 0 auto;z-index:20;height:94px;padding:0 4.5%;justify-content:space-between;gap:30px;background:linear-gradient(#0d2039e6,#11273a90);border-bottom:1px solid #ffffff25;color:white}.mp-header,.mp-logo{display:flex;align-items:center}.mp-logo{gap:12px;flex-shrink:0}.mp-header .mp-image-logo{position:relative;z-index:2;width:312px;align-self:flex-start;margin-top:4px;transform:translate(16px,-50px)}.mp-image-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px #03132680)}.mp-header nav.open{z-index:3}@media(max-width:760px){.mp-header .mp-image-logo{width:216px;margin-top:0;transform:translate(8px,-25px)}}@media(max-width:420px){.mp-header .mp-image-logo{width:168px;margin-top:2px;transform:translate(-8px,-27px)}}.mp-logo>span{color:var(--gold);font-size:45px}.mp-logo>div{display:block;font-family:Songti SC,serif!important;font-size:27px;font-weight:800;line-height:1.25;letter-spacing:3px}.mp-logo small{display:block;font:10px/1.8 Arial!important;letter-spacing:4px;color:var(--gold)}.mp-header nav{display:flex;height:100%;gap:34px}.mp-header nav a{font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mp-header nav a span{font-size:10px;letter-spacing:1px;opacity:.55}.mp-header nav .current,.mp-header nav a:hover{color:var(--gold)}.mp-header nav .current:after{content:"";position:absolute;bottom:0;width:35px;height:2px;background:var(--gold)}.mp-header-download{border:1px solid #e5bf7970;padding:10px 20px;font-size:14px;color:var(--gold)!important;white-space:nowrap}.mp-header-download span{margin-left:22px}.mp-menu{display:none}.mp-hero{height:790px;min-height:700px;position:relative}.mp-hero-image,.mp-hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 60%}.mp-hero-shade{background:linear-gradient(90deg,#061d36b3,transparent 75%),linear-gradient(0deg,#101d2c,#101d2c00 35%)}.mp-hero-copy{position:relative;padding:210px 0 0 8%;max-width:780px}.mp-eyebrow{letter-spacing:6px;font-size:13px;color:#f1d29a;margin:0 0 20px}.mp-hero h1{font-size:clamp(45px,4.7vw,77px);line-height:1.34;margin:0;letter-spacing:3px;text-shadow:0 2px 30px #07172880}.mp-hero h1 span{color:#f6d397}.mp-hero-sub{font-size:16px;letter-spacing:4px;color:#e6edf3;margin:26px 0 32px}.portal .mp-gold{background:linear-gradient(110deg,#eed5a1,#dcb06b);color:#172433;border:1px solid #f3d99f;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 28px;font-weight:600;font-size:16px;border-radius:0;box-shadow:none}.mp-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}.mp-explore{font-size:14px;margin-left:25px;border-bottom:1px solid #ffffff60;padding:12px 0}.mp-explore span{margin-left:15px}.mp-hero-coordinate{position:absolute;right:4%;bottom:155px;font-size:12px;letter-spacing:3px;line-height:2;text-align:right}.mp-hero-coordinate span{letter-spacing:2px;font-size:13px;color:#d5e1eb}.mp-scroll{position:absolute;bottom:95px;left:8%;font-size:10px;letter-spacing:3px;color:#c6d1d9!important}.mp-scroll span{font-size:20px;display:inline-block;margin-left:20px;animation:mp-bob 2.4s ease-in-out infinite}.mp-hub{z-index:3;margin:-65px auto 0;width:88%;max-width:1380px;display:grid;grid-template-columns:1fr 1.5fr .9fr;box-shadow:0 18px 65px #02091070}.mp-feature-news,.mp-hub{position:relative;min-height:345px}.mp-feature-news{overflow:hidden}.mp-feature-news>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.65)}.mp-feature-news:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#122030e6,transparent)}.mp-feature-news>div{position:relative;z-index:1;padding:35px;height:100%;display:flex;flex-direction:column;align-items:start}.mp-label{font-size:12px;letter-spacing:2px;color:var(--gold)}.mp-feature-news h2{font-size:38px;line-height:1.5;margin:16px 0}.mp-feature-news a{margin-top:auto;font-size:14px;border-bottom:1px solid #ffffff50;padding-bottom:8px}.mp-feature-news a span{margin-left:24px}.mp-news{background:#1a2a3c;padding:28px 30px;min-width:0}.mp-news-top{display:flex;justify-content:space-between;align-items:center}.mp-news h2{font-size:24px;margin:0}.mp-news h2 small{font:11px Arial!important;color:#8193a5;margin-left:14px;letter-spacing:2px}.mp-news-top>a{font-size:25px;color:var(--gold)}.mp-tabs{display:flex;flex-wrap:wrap;gap:4px 25px;border-bottom:1px solid #ffffff18;margin-top:15px}.mp-tabs button{background:none;border:0;padding:9px 0 12px;font-size:14px;color:#aab8c4}.mp-tabs button[aria-pressed=true]{color:var(--gold);box-shadow:0 2px var(--gold)}.mp-news-list>a{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #ffffff0c;font-size:14px}.mp-news-list>a:hover b{color:var(--gold)}.mp-news-list span{font-size:12px;color:#9aaabb;flex-shrink:0}.mp-news-list b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mp-news-list time{font-size:12px;color:#8a9aab}.mp-state{color:#aab8c4;padding:25px 0;font-size:14px}.mp-download{background:#e5bf79;padding:27px;color:#152538}.mp-download>p{font-size:10px;letter-spacing:3px;margin:0}.mp-download h2{font-size:30px;margin:5px 0}.mp-download>span{font-size:12px;color:#4d4f4e}.mp-platforms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 13px}.mp-platforms>a,.mp-platforms>button{display:flex;align-items:center;gap:8px;background:#14283d;color:white;border:0;padding:10px;min-height:65px}.mp-platforms b{font-size:25px;font-weight:400}.mp-platforms span{font-size:14px;line-height:1.4}.mp-platforms small{display:block;font-size:10px;color:#a9b8c7;white-space:nowrap}.mp-platforms i{font-size:13px;font-style:normal;margin-left:auto}.mp-platforms a:hover{background:#29415a}.mp-install-help{font-size:12px;border-bottom:1px solid #15253840}.mp-classes{padding:110px 6% 50px;max-width:1600px;margin:auto}.mp-section-title{text-align:center}.mp-section-title>span{font-size:12px;letter-spacing:4px;color:var(--gold)}.mp-section-title h2{font-size:40px;margin:15px 0}.mp-section-title p{color:#9eafbf;font-size:16px;margin:0}.mp-class-stage{position:relative;display:grid;grid-template-columns:1fr 1.45fr .8fr;gap:20px;align-items:center;min-height:570px}.mp-class-info{position:relative;z-index:2;animation:mp-in .5s ease}.mp-class-info h3{font-size:66px;margin:15px 0 0;line-height:1.2}.mp-class-info>strong{font-size:22px;letter-spacing:6px;color:#728396;font-weight:400;display:block;margin-top:10px}.mp-class-tag{display:inline-block;color:var(--gold);font-size:12px;border:1px solid #e5bf7945;padding:3px 15px;margin-top:26px}.mp-class-info p{font-size:16px;color:#a8b7c6;max-width:300px;line-height:1.9;margin:20px 0 30px}.mp-class-info a{font-size:14px;display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #ffffff30;padding-bottom:10px}.mp-class-art{position:relative;display:grid;place-items:center;height:570px}.mp-class-art img{width:130%;max-width:none;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 25px 20px #050a1270);animation:mp-in .5s ease}.mp-orbit{position:absolute;width:450px;height:450px;max-width:105%;max-height:85%;border-radius:50%;border:1px solid #e5bf7930;box-shadow:0 0 0 20px #e5bf7903,0 0 0 21px #e5bf7912;background:radial-gradient(#587c9730,transparent 70%)}.mp-class-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:2}.mp-class-select button{position:relative;display:flex;align-items:center;flex-direction:column;padding:8px;background:#1c2d40;border:1px solid #ffffff10;color:#b7c4d1;overflow:hidden;min-width:85px}.mp-class-select img{width:60px;height:64px;object-fit:cover;object-position:top;filter:saturate(.6)}.mp-class-select span{font-size:13px;margin-top:3px}.mp-class-select small{position:absolute;top:7px;right:6px;font-size:10px;opacity:.35}.mp-class-select button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#35404a}.mp-class-select button[aria-pressed=true] img{filter:none}.mp-world{position:relative;min-height:710px;background:#152c40}.mp-world-shade,.mp-world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mp-world>img{animation:mp-in .5s ease}.mp-world-shade{background:linear-gradient(180deg,#0e2039ad,transparent 65%,#0e2039ed),linear-gradient(90deg,#10213866,transparent)}.mp-world-header{position:relative;padding:70px 8%}.mp-world-header>span{font-size:12px;letter-spacing:3px;color:#e7cb99}.mp-world-header>p{font:43px/1.6 Songti SC,serif!important;margin:20px 0}.mp-world-bottom{position:absolute;bottom:50px;width:84%;left:8%;display:flex;justify-content:space-between;gap:60px;align-items:end}.mp-world-tabs{display:flex;gap:30px}.mp-world-tabs button{background:none;border:0;border-bottom:1px solid #ffffff40;color:#b5c2d0;text-align:left;padding:15px 0;min-width:100px;font-size:16px}.mp-world-tabs button small{display:block;font-size:12px;letter-spacing:2px;margin-bottom:10px}.mp-world-tabs button span{margin-left:20px}.mp-world-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.mp-world-caption{max-width:370px}.mp-world-caption h3{font-size:23px;margin:0 0 10px}.mp-world-caption p{font-size:14px;color:#ccd7df;margin:0;line-height:1.8}.mp-companions{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:110px 8%;max-width:1600px;margin:auto}.mp-pet-copy h2{font-size:42px;line-height:1.6;margin:22px 0}.mp-pet-copy p{color:#a7b6c5;font-size:16px;line-height:1.9;margin-bottom:30px}.mp-pet-photo{position:relative}.mp-pet-photo img{display:block;width:100%;height:400px;object-fit:cover;border-radius:50% 50% 0 0}.mp-pet-photo>span{font-size:10px;letter-spacing:3px;color:#8d9dab;display:block;margin-top:18px;text-align:center}.mp-start{padding:65px 25px;text-align:center;background:#1c2e40;border-block:1px solid #ffffff12}.mp-start>span{font-size:12px;letter-spacing:4px;color:var(--gold)}.mp-start h2{font-size:38px;margin:20px 0 30px}.mp-start>div{display:flex;justify-content:center;gap:15px}.portal .mp-outline{border:1px solid #e5bf7980;color:var(--gold);background:none;padding:16px 28px;border-radius:0;font-size:16px;box-shadow:none}.portal .mp-footer{background:#0b1623;color:#a2b1bf;padding:45px 8%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px}.mp-footer .mp-logo{color:#ebeff3}.mp-footer nav{display:flex;gap:25px;font-size:14px}.mp-footer p{width:100%;text-align:center;font-size:12px;border-top:1px solid #ffffff10;padding-top:25px;margin:0;color:#768a9d}.portal a,.portal button{transition:color .2s,background .2s,transform .2s}.mp-hero-copy{animation:mp-in .8s ease both}@keyframes mp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mp-bob{50%{transform:translateY(7px)}}@media(min-width:1600px){.mp-hero{height:890px}.mp-hero-copy{padding-top:235px}}@media(max-width:1100px){.mp-header{padding:0 25px;gap:20px}.mp-header nav{gap:20px}.mp-hub{width:92%;grid-template-columns:1fr 1.5fr}.mp-download{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;column-gap:30px}.mp-download>h2,.mp-download>p,.mp-download>span{grid-column:1}.mp-platforms{grid-column:2;grid-row:1/5;grid-template-columns:repeat(4,1fr);align-items:center;margin:0}.mp-install-help{grid-column:1;width:fit-content;margin-top:10px}.mp-class-stage{grid-template-columns:1fr 1.2fr .9fr}.mp-class-info h3{font-size:52px}.mp-class-art{height:500px}.mp-world-bottom{gap:25px}.mp-world-tabs{gap:18px}.mp-companions{gap:35px}.mp-pet-copy h2{font-size:34px}}@media(max-width:760px){.mp-header{height:76px;padding:0 20px}.mp-logo>div{font-size:23px}.mp-logo>span{font-size:32px}.mp-logo small{font-size:9px;letter-spacing:3px}.mp-header nav{display:none}.mp-menu{display:block;margin-left:auto;background:none;border:0;color:var(--gold);font-size:25px!important}.mp-header-download{padding:8px 12px;font-size:12px}.mp-header-download span{margin-left:8px}.mp-header nav.open{position:absolute;display:flex;top:76px;left:0;right:0;background:#102137;height:auto;flex-wrap:wrap;padding:25px;justify-content:center}.mp-header nav a{padding:8px}.mp-hero{height:730px;min-height:0}.mp-hero-image{object-position:62% center}.mp-hero-shade{background:linear-gradient(90deg,#071c36b0,#10213a10),linear-gradient(0deg,#101d2c,transparent 40%)}.mp-hero-copy{padding:175px 24px 0}.mp-eyebrow{font-size:10px;letter-spacing:4px}.mp-hero h1{font-size:45px;letter-spacing:1px;line-height:1.5}.mp-hero-sub{font-size:13px;letter-spacing:2px}.mp-hero-copy .mp-gold{font-size:14px;padding:14px 20px;gap:25px}.mp-explore{display:inline-block;font-size:12px;margin-left:18px}.mp-hero-coordinate{display:none}.mp-scroll{left:25px;bottom:105px}.mp-hub{margin-top:-55px;grid-template-columns:1fr;width:calc(100% - 32px)}.mp-feature-news{min-height:240px}.mp-feature-news>img{object-position:center 40%}.mp-feature-news>div{padding:25px}.mp-feature-news h2{font-size:30px;line-height:1.3}.mp-news{padding:23px}.mp-news-list>a{padding:16px 0}.mp-download{display:block}.mp-platforms{grid-template-columns:repeat(2,1fr);margin:20px 0}.mp-platforms>a,.mp-platforms>button{padding:12px}.mp-platforms small{font-size:12px}.mp-platforms span{font-size:16px}.mp-classes{padding:65px 24px 35px}.mp-section-title>span{font-size:10px;letter-spacing:2px}.mp-section-title h2{font-size:29px}.mp-section-title p{font-size:14px}.mp-class-stage{grid-template-columns:1fr 1fr;gap:0;padding-top:35px;min-height:0}.mp-class-info{grid-column:1;grid-row:1}.mp-class-info h3{font-size:38px}.mp-class-info>strong{font-size:13px;letter-spacing:2px}.mp-class-info p{font-size:14px;line-height:1.8}.mp-class-info a{font-size:12px;gap:10px}.mp-class-art{grid-column:2;grid-row:1;height:360px}.mp-class-art img{width:155%;max-height:360px}.mp-orbit{width:250px;height:250px;max-width:none}.mp-class-select{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.mp-class-select button{min-width:0}.mp-class-select img{height:48px;width:45px}.mp-class-select span{font-size:12px}.mp-world{min-height:760px}.mp-world-header{padding:45px 24px}.mp-world-header>span{font-size:10px;letter-spacing:2px}.mp-world-header>p{font-size:33px}.mp-world-bottom{left:24px;width:calc(100% - 48px);bottom:35px;flex-direction:column-reverse;align-items:stretch}.mp-world-tabs{justify-content:space-between;gap:12px}.mp-world-tabs button{min-width:0;flex:1;font-size:14px}.mp-world-tabs button span{margin-left:12px}.mp-world-caption h3{font-size:23px}.mp-companions{grid-template-columns:1fr;padding:60px 24px;gap:35px}.mp-pet-copy h2{font-size:34px}.mp-pet-photo img{height:310px}.mp-start h2{font-size:28px}.mp-start>span{font-size:10px;letter-spacing:2px}.portal .mp-outline,.portal .mp-start .mp-gold{padding:14px 22px;font-size:14px;gap:20px}.portal .mp-footer{padding:35px 24px}.mp-footer nav{flex-wrap:wrap;gap:20px;font-size:13px}}.mp-class-stage>div{min-width:0}.portal #professions{scroll-margin-top:24px}.mp-class-art{min-height:0}.mp-class-art>img{position:absolute;inset:0;margin:auto;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.portal *{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.mp-platform-icon{display:block;width:26px;height:26px;flex-shrink:0}