:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#275044;background:#f7faed}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#327957;text-decoration:none}button,.btn,.back-btn{border:0;border-radius:999px;background:#87cda0;color:#153f2d;padding:11px 20px;font:inherit;cursor:pointer;display:inline-block}button:hover,.btn:hover,.back-btn:hover{background:#a4e1b3;transform:translateY(-2px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px max(4%,calc((100% - 1100px)/2));background:#e5f4d8;box-shadow:0 4px 18px #366b3920}.brand{font-size:1.4rem;font-weight:800}.container{max-width:1100px;margin:auto;padding:28px 18px;min-height:72vh}h1,h2,h3{color:#2d6e4b}.hero,.panel,.card,.notice{background:#fffef7;border-radius:22px;padding:22px;box-shadow:0 8px 24px #497c4a1b}.hero{background:linear-gradient(115deg,#dcf5ca,#fffef4)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:22px 0}.card{transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:130px;object-fit:cover;border-radius:14px}.card .icon{font-size:3rem;text-align:center;background:#ebf7e0;border-radius:14px;padding:16px}.muted{color:#668478}.notice{margin:15px 0;background:#e7f5df}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}input,textarea,select{font:inherit;border:1px solid #bad8bc;border-radius:12px;padding:10px;max-width:100%;background:white}input[type=search]{width:min(100%,360px)}label{display:block;margin:12px 0}label input:not([type=checkbox]),label textarea,label select{display:block;width:100%;margin-top:5px}textarea{min-height:90px}.panel{margin:18px 0}.admin-nav{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e0eedc;padding:10px;text-align:left;vertical-align:top}td{word-break:break-word}.actions{white-space:nowrap}footer{text-align:center;padding:25px;color:#668478}.ad-frame{border:0;width:100%;min-height:110px;background:white;border-radius:16px;margin:10px 0}.game-area{max-width:680px;margin:16px auto;text-align:center}.score{font-size:1.3rem;font-weight:700}.board{display:grid;gap:8px;margin:18px auto;max-width:420px}.tile{aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:14px;background:#d6edc9;font-size:2rem;user-select:none}.tile:hover{background:#bce1ac}.danger{background:#f3a7a7}.message{min-height:26px;font-weight:700}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:15px}.stage{border-radius:16px;background:#e4f1d4;max-width:100%;touch-action:none}.popup{position:fixed;inset:0;background:#142c2bb0;display:grid;place-items:center;padding:20px}.popup .panel{max-width:450px} @media(max-width:600px){.container{padding:18px 12px}.topbar{padding:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:12px}.card img{height:90px}}