html,body{margin:0;width:100%;height:100%;background:#123829;font-family:Arial,"Microsoft YaHei",sans-serif;overflow:hidden}
.welcome{position:fixed;inset:0;z-index:9;background:#123829;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffd700;font-size:clamp(24px,5vw,48px);font-weight:900;text-shadow:0 4px 12px #000}
.welcome img{width:min(88vw,88vh);max-height:78vh;object-fit:contain;filter:drop-shadow(0 10px 30px #000)}
.page{position:fixed;inset:0;text-align:center;color:#ffd700}.bg{position:fixed;inset:0;background:url("../images/background.jpeg") center/contain no-repeat}.shade{position:fixed;inset:0;background:rgba(0,0,0,.1)}
.content{position:relative;z-index:2;width:94%;max-width:1200px;margin:0 auto;padding-top:5vh;box-sizing:border-box}
h1{font-size:clamp(30px,5vw,68px);line-height:1.15;color:#fff;font-weight:900;text-shadow:0 4px 12px #000;margin:0 0 2.3vh}
p{font-size:clamp(20px,3vw,36px);color:#fff;font-weight:bold;text-shadow:0 3px 9px #000;margin:0 0 1.5vh}
.box{display:inline-block;background:rgba(0,45,25,.8);border:2px solid rgba(255,255,255,.75);border-radius:16px;padding:14px 30px;box-shadow:0 8px 26px rgba(0,0,0,.65)}
#timer{font-size:clamp(56px,9vw,126px);font-weight:900;line-height:1.12;text-shadow:0 5px 12px #000}
#last10{display:none;font-size:clamp(190px,38vw,400px);font-weight:900;line-height:1;text-shadow:0 9px 25px #000}
#end{display:none;font-size:clamp(52px,9vw,110px);font-weight:900;line-height:1.25;text-shadow:0 8px 24px #000}
footer{margin-top:2vh;font-size:clamp(18px,3vw,34px);color:#fff;font-weight:bold;text-shadow:0 3px 9px #000}
@media(orientation:landscape){.content{padding-top:3vh}h1{font-size:clamp(28px,4vw,56px)}#timer{font-size:clamp(54px,8vw,110px)}}