*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Microsoft YaHei,sans-serif}body{background-color:#f0f2f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#2563eb;color:#fff;padding:20px 0;border-radius:0 0 12px 12px}.header h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.header p{text-align:center;font-size:1rem;opacity:.9}.game-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:30px 0}.game-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .2s ease;cursor:pointer}.game-card:hover{transform:translateY(-5px)}.game-card img{width:100%;height:180px;object-fit:cover;background:#e5e7eb}.game-card .game-info{padding:20px}.game-card h3{font-size:1.25rem;margin-bottom:8px;color:#1f2937}.game-card p{color:#6b7280;font-size:.9rem;line-height:1.5}.game-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:30px;margin:20px 0;min-height:500px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.game-header h2{font-size:1.5rem;color:#1f2937}.back-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.back-btn:hover{background:#1d4ed8}.game-content{max-width:600px;margin:0 auto;text-align:center}.footer{text-align:center;padding:20px 0;color:#6b7280}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}.container{max-width:500px;margin:0 auto;padding:0 16px}.header{background:#8b4513;color:#fff;text-align:center;padding:20px 0;border-bottom:4px solid #603010}.game-container{background:#fff;border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 4px 20px #0000001a}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn.reset{background:#c92a2a;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:500}.btn.reset:hover{background:#a61e1e}.game-content{display:grid;place-items:center;gap:16px}.status{font-size:16px;font-weight:500;color:#333}.gomoku-board{width:360px;height:360px;background:peru;background-image:linear-gradient(45deg,#d29f5c 25%,transparent 25%),linear-gradient(-45deg,#d29f5c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d29f5c 75%),linear-gradient(-45deg,transparent 75%,#d29f5c 75%);background-size:24px 24px;border-radius:8px;display:grid;grid-template-rows:repeat(15,1fr);padding:2px;position:relative;border:8px solid #7a3f11}.gomoku-row{display:grid;grid-template-columns:repeat(15,1fr)}.gomoku-cell{position:relative;cursor:pointer}.gomoku-cell:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:#222}.gomoku-cell:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#222}.gomoku-cell.black{background:#111;border-radius:50%;z-index:10;transform:scale(.85);box-shadow:0 2px 6px #0006}.gomoku-cell.white{background:#fff;border-radius:50%;z-index:10;transform:scale(.85);box-shadow:0 2px 6px #0000004d}.footer{text-align:center;padding:20px;color:#666;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media(max-width:400px){.gomoku-board{width:300px;height:300px}}