@font-face{font-family:NotoDark;src:url(/assets/darkwar/NotoSansSC-Medium-subset-CvOHElGB.woff2)format("woff2");font-weight:500}@font-face{font-family:NotoDark;src:url(/assets/darkwar/NotoSansSC-Bold-subset-ENANEv3t.woff2)format("woff2");font-weight:700}@font-face{font-family:SairaDark;src:url(/assets/darkwar/Saira-Black-subset-BJaNZYvu.woff2)format("woff2");font-weight:900}:root{--topbar-h:68px;--footer-h:90px;--dark:#123d42;--deep:#0d3338;--cyan:#56f6f2;--purple:#4844c6;--paper:#f6f9fb;--orange:#ff7e30}*{box-sizing:border-box}html,body{min-height:100%}body{color:#172326;background:#eaf4f5;margin:0;font-family:NotoDark,Microsoft YaHei,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{background:#e8f4f5;min-height:100vh}.topbar{z-index:50;height:var(--topbar-h);background:linear-gradient(90deg,#0d3b40 0 25%,#b7d1d1 25% 100%);justify-content:space-between;align-items:center;padding:0 16px 0 15px;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible;box-shadow:0 3px #0c41452e}.topbar:after{content:"";transform-origin:0 0;background:#b7d1d1;width:92px;height:100%;position:absolute;top:0;left:24%;transform:skew(-38deg)}.brand{z-index:1;align-items:center;width:84px;height:50px;display:inline-flex;position:relative}.brand img{object-fit:contain;width:100%;height:auto}.top-actions{z-index:1;align-items:center;gap:15px;display:flex;position:relative}.lang-wrap{position:relative}.lang-button,.login-button{color:#fff;text-shadow:0 2px 1px #00000059;border:0;border-radius:6px;min-width:168px;height:47px;font-size:23px;font-weight:800}.lang-button{background:#3a4b509e;align-items:center;gap:10px;padding:0 18px;display:flex}.login-button{background:linear-gradient(#5ce5d4,#268b80);border:2px solid #1e776e;min-width:80px;box-shadow:inset 0 1px #ffffff6b,0 2px 5px #00000040}.login-button.account{background:linear-gradient(#41545a,#25373c);min-width:80px}.globe{border:3px solid #dff9f8;border-radius:50%;width:25px;height:25px;position:relative}.globe:before,.globe:after{content:"";border-left:2px solid #dff9f8;border-right:2px solid #dff9f8;border-radius:50%;position:absolute;inset:4px 8px}.globe:after{border:0;border-top:2px solid #dff9f8;inset:9px 2px}.chevron{border-bottom:4px solid #e7f8f7;border-right:4px solid #e7f8f7;width:14px;height:14px;transform:rotate(45deg)translateY(-3px)}.lang-menu{background:#112d31f0;border-radius:8px;width:190px;padding:8px;position:absolute;top:52px;right:0;box-shadow:0 10px 24px #0000004d}.lang-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:5px;width:100%;padding:13px 14px;font-size:19px;display:block}.lang-menu button:hover{background:#56f6f22e}.page-main{min-height:100vh;padding-top:var(--topbar-h);padding-bottom:var(--footer-h)}.bottom-nav{z-index:45;height:var(--footer-h);background:radial-gradient(at 50% -35%,#5ff6f438,#0000 46%),linear-gradient(#174349,#0b3136 62%,#0d3d43);grid-template-columns:repeat(5,1fr);align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0e464c2e}.bottom-nav:before{content:"";background:linear-gradient(#95e7df 0,#0e3b40 57%);border-radius:80px 80px 0 0;width:138px;height:54px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.bottom-nav a,.bottom-nav button{z-index:1;color:#e9fafab8;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:21px;font-weight:700;display:flex;position:relative}.bottom-nav .active{color:#9dffff;box-shadow:inset 0 -5px 0 var(--cyan);background:linear-gradient(#50fdfa0a,#50fdfa5c)}.bottom-nav .center{padding-top:0}.nav-icon{opacity:.92;width:32px;height:32px;position:relative}.home-icon:before{content:"";background:currentColor;width:24px;height:18px;position:absolute;top:13px;left:4px}.home-icon:after{content:"";clip-path:polygon(50% 0,100% 44%,86% 44%,86% 100%,14% 100%,14% 44%,0 44%);background:currentColor;width:32px;height:32px;position:absolute;top:0;left:0}.news-icon,.resource-icon,.gift-icon,.profile-icon{background:currentColor;border-radius:4px}.news-icon:before{content:"";background:#123d42;position:absolute;inset:7px 7px 19px;box-shadow:0 8px #123d42,0 16px #123d42}.profile-icon{width:52px;height:52px;color:var(--cyan);border-radius:50%;box-shadow:0 0 0 8px #56f6f21a}.profile-icon:before{content:"";background:#0d3338;border-radius:50%;width:20px;height:20px;position:absolute;top:10px;left:17px}.profile-icon:after{content:"";background:#0d3338;border-radius:18px 18px 5px 5px;width:30px;height:17px;position:absolute;bottom:9px;left:12px}.resource-icon:before{content:"";border:3px solid #123d42;position:absolute;inset:8px 9px}.gift-icon:before{content:"";background:#123d42;height:5px;position:absolute;top:12px;left:5px;right:5px}.gift-icon:after{content:"";background:#123d42;width:8px;height:28px;position:absolute;top:4px;left:12px}.home-page{height:calc(100vh - var(--topbar-h) - var(--footer-h));background:#062d31;position:relative;overflow:hidden}.home-swiper{height:200%;transition:transform .42s}.home-slide{height:calc(100vh - var(--topbar-h) - var(--footer-h))}.home-hero{background-image:url(/assets/darkwar/bg-B2dcFL5Z.webp);background-position:top;background-size:cover;position:relative;overflow:hidden}.home-logo{filter:drop-shadow(0 10px 18px #0000007a);width:min(420px,36vw);height:auto;display:none;position:absolute;top:8vh;left:8.2vw}.home-role{pointer-events:none;filter:drop-shadow(0 18px 22px #0000005c);width:min(42vw,420px);height:auto;display:none;position:absolute;bottom:-8vh}.role-left{right:30vw}.role-right{right:5vw}.download-row{grid-template-columns:repeat(2,210px);justify-content:center;align-items:center;gap:12px 22px;display:grid;position:absolute;bottom:75px;left:0;right:0}.download-row a{color:#fff;background:#111;border:2px solid #ffffffa6;border-radius:8px;justify-content:center;align-items:center;width:210px;height:60px;font-family:SairaDark,Arial,sans-serif;font-size:21px;display:flex;box-shadow:0 8px #00000040}.download-row .store-image{box-shadow:none;background:0 0;border:0;padding:0}.download-row .store-image img{width:210px;height:auto;display:block}.windows-download{grid-column:1/-1;justify-self:center;gap:12px;width:224px;height:60px}.windows-download span{background:linear-gradient(90deg,#00a3ef 0 48%,#0000 48% 52%,#7bc043 52%),linear-gradient(#f25022 0 48%,#0000 48% 52%,#ffb900 52%);width:36px;height:36px;display:block}.windows-download b{color:#fff;text-align:left;font-size:16px;line-height:1.18}.about-panel{min-height:calc(100vh - var(--topbar-h) - var(--footer-h));color:#fff;background-image:linear-gradient(90deg,#07262abf,#07262a8c),url(/assets/darkwar/bg-CVywPQ6w.webp);background-position:50%;background-size:cover;padding:56px min(9vw,110px) 84px;position:relative}.about-panel h1{margin:0 0 18px;font-size:clamp(30px,4vw,54px)}.about-panel p{max-width:700px;margin:0 0 20px;font-size:22px;line-height:1.65}.social-row{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.social-row a{color:#092d31;text-align:center;background:#6af3e9;border-radius:5px;min-width:122px;padding:11px 18px;font-weight:800}.support{opacity:.78}.about-download{grid-template-columns:repeat(2,210px);justify-content:start;margin:24px 0 18px;position:static}.home-stepper{z-index:3;gap:10px;display:grid;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.home-stepper button{background:#ffffff75;border:0;border-radius:50%;width:11px;height:11px}.home-stepper .active{background:#56f6f2}.news-page,.detail-page{min-height:calc(100vh - var(--topbar-h));background:radial-gradient(circle at 10% 20%,#5cd2d82e,#0000 28%),#bddada;padding:43px 10px 34px}.section-title{justify-content:center;align-items:center;gap:20px;margin:0 auto 18px;display:flex}.section-title>span{background:linear-gradient(90deg,#0000,#73989a,#0000);width:min(145px,18vw);height:2px;display:block}.section-title h2,.section-title>span,.section-title>h2>span{color:#263f43;margin:0;font-size:clamp(26px,3vw,36px);font-weight:900}.news-hero-card{aspect-ratio:3.03;background:#162d31;border-radius:8px;width:calc(100vw - 22px);max-width:none;margin:0 auto 36px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #123d422e}.news-hero-card img{object-fit:cover;width:100%;height:100%}.news-hero-card strong{color:#fff;text-shadow:0 2px 6px #0000006b;background:linear-gradient(#0000,#0000009e);padding:15px 16px;font-size:clamp(18px,2.2vw,26px);position:absolute;bottom:0;left:0;right:0}.news-list{gap:18px;width:calc(100vw - 22px);margin:0 auto;display:grid}.news-row{background:#fff;border-radius:12px;grid-template-columns:230px 1fr;align-items:center;gap:20px;min-height:150px;padding:13px;display:grid;box-shadow:0 8px 20px #0c3c411a}.news-row img{object-fit:cover;border-radius:8px;width:230px;height:124px}.news-row h3{margin:0 0 16px;font-size:clamp(20px,2.7vw,30px)}.news-row p{color:#748487;margin:0;font-size:18px}.detail-page{padding-left:min(7vw,78px);padding-right:min(7vw,78px)}.back-button{color:#fff;background:#15484d;border:0;border-radius:6px;margin-bottom:18px;padding:12px 20px;font-weight:800}.detail-cover{object-fit:cover;border-radius:12px;width:min(920px,94vw);max-height:430px;margin:0 auto 32px;display:block;box-shadow:0 10px 25px #00000029}.detail-content{background:#fff;border-radius:12px;width:min(920px,94vw);margin:0 auto;padding:26px;font-size:20px;line-height:1.85}.detail-content img{width:min(100%,760px);margin:18px auto;display:block}.vote-bar{justify-content:flex-end;gap:16px;width:min(920px,94vw);margin:22px auto 0;display:flex}.vote-bar button{color:#fff;background:#66777b;border:0;border-radius:999px;min-width:98px;padding:12px 18px;font-weight:800}.vote-bar button[aria-pressed=true]{background:var(--orange)}.benefits-page{min-height:calc(100vh - var(--topbar-h));background:#eff7f9}.banner-swiper{background:#f79420;height:min(430px,100vh - 290px);min-height:390px;position:relative;overflow:hidden}.benefit-banner{opacity:0;pointer-events:none;background:#f79420;border:0;width:100%;padding:0;transition:opacity .28s;position:absolute;inset:0;overflow:hidden}.benefit-banner.active{opacity:1;pointer-events:auto}.benefit-banner>img{object-fit:cover;width:100%;height:100%}.discount{color:#fff;align-items:center;gap:10px;display:flex;position:absolute;top:44%;left:50.5%;transform:translateY(-50%)}.discount b{font-size:clamp(24px,3vw,38px)}.discount strong{background:#e56125;border-radius:7px;padding:3px 14px;font-size:clamp(24px,3vw,39px);transform:rotate(-2deg)}.discount img{width:35px;height:35px}.discount.second{top:44%;left:52%}.discount.second img{width:clamp(82px,11vw,132px);height:auto}.discount.second strong{color:#fff;background:0 0;padding:0}.banner-copy{color:#fff6d7;white-space:nowrap;text-shadow:0 2px 3px #7f460d47;font-size:clamp(20px,2.35vw,30px);font-weight:900;position:absolute;top:44%;left:64%;transform:translateY(-50%)}.go{color:#8b3b08;background:linear-gradient(#fff16c,#ffae2e);border:3px solid #9d510e;border-radius:13px;justify-content:center;align-items:center;width:clamp(130px,14vw,178px);height:clamp(48px,5vw,58px);font-size:clamp(22px,2.8vw,34px);font-weight:900;display:flex;position:absolute;top:56%;right:4.5%;box-shadow:inset 0 2px 1px #fff9}.dots{gap:8px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.dots button{background:#24303373;border:0;border-radius:12px;width:22px;height:10px}.dots .active{background:#142326}.benefit-tabs{background:var(--purple);grid-template-columns:1fr 1fr;display:grid}.benefit-tabs button{color:#fff;background:0 0;border:0;height:50px;font-size:clamp(22px,2.7vw,31px);font-weight:900}.benefit-tabs button[aria-selected=true]{color:#192326;background:#fffef2;box-shadow:inset 0 -9px #c4bbff}.clockin-panel{background:linear-gradient(#d7bcff,#eef7f9 180px);padding:20px min(7vw,80px) 52px}.clockin-head{color:#1f3134;align-items:center;gap:16px;width:min(900px,94vw);margin:0 auto 22px;display:flex}.clockin-head strong{font-size:clamp(26px,3vw,38px)}.clockin-head button{background:0 0;border:0;width:31px;height:31px;padding:0}.clockin-head span{align-items:center;gap:9px;margin-left:auto;font-family:SairaDark,Arial,sans-serif;font-size:clamp(18px,2.4vw,28px);display:inline-flex}.clockin-head span img{width:28px}.reward-list{gap:14px;width:min(900px,94vw);margin:0 auto;display:grid}.reward-row{background:#fff;border-radius:12px;grid-template-columns:112px 1fr 116px;align-items:center;gap:12px;min-height:96px;padding:12px 16px;display:grid;box-shadow:0 8px 16px #2b2c511f}.reward-row.done{opacity:.68}.day-label{color:#272f35;flex-direction:column;align-items:center;font-family:SairaDark,Arial,sans-serif;display:flex}.day-label span{font-size:22px}.day-label b{font-size:38px;line-height:1}.reward-icons{align-items:center;gap:clamp(6px,1.2vw,16px);min-width:0;display:flex}.reward-icons span{color:#273236;align-items:center;gap:3px;font-weight:900;display:inline-flex}.reward-icons img{object-fit:contain;width:clamp(32px,5vw,54px);height:clamp(32px,5vw,54px)}.reward-icons em{font-style:normal}.reward-icons .score{color:#6742d3;margin-left:auto}.reward-row button{color:#fff;background:linear-gradient(#59dccc,#268d82);border:0;border-radius:8px;height:44px;font-weight:900}.reward-row button.locked{background:#aab2b4}.reward-row button:disabled{background:#6f7b7e}.mall-panel{background:#eff7f9;padding:32px min(7vw,80px) 56px}.mall-balance{color:#fff;background:#173f45;border-radius:10px;width:min(900px,94vw);margin:0 auto 22px;padding:16px 20px;font-size:24px}.mall-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(900px,94vw);margin:0 auto;display:grid}.mall-item{background:#fff;border-radius:10px;align-content:start;justify-items:center;gap:12px;min-height:210px;padding:14px;display:grid;box-shadow:0 8px 16px #0c3c411a}.mall-item img{object-fit:cover;border-radius:8px;width:100%;height:94px}.mall-item button{color:#fff;background:var(--orange);border:0;border-radius:7px;width:86px;height:36px;font-weight:900}.profile-page{min-height:calc(100vh - var(--topbar-h));background:linear-gradient(#eaf7f7,#d6eaeb);padding:54px min(8vw,96px)}.login-gate{text-align:center;align-content:center;justify-items:center;gap:18px;display:grid}.login-gate h1{margin:0;font-size:clamp(28px,4vw,44px)}.login-gate button,.profile-actions button{color:#fff;background:linear-gradient(#58dbca,#248b81);border:0;border-radius:8px;font-size:22px;font-weight:900}.login-gate button{min-width:160px;height:52px}.profile-card{color:#fff;background:linear-gradient(135deg,#143f44,#1b686d);border-radius:14px;align-items:center;gap:22px;max-width:760px;margin:0 auto 26px;padding:24px;display:flex}.profile-card img{border:3px solid #fff6;border-radius:12px}.profile-card h1{margin:0 0 8px;font-size:34px}.profile-card p{margin:4px 0;font-size:19px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto 20px;display:grid}.profile-stats span{background:#fff;border-radius:12px;place-items:center;min-height:92px;font-size:18px;display:grid;box-shadow:0 8px 16px #0c3c411a}.profile-stats strong{font-size:25px}.profile-actions{grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto;display:grid}.profile-actions button{min-height:52px}.resource-page{min-height:calc(100vh - var(--topbar-h));background:#0d2d32;place-items:start center;padding:24px 18px 50px;display:grid}.resource-stage{background:#142326;border-radius:10px;width:min(750px,100%);position:relative;overflow:hidden}.resource-bg{width:100%;height:auto;display:block}.resource-tabs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:absolute;top:24px;left:24px;right:24px}.resource-tabs button{color:#fff;background:#00000075;border:0;border-radius:8px;min-height:62px;font-family:SairaDark,Arial,sans-serif;font-size:18px}.resource-tabs img{object-fit:contain;vertical-align:middle;width:34px;height:34px;margin-right:5px}.resource-copy{color:#fff;position:absolute;bottom:92px;left:46px}.resource-copy h1{margin:0 0 4px;font-family:SairaDark,Arial,sans-serif;font-size:56px}.resource-copy p{margin:0;font-size:21px}.check-float{right:18px;bottom:calc(var(--footer-h) + 18px);z-index:42;color:#fff;background:linear-gradient(#ffd05a,#dc6428);border:0;border-radius:40px 0 0 40px;width:95px;height:70px;font-size:24px;font-weight:900;position:fixed;box-shadow:0 4px 12px #0000003d}.check-float span{color:#fff;background:#e5332c;border-radius:50%;width:24px;height:24px;line-height:22px;position:absolute;top:1px;right:4px}.modal-backdrop{z-index:90;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-dialog,.soon-dialog{text-align:center;background:#f7fbfb;border-radius:14px;width:min(420px,90vw);padding:34px 28px 28px;position:relative;box-shadow:0 20px 46px #00000059}.login-dialog h2{margin:8px 0 12px;font-size:32px}.login-dialog p{color:#52676b;margin:0 0 22px;font-size:18px;line-height:1.55}.login-gate p{color:#52676b;margin:0;font-size:18px}.login-dialog .primary{color:#fff;background:linear-gradient(#58dbca,#248b81);border:0;border-radius:8px;justify-content:center;align-items:center;min-width:150px;max-width:100%;height:48px;padding:0 18px;font-size:20px;font-weight:900;display:inline-flex}.rules-dialog p{text-align:left}.modal-close{color:#fff;background:#172326;border:0;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:32px;position:absolute;top:-14px;right:-14px}.soon-dialog{place-items:center;width:min(360px,86vw);min-height:180px;display:grid}.soon-dialog strong{color:#1b3539;font-size:34px}.route-home .topbar{background:linear-gradient(90deg,#0d3b40 0 25%,#0d3b40 25% 100%)}.route-home .topbar:after{background:#0d3b40}@media (max-width:760px){:root{--topbar-h:70px;--footer-h:92px}.topbar{background:linear-gradient(90deg,#0d3b40 0 38%,#b7d1d1 38% 100%);padding:0 10px}.topbar:after{width:55px;left:36%}.brand{width:92px}.top-actions{gap:8px}.lang-button,.login-button{min-width:auto;height:43px;font-size:17px}.lang-button{gap:6px;padding:0 10px}.globe{border-width:2px;width:20px;height:20px}.login-button{width:64px}.bottom-nav a,.bottom-nav button{gap:5px;font-size:16px}.bottom-nav:before{width:110px;height:52px;top:-20px}.nav-icon{width:26px;height:26px}.profile-icon{width:46px;height:46px}.home-logo{width:min(320px,64vw);top:5vh;left:7vw}.home-role{width:min(62vw,320px);bottom:-5vh}.role-left{right:38vw}.role-right{right:-2vw}.download-row{grid-template-columns:repeat(2,176px);gap:9px 12px;bottom:7vh;left:6vw}.download-row a{width:176px;height:48px;font-size:18px}.download-row .store-image img{width:176px}.about-download{justify-content:center;margin:18px 0;bottom:auto;left:auto}.about-panel{padding:38px 24px 70px}.about-panel p{font-size:18px}.news-page,.detail-page{padding-left:12px;padding-right:12px}.news-row{grid-template-columns:120px 1fr;gap:12px;min-height:104px;padding:9px}.news-row img{width:120px;height:78px}.news-row h3{margin-bottom:8px;font-size:18px}.news-row p{font-size:14px}.banner-swiper{height:242px;min-height:242px}.benefit-banner>img{width:1500px;max-width:none;transform:translate(-47%)}.discount{top:42%;left:49%}.discount img{width:32px;height:32px}.banner-copy{white-space:normal;line-height:1.25;top:53%;left:51%;right:5%}.go{top:70%;right:6%}.reward-row{grid-template-columns:62px 1fr 80px;gap:7px;min-height:78px;padding:9px}.day-label span{font-size:16px}.day-label b{font-size:29px}.reward-icons{gap:3px}.reward-icons img{width:31px;height:31px}.reward-icons em,.reward-icons .score{font-size:13px}.reward-row button{height:36px;font-size:14px}.clockin-head{gap:9px}.clockin-head span{font-size:15px}.mall-grid,.profile-stats,.profile-actions{grid-template-columns:1fr}.profile-card{align-items:flex-start}.resource-tabs{grid-template-columns:repeat(2,1fr);top:12px;left:10px;right:10px}}