body{background:linear-gradient(135deg,#e2e8f0,#cfd9df);min-height:100vh;margin:0;padding:0}.home-container{width:100%;max-width:390px;margin:32px auto 0;padding:24px 10px;background:#fffffff5;border-radius:24px;box-shadow:0 8px 40px #a3b8d86a,0 1.5px 5px #d1d9e6bb;text-align:center;min-height:600px;box-sizing:border-box;position:relative;top:0;transform:none}@media (max-width: 500px){.home-container{max-width:100vw;min-width:0;margin:0;border-radius:0;box-shadow:none;padding:16px 4vw 12vw;min-height:100vh}.home-title{font-size:1.8rem}}.home-doubleheight{min-height:600px}.home-title{font-family:FZLanTingHeiS-DB-GB,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:2.3rem;font-weight:900;letter-spacing:.12em;margin-bottom:8px;color:#262d3a;line-height:1.2}.home-announcement-area{background:#f7fafd;border-radius:10px;margin-bottom:18px;padding:12px 10px 12px 12px;min-height:70px;max-height:180px;overflow-y:auto;text-align:left;box-shadow:0 1px 5px #e6eaf7}.home-announcement-title{font-size:15px;font-weight:700;color:#2d456b;margin-bottom:4px}.tryplay-btn{background:linear-gradient(90deg,#23e67a 80%,#43ffb8)!important;color:#fff!important;border:none;border-radius:12px!important;font-weight:700;font-size:20px;letter-spacing:2px;box-shadow:0 0 0 3px #23e67a55,0 2px 20px #23e67a99!important;transition:all .22s;padding:13px 0}.tryplay-btn:active{background:#13c05a!important}.tryplay-btn:hover,.tryplay-btn:focus{background:linear-gradient(90deg,#35ff9e 80%,#7fffd4)!important;box-shadow:0 0 0 5px #35ff9e66,0 4px 24px #35ff9e99!important}.room-list-title{font-weight:700;margin-bottom:8px;color:#23e67a!important;font-size:1.18rem;letter-spacing:1px}.profile-modal-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#145a30d6;z-index:2000;display:flex;align-items:center;justify-content:center}.profile-modal{background:#176b3c!important;color:#e0ffe3!important;border-radius:18px!important;max-width:340px;width:90vw;min-width:220px;margin:0 auto;box-shadow:0 0 28px 5px #23e67a50,0 8px 40px #1a462a6a!important;padding:28px 18px 18px;position:relative;display:flex;flex-direction:column}@media (max-width: 480px){.profile-modal{max-width:98vw;min-width:0;padding:18px 5vw}}.room-container{max-width:350px;margin:60px auto 0;background:#fff;border-radius:18px;box-shadow:0 4px 24px #326eca1a;padding:28px 24px 24px;text-align:center}.players-list{margin:18px 0;text-align:left}.players-list ul{list-style:none;padding:0}.players-list li{background:#f3f8ff;border-radius:8px;margin:6px 0;padding:8px 12px;font-size:1.1rem}.players-list li.me{background:#e1eeff;font-weight:700}.owner-tag{background:gold;color:#333;font-size:.88em;border-radius:5px;padding:2px 6px;margin-left:8px}.play-container{max-width:420px;margin:28px auto 0;background:#185a30;border-radius:18px;box-shadow:0 8px 40px #23e67a50,0 1.5px 5px #1a462a6a;padding:22px 12px 24px;text-align:center}.cards-area{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}.card-img{width:46px;height:66px;border-radius:6px;box-shadow:0 4px 22px #23e67a44,0 1.5px 5px #1a462a6a!important;background:#fff;object-fit:contain}.result-container{max-width:350px;margin:60px auto 0;background:#185a30;border-radius:18px;box-shadow:0 8px 40px #23e67a50,0 1.5px 5px #23e67a6a;padding:28px 24px 24px;text-align:center}.play-seat,.play-seat.empty,.play-pai-dun{border:none!important;box-shadow:0 4px 22px #23e67a44,0 1.5px 5px #1a462a6a!important;background:#185a30!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:#164b2e;min-height:100vh}input,button{font-size:1.15rem}.input,.button{width:100%;box-sizing:border-box;min-width:0}.button{background:linear-gradient(90deg,#23e67a 80%,#43ffb8);color:#fff;border:none;border-radius:8px;margin:12px 0;padding:.75em 2em;font-weight:700;box-shadow:0 0 0 3px #23e67a55,0 2px 20px #23e67a99;transition:all .22s}.button:active{background:#13c05a}.button:hover,.button:focus{background:linear-gradient(90deg,#35ff9e 80%,#7fffd4);box-shadow:0 0 0 5px #35ff9e66,0 4px 24px #35ff9e99}.input{padding:.65em 1em;margin:10px 0;border-radius:8px;border:1.5px solid #23e67a;font-size:1.15rem;background:#185a30;color:#e0ffe3;box-shadow:0 2px 12px #23e67a55;transition:border .2s,box-shadow .2s}.input:focus{outline:none;border:2px solid #48ffb0;box-shadow:0 0 0 3px #23e67a99,0 2px 12px #23e67a55}.input::placeholder{color:#83cfa1;opacity:1}.tip,.tips{color:#a8e6c1;margin-top:18px;text-align:center}.home-container,.room-container,.play-container,.result-container,.profile-modal{background:#185a30!important;border-radius:24px;box-shadow:0 0 28px 5px #23e67a50,0 8px 40px #1a462a6a!important;color:#e0ffe3}.home-title,h2,h3{color:#e0ffe3!important}.home-announcement-area{background:#176b3c!important;color:#e0ffe3!important;border-radius:10px;box-shadow:0 1px 5px #23e67a1a}.home-announcement-title{color:#a6ffd4!important}ul,li{background:none!important;color:#e0ffe3!important}li[style],.home-announcement-area ul li,.players-list li,.players-list li.me{background:#218c5a!important;color:#e0ffe3!important;border-radius:8px}.top-action-btn{background:#2d8c5a!important;color:#fff!important;border:none;border-radius:7px;padding:6px 18px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 1px 6px #23e67a33;transition:background .18s}.top-action-btn:hover{background:#23e67a!important}.profile-modal-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#145a30d6;z-index:2000}.profile-modal{background:#176b3c!important;color:#e0ffe3!important;border-radius:18px!important}@media (max-width: 600px){.home-container,.room-container,.play-container,.result-container{margin:0;border-radius:0;min-height:100vh;padding:24px 0;background:#185a30!important}}