body{background:#eef2f7;margin:0}#app{width:100%;max-width:1600px;margin:0 auto}.group-card[data-v-51dd1caa]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.group-header[data-v-51dd1caa]{text-align:center;color:#fff;background:#2c3e50;padding:14px 0;font-size:20px;font-weight:700}.group-score[data-v-51dd1caa]{text-align:center;color:#2980b9;background:#ecf0f1;padding:8px;font-size:16px;font-weight:700}.tab-btns[data-v-51dd1caa]{border-bottom:1px solid #ddd;display:flex}.tab-btn[data-v-51dd1caa]{cursor:pointer;background:#f1f5f9;border:none;flex:1;padding:10px 0;font-weight:700;transition:all .2s}.tab-btn.active[data-v-51dd1caa]{color:#fff;background:#3498db}.tab-content[data-v-51dd1caa]{padding:16px;display:none}.tab-content.active[data-v-51dd1caa]{display:block}.flower-item[data-v-51dd1caa]{border-bottom:1px solid #ecf0f1;margin-bottom:20px;padding-bottom:15px}.flower-name[data-v-51dd1caa]{color:#2c3e50;margin-bottom:8px;font-weight:700}.upload-area[data-v-51dd1caa]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.learn-status[data-v-51dd1caa]{color:#27ae60;font-size:12px;font-weight:700}.img-preview[data-v-51dd1caa]{flex-wrap:wrap;gap:4px;max-height:90px;margin:8px 0;display:flex;overflow-y:auto}.img-item[data-v-51dd1caa]{object-fit:cover;border:1px solid #ddd;border-radius:6px;width:44px;height:44px}.result[data-v-51dd1caa]{color:#27ae60;margin-top:5px;font-size:12px}.heatmap[data-v-51dd1caa]{color:#8e44ad;cursor:pointer;margin-top:6px;font-size:12px;display:inline-block}.recog-upload-box[data-v-51dd1caa]{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.recog-result[data-v-51dd1caa]{margin-top:12px;font-size:13px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,Segoe UI,sans-serif}body{background:#eef2f7;padding:20px}.container{max-width:1600px;margin:0 auto}.title{text-align:center;color:#0000;background:linear-gradient(135deg,#1e466e,#2c7cb6);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:28px;font-weight:700}.control-bar{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #00000014}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.btn-red{color:#fff;background:#e74c3c}.btn-blue{color:#fff;background:#3498db}.btn-green{color:#fff;background:#2ecc71}.btn-gray{color:#fff;cursor:not-allowed;background:#b0bec5}.btn-orange{color:#fff;background:#e67e22}.btn:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.group-select{flex-wrap:wrap;gap:10px;display:flex}.timer{color:#e67e22;background:#fef5e7;border-radius:48px;padding:4px 14px;font-family:monospace;font-size:24px;font-weight:700}.rank{background:#fff;border-radius:16px;margin-bottom:24px;padding:15px 20px;box-shadow:0 2px 10px #0000000d}.rank-title{color:#2c3e50;border-left:5px solid #f39c12;margin-bottom:12px;padding-left:14px;font-size:20px;font-weight:700}.rank-list{flex-wrap:wrap;gap:12px 24px;display:flex}.rank-item{background:#f8f9fc;border-radius:40px;padding:6px 16px;font-size:16px;font-weight:500}.main-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1100px){.main-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.main-grid{grid-template-columns:1fr}}