*{box-sizing:border-box}
body{margin:0;background:#eee;font-family:Arial,Helvetica,sans-serif;color:#333}
.home-shell{width:min(100%,395px);margin:auto;background:#fff;min-height:100vh;padding-bottom:66px}
.home-header img,.home-banner img{display:block;width:100%}
.home-header img{height:51px;object-fit:cover}
.home-banner img{height:117px;object-fit:cover}
.notice-row{height:31px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #eee;padding:0 5px;font-size:12px}
.marquee{overflow:hidden;white-space:nowrap;flex:1}
.marquee span{display:inline-block;animation:move 13s linear infinite}
@keyframes move{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.notice-tag{font-size:9px;background:#ff8400;color:#fff;padding:3px 4px;border-radius:2px}
.home-actions{display:flex;align-items:center;gap:7px;padding:10px 8px 8px}
.auth-btn{text-decoration:none;border-radius:5px;padding:7px 10px;font-size:12px}
.auth-btn.login{border:1px solid #ff8500;color:#ff7900}
.auth-btn.register{background:#ff8500;color:#fff}
.quick-menu{margin-left:auto;display:flex;gap:13px}
.quick-menu button{border:0;background:none;position:relative;font-size:23px;padding:0}
.quick-menu small{display:block;font-size:10px;color:#666}
.quick-menu b{position:absolute;top:-9px;left:3px;background:#14b83e;color:#fff;border-radius:4px;padding:2px 4px;font-size:9px}
.home-content{display:flex;border-top:1px solid #eee}
.category-list{width:95px;padding:8px 8px 0}
.category-list button{width:79px;height:54px;margin-bottom:8px;border:1px solid #ddd;border-radius:7px;background:linear-gradient(#fff,#f4f4f4);box-shadow:0 3px 0 #d3d3d3;font-size:23px}
.category-list span{display:block;font-size:11px;margin-top:4px}
.category-list .active{background:#fff1dc}
.games-panel{flex:1;padding:0 8px 12px 0;min-width:0}
.game-tabs{height:40px;display:flex;align-items:end;border-bottom:1px solid #ddd}
.game-tabs button{flex:1;border:0;background:none;padding-bottom:10px;font-size:13px}
.game-tabs .active{color:#ff7d00;border-bottom:2px solid #ff7d00}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding-top:8px}
.game-grid article{min-width:0}
.game-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block}
.game-grid span{display:block;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,395px);height:66px;background:linear-gradient(#fffdf8,#fff3c2);border-top:1px solid #f0cf6a;display:flex;z-index:20}
.home-bottom a{flex:1;text-align:center;text-decoration:none;color:#555;font-size:22px;padding-top:7px}
.home-bottom span{display:block;font-size:10px;margin-top:4px}
.home-bottom .active{color:#ff8500}
@media(min-width:396px){body{padding:10px 0}.home-shell{box-shadow:0 8px 30px rgba(0,0,0,.14)}}