:root{color-scheme:light;--ink:#172c2b;--muted:#667775;--accent:#087c78;--accent-light:#19a39a;--line:#dfe7e3;--paper:#fff;--soft:#f5f8f6;--max:1180px;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,a{letter-spacing:0}img{max-width:100%;display:block}svg{width:20px;height:20px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:0}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;left:18px;top:12px;transform:translateY(-160%);padding:8px 16px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{transform:none}
.site-header{height:78px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid #e7ece9;backdrop-filter:blur(16px)}.header-inner{height:100%;width:min(1380px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{object-fit:contain}.brand strong{display:block;font-size:19px;font-weight:700;line-height:1.35}.brand small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:42px;margin-left:auto;margin-right:38px}.site-header nav a{font-size:14px;font-weight:500;position:relative;padding:8px 0}.site-header nav a:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.site-header nav a:hover:after{transform:scaleX(1)}.header-source{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.header-source:hover{color:var(--accent)}
.hero{height:min(790px,calc(100svh - 110px));min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:#e9eeec}.hero-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-1}.hero-inner{height:100%;display:flex;align-items:center}.hero-copy{width:610px;max-width:100%;padding-bottom:30px}.hero-emblem{object-fit:contain;margin-bottom:19px;width:96px;height:96px}.eyebrow{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:16px}.hero .eyebrow{color:#496563;font-size:12px;margin-bottom:15px}.hero h1{font-size:72px;font-weight:700;margin-bottom:18px}.hero-tagline{font-size:26px;font-weight:500;margin-bottom:18px}.hero-description{font-size:16px;line-height:1.9;color:#455d5b;margin-bottom:28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{min-height:50px;padding:0 23px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;transition:background .18s,transform .18s;max-width:100%;text-align:center}.button:hover{transform:translateY(-2px)}.button svg{width:18px;height:18px}.button-primary{background:var(--accent);color:white;border:1px solid var(--accent);box-shadow:0 6px 18px #056b6b16}.button-primary:hover{background:#056962}.button-light{border:1px solid #7b918e;background:#ffffff65;color:var(--ink)}.button-light:hover{background:#ffffffb3}.button.is-disabled{background:#c7d1cd;border-color:#c7d1cd;color:#687873;cursor:not-allowed;box-shadow:none}.release-status{min-height:24px;margin-top:15px;font-size:12px;color:#4b605e}.hero-next{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#375650;font-size:11px}.hero-next svg{width:15px;height:15px}
.benefit-band{background:white;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:28px}.benefit-grid>div{display:flex;align-items:center;gap:16px;padding-left:26px;border-left:1px solid var(--line)}.benefit-grid>div:first-child{padding-left:0;border-left:0}.benefit-grid svg{width:27px;height:27px;color:var(--accent);stroke-width:1.5}.benefit-grid>div:nth-child(2) svg{color:#af8452}.benefit-grid>div:nth-child(3) svg{color:#748959}.benefit-grid>div:nth-child(4) svg{color:#627b9b}.benefit-grid strong{display:block;font-size:14px;font-weight:600}.benefit-grid small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.section{padding-block:88px}.section-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-topline .eyebrow{margin-bottom:10px}h2{font-size:34px;font-weight:600}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent)}.text-link svg{width:16px;height:16px;transition:transform .18s}.text-link:hover svg{transform:translateX(3px)}.news-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:60px}.release-story{padding-block:26px;border-block:1px solid var(--line)}.release-kicker{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-light);flex-shrink:0}.release-kicker time{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}.release-story-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px}.release-number{font-size:45px;line-height:1.2;color:var(--accent);font-weight:300;font-variant-numeric:tabular-nums}.release-story h3{font-size:19px;font-weight:600;margin-bottom:10px}.release-story p{font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.85}.community-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.community-links>a:first-child{border-top:1px solid var(--line)}.community-links small{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.community-links strong{font-size:15px;font-weight:500}.community-links svg{width:17px;height:17px;color:var(--muted)}.community-links>a:hover strong,.community-links>a:hover svg{color:var(--accent)}
.features{padding-top:14px}.feature-heading{text-align:center;padding-bottom:65px}.feature-heading .eyebrow{margin-bottom:14px}.feature-heading h2{font-size:38px;margin-bottom:18px}.feature-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9}.feature-band{padding-block:74px}.localization-band{background:var(--soft);border-block:1px solid #e9eeeb}.combat-band{background:white}.feature-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:85px;align-items:center}.feature-copy{max-width:440px}.feature-index{display:block;font-size:10px;font-weight:500;color:#718a82;margin-bottom:22px}.feature-copy h3{font-size:36px;font-weight:500;margin-bottom:24px;line-height:1.45}.feature-copy>p{color:var(--muted);font-size:14px;line-height:1.95;margin-bottom:22px}.feature-points{list-style:none;margin:0 0 27px;padding:0}.feature-points li{display:flex;align-items:center;gap:10px;font-size:13px;margin-block:11px}.feature-points svg{width:16px;height:16px;color:var(--accent)}.localization-preview{margin:0;min-width:0}.localization-preview>img{width:100%;height:auto;aspect-ratio:720/490;object-fit:cover;border-radius:8px;box-shadow:0 18px 50px #1b463014;border:1px solid #d7dfda}.localization-preview figcaption{display:flex;justify-content:center;align-items:center;gap:7px;color:#7b8c84;font-size:11px;margin-top:17px}.feature-layout-reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.feature-layout-reverse .feature-copy{justify-self:end}
.combat-preview{background:#192727;color:#e8efeb;border:1px solid #34413d;border-radius:8px;box-shadow:0 18px 50px #1b463014;padding:25px;min-width:0;font-variant-numeric:tabular-nums}.meter-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #37443f;padding-bottom:20px}.meter-top>span{display:flex;align-items:center;gap:10px;font-size:14px}.meter-top svg{color:#83d9c6;width:19px;height:19px}.meter-top>small{font-size:10px;color:#90a49a}.meter-metrics{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:15px;padding:25px 0 22px}.meter-metrics small{display:block;color:#91a79a;font-size:10px;margin-bottom:7px}.meter-metrics strong{font-size:29px;font-weight:500;line-height:1.3}.meter-metrics>div:first-child strong{color:#8be3c8}.meter-metrics strong>span{font-size:13px;margin-left:3px;color:#adbbb3}.damage-row{padding:13px 0}.damage-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:9px}.damage-label>span:first-child{display:flex;align-items:center;gap:8px}.damage-label small{color:#95a499;font-size:10px;margin-left:9px}.class-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.class-sword,.bar-sword{background:#66cbb4}.class-mage,.bar-mage{background:#cc93ac}.class-guard,.bar-guard{background:#d6b573}.damage-track{height:6px;background:#303d35;border-radius:2px;overflow:hidden}.damage-track>span{height:100%;display:block;border-radius:2px}.meter-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #37443f;margin-top:20px;padding-top:17px;font-size:10px;color:#97aca0}.meter-bottom>span:first-child{display:flex;align-items:center;gap:6px}.meter-bottom svg{width:13px;height:13px}
.help{background:#f7f8f6;border-block:1px solid var(--line)}.help-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:85px}.help-intro h2{font-size:38px;line-height:1.45;margin-bottom:22px}.help-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:26px}.install-steps{list-style:none;padding:0;margin:0 0 32px}.install-steps li{display:flex;align-items:flex-start;gap:21px;margin-bottom:25px}.install-steps li>span{font-size:12px;color:var(--accent);padding-top:3px;font-variant-numeric:tabular-nums}.install-steps h3{font-size:16px;font-weight:500;margin-bottom:6px}.install-steps p{font-size:13px;line-height:1.9;color:var(--muted)}.faq details{border-top:1px solid #d8e0da}.faq details:last-child{border-bottom:1px solid #d8e0da}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;padding:19px 0}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:16px;height:16px;color:var(--muted);transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details>p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:20px}.faq p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.download-band{background:#172c2a;color:#fff;padding-block:64px}.download-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.download-copy{display:flex;align-items:center;gap:26px;min-width:0}.download-copy>img{flex:0 0 auto;object-fit:contain}.download-copy .eyebrow{color:#9bbeb0;font-size:10px;margin-bottom:9px}.download-copy h2{font-size:30px;font-weight:500;margin-bottom:7px}.download-copy>div>p:last-child{color:#b2c7be;font-size:14px}.download-actions{flex-shrink:0;text-align:center}.download-actions .button{background:#91d9c4;border-color:#91d9c4;color:#133b30;min-width:240px}.download-actions .button:hover{background:#b4eadb}.download-actions>p{color:#b1c5bc;font-size:11px;margin-top:12px}.site-footer{background:white;padding-block:40px 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px}.footer-main .brand strong{font-size:16px}.footer-main .brand small{font-size:8px}.footer-links{display:flex;gap:29px;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#829089}
.hero{min-height:560px}.hero-scenery{object-position:center top}.hero-inner{align-items:flex-start;justify-content:center;padding-top:46px}.hero-copy{width:700px;text-align:center;padding-bottom:0}.hero-emblem{width:72px;height:72px;margin:0 auto 14px}.hero .eyebrow{font-size:10px;margin-bottom:11px}.hero h1{font-size:68px;line-height:1.15;margin-bottom:14px}.hero-tagline{font-size:22px;margin-bottom:12px}.hero-description{font-size:14px;color:#284842;margin-bottom:24px}.hero-actions{justify-content:center}.release-status{color:#254940}
@media(min-width:1700px){.hero-scenery{object-position:center top}.hero{height:820px}}
@media(max-width:1050px){.site-header nav{gap:28px;margin-right:14px}.header-source span{display:none}.hero h1{font-size:62px}.hero-copy{width:540px}.feature-layout,.help-layout{gap:45px}.feature-copy h3{font-size:32px}.benefit-grid>div{padding-left:16px;gap:10px}.benefit-grid small{font-size:10px}.news-grid{gap:35px}.release-story-body{grid-template-columns:125px minmax(0,1fr);gap:18px}.release-number{font-size:39px}.release-story h3{font-size:17px}.meter-metrics strong{font-size:25px}.download-copy h2{font-size:27px}}
@media(max-width:760px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:70px}.brand strong{font-size:16px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.site-header nav{gap:20px;margin-right:0}.site-header nav a{font-size:12px}.header-source{display:none}.header-inner{gap:16px}.hero{height:min(730px,calc(100svh - 106px));min-height:620px}.hero-scenery{object-position:28% center}.hero h1{font-size:54px}.hero-copy{width:100%;padding-bottom:60px}.hero-emblem{width:84px;height:84px;margin-bottom:20px}.hero-tagline{font-size:23px}.hero-description{font-size:15px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding-block:27px}.benefit-grid>div{padding-left:0;border:0}.benefit-grid small{font-size:10px}.section{padding-block:62px}h2{font-size:29px}.news-grid{grid-template-columns:1fr;gap:26px}.community-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.community-links>a:first-child{border-top:0}.community-links>a{padding:12px 0 20px}.community-links strong{font-size:14px}.feature-heading{padding-top:8px;padding-bottom:45px}.feature-heading h2{font-size:31px}.feature-heading>p:last-child{font-size:14px}.feature-layout,.feature-layout-reverse,.help-layout{grid-template-columns:1fr;gap:35px}.feature-copy{max-width:560px}.feature-copy h3{font-size:31px;margin-bottom:19px}.feature-copy>p{font-size:14px}.feature-band{padding-block:54px}.feature-layout-reverse .feature-copy{grid-row:1;justify-self:start}.feature-index{margin-bottom:16px}.localization-preview{max-width:620px;margin:auto;width:100%}.combat-preview{max-width:620px;width:100%;margin:auto}.help-intro h2{font-size:32px}.help-intro h2 br{display:none}.help-intro>p:not(.eyebrow) br{display:none}.download-layout{align-items:flex-start;flex-direction:column;gap:29px}.download-copy h2{font-size:28px}.download-copy>img{width:64px;height:64px}.download-actions{margin-left:90px;text-align:left}.footer-main{align-items:flex-start}.footer-links{gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:480px){html{scroll-padding-top:110px}.site-header{height:99px}.header-inner{flex-wrap:wrap;gap:7px;padding-block:9px}.brand img{width:31px;height:31px}.brand strong{font-size:15px}.brand small{font-size:7px}.site-header nav{width:100%;justify-content:space-between;margin:0;gap:16px}.site-header nav a{padding:3px 0}.hero{height:calc(100svh - 133px);min-height:600px;max-height:720px}.hero-copy{padding-bottom:54px}.hero-emblem{width:76px;height:76px;margin-bottom:17px}.hero .eyebrow{font-size:10px;margin-bottom:13px}.hero h1{font-size:42px;margin-bottom:16px}.hero-tagline{font-size:21px;margin-bottom:15px}.hero-description{font-size:13px;margin-bottom:25px}.hero-actions{gap:10px}.button{padding-inline:17px;min-height:47px;font-size:12px}.button svg{width:16px;height:16px}.release-status{font-size:10px;margin-top:12px}.benefit-grid svg{width:22px;height:22px}.benefit-grid strong{font-size:12px}.benefit-grid>div{gap:9px}.benefit-grid small{font-size:9px}.section{padding-block:52px}.section-topline{margin-bottom:26px}h2{font-size:27px}.section-topline>.text-link{font-size:11px}.release-story-body{grid-template-columns:1fr;gap:15px}.release-number{font-size:40px}.release-story h3{font-size:18px}.community-links{grid-template-columns:1fr;gap:0}.community-links>a{padding-block:18px}.feature-heading h2{font-size:27px}.feature-heading>p:last-child{font-size:13px}.feature-copy h3{font-size:30px}.combat-preview{padding:19px}.meter-metrics{gap:10px}.meter-metrics strong{font-size:24px}.meter-metrics small{font-size:9px}.meter-bottom{font-size:9px;gap:8px}.meter-bottom>span:last-child{font-size:8px}.download-copy{gap:17px}.download-copy>img{width:54px;height:54px}.download-copy .eyebrow{font-size:8px}.download-copy h2{font-size:23px}.download-copy>div>p:last-child{font-size:12px}.download-actions{margin-left:0;width:100%}.download-actions .button{width:100%}.download-actions>p{text-align:center}.footer-main{flex-direction:column;gap:23px}.footer-links{justify-content:flex-start;gap:25px}.help-intro h2{font-size:29px}}
@media(max-width:350px){.hero h1{font-size:37px}.hero-actions .button-light{padding-inline:13px}.hero-actions{gap:8px}.button-primary{padding-inline:13px}.hero-tagline{font-size:19px}.meter-metrics strong{font-size:21px}.damage-label small{margin-left:5px}.download-copy h2{font-size:21px}}
.hero{height:min(790px,calc(100svh - 154px))}
@media(max-width:760px){.hero-copy{padding-bottom:0}.hero-scenery{object-position:center top}.hero-inner{padding-top:40px}}
@media(max-width:480px){.hero{height:calc(100svh - 190px);min-height:490px;max-height:720px}.hero-inner{padding-top:30px}.hero-emblem{width:64px;height:64px;margin-bottom:12px}.hero .eyebrow{margin-bottom:10px}.hero h1{margin-bottom:12px}.hero-tagline{font-size:20px;margin-bottom:12px}.hero-description{line-height:1.8;margin-bottom:20px}.hero-copy{padding-bottom:0}.release-status{min-height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.button:hover{transform:none}}
@media(max-width:350px){.hero-actions .button{font-size:11px;padding-inline:10px;gap:7px}.hero-actions{gap:7px}}
.release-meta{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-top:15px;font-size:12px;min-height:24px}.release-meta .release-status{margin-top:0;min-height:0}.download-count{color:#08716b;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px){.release-meta{margin-top:12px;font-size:10px;gap:4px 12px;min-height:20px}}