@font-face{font-family:"Ma Shan Zheng";src:url("fonts/MaShanZheng-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
/* tpl_d v2 · 沉浸式手游官网。无框架、无外部字体。 */
:root{--ink:#183539;--muted:#6c8082;--accent:#79b8bd;--accent-rgb:121,184,189;--accent-ink:#2e686f;--tint:#e0edef;--on-accent:#173135;--white:#f7faf9;--line:#ceddde;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--display:"Ma Shan Zheng","STKaiti","KaiTi","Kaiti SC","Songti SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#edf3f3;color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.4}ul{list-style:none;margin:0;padding:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}button:disabled{cursor:default;opacity:.25}.wrap{width:min(1320px,calc(100% - 120px));margin:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-90px;left:20px;background:#173539;color:white;padding:10px 20px;z-index:150}.skip-link:focus{top:10px}.monogram{display:grid;place-items:center;width:46px;height:46px;font:30px var(--display);background:var(--tint);border:1px solid var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:14px 28px;font-size:15px;font-weight:600;position:relative;transition:filter .2s,transform .2s;letter-spacing:2px}.btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-primary,.btn-ink,.btn-accent{background:var(--accent-ink);color:#fff;box-shadow:0 8px 26px rgba(var(--accent-rgb),.25);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-primary:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.32);pointer-events:none}.btn-outline{border:1px solid var(--accent-ink);color:var(--accent-ink);background:rgba(255,255,255,.35);font-size:13px;min-height:48px}.btn-outline svg{width:17px}
/* 透明主导航 */
.site-header{position:fixed;left:0;right:0;top:0;z-index:40;background:linear-gradient(180deg,rgba(242,247,247,.96),rgba(242,247,247,.72));border-bottom:1px solid rgba(85,122,127,.16);backdrop-filter:blur(12px);transition:background .3s}.site-header.scrolled{background:rgba(244,248,248,.98);box-shadow:0 2px 20px #163b4008}.header-inner{width:calc(100% - 80px);max-width:1800px;height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{width:46px;height:46px;object-fit:cover;border-radius:10px}.brand strong{display:block;font:600 25px/1.4 var(--display);letter-spacing:3px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{font-size:9px;display:block;letter-spacing:4px;color:#667f83;line-height:1.6}.site-nav{display:flex;align-self:stretch;gap:42px}.site-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;letter-spacing:2px;position:relative;min-width:64px;white-space:nowrap}.site-nav small{font:8px/1.6 Arial,sans-serif;letter-spacing:1.7px;color:#93a4a6;margin-top:4px}.site-nav a:after{content:"";width:0;height:2px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--accent-ink);transition:width .2s}.site-nav a.active:after,.site-nav a:hover:after{width:100%}.site-nav a.active>span{color:var(--accent-ink)}.header-actions{display:flex;gap:20px;align-items:center}.header-download{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:6px 20px;border:1px solid #547f85;font-size:12px;letter-spacing:1px}.header-download svg{width:15px;height:15px}.menu-button{display:none}
/* 官网全幅主视觉 */
.game-hero{min-height:850px;height:100svh;max-height:1150px;position:relative;isolation:isolate;background:#d9e7e8;overflow:hidden}.hero-scene{position:absolute;inset:0;z-index:-3}.hero-keyart{width:100%;height:100%;object-fit:cover;object-position:61% center}.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(232,241,241,.98),rgba(232,241,241,0) 21%),linear-gradient(90deg,rgba(230,241,241,.62),rgba(230,241,241,.08) 55%,transparent 68%)}.has-portrait .hero-keyart{width:64%;height:130%;position:absolute;right:0;top:0;object-fit:cover;object-position:center 14%;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.has-portrait .hero-scene{background:radial-gradient(ellipse at 20% 28%,#f2f7f5,transparent 55%),linear-gradient(130deg,#b7ccd0,#e8f1ef 45%,#789ca7)}.has-portrait .hero-atmosphere{background:linear-gradient(0deg,#e8f1f1 0,transparent 25%),linear-gradient(90deg,#e8f1f1a0 0,transparent 55%)}.no-keyart .hero-scene{background:radial-gradient(ellipse at 72% 35%,rgba(var(--accent-rgb),.6),transparent 50%),linear-gradient(125deg,#e8f3f2 25%,#a3c6ca 60%,#294c57)}.no-keyart .hero-scene:before{content:"";position:absolute;width:900px;height:900px;border:1px solid rgba(255,255,255,.45);border-radius:50%;right:-250px;top:-260px;box-shadow:0 0 0 90px #ffffff0c,0 0 0 160px #ffffff0b,0 0 0 260px #ffffff08}.hero-content{height:100%;display:flex;align-items:center;position:relative;padding:110px 0 115px}.hero-copy{width:52%;max-width:660px;padding-top:0;position:relative}.hero-tag{display:flex;gap:16px;align-items:center;font-size:13px;letter-spacing:5px;color:#47747b;margin-bottom:18px}.hero-tag i{height:1px;width:24px;background:#658b8f}.hero-title{font:400 clamp(74px,7.8vw,120px)/1.2 var(--display);letter-spacing:7px;color:#17373d;text-shadow:0 2px 1px #fff9;overflow-wrap:anywhere;filter:drop-shadow(0 3px 2px #c2dbd850);margin-left:-5px}.hero-title.title-medium{font-size:72px;max-width:620px}.hero-title.title-long{font-size:54px;line-height:1.5;letter-spacing:3px}.hero-slogan{font:500 28px/1.8 var(--display);letter-spacing:6px;margin-top:16px;color:#30565b;text-shadow:0 1px 3px #fff}.hero-rule{display:flex;align-items:center;gap:10px;max-width:370px;margin:22px 0 18px}.hero-rule>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#6b9b9e)}.hero-rule>span:last-child{transform:rotate(180deg)}.hero-rule i{width:5px;height:5px;border:1px solid #7aa0a2;transform:rotate(45deg)}.hero-points{display:flex;gap:12px 22px;flex-wrap:wrap;max-width:500px;color:#54777c;letter-spacing:2px;font-size:12px}.hero-points li{display:flex;align-items:center;gap:9px}.hero-points li+li:before{content:"";width:3px;height:3px;background:#6e999d;transform:rotate(45deg)}.hero-download{display:flex;align-items:center;gap:20px;margin-top:35px;max-width:460px}.hero-qr{flex:0 0 126px;text-align:center;padding:8px 8px 5px;background:#ffffffe0;border:1px solid #becfd1;box-shadow:0 4px 20px #355a6410}.qr-box{width:160px;height:160px;display:grid;place-items:center;background:white;padding:0;margin:auto}.qr-box canvas,.qr-box img{width:160px!important;height:160px!important}.hero-qr .qr-box{width:108px;height:108px}.hero-qr .qr-box canvas,.hero-qr .qr-box img{width:108px!important;height:108px!important}.hero-qr>span{display:block;font-size:10px;color:#5b7477;letter-spacing:2px;margin-top:6px;line-height:1.7}.hero-download-actions{flex:1;min-width:0}.hero-cta{display:flex;justify-content:flex-start;width:100%;min-height:72px;padding:13px 22px;gap:13px;letter-spacing:4px}.hero-cta>svg:first-child{width:24px;height:24px}.hero-cta>span{font-size:20px;white-space:nowrap}.hero-cta small{display:block;font-size:9px;letter-spacing:2px;opacity:.65;font-weight:400;line-height:1.7;margin-top:3px}.hero-cta .cta-arrow{width:18px;margin-left:auto;opacity:.75}.hero-video{display:flex;align-items:center;gap:12px;margin-top:16px;max-width:280px;color:#335d63}.play-circle{width:34px;height:34px;border:1px solid #658f94;border-radius:50%;display:grid;place-items:center;position:relative}.play-circle:after{content:"";position:absolute;inset:-4px;border:1px solid #82a9aa50;border-radius:50%}.play-circle svg{width:14px;height:14px}.hero-video>span:nth-child(2){font-size:11px;letter-spacing:2px}.hero-video small{display:block;font:7px/1.6 Arial,sans-serif;letter-spacing:2px;color:#739599}.video-line{height:1px;flex:1;min-width:20px;background:linear-gradient(90deg,#7fa3a9,transparent)}.hero-meta{font-size:9px;line-height:1.9;display:flex;flex-wrap:wrap;gap:3px 13px;max-width:540px;color:#5f797d;margin-top:21px;overflow-wrap:anywhere}.hero-coordinate{position:absolute;right:30px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;align-items:center;gap:20px;z-index:2;font:8px Arial,sans-serif;letter-spacing:3px;color:#274c5c80}.hero-coordinate i{height:100px;width:1px;background:#315b6160}.hero-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:40px}.scroll-cue{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:3px;color:#54747a}.scroll-cue svg{width:18px;height:18px;animation:scrollHint 2s ease-in-out infinite}.hero-news{display:flex;gap:17px;align-items:center;max-width:520px;min-width:0;background:#f7fcfbaf;border:1px solid #b7ced18c;padding:13px 18px;box-shadow:0 2px 16px #234c5408}.hero-news>span{font-size:10px;letter-spacing:1px;color:#366f76;border-right:1px solid #bbced0;padding-right:17px;white-space:nowrap}.hero-news p{font-size:11px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-news svg{width:16px;height:16px;color:#51777e}.game-section{padding:100px 0;position:relative;isolation:isolate;overflow:hidden}.section-heading{text-align:center;margin-bottom:58px;position:relative}.section-heading>p{font:9px/1.8 Arial,sans-serif;letter-spacing:5px;color:#829ea2}.section-heading h2{font:600 43px/1.5 var(--display);letter-spacing:10px;margin:8px 0;color:#234b52}.heading-line{display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,#8aadae,transparent);margin:18px auto;position:relative}.heading-line:after{content:"";position:absolute;width:5px;height:5px;left:calc(50% - 3px);top:-2px;border:1px solid #8aadae;transform:rotate(45deg);background:#eaf2f1}.section-heading>div{font-size:12px;letter-spacing:1px;line-height:2;color:#7b9295;max-width:650px;margin:auto}.section-watermark{position:absolute;top:75px;left:50%;transform:translateX(-50%);font:110px/1 Georgia,serif;letter-spacing:30px;color:#335b6204;white-space:nowrap;z-index:-1}.features-section{background:linear-gradient(180deg,#e8f1f1,#f6f9f8 52%,#e8f1f0)}
/* 特色交互展示 */
.feature-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;max-width:1080px;margin:auto}.feature-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.feature-art:before{content:"";position:absolute;inset:35px -60px 5px;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.24),transparent 65%);z-index:-1}.feature-scene{position:absolute;top:0;height:100%;width:100%;object-fit:contain;opacity:0;transform:translateX(-15px);transition:opacity .5s,transform .5s;filter:drop-shadow(0 16px 24px #31565d25)}.feature-scene.is-active{opacity:1;transform:none}.feature-art-frame{position:absolute;top:-12px;bottom:-12px;width:65%;left:18%;border:1px solid #aac2c580;z-index:-1}.feature-art-frame:before,.feature-art-frame:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #82abad;transform:rotate(45deg);background:#edf5f3}.feature-art-frame:before{top:-5px;left:-5px}.feature-art-frame:after{bottom:-5px;right:-5px}.feature-art-label{position:absolute;bottom:-32px;left:0;width:100%;text-align:center;font:8px Arial,sans-serif;letter-spacing:4px;color:#88a3a7}.feature-monogram{font:250px/1 var(--display);color:rgba(var(--accent-rgb),.45)}.feature-choice{width:100%;display:flex;gap:22px;align-items:flex-start;text-align:left;border-top:1px solid #bed0d3;padding:27px 7px;color:#6e8a8d}.feature-choice:last-child{border-bottom:1px solid #bed0d3}.feature-index{font:italic 24px/1.5 Georgia,serif;color:#9bb8bc}.feature-copy{flex:1;min-width:0}.feature-copy strong{font:500 25px/1.5 var(--display);letter-spacing:2px;display:block}.feature-copy>span{font-size:12px;line-height:2.1;display:none;margin-top:16px;color:#738c90;letter-spacing:.6px}.feature-symbol{font:25px/1.5 Georgia,serif;color:#89a6ab}.feature-choice.is-active{color:#244e57}.feature-choice.is-active .feature-copy>span{display:block}.feature-choice.is-active .feature-index{color:var(--accent-ink)}.feature-choice.is-active .feature-symbol{transform:rotate(45deg)}.game-intro{max-width:960px;display:flex;gap:40px;align-items:flex-start;border-top:1px solid #c4d7d9;border-bottom:1px solid #c4d7d9;padding:24px 0;margin:70px auto 0;color:#67858c}.game-intro>span{font:22px var(--display);letter-spacing:4px;white-space:nowrap;padding-top:4px}.game-intro>p{font-size:12px;line-height:2.1;letter-spacing:.5px}.welfare{max-width:960px;margin:35px auto 0;padding:30px 36px;border:1px solid #abc9cc;background:linear-gradient(115deg,#fff8,rgba(var(--accent-rgb),.12));position:relative}.welfare-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.welfare-emblem{width:48px;height:48px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #8db8bc;color:var(--accent-ink)}.welfare-emblem svg{transform:rotate(-45deg);width:25px;height:25px}.welfare-heading small{font-size:8px;letter-spacing:3px;color:#81a6ac}.welfare-heading h3{font:26px/1.4 var(--display);letter-spacing:2px}.welfare-heading>b{margin-left:auto;font-size:11px;font-weight:400;padding:5px 12px;border:1px solid #94b9c0;color:#457e89;max-width:45%;overflow-wrap:anywhere}.welfare ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.welfare li{display:flex;gap:10px;font-size:12px;line-height:2;color:#5f8189}.welfare li svg{width:15px;height:21px;color:#75a6ae}.welfare-note{font-size:10px;color:#849ca1;border-top:1px solid #c6dadc;margin-top:20px;padding-top:15px}
/* 游戏画面 */
.media-section{background:#163139;color:#d8eaeb}.media-texture{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0%,rgba(var(--accent-rgb),.15),transparent 50%),linear-gradient(140deg,transparent 35%,#b3e1e904 35.1%,transparent 35.3%,transparent 65%,#b3e1e905 65.1%,transparent 65.3%)}.heading-light h2{color:#edf7f6}.heading-light>p{color:#71969c}.heading-light>div{color:#789ca3}.heading-light .heading-line:after{background:#163139}.media-controls{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}.media-controls>div{display:flex;gap:10px}.gallery-counter{font:14px Georgia,serif;letter-spacing:4px;color:#8cb5ba}.icon-button{border:1px solid #5a858d;display:grid;place-items:center;width:45px;height:36px;color:#a6c4c8;transition:background .2s}.icon-button:hover{background:#2c5159}.icon-button svg{width:18px}.gallery-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#527c83 #163139;overscroll-behavior-x:contain;padding:5px 1px 25px}.gallery-item{flex:0 0 270px;min-width:0;scroll-snap-align:start}.gallery-item>a{position:relative;display:block;padding:5px;background:#24464d;border:1px solid #668e9655}.gallery-item img{width:100%;aspect-ratio:9/16;object-fit:contain;background:#10252d}.gallery-zoom{position:absolute;bottom:20px;right:17px;width:32px;height:32px;display:grid;place-items:center;background:#f1fcf8e8;color:#2e555e;border:1px solid #fff}.gallery-zoom svg{width:16px}.gallery-item figcaption{font:8px/1.5 Arial,sans-serif;letter-spacing:2px;display:flex;justify-content:space-between;gap:10px;color:#7fa3ab;margin-top:17px}.gallery-item figcaption>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-track.landscape .gallery-item{flex-basis:680px}.gallery-track.landscape img{aspect-ratio:16/9}.media-hint{text-align:center;font-size:10px;letter-spacing:3px;color:#668f98;margin-top:22px}
/* 官网新闻板块 */
.news-section{background:#f0f6f5}.official-news{display:grid;grid-template-columns:42% minmax(0,1fr);max-width:1160px;margin:auto;border:1px solid #c8dadb;background:#f8fbfa;min-height:350px}.news-visual{position:relative;isolation:isolate;overflow:hidden;background:#597e85;display:flex;align-items:flex-end;min-height:350px}.news-visual>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 25%}.news-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102e3be8,transparent 90%);z-index:-1}.news-visual>div{padding:35px;color:#e9f7f5}.news-visual>div>span{font:34px var(--display);letter-spacing:5px}.news-visual p{font-size:11px;line-height:1.9;margin-top:12px;letter-spacing:1px;color:#b0ccd0;max-width:330px}.news-video{display:flex;gap:10px;align-items:center;font-size:10px;color:#d2e9e8;margin-top:20px}.news-video svg{width:16px;height:16px}.news-board{padding:28px 35px}.news-board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c3d8d8;padding-bottom:15px;margin-bottom:4px}.news-board-head>span{font-size:16px;letter-spacing:3px;position:relative}.news-board-head>span:after{content:"";position:absolute;height:2px;background:var(--accent-ink);width:100%;left:0;bottom:-16px}.news-board-head>a{font-size:10px;color:#75969b}.journal-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #d6e4e4}.journal-index{font:italic 17px Georgia,serif;color:#8eaeb1;flex:0 0 26px}.journal-copy{flex:1;min-width:0}.journal-copy h3{font-size:16px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;transition:color .2s}.journal-copy p{font-size:12px;line-height:1.9;color:#7b969c;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-row time{font-size:11px;color:#8ba5aa;white-space:nowrap}.journal-arrow{display:grid;place-items:center;color:#8aadb2}.journal-arrow svg{width:15px;height:15px}.journal-row:hover h3{color:#38939f}.news-board .journal-row{padding:20px 0;gap:10px}.news-board .journal-copy h3{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.news-board .journal-copy p,.news-board .journal-index,.news-board .journal-arrow{display:none}.news-board .journal-row time{font-size:10px}.news-board .journal-row:last-child{border-bottom:0}
/* 礼包下载 */
.gifts-section{background:linear-gradient(160deg,#e5f0f0,#f3f8f7 45%,#d9e8e9)}.gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1160px;margin:auto}.gift-card{background:linear-gradient(160deg,#faffffcb,#dcecebbf);padding:25px 27px;border:1px solid #bad3d5;text-align:center;position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));display:flex;flex-direction:column;align-items:center}.gift-topmark{font:8px Arial,sans-serif;letter-spacing:3px;color:#8caeb4;align-self:flex-start}.gift-emblem{display:grid;place-items:center;width:72px;height:72px;margin:25px auto 24px;transform:rotate(45deg);border:1px solid #9abdc2;background:linear-gradient(135deg,#fff,rgba(var(--accent-rgb),.3));box-shadow:0 0 0 6px #d6e8e870}.gift-emblem svg{width:35px;height:35px;transform:rotate(-45deg);color:#548c96}.gift-card h3{font:24px var(--display);letter-spacing:3px}.gift-card>p{font-size:12px;line-height:1.9;color:#718f96;margin-top:16px}.gift-card>small{font-size:10px;color:#8ba8ad;margin:12px 0 22px;display:block}.gift-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:10px 12px;border:1px solid #b3d1d3;width:100%;margin-top:auto;background:#f8ffff88;font-size:11px}.gift-action code{font:12px ui-monospace,monospace;letter-spacing:1px;overflow-wrap:anywhere;user-select:all;min-width:0}.gift-action button{font-size:10px;white-space:nowrap;color:#3a7783;padding:0}.gift-action>a{display:flex;gap:15px;justify-content:center;align-items:center;width:100%;color:#3a7783}.gift-action svg{width:15px;height:15px}.gift-more{text-align:center;margin-top:32px}.download-section{isolation:isolate;background:#203f49;color:#e9f5f4;min-height:470px;display:flex;align-items:center}.download-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-3;opacity:.18;filter:saturate(.2)}.download-section:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#153541ed,#14313bbd 50%,#214651d9)}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.download-title>span{font:9px Arial,sans-serif;letter-spacing:6px;color:#7ba7af}.download-title h2{font:500 65px/1.5 var(--display);letter-spacing:9px;margin:12px 0;color:#d8ecee;overflow-wrap:anywhere}.download-title p{color:#9bb9bd;font-size:12px;letter-spacing:2px;max-width:500px;line-height:2}.download-actions{display:flex;align-items:center;gap:30px;max-width:550px}.download-qr{flex:0 0 144px;text-align:center}.download-qr .qr-box{width:144px;height:144px;padding:9px}.download-qr .qr-box canvas,.download-qr .qr-box img{width:126px!important;height:126px!important}.download-qr>span{font-size:10px;letter-spacing:3px;color:#9abcc0;display:block;margin-top:12px}.download-actions .btn{background:#bddddd;color:#234b55;white-space:nowrap;box-shadow:none}.download-actions .btn:before{border-color:#4f829080}.download-sub{font-size:10px;color:#99b8bf;margin-top:14px}.download-tips{margin-top:20px;font-size:10px;color:#86a9b2;line-height:2}.contact-section{background:#e5eeee;padding:55px 0;color:#5a7c86}.contact-layout{display:flex;gap:70px;align-items:center;justify-content:space-between}.contact-heading{max-width:330px}.contact-heading>small{font:8px Arial,sans-serif;letter-spacing:4px;color:#95afb4}.contact-heading h2{font:30px var(--display);letter-spacing:5px;margin:12px 0}.contact-heading p{font-size:11px;color:#91a8ae;line-height:1.9}.contact-grid{display:flex;gap:50px;flex-wrap:wrap}.contact-card{display:flex;gap:20px;align-items:center;max-width:340px}.contact-card>img{width:104px;height:104px;background:white;padding:6px;border:1px solid #cadadb;object-fit:contain}.contact-card h3{font-size:16px;letter-spacing:2px}.contact-card strong{display:block;font-size:11px;font-weight:400;margin-top:4px}.contact-card p{font-size:10px;margin-top:5px;color:#8ba7ad}.contact-info{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #cbdcde;margin-top:30px;padding-top:22px;font-size:10px;color:#8ba4ab}.contact-info b{font-weight:500;color:#63858e;margin-right:10px}
/* 法务页脚与手机固定下载 */
.site-footer{padding:40px 0 30px;background:#10232d;color:#70909a;font-size:10px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:24px}.footer-name{font:29px var(--display);letter-spacing:4px;color:#a5c0c7}.footer-name>span{font:8px/1.7 var(--sans);letter-spacing:4px;display:block;margin-top:8px;color:#73919a}.footer-nav{display:flex;gap:30px;flex-wrap:wrap;align-items:center;font-size:10px}.policy-links{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.footer-bottom{border-top:1px solid #2b444e;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:9px;line-height:2;color:#5d7b86}.health{text-align:right;font-size:8px;flex-shrink:0}.mobile-bar{display:none}.back-top{position:fixed;bottom:24px;right:20px;width:38px;height:42px;border:1px solid #82a8ad;background:#f4fbfae8;color:#315f6b;font-size:20px;z-index:30;visibility:hidden;opacity:0;transition:opacity .2s}.back-top.show{visibility:visible;opacity:1}
/* 官网内页 */
.inner-main{padding:155px 0 90px;min-height:80vh;background:radial-gradient(ellipse at 90% 0,rgba(var(--accent-rgb),.2),transparent 40%),linear-gradient(180deg,#e4eeef,#f1f6f4 500px)}.reading-wrap{max-width:1160px}.breadcrumb{font-size:10px;color:#83a1a8;display:flex;flex-wrap:wrap;gap:13px;margin-bottom:35px}.breadcrumb a:hover{color:#3c8696}.inner-heading{border-bottom:1px solid #b4d0d3;padding-bottom:30px;margin-bottom:15px}.inner-heading .eyebrow{font:8px Arial,sans-serif;letter-spacing:4px;color:#7e9da5}.inner-heading h1{font:40px/1.5 var(--display);letter-spacing:6px;color:#345c66;margin:15px 0}.inner-heading>p:last-child{font-size:12px;color:#8ba5ab}.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:40px}.pager a,.pager .current,.pager-gap{width:40px;height:40px;display:grid;place-items:center;font-size:12px}.pager a{border:1px solid #c5dadd;color:#73959e}.pager a:hover{background:#dae9e9}.pager .current{background:var(--accent-ink);color:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:65px}.article-heading{border-bottom:1px solid #bdd5d7;padding-bottom:26px;margin-bottom:30px}.article-heading .eyebrow{font:8px Arial,sans-serif;letter-spacing:3px;color:#88a5ac}.article-heading h1{font-size:28px;line-height:1.7;font-weight:500;color:#315a64;margin:20px 0;overflow-wrap:anywhere}.article-meta{font-size:10px;color:#8fa8af;display:flex;gap:20px;flex-wrap:wrap}.prose{font-size:15px;line-height:2.05;color:#4b6d78;overflow-wrap:anywhere;min-width:0}.prose p{margin:0 0 1.4em}.prose h2{font-size:23px;color:#315d68;margin:1.5em 0 .8em}.prose h3{font-size:19px;margin:1.4em 0 .7em}.prose img{max-width:100%!important;height:auto!important;margin:25px auto}.prose a{color:#377f92;text-decoration:underline}.prose ul,.prose ol{padding-left:1.5em;list-style:revert;margin:1em 0}.prose blockquote{border-left:3px solid #85b8c1;background:#dfecee;padding:15px 22px;margin:25px 0}.prose pre{white-space:pre-wrap;overflow:auto;background:#e0ecec;padding:15px}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:12px}.prose th,.prose td{border:1px solid #bfd6da;padding:10px 14px;min-width:90px}.prose iframe,.prose video{max-width:100%}.article-aside{align-self:start;position:sticky;top:115px;border:1px solid #b5cfd4;background:#f5fbfa99;padding:25px}.article-aside .eyebrow{font:8px Arial,sans-serif;letter-spacing:2px;color:#85a7af}.article-aside>img,.article-aside>.monogram{width:65px;height:65px;margin-top:25px;border-radius:10px}.article-aside h2{font:25px var(--display);margin:20px 0 12px;letter-spacing:3px}.article-aside>p{font-size:11px;line-height:1.9;color:#8ba7b0;margin-bottom:20px}.article-aside .btn{font-size:12px;width:100%;gap:12px;padding:12px;min-height:45px;letter-spacing:1px}.article-aside .btn svg{width:16px}.aside-back{display:block;color:#85a7b1;font-size:10px;margin-top:20px}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #c0d7da;margin-top:35px;padding-top:25px}.article-pagination small{display:block;font-size:10px;color:#86a4ad;margin-bottom:10px}.article-pagination strong{font-size:12px;font-weight:500;line-height:1.9;color:#628794}.related{border-top:1px solid #c0d7da;margin-top:60px;padding-top:30px}.related>.eyebrow{font:8px Arial,sans-serif;letter-spacing:3px;color:#88a8b0}.related>h2{font:30px var(--display);letter-spacing:4px;margin:15px 0 22px}.empty{text-align:center;padding:70px 20px;color:#87a5ae}.empty>span{font:36px Georgia,serif;letter-spacing:8px;opacity:.35}.empty p{font-size:16px;margin:15px 0}.empty a{font-size:12px}
/* 视频与图片弹层 */
body.modal-open{overflow:hidden}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;background:#071720f0;display:flex;align-items:center;justify-content:center;padding:50px}.modal-panel{position:relative;width:100%;max-width:1250px}.modal-close{position:fixed;right:25px;top:20px;color:#d8efee;padding:8px;z-index:2}.modal-close svg{width:28px;height:28px}.modal-body{display:flex;align-items:center;justify-content:center;min-height:100px}.modal-body img,.modal-body video{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;display:block}.modal-body img{width:auto}.modal-body video{width:100%}.modal-caption{text-align:center;color:#8dabb8;letter-spacing:2px;font-size:11px;margin-top:20px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px);z-index:150;padding:12px 25px;background:#183d48;color:#d8ebed;box-shadow:0 2px 20px #08232c35;font-size:12px;opacity:0;visibility:hidden;transition:.2s;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@keyframes scrollHint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero-copy{padding-bottom:30px}.hero-content{width:calc(100% - 220px);max-width:1540px}.hero-title{font-size:132px}.hero-title.title-medium{font-size:88px}.hero-title.title-long{font-size:65px}.game-hero{min-height:900px}.hero-download{margin-top:45px}.hero-slogan{font-size:34px}}
@media(max-width:1280px){.wrap{width:calc(100% - 80px)}.site-nav{gap:27px}.header-inner{width:calc(100% - 50px);gap:20px}.brand strong{max-width:180px;font-size:21px}.hero-title{font-size:91px}.hero-title.title-medium{font-size:65px}.hero-title.title-long{font-size:45px}.hero-content{padding-top:130px}.hero-copy{width:54%}.hero-slogan{font-size:25px;letter-spacing:5px}.hero-coordinate{right:18px}.feature-stage{gap:55px}.news-board{padding:25px}.download-inner{gap:40px}.download-title h2{font-size:55px}.download-actions{gap:20px}.download-actions .btn{padding:15px 22px;font-size:13px;gap:15px}.contact-grid{gap:25px}.contact-layout{gap:40px}}
@media(max-width:1050px){.site-nav{gap:21px}.brand strong{font-size:19px;max-width:140px}.brand small{font-size:8px;letter-spacing:3px}.site-nav>a{font-size:12px;min-width:50px;letter-spacing:1px}.header-download{padding:5px 13px;font-size:11px}.hero-title{font-size:76px;letter-spacing:4px}.hero-title.title-medium{font-size:55px}.hero-title.title-long{font-size:41px}.hero-slogan{font-size:21px;letter-spacing:4px}.hero-tag{font-size:11px;letter-spacing:3px}.hero-points{font-size:11px;letter-spacing:1px;gap:9px 15px}.hero-download{gap:14px;max-width:420px}.hero-cta{padding:12px 18px;gap:10px}.hero-cta>span{font-size:17px;letter-spacing:3px}.hero-cta small{font-size:8px}.hero-cta .cta-arrow{display:none}.hero-copy{width:51%}.hero-coordinate{display:none}.hero-meta{font-size:8px}.game-section{padding:80px 0}.feature-stage{gap:40px}.feature-art{height:480px}.feature-copy strong{font-size:22px}.feature-choice{gap:15px}.feature-copy>span{font-size:11px}.gallery-item{flex-basis:245px}.download-inner{align-items:flex-start}.download-title h2{font-size:45px}.download-actions{gap:15px}.download-qr{flex-basis:130px}.download-qr .qr-box{width:130px;height:130px;padding:8px}.download-qr .qr-box img,.download-qr .qr-box canvas{width:114px!important;height:114px!important}.contact-layout{display:block}.contact-heading{max-width:none;margin-bottom:28px}.contact-grid{justify-content:space-between}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 200px}.article-aside{padding:20px}.footer-bottom{flex-direction:column;gap:15px}.health{text-align:left}}
@media(max-width:900px){.site-header{background:rgba(241,248,247,.94)}.header-inner{height:76px}.menu-button{display:grid;place-items:center;width:25px;height:35px;padding:0}.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#edf6f5f7;padding:15px 30px 25px;grid-template-columns:repeat(3,1fr);gap:0 20px;border-bottom:1px solid #c1d7db;box-shadow:0 12px 20px #2048500a}.site-header.menu-open .site-nav{display:grid}.site-nav>a{padding:15px 0;min-height:64px}.site-nav a:after{bottom:5px}.brand strong{max-width:220px;font-size:22px}.brand small{font-size:8px}.header-download{min-height:36px;font-size:11px}.game-hero{min-height:800px}.hero-title{font-size:66px}.hero-title.title-medium{font-size:49px}.hero-title.title-long{font-size:35px;letter-spacing:2px}.hero-tag{font-size:10px;letter-spacing:2px}.hero-tag i{width:14px}.hero-slogan{font-size:19px;letter-spacing:2px}.hero-copy{width:54%}.hero-content{padding-top:105px;padding-bottom:110px}.hero-qr{display:none}.hero-download{max-width:255px;margin-top:30px}.hero-video{margin-top:20px}.hero-meta{font-size:8px;max-width:330px;line-height:1.9}.hero-news{max-width:370px;padding:11px 13px;gap:12px}.hero-news p{max-width:215px;font-size:10px}.hero-news>span{font-size:9px;padding-right:10px}.scroll-cue{font-size:9px;gap:10px;letter-spacing:2px}.section-heading h2{font-size:37px;letter-spacing:8px}.section-heading{margin-bottom:45px}.section-heading>div{font-size:11px}.feature-stage{gap:30px}.feature-art{height:440px}.feature-choice{padding:22px 0;gap:12px}.feature-index{font-size:20px}.feature-copy strong{font-size:20px}.feature-copy>span{font-size:11px;margin-top:12px}.feature-symbol{font-size:20px}.game-intro{gap:25px}.game-intro>p{font-size:11px}.welfare ul{grid-template-columns:1fr}.official-news{grid-template-columns:40% minmax(0,1fr)}.news-visual>div{padding:25px}.news-visual>div>span{font-size:29px}.news-board{padding:25px 20px}.news-board .journal-copy h3{font-size:12px}.gift-grid{gap:18px}.gift-card{padding:20px 18px}.gift-card h3{font-size:21px;letter-spacing:1px}.gift-card>p{font-size:11px}.gift-action{padding:9px;flex-wrap:wrap;justify-content:center}.gift-action button{font-size:9px}.gift-action code{font-size:10px}.download-inner{flex-direction:column;gap:35px;align-items:center;text-align:center}.download-title{max-width:600px}.download-title h2{font-size:55px}.download-actions{text-align:left}.article-layout{grid-template-columns:minmax(0,1fr);gap:35px}.article-aside{position:static;display:flex;align-items:center;gap:18px;padding:20px;flex-wrap:wrap}.article-aside>.eyebrow,.article-aside>p,.article-aside .aside-back{display:none}.article-aside>img,.article-aside>.monogram{width:48px;height:48px;margin:0}.article-aside h2{flex:1;margin:0;font-size:22px}.article-aside .btn{width:auto;margin:0;padding:12px 20px}.inner-main{padding-top:120px}}
@media(max-width:600px){html{scroll-padding-top:76px}body{padding-bottom:76px}.wrap{width:calc(100% - 36px)}.header-inner{height:68px;width:calc(100% - 28px);gap:12px}.brand{gap:9px}.brand img,.monogram{width:36px;height:36px;border-radius:8px}.brand strong{font-size:18px;letter-spacing:2px;max-width:150px}.brand small{font-size:7px;letter-spacing:2px}.header-actions{gap:14px}.header-download{min-height:31px;padding:4px 11px;gap:7px;font-size:10px}.header-download svg{width:12px;height:12px}.menu-button{width:22px}.menu-button svg{width:20px;height:20px}.site-nav{top:68px;padding:12px 18px 22px;gap:0 13px}.site-nav>a{font-size:11px;min-height:61px}.site-nav small{font-size:7px;letter-spacing:1.6px}.game-hero{height:auto;min-height:880px;max-height:none}.hero-scene{height:710px;bottom:auto}.hero-keyart{width:100%;height:100%;object-position:68% center;object-fit:cover}.has-keyart .hero-keyart{width:180%;max-width:none;position:absolute;right:-25%;object-position:65% center}.hero-atmosphere{background:linear-gradient(0deg,#e8f1f1 0,#e8f1f1 5%,transparent 38%),linear-gradient(90deg,#e8f1f180,transparent 80%)}.has-portrait .hero-keyart{width:125%;right:-25%;height:110%;object-position:50% 5%;mask-image:linear-gradient(180deg,#000 68%,transparent 98%);-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 98%)}.has-portrait .hero-atmosphere{background:linear-gradient(0deg,#e8f1f1 0,#e8f1f1 5%,transparent 37%),linear-gradient(90deg,#e8f1f17d,transparent 80%)}.hero-content{height:auto;padding:115px 0 95px;display:block}.hero-copy{width:100%;max-width:none;padding:0}.hero-tag{font-size:10px;letter-spacing:3px;gap:10px;margin-bottom:12px}.hero-tag i{width:18px}.hero-title{font-size:clamp(50px,16vw,80px);line-height:1.3;letter-spacing:3px;max-width:95%;margin-left:-2px}.hero-title.title-medium{font-size:41px;max-width:90%;letter-spacing:2px}.hero-title.title-long{font-size:33px;line-height:1.5;max-width:95%;letter-spacing:2px}.hero-slogan{font-size:20px;line-height:1.8;letter-spacing:3px;margin-top:10px;max-width:90%}.hero-rule{max-width:210px;margin:16px 0 13px}.hero-points{font-size:9px;gap:8px 13px;letter-spacing:1px;max-width:280px;line-height:1.7}.hero-points li+li:before{width:2px;height:2px;margin-right:0}.hero-download{margin-top:260px;max-width:100%;display:block}.hero-download-actions{display:flex;gap:18px;align-items:center}.hero-cta{min-height:64px;width:62%;padding:12px 17px;gap:12px;flex-shrink:0;letter-spacing:3px}.hero-cta>span{font-size:18px}.hero-cta>svg:first-child{width:21px;height:21px}.hero-cta small{font-size:8px;letter-spacing:1px}.hero-video{margin-top:0;display:block;text-align:center;flex:1}.play-circle{width:33px;height:33px;margin:0 auto 6px}.play-circle svg{width:13px}.hero-video>span:nth-child(2){font-size:9px;letter-spacing:1px}.hero-video small{display:none}.video-line{display:none}.hero-meta{font-size:8px;margin-top:18px;max-width:100%;color:#708b92;gap:3px 12px;line-height:1.9}.hero-bottom{bottom:20px;display:block}.scroll-cue{display:none}.hero-news{max-width:none;padding:10px 13px;gap:12px;min-height:39px;background:#f5fbf7a6}.hero-news>span{font-size:9px}.hero-news p{max-width:none;min-width:0;flex:1;font-size:10px}.hero-news svg{width:14px}.no-keyart{min-height:780px}.no-keyart .hero-download{margin-top:170px}.game-section{padding:60px 0}.section-heading{margin-bottom:35px}.section-heading>p{font-size:8px;letter-spacing:4px}.section-heading h2{font-size:34px;letter-spacing:8px;margin:7px 0}.heading-line{width:100px;margin:15px auto}.section-heading>div{font-size:10px;max-width:95%;line-height:2;letter-spacing:.5px}.section-watermark{font-size:60px;letter-spacing:15px;top:58px}.feature-stage{display:block}.feature-art{height:440px;width:95%;margin:0 auto 50px}.feature-art-frame{width:62%;left:19%}.feature-art-label{font-size:7px;letter-spacing:3px;bottom:-28px}.feature-choices{max-width:95%;margin:auto}.feature-choice{gap:17px;padding:20px 0}.feature-copy strong{font-size:22px}.feature-copy>span{font-size:11px;line-height:2}.feature-index{font-size:20px}.game-intro{display:block;padding:22px 0;margin-top:35px}.game-intro>span{display:block;font-size:22px;letter-spacing:4px;margin-bottom:14px}.game-intro>p{font-size:11px;line-height:2.1}.welfare{padding:25px 22px;margin-top:25px}.welfare-heading{gap:15px;flex-wrap:wrap}.welfare-emblem{width:38px;height:38px}.welfare-emblem svg{width:23px;height:23px}.welfare-heading h3{font-size:22px;letter-spacing:1px;flex:1}.welfare-heading small{font-size:7px}.welfare-heading>b{margin:5px 0 0 53px;max-width:100%;font-size:10px}.welfare li{font-size:11px;gap:9px}.welfare-note{font-size:9px}.media-controls{margin-bottom:18px}.gallery-counter{font-size:12px;letter-spacing:3px}.icon-button{width:38px;height:32px}.icon-button svg{width:16px;height:16px}.gallery-track{gap:18px;padding-bottom:20px}.gallery-item{flex-basis:75%;max-width:270px}.gallery-item figcaption{font-size:7px;letter-spacing:1px;margin-top:12px}.gallery-track.landscape .gallery-item{flex-basis:94%;max-width:none}.media-hint{font-size:9px;letter-spacing:2px;margin-top:15px}.official-news{display:block;min-height:0}.news-visual{height:220px;min-height:0}.news-visual>img{object-position:75% 30%}.news-visual>div{padding:25px}.news-visual>div>span{font-size:29px;letter-spacing:4px}.news-visual p{font-size:10px;max-width:230px}.news-video{font-size:9px;margin-top:13px}.news-board{padding:22px}.news-board-head{padding-bottom:15px}.news-board-head>span{font-size:14px}.news-board .journal-row{padding:19px 0}.news-board .journal-copy h3{font-size:12px}.news-board .journal-row time{font-size:9px}.gift-grid{display:block}.gift-card{margin-bottom:20px;padding:23px 24px}.gift-card h3{font-size:24px;letter-spacing:3px}.gift-emblem{width:60px;height:60px;margin:24px auto}.gift-emblem svg{width:29px;height:29px}.gift-card>p{font-size:11px}.gift-card>small{font-size:9px;margin-bottom:20px}.gift-action{flex-wrap:nowrap;justify-content:space-between;padding:12px 15px}.gift-action code{font-size:12px}.gift-action button{font-size:10px}.gift-more{margin-top:25px}.gift-more .btn{font-size:11px;letter-spacing:1px;gap:13px;max-width:100%;white-space:normal}.download-section{min-height:0;padding:60px 0}.download-inner{gap:32px;display:block}.download-title>span{font-size:8px;letter-spacing:5px}.download-title h2{font-size:43px;letter-spacing:5px;line-height:1.6;margin:12px 0}.download-title p{font-size:11px;letter-spacing:1px;max-width:90%;margin:auto}.download-actions{max-width:100%;justify-content:center;gap:20px;margin-top:35px;text-align:left}.download-actions .btn{font-size:12px;gap:12px;letter-spacing:2px;min-height:51px;padding:12px 17px}.download-actions .btn svg{width:16px;height:16px}.download-qr{flex:0 0 118px}.download-qr .qr-box{width:118px;height:118px;padding:8px}.download-qr .qr-box canvas,.download-qr .qr-box img{width:102px!important;height:102px!important}.download-qr>span{font-size:9px;letter-spacing:2px}.download-tips{font-size:9px;margin-top:16px;max-width:185px}.contact-section{padding:40px 0}.contact-heading{margin-bottom:25px}.contact-heading>small{font-size:7px;letter-spacing:4px}.contact-heading h2{font-size:28px}.contact-heading p{font-size:10px}.contact-grid{display:block}.contact-card{max-width:100%;margin:22px 0;gap:20px}.contact-card>img{width:100px;height:100px}.contact-card h3{font-size:15px}.contact-card strong{font-size:11px}.contact-info{display:block;font-size:9px}.contact-info p{margin:9px 0}.site-footer{padding:30px 0}.footer-top{display:block}.footer-name{font-size:26px}.footer-name>span{font-size:7px}.footer-nav{gap:20px;margin-top:20px;font-size:10px}.footer-bottom{font-size:8px;gap:16px}.health{font-size:8px;flex-shrink:1}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#f1f8f7f5;border-top:1px solid #c0d8db;backdrop-filter:blur(10px);padding:10px 18px calc(10px + env(safe-area-inset-bottom));align-items:center;gap:15px;box-shadow:0 -3px 15px #204c580b}.mobile-bar>div{flex:1;min-width:0}.mobile-bar strong{display:block;font:19px/1.5 var(--display);letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bar small{display:block;font-size:8px;letter-spacing:1px;color:#86a5ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bar .btn{min-height:42px;font-size:12px;letter-spacing:2px;padding:10px 18px;gap:13px}.mobile-bar .btn svg{width:15px;height:15px}.back-top{bottom:95px;right:11px;width:32px;height:35px;font-size:17px}.inner-main{padding:100px 0 55px}.breadcrumb{font-size:9px;gap:10px;margin-bottom:27px}.inner-heading{padding-bottom:25px;margin-bottom:10px}.inner-heading .eyebrow{font-size:7px;letter-spacing:2px}.inner-heading h1{font-size:34px;letter-spacing:6px}.inner-heading>p:last-child{font-size:11px}.journal-row{gap:12px;padding:22px 0;flex-wrap:wrap}.journal-index{font-size:14px;flex-basis:20px}.journal-copy h3{font-size:14px}.journal-copy p{font-size:11px;margin-top:8px}.journal-row time{font-size:9px;margin-left:32px;width:calc(100% - 32px)}.journal-arrow{display:none}.news-board .journal-row{flex-wrap:nowrap}.news-board .journal-row time{width:auto;margin-left:0}.news-board .journal-copy h3{font-size:11px}.pager{gap:6px}.pager a,.pager .current,.pager-gap{width:33px;height:36px;font-size:11px}.article-heading{padding-bottom:20px;margin-bottom:25px}.article-heading .eyebrow{font-size:7px;letter-spacing:2px}.article-heading h1{font-size:24px;line-height:1.7;margin:15px 0}.article-meta{font-size:9px;gap:15px}.prose{font-size:14px;line-height:2}.prose h2{font-size:21px}.prose h3{font-size:18px}.article-pagination{gap:20px}.article-pagination strong{font-size:11px}.article-pagination small{font-size:9px}.article-aside{padding:17px;gap:12px}.article-aside>img,.article-aside>.monogram{width:38px;height:38px}.article-aside h2{font-size:18px;letter-spacing:1px}.article-aside .btn{font-size:10px;min-height:38px;padding:10px 13px;gap:10px}.article-aside .btn svg{width:14px;height:14px}.related{margin-top:40px;padding-top:25px}.related>h2{font-size:26px}.modal{padding:50px 15px}.modal-body img,.modal-body video{max-height:calc(100dvh - 140px)}.modal-caption{font-size:10px}.toast{bottom:100px;font-size:11px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.brand strong{max-width:116px;font-size:16px}.brand img{width:33px;height:33px}.brand small{font-size:6px}.header-actions{gap:10px}.header-download{font-size:9px;padding:4px 8px}.header-download svg{display:none}.hero-title{font-size:52px}.hero-title.title-medium{font-size:36px}.hero-title.title-long{font-size:29px}.hero-slogan{font-size:18px}.hero-cta{padding:12px 14px;gap:9px}.hero-cta>span{font-size:16px}.hero-cta small{font-size:7px}.hero-download-actions{gap:10px}.hero-download{margin-top:245px}.hero-tag{font-size:9px;letter-spacing:2px}.game-hero{min-height:870px}.feature-art{height:390px}.feature-copy strong{font-size:20px}.download-actions{gap:15px}.download-actions .btn{font-size:11px;padding:12px 15px;gap:9px}.download-actions .btn>svg:last-child{display:none}.download-qr{flex-basis:105px}.download-qr .qr-box{width:105px;height:105px;padding:7px}.download-qr .qr-box canvas,.download-qr .qr-box img{width:91px!important;height:91px!important}.mobile-bar{padding-left:15px;padding-right:15px}.mobile-bar .btn{font-size:11px;padding:10px 14px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.has-keyart .hero-atmosphere{background:linear-gradient(0deg,#e8f1f1 0,#e8f1f1 5%,transparent 38%),linear-gradient(90deg,rgba(232,243,243,.72),rgba(232,243,243,.32) 50%,transparent 82%)}.hero-title{font-size:59px;letter-spacing:1px;max-width:84%;text-shadow:0 1px 7px #eafaef}.hero-title.title-medium{font-size:41px;max-width:88%}.hero-title.title-long{font-size:32px;max-width:93%}.hero-tag{color:#416870}.hero-slogan{font-size:20px;max-width:80%;color:#315963}.hero-video{padding:10px 7px;background:#f1faf8b8;border:1px solid #c1dadd;min-height:72px}.hero-meta{color:#627d83}.hero-points{color:#4d7379}}
@media(max-width:360px){.hero-title{font-size:51px}.hero-title.title-medium{font-size:36px}.hero-title.title-long{font-size:29px}.hero-slogan{font-size:18px}}

.gift-card:only-child{max-width:480px;justify-self:center;width:100%}