.ranking-modal[data-v-95f36425]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.ranking-modal.active[data-v-95f36425]{opacity:1;pointer-events:all}.ranking-container[data-v-95f36425]{max-width:550px;width:95%;border-radius:5px;overflow:hidden;background-color:#fff;transform:scale(.9);transition:transform .3s ease}.ranking-modal.active .ranking-container[data-v-95f36425]{transform:scale(1)}.ranking-header[data-v-95f36425]{padding:10px 20px;text-align:left;color:#1f1f1f;position:relative;font-size:17px;border-bottom:1px solid #eee;display:flex;align-items:center}.ranking-header .prompt[data-v-95f36425]{font-size:14px;color:#888;margin-left:16px}.ranking-header .prompt .duration[data-v-95f36425]{margin-top:5px;font-size:12px;color:#3498db}.close-btn[data-v-95f36425]{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn img[data-v-95f36425]{width:20px;height:20px}.ranking-list[data-v-95f36425]{padding:10px;max-height:80vh;min-height:100px;overflow-y:auto}.ranking-item[data-v-95f36425]{display:flex;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:5px;transition:all .3s ease;overflow:hidden;border:1px solid #eee;-webkit-user-select:none;user-select:none}.ranking-item[data-v-95f36425]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.rank-number[data-v-95f36425]{width:50px;color:#1f1f1f;text-align:center;margin-right:8px}.top-3 .rank-number[data-v-95f36425]{font-size:20px;font-weight:700}.rank-1 .rank-number[data-v-95f36425]{color:gold}.rank-2 .rank-number[data-v-95f36425]{color:silver}.rank-3 .rank-number[data-v-95f36425]{color:#cd7f32}.user-avatar[data-v-95f36425]{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0;margin-right:20px;transition:all .3s ease}.ranking-item:hover .user-avatar[data-v-95f36425]{transform:scale(1.1);border-color:#3498db}.user-info[data-v-95f36425]{flex:1}.user-nickname[data-v-95f36425]{color:#1f1f1f;font-size:14px}.user-nickname .self-label[data-v-95f36425]{color:#0081ff;margin-left:3px}.user-score[data-v-95f36425]{display:flex;align-items:center;font-size:13px;margin:5px 0;color:#0081ff}.score-bar[data-v-95f36425]{height:6px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.score-progress[data-v-95f36425]{height:100%;background:linear-gradient(to right,#3498db,#21b4ff);border-radius:4px;transition:width .5s ease}.top-3[data-v-95f36425]{background:linear-gradient(to right,#ecf0f199,#fff)}.rank-1[data-v-95f36425]{background:linear-gradient(to right,#ffd7001a,#fff)}.rank-2[data-v-95f36425]{background:linear-gradient(to right,#c0c0c01a,#fff)}.rank-3[data-v-95f36425]{background:linear-gradient(to right,#cd7f321a,#fff)}@media (max-width: 480px){.ranking-container[data-v-95f36425]{width:95%}.user-avatar[data-v-95f36425]{width:40px;height:40px;margin-right:10px}.rank-number[data-v-95f36425]{width:40px}}.user-modal[data-v-6da996d1]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.user-modal.active[data-v-6da996d1]{opacity:1;pointer-events:all}.user-container[data-v-6da996d1]{max-width:500px;width:95%;border-radius:10px;overflow:hidden;background-color:#fff;transform:scale(.9);transition:transform .3s ease;box-shadow:0 10px 30px #0003}.user-modal.active .user-container[data-v-6da996d1]{transform:scale(1)}.user-header[data-v-6da996d1]{padding:15px 20px;text-align:left;color:#1f1f1f;position:relative;font-size:18px;border-bottom:1px solid #eee;background-color:#fff}.close-btn[data-v-6da996d1]{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.close-btn[data-v-6da996d1]:hover{background-color:#f0f0f0}.close-btn img[data-v-6da996d1]{width:20px;height:20px}.user-content[data-v-6da996d1]{padding:25px;display:flex;flex-direction:column;gap:25px}.avatar-section[data-v-6da996d1]{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-preview[data-v-6da996d1]{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #0081ff;box-shadow:0 0 0 3px #0081ff33;position:relative}.preview-image[data-v-6da996d1]{width:100%;height:100%;object-fit:cover}.avatar-overlay[data-v-6da996d1]{position:absolute;bottom:0;left:0;right:0;color:#fff;background-color:#0081ff;text-align:center;padding:5px;font-size:12px}.avatar-options[data-v-6da996d1]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:300px}.avatar-option[data-v-6da996d1]{width:55px;height:55px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease;position:relative}.avatar-option[data-v-6da996d1]:hover{transform:scale(1.1);border-color:#0081ff;box-shadow:0 0 0 3px #0081ff33}.avatar-option.selected[data-v-6da996d1]{border-color:#0081ff;box-shadow:0 0 0 3px #0081ff33}.avatar-option img[data-v-6da996d1]{width:100%;height:100%;object-fit:cover}.form-section[data-v-6da996d1]{display:flex;flex-direction:column;gap:25px}.input-group[data-v-6da996d1]{display:flex;flex-direction:column;gap:10px}.input-group label[data-v-6da996d1]{font-size:15px;color:#555;font-weight:500}.input-group input[data-v-6da996d1]{padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:all .3s}.input-group input[data-v-6da996d1]:focus{outline:none;border-color:#0081ff;box-shadow:0 0 0 3px #0081ff33}.error-message[data-v-6da996d1]{color:#e74c3c;font-size:13px}.actions[data-v-6da996d1]{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.cancel-btn[data-v-6da996d1]{border-radius:5px;padding:8px 40px;font-size:16px;cursor:pointer;transition:all .3s;background-color:#fff;color:#555;border:1px solid #ddd}.cancel-btn[data-v-6da996d1]:hover{background-color:#eaeaea}.confirm-btn[data-v-6da996d1]{background:linear-gradient(to right,#0081ff,#06c);color:#fff;border:none;border-radius:5px;padding:8px 40px;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0081ff4d}.confirm-btn[data-v-6da996d1]:hover{box-shadow:0 6px 15px #0081ff66}.confirm-btn[data-v-6da996d1]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.user-container[data-v-6da996d1]{width:95%}.user-content[data-v-6da996d1]{padding:20px}.avatar-preview[data-v-6da996d1]{width:100px;height:100px}.avatar-option[data-v-6da996d1]{width:50px;height:50px}.actions[data-v-6da996d1]{flex-direction:column;gap:10px}.cancel-btn[data-v-6da996d1],.confirm-btn[data-v-6da996d1]{width:100%;padding:12px}}.game-container[data-v-cb2f84ee]{width:100%;margin:30px auto;max-width:500px;background:#fff;border-radius:5px;overflow:hidden}.game-header[data-v-cb2f84ee]{background:linear-gradient(to right,#0081ff,#06c);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.game-title[data-v-cb2f84ee]{font-size:16px;display:flex;align-items:center;gap:10px;cursor:pointer}.game-controls[data-v-cb2f84ee]{display:flex;align-items:center;gap:15px}.control-btn[data-v-cb2f84ee]{display:flex;align-items:center;cursor:pointer}.control-btn img[data-v-cb2f84ee]{width:20px;height:20px}.control-link[data-v-cb2f84ee]{background-color:#ffffff1a;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;cursor:pointer;transition:all .2s}.control-link img[data-v-cb2f84ee]{width:15px;height:15px}.control-link[data-v-cb2f84ee]:hover{background-color:#ffffff4d;transform:scale(1.05)}.game-stats[data-v-cb2f84ee]{padding:12px 20px;display:flex;justify-content:space-between;background-color:#fff}.stat-box[data-v-cb2f84ee]{min-width:100px;text-align:center}.stat-label[data-v-cb2f84ee]{font-size:12px;color:#657786}.stat-value[data-v-cb2f84ee]{font-size:16px;font-weight:700;color:#0081ff}.grid-container[data-v-cb2f84ee]{text-align:center}.grid[data-v-cb2f84ee]{padding:10px;background-color:#d1dde8;border-radius:5px;display:inline-block;box-shadow:inset 0 0 8px #0000001a}.row[data-v-cb2f84ee]{display:flex}.cell[data-v-cb2f84ee]{width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e8f0f8;border:2px solid;border-color:#c0d0e0 #a0b0c0 #a0b0c0 #c0d0e0;margin:2px;border-radius:5px;transition:all .1s;box-shadow:0 1px 2px #0000001a}.cell[data-v-cb2f84ee]:hover{background:#d8e8f8}.cell.revealed[data-v-cb2f84ee]{background:#d1dde8;border:1px solid #a0b0c0}.cell.mine[data-v-cb2f84ee]{background:#ff4d4d}.cell.flagged[data-v-cb2f84ee]{color:#ff4d4d}.game-actions[data-v-cb2f84ee]{display:flex;justify-content:center;margin-top:15px}.start-button[data-v-cb2f84ee]{background:linear-gradient(to right,#0081ff,#06c);color:#fff;border:none;border-radius:5px;padding:8px 40px;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0081ff4d}.start-button[data-v-cb2f84ee]:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0081ff66}.start-button[data-v-cb2f84ee]:active{transform:translateY(0)}.game-messages[data-v-cb2f84ee]{padding:10px 0}.win-message[data-v-cb2f84ee],.game-over-message[data-v-cb2f84ee]{color:#00c853;text-align:center;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px}.game-over-message[data-v-cb2f84ee]{color:#ff5252}.game-info[data-v-cb2f84ee]{border-top:1px solid #eee;padding:10px 20px}.info-title[data-v-cb2f84ee]{font-size:16px;color:#0081ff;margin:6px 15px;display:flex;align-items:center;gap:10px}.info-list[data-v-cb2f84ee]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-item[data-v-cb2f84ee]{padding:12px;display:flex;gap:10px}.info-icon[data-v-cb2f84ee]{width:36px;height:36px;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#0081ff;flex-shrink:0}.info-text[data-v-cb2f84ee]{font-size:14px;color:#333}@media (max-width: 480px){.game-container[data-v-cb2f84ee]{border-radius:0;margin-top:0}.stat-box[data-v-cb2f84ee]{min-width:80px;padding:8px 10px}.stat-value[data-v-cb2f84ee]{font-size:20px}.cell[data-v-cb2f84ee]{width:32px;height:32px;font-size:16px}.info-list[data-v-cb2f84ee]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{background-color:#f5f5f5}.num-1{color:#06c;text-shadow:0 0 2px rgba(0,102,204,.3)}.num-2{color:#085;text-shadow:0 0 2px rgba(0,136,85,.3)}.num-3{color:#c50;text-shadow:0 0 2px rgba(204,85,0,.3)}.num-4{color:#60c;text-shadow:0 0 2px rgba(102,0,204,.3)}.num-5{color:#c33;text-shadow:0 0 2px rgba(204,51,51,.3)}.num-6{color:#08a;text-shadow:0 0 2px rgba(0,136,170,.3)}.num-7{color:#ca0;text-shadow:0 0 2px rgba(204,170,0,.3)}.num-8{color:#74c;text-shadow:0 0 2px rgba(119,68,204,.3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fcfcfc;border-radius:3px}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}