*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-color:#e0e5ec;padding:20px;padding-top:30px}.title-box{margin-bottom:20px;padding:12px 30px;border-radius:20px;background:#e0e5ec;box-shadow:8px 8px 16px #b8c0c8,-8px -8px 16px #fff}.title{font-size:clamp(24px, 5vw, 32px);color:#4a6fa5;text-align:center;letter-spacing:2px}.game-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:15px}.control-group{display:flex;gap:8px;align-items:center}.control-label{font-size:clamp(14px, 3vw, 16px);color:#4a6fa5;padding:5px 10px}.difficulty-btn,.mode-btn{padding:8px 16px;border:none;border-radius:12px;background:#e0e5ec;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff;font-size:clamp(12px, 2vw, 14px);color:#4a6fa5;cursor:pointer;transition:all .2s ease}.difficulty-btn.active,.mode-btn.active{box-shadow:inset 5px 5px 10px #b8c0c8,inset -5px -5px 10px #fff;color:#2980b9}.chess-container{position:relative;padding:clamp(15px,4vw,25px);border-radius:25px;background:#e0e5ec;box-shadow:10px 10px 20px #b8c0c8,-10px -10px 20px #fff;margin-bottom:20px}#chess-board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:1px;background-color:#d1d9e6;padding:5px;border-radius:10px;width:clamp(280px,80vw,450px);height:clamp(280px,80vw,450px)}.chess-cell{position:relative;cursor:pointer;transition:all .2s ease;background-color:#e0e5ec;border-radius:2px}.chess-cell:hover{background-color:#d6dde8;box-shadow:inset 2px 2px 4px #b8c0c8,inset -2px -2px 4px #fff}.chess-piece{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;box-shadow:3px 3px 6px rgba(0,0,0,.2),-3px -3px 6px rgba(255,255,255,.1);z-index:10;width:85%;height:85%;animation:pieceDrop .3s ease forwards}.chess-piece.last-move::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background-color:#e74c3c;border-radius:50%;box-shadow:0 0 5px rgba(231,76,60,.8);opacity:.8}.chess-piece.win-piece{box-shadow:0 0 15px #27ae60,inset 0 0 10px #2ecc71;z-index:20;animation:winPulse 1.5s infinite}@keyframes winPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px #27ae60}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 25px #2ecc71}100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px #27ae60}}@keyframes pieceDrop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}70%{transform:translate(-50%,-50%) scale(1.1);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.black{background:linear-gradient(145deg,#2d2d2d,#1a1a1a)}.white{background:linear-gradient(145deg,#fff,#e6e6e6);border:1px solid #d0d0d0}.info-panel{margin-top:15px;display:flex;gap:clamp(8px,2vw,15px);align-items:center;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px}.score-board,.stats,.status,.timer{padding:clamp(8px,2vw,10px) clamp(12px,3vw,20px);border-radius:15px;background:#e0e5ec;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff;font-size:clamp(12px, 3vw, 16px)}.status{color:#4a6fa5}.timer{color:#e67e22}.stats{color:#9b59b6}.score-board{color:#27ae60}.ctrl-btn{padding:clamp(8px,2vw,10px) clamp(12px,3vw,20px);border:none;border-radius:15px;background:#e0e5ec;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff;font-size:clamp(12px, 3vw, 16px);cursor:pointer;transition:all .2s ease}.regret-btn{color:#9b59b6}.reset-btn{color:#e74c3c}.history-btn{color:#3498db}.ctrl-btn:hover{box-shadow:inset 5px 5px 10px #b8c0c8,inset -5px -5px 10px #fff;filter:brightness(.9)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:100}.modal-content{padding:clamp(20px,5vw,30px) clamp(30px,6vw,50px);border-radius:20px;background:#e0e5ec;box-shadow:10px 10px 20px #b8c0c8,-10px -10px 20px #fff;text-align:center;max-width:90%}.modal-title{font-size:clamp(20px, 4vw, 28px);color:#4a6fa5;margin-bottom:20px}.modal-btn{padding:clamp(8px,2vw,10px) clamp(20px,4vw,30px);border:none;border-radius:15px;background:#e0e5ec;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff;font-size:clamp(14px, 3vw, 18px);color:#27ae60;cursor:pointer;margin:0 10px}.history-content{padding:clamp(20px,4vw,30px);border-radius:20px;background:#e0e5ec;box-shadow:10px 10px 20px #b8c0c8,-10px -10px 20px #fff;max-width:90%;width:400px;max-height:80vh;overflow-y:auto}.history-title{font-size:clamp(18px, 3vw, 22px);color:#4a6fa5;margin-bottom:15px;text-align:center}.history-list{list-style:none;font-size:clamp(14px, 2vw, 16px);color:#34495e}.history-item{padding:8px 10px;border-radius:8px;margin-bottom:8px;background:#e0e5ec;box-shadow:inset 2px 2px 4px #b8c0c8,inset -2px -2px 4px #fff}.close-btn{margin-top:20px;padding:8px 20px;border:none;border-radius:15px;background:#e0e5ec;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff;font-size:16px;color:#e74c3c;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e0e5ec;border-radius:4px}::-webkit-scrollbar-thumb{background:#d1d9e6;border-radius:4px;box-shadow:inset 2px 2px 4px #b8c0c8,inset -2px -2px 4px #fff}@media (max-width:480px){.info-panel{gap:8px}.chess-container{padding:15px}.title-box{padding:10px 20px}.game-controls{gap:8px}.control-group{flex-wrap:wrap}}