*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}button{font:inherit}.training-bar{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:24px;padding:9px 14px;background:#b51f2b;color:#fff;font:600 12px/1.4 system-ui,-apple-system,"Microsoft YaHei",sans-serif;text-align:center;letter-spacing:.2px}.training-bar span:last-child{font-weight:400}@media(max-width:650px){.training-bar{gap:5px;flex-wrap:wrap;font-size:10px;padding:7px 5px}}.training-footer{color:#fff;background:#151515;text-align:center;font:12px/1.8 system-ui;padding:16px 8px}.training-footer strong{color:#ffdf88}body{background:#111115;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}.site-body{min-height:calc(100vh - 66px);background:radial-gradient(ellipse at 72% 45%,#3f3024 0,transparent 38%),radial-gradient(#38323244 1px,transparent 1px) 0 0/23px 23px,linear-gradient(130deg,#151317,#221f21 50%,#17151a)}.shell{max-width:1340px;padding:36px 30px 15px;margin:auto}.header{display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.pixel{font-weight:1000;font-size:60px;line-height:.9;color:#eee9df;letter-spacing:-7px;text-shadow:3px 3px #444}.brand-text strong{font-size:25px;display:block;font-style:italic;line-height:1.1}.brand-text b{font-size:26px;color:#f6ca61}.menu{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.menu span{white-space:nowrap;color:#eee;font-size:19px}.menu b{color:#edc65e}.main{display:grid;grid-template-columns:49% 51%;min-height:555px;align-items:center}.content{position:relative;z-index:2;padding:24px 0}.title{font-size:clamp(38px,5.8vw,75px);line-height:1.14;font-weight:1000;color:#ffd28a;white-space:nowrap;text-shadow:0 4px #6d3f22;margin:0 0 5px}.sub{font-size:30px;margin:0 0 8px;text-align:center;color:#f8ddad}.english{text-align:center;font-size:22px;font-weight:900;margin:0 0 25px}.product{display:flex;align-items:center;gap:20px;max-width:560px;margin:0 auto 22px}.iconbox{width:128px;height:128px;border:2px solid #f8dba6;border-radius:19px;background:radial-gradient(#8d6d34,#0c0d13 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:57px;line-height:1;font-weight:900}.iconbox small{font-size:16px;color:#ffe0aa}.product-detail{font-size:20px;font-weight:900}.product-detail strong{font-size:23px}.gold{color:#e6c16d}.pill{display:inline-block;background:#dec079;color:#fff;padding:3px 12px;border-radius:40px;font-size:16px}.stars{font-size:15px;color:#e0bc6c;margin-top:9px}.paragraph{max-width:610px;font-size:14px;line-height:1.9;color:#dfdbe0;margin:0}.art{position:relative}.art:before{content:"";position:absolute;inset:10% 5%;background:radial-gradient(#f5b42a55,transparent 66%);filter:blur(16px)}.art img{position:relative;width:100%;max-height:620px;object-fit:contain;filter:drop-shadow(0 18px 20px #0009);mix-blend-mode:lighten}.copyright{text-align:center;color:#ccc;font-size:13px;padding:20px 5px 0}@media(max-width:900px){.header{align-items:flex-start;flex-direction:column;gap:18px}.menu{gap:15px}.menu span{font-size:14px}.main{grid-template-columns:1fr}.content{order:2;padding:4px}.art{order:1;margin:15px auto 0;max-width:630px}.art img{max-height:380px}.title{white-space:normal;text-align:center;font-size:clamp(35px,7vw,60px)}.sub{font-size:22px}.english{font-size:16px}.paragraph{margin:auto}.product{justify-content:center}}@media(max-width:500px){.shell{padding:20px 13px}.brand{min-width:0}.pixel{font-size:46px}.brand-text strong,.brand-text b{font-size:19px}.iconbox{width:95px;height:95px;font-size:42px}.product-detail,.product-detail strong{font-size:15px}.paragraph{font-size:12px}}
/* Purely decorative, offline looping animations */
@keyframes breathing{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.055) translateY(-7px)}}
@keyframes floatArt{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1.2deg)}}
@keyframes glow{0%,100%{filter:brightness(1) drop-shadow(0 0 4px #ffdd7155)}50%{filter:brightness(1.21) drop-shadow(0 0 16px #ffdd71aa)}}
@keyframes sweep{0%{transform:translateX(-160%) rotate(18deg)}100%{transform:translateX(460%) rotate(18deg)}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.09)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}

.shell{padding-top:14px}.main{min-height:620px}.art img{animation:floatArt 5.2s ease-in-out infinite;transform-origin:50% 60%;mix-blend-mode:normal}
.art::before{animation:pulse 3s ease-in-out infinite}.title{animation:glow 4s ease-in-out infinite}
.iconbox{animation:glow 3.6s ease-in-out infinite}.site-body{background-size:auto,23px 23px,auto}
@media(max-width:900px){.main{min-height:0}}

/* Sharpness-first gentle movement: no oversized image transforms */
.hero>img,.game img{animation:subtleImage 7s ease-in-out infinite!important;}
@keyframes subtleImage{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}
.art img{animation:subtleArt 6s ease-in-out infinite!important;}
@keyframes subtleArt{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.3deg)}}
@media(prefers-reduced-motion:reduce){.hero>img,.game img,.art img{animation:none!important}}