:root{--primary-color: #4a5fc1;--primary-light: #6b7fd6;--primary-dark: #2a3f9a;--secondary-color: #ff7b47;--secondary-light: #ff9c73;--secondary-dark: #e85a2b;--accent-color: #34d399;--accent-light: #6ee7b7;--accent-dark: #10b981;--text-color: #1f2937;--text-light: #6b7280;--text-lighter: #9ca3af;--background-color: #f3f4f6;--background-light: #ffffff;--background-dark: #e5e7eb;--background-darker: #d1d5db;--board-color: #deb887;--board-gradient-start: #e6d2a3;--board-gradient-end: #d4b07a;--board-line: #8b4513;--board-shadow: rgba(139, 69, 19, .3);--player-piece: #1a1a1a;--computer-piece: #f8f9fa;--highlight-color: rgba(239, 68, 68, .8);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .2);--glass-bg: rgba(255, 255, 255, .1);--shadow-light: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .07), 0 10px 15px rgba(0, 0, 0, .12);--shadow-heavy: 0 10px 25px rgba(0, 0, 0, .15), 0 20px 40px rgba(0, 0, 0, .2);--border-radius: 12px;--border-radius-lg: 16px;font-family:Microsoft YaHei,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--background-light) 0%,var(--background-color) 40%,var(--background-dark) 100%)}h1{font-size:2.2em;line-height:1.1;margin:0;font-weight:600;letter-spacing:.5px}h2,h3{color:var(--primary-color);font-weight:500}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-dark) 100%);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-medium);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-color) 100%);transform:translateY(-2px);box-shadow:var(--shadow-heavy)}button:active{transform:translateY(0);box-shadow:var(--shadow-light)}button:focus,button:focus-visible{outline:2px solid var(--accent-light)}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle}#app{width:100%;margin:0 auto}.cell[data-v-ed929f7b]{width:30px;height:30px;position:relative;cursor:pointer;background-color:transparent;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1)}.cell:hover.cell-empty[data-v-ed929f7b]:before,.cell:hover.cell-empty[data-v-ed929f7b]:after{background-color:var(--board-line);opacity:1;box-shadow:0 0 5px #8b45134d}.cell:hover.cell-empty[data-v-ed929f7b]{background-color:#fff3;transform:scale(1.05)}.cell[data-v-ed929f7b]:before,.cell[data-v-ed929f7b]:after{content:"";position:absolute;background-color:var(--board-line);opacity:.7;transition:opacity .2s ease}.cell[data-v-ed929f7b]:before{width:1px;height:100%;left:50%;transform:translate(-50%)}.cell[data-v-ed929f7b]:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}.cell[data-row="3"][data-col="3"][data-v-ed929f7b]:before,.cell[data-row="3"][data-col="11"][data-v-ed929f7b]:before,.cell[data-row="11"][data-col="3"][data-v-ed929f7b]:before,.cell[data-row="11"][data-col="11"][data-v-ed929f7b]:before,.cell[data-row="7"][data-col="7"][data-v-ed929f7b]:before{content:"";position:absolute;width:6px;height:6px;background-color:var(--board-line);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.piece[data-v-ed929f7b]{position:absolute;width:26px;height:26px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.cell-player .piece[data-v-ed929f7b]{background:radial-gradient(circle at 30% 30%,#444,#000 70%);box-shadow:0 4px 8px #0009,inset 0 -2px 6px #ffffff4d,inset 0 2px 6px #000000e6;border:1px solid #000}.cell-computer .piece[data-v-ed929f7b]{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0 70%);box-shadow:0 4px 8px #0006,inset 0 -2px 6px #00000026,inset 0 2px 6px #ffffffe6;border:1px solid #ccc}.last-move .piece[data-v-ed929f7b]{box-shadow:0 0 0 3px var(--highlight-color),0 4px 8px #0009,0 0 20px #ef444466;animation:pulseGlow-ed929f7b 1.5s ease-in-out infinite}@keyframes pulseGlow-ed929f7b{0%,to{box-shadow:0 0 0 3px var(--highlight-color),0 4px 8px #0009,0 0 20px #ef444466}50%{box-shadow:0 0 0 5px var(--highlight-color),0 4px 8px #0009,0 0 30px #ef444499}}.game-container[data-v-82771e49]{display:flex;flex-direction:column;align-items:center;gap:30px;padding:25px;max-width:100%}.status-container[data-v-82771e49]{width:100%;display:flex;justify-content:center}.status[data-v-82771e49]{font-size:1.6rem;font-weight:700;height:50px;display:flex;align-items:center;gap:12px;padding:15px 30px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);color:var(--primary-color);border:1px solid var(--card-border);position:relative;overflow:hidden}.status[data-v-82771e49]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 49%,rgba(255,255,255,.1) 50%,transparent 51%);background-size:20px 20px;animation:statusShine-82771e49 2s linear infinite}@keyframes statusShine-82771e49{0%{transform:translate(-100%)}to{transform:translate(100%)}}.status-icon[data-v-82771e49]{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.board-container[data-v-82771e49]{position:relative;padding:20px;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--board-gradient-start) 0%,var(--board-color) 50%,var(--board-gradient-end) 100%);box-shadow:var(--shadow-heavy),inset 0 1px #fff3;border:3px solid var(--board-line)}.board-container[data-v-82771e49]:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,var(--board-shadow),transparent,var(--board-shadow));border-radius:var(--border-radius-lg);z-index:-1}.board[data-v-82771e49]{display:flex;flex-direction:column;border:3px solid var(--board-line);background:linear-gradient(135deg,var(--board-color) 0%,var(--board-gradient-end) 100%);background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(139,69,19,.1) 1px,transparent 1px);background-size:15px 15px,25px 25px;position:relative;z-index:1;border-radius:8px;overflow:hidden}.board[data-v-82771e49]:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--board-line);border-radius:50%;transform:translate(-50%,-50%);z-index:2}.board-row[data-v-82771e49]{display:flex}.controls[data-v-82771e49]{margin-top:10px;display:flex;justify-content:center}.reset-button[data-v-82771e49]{padding:12px 24px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-dark) 100%);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.reset-button[data-v-82771e49]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.reset-button[data-v-82771e49]:hover:before{left:100%}.reset-button[data-v-82771e49]:hover{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-color) 100%);transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.reset-button[data-v-82771e49]:active{transform:translateY(-1px);box-shadow:var(--shadow-light)}.button-icon[data-v-82771e49]{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.instructions[data-v-82771e49]{margin-top:15px;text-align:center;max-width:550px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);border:1px solid var(--card-border);position:relative;overflow:hidden}.instructions[data-v-82771e49]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));background-size:200% 100%;animation:gradientSlide-82771e49 3s linear infinite}@keyframes gradientSlide-82771e49{0%{background-position:0% 0%}to{background-position:200% 0%}}.instructions-header[data-v-82771e49]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.info-icon[data-v-82771e49]{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.instructions h3[data-v-82771e49]{margin:0;color:var(--primary-color);font-weight:600}.player-info[data-v-82771e49]{display:flex;justify-content:center;gap:30px;margin:15px 0;flex-wrap:wrap}.player-item[data-v-82771e49]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff4d;border-radius:var(--border-radius);transition:transform .2s ease}.player-item[data-v-82771e49]:hover{transform:translateY(-2px)}.piece-icon[data-v-82771e49]{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.instructions p[data-v-82771e49]{margin:12px 0 0;color:var(--text-light);font-weight:500}*{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-5f7cd1a9]{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}header[data-v-5f7cd1a9]{text-align:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--primary-light) 100%);color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}header[data-v-5f7cd1a9]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color),var(--secondary-light),var(--accent-light),var(--secondary-color));background-size:200% 100%;animation:shimmer-5f7cd1a9 3s linear infinite}@keyframes shimmer-5f7cd1a9{0%{background-position:-200% 0}to{background-position:200% 0}}header[data-v-5f7cd1a9]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.logo[data-v-5f7cd1a9]{margin-bottom:15px;position:relative;z-index:1}.logo-img[data-v-5f7cd1a9]{width:50px;height:50px;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);transition:transform .3s ease}.logo-img[data-v-5f7cd1a9]:hover{transform:scale(1.1) rotate(5deg)}main[data-v-5f7cd1a9]{flex:1;display:flex;justify-content:center}footer[data-v-5f7cd1a9]{margin-top:30px;text-align:center;padding:20px;color:var(--text-light);font-size:.95rem;border-top:1px solid var(--background-darker);position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius)}.footer-decoration[data-v-5f7cd1a9]{display:flex;justify-content:center;gap:12px;margin-top:12px}.dot[data-v-5f7cd1a9]{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--accent-color));opacity:.8;animation:dotPulse-5f7cd1a9 2s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.dot[data-v-5f7cd1a9]:nth-child(1){--i: 0}.dot[data-v-5f7cd1a9]:nth-child(2){--i: 1}.dot[data-v-5f7cd1a9]:nth-child(3){--i: 2}@keyframes dotPulse-5f7cd1a9{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}