:root{font-family:"Microsoft YaHei",sans-serif;color:#eee;background:#080b13}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}.god-page{display:flex;flex-direction:column;background:#11131c}.scene-viewport{flex:1;position:relative;min-height:0;overflow:hidden;background:#171722 url('/version/god-war/assets/god_01.jpg') no-repeat center center;background-size:auto 100%}.scene{position:absolute;width:1000px;height:768px;left:50%;top:50%;transform-origin:center}.war-mark{position:absolute;left:186.2px;top:7.35px;z-index:400;width:617px;height:698px;pointer-events:none}.scene-menu{display:contents}.scene-card{position:absolute;left:0;top:0;width:249px;height:348px;transform-origin:top left;display:block;outline-offset:3px}.scene-card img{display:block;width:249px;height:348px}.scene-card:hover img,.scene-card:focus-visible img{filter:brightness(1.22) drop-shadow(0 0 8px #b9a2ff)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-head,.site-foot{flex-shrink:0}.scene-card:nth-child(1){transform:translate(373px,230px)}.scene-card:nth-child(2){transform:translate(60px,196px) scale(.888)}.scene-card:nth-child(3){transform:translate(90px,136px) scale(.688)}.scene-card:nth-child(4){transform:translate(433px,110px) scale(.60)}.scene-card:nth-child(5){transform:translate(747px,144px) scale(.712)}.scene-card:nth-child(6){transform:translate(722px,204px) scale(.912)}

:root{color-scheme:dark}
.site-head,.site-head *{box-sizing:border-box}
.site-head{height:76px;min-height:76px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(20px,calc((100% - 1100px)/2));background:#080b13;border-bottom:1px solid #403446;font-family:"Microsoft YaHei",sans-serif;line-height:1.4;position:relative;z-index:20}
.site-head .site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#eee7db;flex-shrink:0}
.site-head .site-brand img{width:68px;height:60px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.site-head .site-brand span{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:nowrap}
.site-head .site-brand em{color:#d9af63;font-style:normal;font-weight:inherit}
.site-head .site-brand small{display:block;color:#94a0b5;font-size:9px;letter-spacing:2px;margin-top:4px;text-align:left}
.site-head nav{display:flex;align-items:center;justify-content:flex-end;gap:23px;padding:0;margin:0}
.site-head nav a{display:block;padding:12px 0;color:#c6c8d4;font-size:13px;font-weight:400;white-space:nowrap;text-decoration:none;letter-spacing:0}
.site-head nav a:hover,.site-head nav a[aria-current=page]{color:#eccb8b}
.site-head a:focus-visible{outline:2px solid #eac17b;outline-offset:4px}
.site-foot{box-sizing:border-box;min-height:30px;height:auto;margin:0;padding:5px 14px;background:#080b13;color:#939aaa;text-align:center;font:11px/20px "Microsoft YaHei",sans-serif}
.site-foot a{color:#d9af63}
@media(max-width:920px){.site-head{padding:0 16px}.site-head nav{gap:13px}.site-head .site-brand span{font-size:15px}.site-head .site-brand img{width:54px;height:52px}.site-head nav a{font-size:12px}}
@media(max-width:740px){.site-head{height:auto;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:6px 10px}.site-head .site-brand img{height:47px;width:53px}.site-head .site-brand span{font-size:15px}.site-head nav{width:100%;justify-content:center;gap:clamp(10px,3vw,24px)}.site-head nav a{display:block!important;padding:9px 0;font-size:12px}}