.snake-game-container{width:500px;height:500px;margin:20px auto;position:relative;background:var(--anzhiyu-card-bg);border-radius:8px;box-shadow:var(--anzhiyu-shadow-border)}.snake-game-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snake-game-score{text-align:center;margin-bottom:10px;font-size:1.2em;color:var(--anzhiyu-fontcolor)}.snake-game-status{text-align:center;margin-bottom:10px;font-size:1em;color:var(--anzhiyu-fontcolor)}.snake-game-controls{text-align:center;margin-top:10px}.snake-game-button{background:var(--anzhiyu-main);color:var(--anzhiyu-white);border:none;padding:8px 16px;margin:0 5px;border-radius:4px;cursor:pointer;transition:all .3s ease}.snake-game-button:hover{opacity:.8;transform:scale(1.05)}.snake-game-difficulty{position:relative;display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:15px}.snake-game-records{width:500px;background:var(--anzhiyu-card-bg);border-radius:12px;padding:15px;box-shadow:var(--anzhiyu-shadow-border);margin:20px auto}.snake-game-records h3{text-align:center;margin-bottom:15px;color:var(--anzhiyu-fontcolor);font-size:1.2em}.record-item{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;padding:8px;margin-bottom:8px;border-bottom:1px solid var(--anzhiyu-shadow-border);text-align:center}.records-list{max-height:300px;overflow-y:auto}.record-item{display:flex;justify-content:space-between;align-items:center;padding:5px;margin-bottom:5px;border-bottom:1px solid var(--anzhiyu-shadow-border);color:var(--anzhiyu-fontcolor);font-size:.9em}.record-item:last-child{border-bottom:none;margin-bottom:0}.record-difficulty{text-transform:capitalize;color:var(--anzhiyu-main)}.record-score{font-weight:700}.record-date{font-size:.8em;opacity:.8}.difficulty-btn{background:var(--anzhiyu-main);color:var(--anzhiyu-white);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease;opacity:.6}.difficulty-btn.active{opacity:1;transform:scale(1.05)}.difficulty-btn:hover{opacity:.8}.snake-segment{position:absolute;width:10px;height:10px;transition:all .2s linear}.snake-head{background-color:var(--anzhiyu-main);border-radius:3px}.snake-body{background-color:var(--anzhiyu-main);opacity:.8;border-radius:3px}.snake-food{position:absolute;width:10px;height:10px;background-color:var(--anzhiyu-main);border-radius:50%;transition:all .3s ease}.snake-food.appear{animation:foodAppear .3s ease-out}@keyframes foodAppear{from{transform:scale(0)}to{transform:scale(1)}}