@charset "UTF-8";
@font-face{font-family:"Hero Serif";src:url(../fonts/hero-title.woff) format("woff");font-weight:900;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#08090b}
body{color:#f5dfb3;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:1080px;background:#08090b url(../flash/hero-clean.png) center top/cover no-repeat}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 10%,rgba(4,6,10,.13) 28%,rgba(4,6,10,.67) 58%,rgba(4,6,10,.83) 100%)}
.page{width:min(1160px,calc(100% - 64px));margin:auto;padding:65px 0 48px}
.brand{height:295px;width:850px;max-width:100%;text-align:center;position:relative;margin-left:-55px;padding-top:15px}
.brand-rule{display:flex;justify-content:center;align-items:center;gap:16px;color:#b79248;font-size:13px;opacity:.8}
.brand-rule span{width:120px;height:1px;background:linear-gradient(90deg,transparent,#c29b59)}
.brand-rule span:last-child{transform:rotate(180deg)}
h1{margin:18px 0 12px;font-family:"Hero Serif","STKaiti","KaiTi","Noto Serif CJK SC",serif;font-size:124px;font-weight:900;letter-spacing:-5px;line-height:1.2;white-space:nowrap;color:#ffe7a2;filter:drop-shadow(0 5px 0 #562710) drop-shadow(0 10px 12px #000)}
@supports (-webkit-background-clip:text){h1{background:linear-gradient(#fff8d9 12%,#ffe9ab 35%,#d49a30 49%,#fff1ba 54%,#f5b94b 76%,#a85417 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}
.version{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.82em;letter-spacing:-8px;margin-left:18px}
.brand-bottom{height:2px;width:75%;margin:22px auto;background:linear-gradient(90deg,transparent,#dca547,transparent);box-shadow:0 3px 16px #efa82765}
.promotion{text-align:center;text-shadow:0 3px 8px #000}
ul{padding:0;margin:0;list-style:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0 24px;background:linear-gradient(90deg,transparent,rgba(25,14,8,.8) 13%,rgba(25,14,8,.8) 87%,transparent);border-top:1px solid #d3a15088;border-bottom:1px solid #d3a15088}
.stats li{display:flex;justify-content:center;align-items:center;gap:13px;border-right:1px solid #b9955659}
.stats li:last-child{border:0}
.stats li>span{font-size:26px;letter-spacing:3px;color:#edcf9b}
.stats strong{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1;color:#ffe6a0;text-shadow:0 2px 0 #7e391d,0 0 23px #d3843466}
.stats small{font-size:.57em}
.artifacts{display:flex;justify-content:center;gap:0;margin:24px 0 25px;color:#fff0d1;font-size:25px;font-weight:700;letter-spacing:4px}
.artifacts li+li:before{content:"◆";display:inline-block;margin:0 25px;font-size:10px;vertical-align:middle;color:#c99746}
.boss{font-size:25px;letter-spacing:4px;margin:0 0 10px;color:#edddc5}
.boss i{font-style:normal;color:#b99351;padding:0 15px}
.loot h2{font-weight:900;font-family:"Hero Serif","STKaiti","KaiTi","Noto Serif CJK SC",serif;margin:0;letter-spacing:12px;font-size:66px;line-height:1.35;color:#ffdc80;text-shadow:0 3px 0 #6c2b11,0 0 30px #db751b66}
.effects{font-size:24px;letter-spacing:4px;margin:14px 0 28px;color:#f8eee0}
.effects span{color:#b89966;margin:0 17px}.effects b{font-weight:400;color:#e7c58b;margin-left:12px}
.gifts{display:flex;justify-content:center;gap:48px;padding:20px 0;border-top:1px solid #c4a06344;border-bottom:1px solid #c4a06344;background:linear-gradient(90deg,transparent,#100f10aa,transparent)}
.gifts li{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:700;letter-spacing:2px;color:#fff0cf}
.gifts em{font-style:normal;font-size:22px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #edbd72;background:linear-gradient(135deg,#b8391c,#63170e);color:#fff3ce;box-shadow:0 0 14px #ba561b55;transform:rotate(-5deg)}
.slogan{font-size:22px;letter-spacing:9px;margin:23px 0 27px;color:#d6bb88}.slogan span{font-size:9px;vertical-align:middle;margin:0 28px;color:#b7914c}
.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:960px;max-width:100%;margin:auto}
.action{display:block;text-align:center;text-decoration:none;color:#fbe6b1;font-size:27px;font-weight:700;letter-spacing:5px;padding:17px 10px 15px;border:1px solid #aa783d;background:linear-gradient(135deg,#393022ee,#171519ee 65%,#443323ee);outline:1px solid #b7905144;outline-offset:-5px;box-shadow:0 5px 25px #0009;transition:transform .2s,filter .2s}
.action span{display:block;font-weight:400;font-size:12px;letter-spacing:3px;color:#c4ad86;margin-top:7px}
.action.primary{background:linear-gradient(135deg,#aa5424,#68351b 55%,#a1602b);border-color:#e2b874;color:#fff0be}
.action.primary span{color:#e8cca0}.action:hover{transform:translateY(-3px);filter:brightness(1.2)}.action:focus-visible{outline:3px solid #fff0b3;outline-offset:3px}
.embers{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 22%,#ffb82b25,transparent 33%);animation:glow 6s ease-in-out infinite alternate}
@keyframes glow{to{opacity:.25;transform:translateY(-12px)}}
@media(min-width:1921px){.hero{min-height:100vh}}
@media(max-width:1200px){.page{padding-top:42px}.brand{margin-left:0;width:760px;height:270px}h1{font-size:clamp(64px,9vw,108px)}.hero{min-height:100vh}.stats strong{font-size:44px}.stats li>span{font-size:22px}.stats li{gap:8px}.artifacts{font-size:22px;letter-spacing:2px}.artifacts li+li:before{margin:0 18px}.gifts{gap:32px}.gifts li{font-size:25px}}
@media(min-width:701px) and (max-width:900px){.stats strong{font-size:34px}.stats li>span{font-size:18px;letter-spacing:1px}.stats li{gap:5px}}
@media(max-width:700px){.hero{background-position:58% top;background-size:auto 940px}.page{width:calc(100% - 32px);padding:32px 0}.brand{height:197px;padding-top:14px}h1{font-size:clamp(45px,9.8vw,68px);letter-spacing:-2px;margin-top:22px}.version{letter-spacing:-3px;margin-left:8px}.brand-rule span{width:70px}.brand-bottom{margin-top:20px}.stats{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:20px 0}.stats li:nth-child(2){border:0}.stats li>span{font-size:19px}.stats strong{font-size:37px}.artifacts{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;font-size:20px;letter-spacing:3px;margin:25px 0}.artifacts li+li:before{content:none}.boss{font-size:17px;letter-spacing:1px}.boss i{padding:0 7px}.loot h2{font-size:45px;letter-spacing:6px}.effects{font-size:17px;letter-spacing:1px;margin:12px 0 24px}.effects span{margin:0 8px}.effects b{margin-left:5px}.gifts{gap:12px;padding:17px 0}.gifts li{font-size:16px;letter-spacing:0;gap:5px}.gifts em{font-size:15px;width:23px;height:27px}.slogan{font-size:17px;letter-spacing:4px;margin:24px 0}.slogan span{margin:0 14px}.actions{gap:9px}.action{font-size:17px;letter-spacing:1px;padding:18px 4px}.action span{font-size:10px;letter-spacing:0;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.embers{animation:none}.action{transition:none}}

/* Lower-page equipment promotion. Keep the original image uncropped. */
.artifact-showcase{width:min(1920px,calc(100% - 48px));margin:0 auto;padding:32px 0 40px}
.artifact-showcase-link{display:block;line-height:0;border-radius:2px;box-shadow:0 10px 40px #0008;cursor:zoom-in}
.artifact-showcase-link img{display:block;width:100%;height:auto}
.artifact-showcase-link:focus-visible{outline:3px solid #ffe6a0;outline-offset:6px}
.artifact-showcase-hint{margin:16px 0 0;text-align:center;color:#c4ad86;font-size:14px;letter-spacing:2px}
@media(max-width:700px){.artifact-showcase{width:calc(100% - 24px);padding:20px 0 28px}.artifact-showcase-hint{font-size:12px;letter-spacing:1px;margin-top:12px}}