@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap";.board-box[data-v-87770a32]{box-sizing:border-box;background:#dcc896;border-radius:6px;margin:0 auto;padding:4px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.go-canvas[data-v-87770a32]{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.rating-guide[data-v-ae4d6832]{z-index:500;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rating-guide.open[data-v-ae4d6832]{opacity:1;pointer-events:auto}.guide-backdrop[data-v-ae4d6832]{background:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0}.guide-panel[data-v-ae4d6832]{width:90%;max-width:420px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-xl);max-height:90dvh;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:20px;position:relative;overflow-y:auto}.guide-progress[data-v-ae4d6832]{margin-bottom:16px}.progress-bar[data-v-ae4d6832]{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill[data-v-ae4d6832]{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.progress-text[data-v-ae4d6832]{text-align:right;font-size:var(--text-xs);color:var(--text-hint);margin-top:4px;display:block}.guide-content[data-v-ae4d6832]{min-height:300px}.step-title[data-v-ae4d6832]{text-align:center;margin-bottom:8px}.step-icon[data-v-ae4d6832]{margin-bottom:8px;font-size:48px;display:block}.step-title h2[data-v-ae4d6832]{font-size:var(--text-xl);color:var(--text);margin:0}.step-desc[data-v-ae4d6832]{text-align:center;color:var(--text-secondary);margin:0 0 20px}.form-group[data-v-ae4d6832]{margin-bottom:16px}.form-group label[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--text);margin-bottom:8px;font-weight:600;display:block}.form-input[data-v-ae4d6832]{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);outline:none;padding:12px 16px;transition:border-color .2s}.form-input[data-v-ae4d6832]:focus{border-color:var(--primary)}.radio-group[data-v-ae4d6832]{flex-wrap:wrap;gap:8px;display:flex}.radio-item[data-v-ae4d6832]{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);border:2px solid var(--border);align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:flex}.radio-item[data-v-ae4d6832]:has(input:checked){border-color:var(--primary);background:var(--primary-light)}.question-card[data-v-ae4d6832]{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.question-header[data-v-ae4d6832]{justify-content:space-between;margin-bottom:12px;display:flex}.question-num[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--primary);font-weight:600}.question-category[data-v-ae4d6832]{font-size:var(--text-xs);background:var(--primary-light);color:var(--primary);border-radius:8px;padding:2px 8px}.question-text[data-v-ae4d6832]{font-size:var(--text-base);color:var(--text);margin:0 0 16px;line-height:1.6}.options[data-v-ae4d6832]{flex-direction:column;gap:8px;display:flex}.option-btn[data-v-ae4d6832]{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.option-btn[data-v-ae4d6832]:disabled{cursor:default}.option-btn.selected[data-v-ae4d6832]{border-color:var(--primary);background:var(--primary-light)}.option-btn.correct[data-v-ae4d6832]{border-color:var(--success)!important;background:#e8f5e9!important}.option-btn.wrong[data-v-ae4d6832]{border-color:var(--danger)!important;background:#ffebee!important}.option-label[data-v-ae4d6832]{background:var(--border);width:28px;height:28px;font-weight:600;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.option-btn.selected .option-label[data-v-ae4d6832]{background:var(--primary);color:#fff}.option-btn.correct .option-label[data-v-ae4d6832]{background:var(--success)!important;color:#fff!important}.option-btn.wrong .option-label[data-v-ae4d6832]{background:var(--danger)!important;color:#fff!important}.explanation[data-v-ae4d6832]{background:var(--primary-light);border-radius:var(--radius-sm);margin-top:16px;padding:12px}.explanation p[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--text);margin:0;line-height:1.5}.guide-game-area[data-v-ae4d6832]{justify-content:center;min-height:500px;padding:12px 0;display:flex}.game-progress[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.score-display[data-v-ae4d6832]{font-size:var(--text-xs);color:var(--text-secondary)}.game-info-bar[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;padding:8px 0;display:flex}.result-card[data-v-ae4d6832]{text-align:center;padding:24px 20px}.result-label[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 8px}.result-rank[data-v-ae4d6832]{margin:0 0 20px;font-size:40px;font-weight:800}.result-summary[data-v-ae4d6832]{background:var(--primary-light);border-radius:var(--radius-sm);justify-content:center;gap:24px;margin-bottom:20px;padding:12px;display:flex}.summary-item[data-v-ae4d6832]{text-align:center}.summary-label[data-v-ae4d6832]{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px;display:block}.summary-value[data-v-ae4d6832]{font-size:var(--text-lg);color:var(--primary);font-weight:700}.dimension-grid[data-v-ae4d6832]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.dimension-item[data-v-ae4d6832]{text-align:center}.dim-label[data-v-ae4d6832]{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px;display:block}.dim-bar[data-v-ae4d6832]{background:var(--border);border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.dim-fill[data-v-ae4d6832]{background:var(--primary);border-radius:4px;height:100%;transition:width .5s}.dim-value[data-v-ae4d6832]{font-size:var(--text-xs);color:var(--text);font-weight:600}.result-rec[data-v-ae4d6832]{font-size:var(--text-sm);color:var(--text-secondary);background:var(--primary-light);border-radius:var(--radius-sm);margin:0;padding:12px;line-height:1.5}.home-page[data-v-9bb7fb70]{flex-direction:column;gap:0;display:flex}.site-header[data-v-9bb7fb70]{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-accent) 100%);border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px 16px}@media (min-width:480px){.site-header[data-v-9bb7fb70]{padding:16px 20px 20px}}.header-top[data-v-9bb7fb70]{justify-content:space-between;align-items:center;display:flex}.site-brand[data-v-9bb7fb70]{color:var(--text);flex-shrink:0;font-size:20px;font-weight:800}.header-right[data-v-9bb7fb70]{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.header-user[data-v-9bb7fb70]{cursor:pointer;border-radius:var(--radius-sm);flex-shrink:1;align-items:center;gap:8px;min-width:0;padding:4px 8px;transition:background .15s;display:flex}.header-user[data-v-9bb7fb70]:active{background:var(--bg-accent)}.header-avatar[data-v-9bb7fb70]{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.avatar-placeholder[data-v-9bb7fb70]{opacity:.8;font-size:16px}.header-nickname[data-v-9bb7fb70]{font-size:var(--text-sm);color:var(--text);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.nickname-edit-hint[data-v-9bb7fb70]{opacity:.4;font-size:13px}.header-rank[data-v-9bb7fb70]{font-size:var(--text-sm);background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary);border-radius:20px;flex-shrink:0;padding:2px 10px;font-weight:700;display:inline-block}.header-rank-unrated[data-v-9bb7fb70]{background:var(--bg-card);border-color:var(--border);color:var(--text-hint);opacity:.8}.btn-sm[data-v-9bb7fb70]{font-size:var(--text-xs);padding:4px 10px}.stats-row[data-v-9bb7fb70]{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:0;margin-top:8px;padding:10px 0 4px;display:flex}.stat-item[data-v-9bb7fb70]{text-align:center;flex:1}.stat-value[data-v-9bb7fb70]{font-size:var(--text-lg);color:var(--primary);font-weight:700;line-height:1.2;display:block}.stat-label[data-v-9bb7fb70]{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.stat-divider[data-v-9bb7fb70]{color:var(--border);font-size:var(--text-sm);padding:0 8px}.nickname-modal[data-v-9bb7fb70]{z-index:600;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.nickname-card[data-v-9bb7fb70]{text-align:center;width:90%;max-width:320px;padding:24px 20px}.nickname-title[data-v-9bb7fb70]{font-size:var(--text-lg);color:var(--text);margin:0 0 16px;font-weight:700}.nickname-card .form-input[data-v-9bb7fb70]{margin-bottom:16px}.nickname-actions[data-v-9bb7fb70]{gap:10px;display:flex}.nickname-actions .btn[data-v-9bb7fb70]{flex:1}.function-grid[data-v-9bb7fb70]{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 16px;display:grid}@media (min-width:480px){.function-grid[data-v-9bb7fb70]{gap:16px;padding:24px 20px}}.function-card[data-v-9bb7fb70]{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;border:1px solid var(--border);color:var(--text);padding:24px 16px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.function-card[data-v-9bb7fb70]:after{content:"";background:linear-gradient(90deg, var(--primary-light), var(--primary), var(--primary-light));opacity:0;height:3px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.function-card[data-v-9bb7fb70]:hover:after,.function-card[data-v-9bb7fb70]:active:after{opacity:1}.function-card[data-v-9bb7fb70]:active{box-shadow:var(--shadow-md);transform:scale(.97)}.function-card[data-v-9bb7fb70]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.function-card[data-v-9bb7fb70]:disabled{opacity:.5;cursor:default}.card-icon[data-v-9bb7fb70]{margin-bottom:10px;font-size:40px;display:block}.card-title[data-v-9bb7fb70]{font-size:var(--text-lg);color:var(--text);margin-bottom:6px;font-weight:600}.card-subtitle[data-v-9bb7fb70]{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.rank-record[data-v-9bb7fb70]{background:linear-gradient(135deg, var(--primary-light) 0%, var(--bg-card) 100%);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:12px;padding:10px 14px}.record-header[data-v-9bb7fb70]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.record-label[data-v-9bb7fb70]{font-size:var(--text-sm);color:var(--primary-dark);font-weight:600}.record-board[data-v-9bb7fb70]{font-size:var(--text-xs);color:var(--text-secondary)}.record-wins[data-v-9bb7fb70]{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.wins-count[data-v-9bb7fb70]{color:var(--primary);font-weight:700;font-size:var(--text-base)}.wins-total[data-v-9bb7fb70]{color:var(--text-hint)}.wins-needed[data-v-9bb7fb70]{font-size:var(--text-xs);color:var(--text-secondary);margin-left:auto}.recent-games[data-v-9bb7fb70]{padding:0 16px 20px}.section-title[data-v-9bb7fb70]{font-size:var(--text-base);color:var(--text);margin:0 0 12px;padding-left:14px;font-weight:600;position:relative}.section-title[data-v-9bb7fb70]:before{content:"";background:var(--primary);border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.empty-hint[data-v-9bb7fb70]{text-align:center;color:var(--text-hint);font-size:var(--text-sm);background:var(--bg-accent);border-radius:var(--radius-sm);padding:20px}.game-record[data-v-9bb7fb70]{background:var(--bg-card);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:background .15s;display:flex}.game-record[data-v-9bb7fb70]:hover{background:var(--bg-accent)}.game-date[data-v-9bb7fb70]{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:44px}.game-type[data-v-9bb7fb70]{flex:1}.game-result[data-v-9bb7fb70]{font-weight:600;font-size:var(--text-xs);border-radius:4px;padding:2px 8px}.game-result.win[data-v-9bb7fb70]{color:var(--success);background:rgba(107,142,90,.1)}.game-result.lose[data-v-9bb7fb70]{color:var(--danger);background:rgba(181,74,58,.1)}.game-moves[data-v-9bb7fb70]{color:var(--text-hint);font-variant-numeric:tabular-nums}.home-footer[data-v-9bb7fb70]{text-align:center;color:var(--text-hint);border-top:1px solid var(--border);background:var(--bg-accent);margin-top:auto;padding:16px;font-size:11px}.page-content{min-height:100vh;min-height:100dvh}.page-enter-active,.page-leave-active{transition:opacity .15s,transform .15s}.page-enter-from{opacity:0;transform:translate(8px)}.page-leave-to{opacity:0;transform:translate(-8px)}:root{--primary:#5b7a5e;--primary-light:#e8f0e8;--primary-dark:#3d5a3e;--primary-hover:#4d6a50;--success:#6b8e5a;--warning:#c88a3a;--danger:#b54a3a;--info:#5a7a9a;--bg:#f5f0e8;--bg-card:#fdf8ef;--bg-accent:#ede6d6;--text:#2c2416;--text-secondary:#7a6b5a;--text-hint:#a89a88;--border:#d8ccb8;--board:#c8a96e;--board-line:#6b4e2a;--stone-black:#1a1a1a;--stone-white:#f0e8d8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--shadow-sm:0 1px 4px rgba(100,80,50,.08);--shadow-md:0 4px 12px rgba(100,80,50,.1);--shadow-lg:0 8px 24px rgba(100,80,50,.14);--touch-min:48px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:Noto Serif SC,STSong,SimSun,Songti SC,serif;font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20%,rgba(200,180,140,.08) 0%,transparent 50%),radial-gradient(at 80% 20%,rgba(180,160,130,.06) 0%,transparent 50%),radial-gradient(at 50% 80%,rgba(190,170,135,.05) 0%,transparent 50%);margin:0;padding:0;line-height:1.6}.page-content{min-height:100vh;-webkit-overflow-scrolling:touch;max-width:480px;min-height:100dvh;margin:0 auto;overflow-y:auto}.page-content::-webkit-scrollbar{display:none}@media (min-width:768px){.page-content{max-width:720px}}@media (min-width:1024px){.page-content{max-width:960px}}.btn{min-height:var(--touch-min);border-radius:var(--radius-md);min-width:48px;font-size:var(--text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary-hover), var(--primary-dark));color:#fff;box-shadow:0 2px 8px rgba(91,122,94,.25)}.btn-primary:hover{background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 4px 12px rgba(91,122,94,.35)}.btn-primary:active{box-shadow:0 1px 4px rgba(91,122,94,.2)}.btn-secondary{background:var(--bg-accent);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--primary);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--primary-light)}.btn-ghost:disabled,.btn:disabled{opacity:.5;pointer-events:none}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px;position:relative}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.5;height:3px;position:absolute;top:0;left:0;right:0}section,.section{padding:16px 0}.section-title{font-size:var(--text-lg);color:var(--text);margin:0 0 12px;padding-left:14px;font-weight:700;position:relative}.section-title:before{content:"";background:var(--primary);border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.w-full{width:100%}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}input,textarea,[contenteditable]{user-select:text}@media (min-width:480px){:root{--text-base:15px;--text-lg:19px;--text-xl:24px}}@media (min-width:768px){:root{--text-base:16px;--text-lg:20px;--text-xl:26px}}@media (min-width:1024px){:root{--text-base:16px;--text-lg:22px;--text-xl:30px}}