.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-footer{margin-top:auto;padding:20px;text-align:center;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-text{font-size:14px;color:#fffc;margin:0}.home-container[data-v-18c667b9]{min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}.decorations[data-v-18c667b9]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.decoration[data-v-18c667b9]{position:absolute;font-size:48px;animation:float-18c667b9 3s ease-in-out infinite}.decoration.lantern[data-v-18c667b9]{top:10%;left:5%;animation-delay:0s}.decoration.firecracker[data-v-18c667b9]{top:20%;right:8%;animation-delay:1s}.decoration.fu[data-v-18c667b9]{bottom:15%;left:10%;animation-delay:2s}@keyframes float-18c667b9{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-content[data-v-18c667b9]{position:relative;z-index:1;max-width:1200px;margin:0 auto}.home-header[data-v-18c667b9]{text-align:center;margin-bottom:60px}.title[data-v-18c667b9]{font-size:48px;font-weight:800;color:gold;margin:0 0 16px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle[data-v-18c667b9]{font-size:20px;color:#fff;margin:0 0 20px;opacity:.9}.records-btn[data-v-18c667b9]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:2px solid #ffd700;border-radius:25px;background:#ffd7001a;color:gold;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.records-btn[data-v-18c667b9]:hover{background:#ffd70033;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.section-title[data-v-18c667b9]{font-size:28px;font-weight:700;color:gold;margin:0 0 24px;text-align:center}.mode-section[data-v-18c667b9]{margin-bottom:60px}.mode-cards[data-v-18c667b9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:900px;margin:0 auto}.mode-card[data-v-18c667b9]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid transparent;border-radius:20px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #00000026}.mode-card[data-v-18c667b9]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0003;border-color:gold}.mode-card.primary[data-v-18c667b9]{background:linear-gradient(135deg,gold,#ffb347);border-color:#ff6b6b}.mode-icon[data-v-18c667b9]{font-size:48px;margin-bottom:16px}.mode-title[data-v-18c667b9]{font-size:24px;font-weight:700;color:#8b0000;margin:0 0 8px}.mode-desc[data-v-18c667b9]{font-size:14px;color:#666;margin:0}.difficulty-section[data-v-18c667b9]{margin-bottom:60px}.difficulty-buttons[data-v-18c667b9]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.difficulty-btn[data-v-18c667b9]{display:flex;flex-direction:column;align-items:center;padding:20px 32px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;min-width:160px;box-shadow:0 4px 16px #0000001a}.difficulty-btn[data-v-18c667b9]:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.difficulty-btn.active[data-v-18c667b9]{border-color:gold;background:linear-gradient(135deg,#fff9f0,#fff5e6)}.difficulty-icon[data-v-18c667b9]{font-size:24px;margin-bottom:8px}.difficulty-text[data-v-18c667b9]{font-size:18px;font-weight:700;color:#8b0000;margin-bottom:4px}.difficulty-count[data-v-18c667b9]{font-size:12px;color:#666}.template-preview-section[data-v-18c667b9]{margin-bottom:40px}.template-grid[data-v-18c667b9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:900px;margin:0 auto}.template-card[data-v-18c667b9]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid transparent;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 16px #0000001a}.template-card[data-v-18c667b9]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #00000026;border-color:gold}.template-card.easy[data-v-18c667b9]{border-bottom:4px solid #28a745}.template-card.medium[data-v-18c667b9]{border-bottom:4px solid #ffc107}.template-card.hard[data-v-18c667b9]{border-bottom:4px solid #dc3545}.template-thumbnail[data-v-18c667b9]{font-size:48px;margin-bottom:12px}.template-info[data-v-18c667b9]{display:flex;flex-direction:column;gap:4px}.template-name[data-v-18c667b9]{font-size:16px;font-weight:700;color:#8b0000}.template-difficulty[data-v-18c667b9]{font-size:12px;color:#666}.canvas-container[data-v-58c01333]{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003;background:linear-gradient(135deg,#fff9f0,#fff5e6)}.canvas-layer[data-v-58c01333]{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}.template-layer[data-v-58c01333]{z-index:1}.drawing-layer[data-v-58c01333]{z-index:2;cursor:crosshair}.tool-panel[data-v-76c4889e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 4px 20px #0000001a}.brush-controls[data-v-76c4889e]{display:flex;align-items:center;gap:15px;margin-bottom:16px}.control-label[data-v-76c4889e]{font-size:14px;font-weight:600;color:#8b0000;white-space:nowrap}.brush-buttons[data-v-76c4889e]{display:flex;gap:10px;flex:1}.brush-btn[data-v-76c4889e]{flex:1;height:50px;border:2px solid #ffd700;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.brush-btn[data-v-76c4889e]:hover{border-color:#ff6b6b;transform:translateY(-2px)}.brush-btn.active[data-v-76c4889e]{border-color:#c41e3a;background:#fff5f5;box-shadow:0 2px 8px #c41e3a4d}.brush-dot[data-v-76c4889e]{background:#c41e3a;border-radius:50%}.action-buttons[data-v-76c4889e]{display:flex;gap:12px}.tool-btn[data-v-76c4889e]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,gold,#ffb347);color:#8b0000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffd7004d}.tool-btn[data-v-76c4889e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.tool-btn[data-v-76c4889e]:active:not(:disabled){transform:translateY(0)}.tool-btn[data-v-76c4889e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.template-preview[data-v-2a135a45]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.preview-header[data-v-2a135a45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-name[data-v-2a135a45]{font-size:18px;font-weight:700;color:#8b0000;margin:0}.difficulty-badge[data-v-2a135a45]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.difficulty-badge.easy[data-v-2a135a45]{background:#d4edda;color:#155724}.difficulty-badge.medium[data-v-2a135a45]{background:#fff3cd;color:#856404}.difficulty-badge.hard[data-v-2a135a45]{background:#f8d7da;color:#721c24}.preview-canvas[data-v-2a135a45]{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.preview-canvas canvas[data-v-2a135a45]{border-radius:8px;background:#fafafa;border:2px solid #e0e0e0}.preview-info[data-v-2a135a45]{display:flex;gap:20px}.info-item[data-v-2a135a45]{display:flex;flex-direction:column;align-items:center;flex:1}.info-label[data-v-2a135a45]{font-size:12px;color:#666;margin-bottom:4px}.info-value[data-v-2a135a45]{font-size:20px;font-weight:700;color:#c41e3a}.score-display[data-v-8d7c704d]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.score-main[data-v-8d7c704d]{text-align:center;margin-bottom:16px}.score-number[data-v-8d7c704d]{font-size:64px;font-weight:800;color:#c41e3a;line-height:1}.score-label[data-v-8d7c704d]{font-size:14px;color:#666;margin-top:4px}.stars[data-v-8d7c704d]{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.stars svg[data-v-8d7c704d]{fill:#e0e0e0;transition:all .3s ease}.stars svg.filled[data-v-8d7c704d]{fill:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.score-breakdown[data-v-8d7c704d]{display:flex;flex-direction:column;gap:12px}.breakdown-item[data-v-8d7c704d]{display:flex;align-items:center;gap:12px}.breakdown-label[data-v-8d7c704d]{width:80px;font-size:13px;color:#666;flex-shrink:0}.progress-bar[data-v-8d7c704d]{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-8d7c704d]{height:100%;background:linear-gradient(90deg,gold,#ff6b6b);border-radius:4px;transition:width .5s ease}.breakdown-value[data-v-8d7c704d]{width:50px;text-align:right;font-size:14px;font-weight:600;color:#8b0000}.modal-overlay[data-v-56728ca5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-56728ca5]{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-56728ca5 .3s ease}@keyframes modalSlideIn-56728ca5{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-56728ca5]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-title[data-v-56728ca5]{font-size:24px;font-weight:700;color:#8b0000;margin:0}.close-btn[data-v-56728ca5]{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-56728ca5]:hover{background:#e0e0e0}.modal-body[data-v-56728ca5]{padding:24px}.blessing-card[data-v-56728ca5]{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fff9f0,#fff5e6);border:2px solid #ffd700;border-radius:12px;text-align:center}.blessing-icon[data-v-56728ca5]{font-size:48px;margin-bottom:12px}.blessing-text[data-v-56728ca5]{font-size:18px;font-weight:600;color:#8b0000;margin:0;line-height:1.6}.action-buttons[data-v-56728ca5]{display:flex;gap:12px;margin-top:24px}.action-btn[data-v-56728ca5]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.primary[data-v-56728ca5]{background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff;box-shadow:0 4px 12px #c41e3a4d}.action-btn.primary[data-v-56728ca5]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66}.action-btn.secondary[data-v-56728ca5]{background:linear-gradient(135deg,gold,#ffb347);color:#8b0000;box-shadow:0 4px 12px #ffd7004d}.action-btn.secondary[data-v-56728ca5]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066}.game-container[data-v-f5b22a7c]{min-height:100vh;padding:20px}.game-header[data-v-f5b22a7c]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 16px #0000001a}.back-btn[data-v-f5b22a7c]{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #ffd700;border-radius:8px;background:#fff;color:#8b0000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn[data-v-f5b22a7c]:hover{background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 8px #ffd70033}.game-title[data-v-f5b22a7c]{font-size:24px;font-weight:700;color:#8b0000;margin:0;flex:1}.difficulty-badge[data-v-f5b22a7c]{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.difficulty-badge.easy[data-v-f5b22a7c]{background:#d4edda;color:#155724}.difficulty-badge.medium[data-v-f5b22a7c]{background:#fff3cd;color:#856404}.difficulty-badge.hard[data-v-f5b22a7c]{background:#f8d7da;color:#721c24}.game-content[data-v-f5b22a7c]{display:grid;grid-template-columns:1fr 320px;gap:24px;max-width:1400px;margin:0 auto}.canvas-section[data-v-f5b22a7c]{display:flex;flex-direction:column}.info-section[data-v-f5b22a7c]{display:flex;flex-direction:column;gap:20px}.progress-card[data-v-f5b22a7c],.action-card[data-v-f5b22a7c]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000001a}.card-title[data-v-f5b22a7c]{font-size:18px;font-weight:700;color:#8b0000;margin:0 0 16px}.progress-info[data-v-f5b22a7c]{display:flex;flex-direction:column;gap:12px}.progress-item[data-v-f5b22a7c]{display:flex;justify-content:space-between;align-items:center}.progress-label[data-v-f5b22a7c]{font-size:14px;color:#666}.progress-value[data-v-f5b22a7c]{font-size:18px;font-weight:700;color:#c41e3a}.progress-bar[data-v-f5b22a7c]{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-f5b22a7c]{height:100%;background:linear-gradient(90deg,gold,#ff6b6b);border-radius:4px;transition:width .3s ease}.complete-btn[data-v-f5b22a7c]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c41e3a4d}.complete-btn[data-v-f5b22a7c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66}.complete-btn[data-v-f5b22a7c]:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.game-content[data-v-f5b22a7c]{grid-template-columns:1fr}.info-section[data-v-f5b22a7c]{order:-1}}.drawing-thumbnail[data-v-11f2d48b]{display:inline-block}.thumbnail-canvas[data-v-11f2d48b]{border-radius:8px;background:#fafafa;border:2px solid #e0e0e0;cursor:pointer;transition:all .3s ease}.thumbnail-canvas[data-v-11f2d48b]:hover{border-color:gold;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.modal-overlay[data-v-95173e84]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-95173e84]{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-95173e84 .3s ease}@keyframes modalSlideIn-95173e84{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-95173e84]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-title[data-v-95173e84]{font-size:20px;font-weight:700;color:#8b0000;margin:0}.close-btn[data-v-95173e84]{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-95173e84]:hover{background:#e0e0e0}.modal-body[data-v-95173e84]{padding:24px;display:flex;justify-content:center;align-items:center}.drawing-canvas[data-v-95173e84]{border-radius:12px;background:#fafafa;border:2px solid #e0e0e0;max-width:100%;height:auto}.records-container[data-v-bebb5a71]{min-height:100vh;padding:20px;max-width:900px;margin:0 auto}.records-header[data-v-bebb5a71]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 16px #0000001a}.back-btn[data-v-bebb5a71],.clear-btn[data-v-bebb5a71]{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #ffd700;border-radius:8px;background:#fff;color:#8b0000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn[data-v-bebb5a71]:hover,.clear-btn[data-v-bebb5a71]:hover{background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 8px #ffd70033}.clear-btn[data-v-bebb5a71]{margin-left:auto;border-color:#ff6b6b}.clear-btn[data-v-bebb5a71]:hover{background:#fff5f5}.page-title[data-v-bebb5a71]{font-size:28px;font-weight:800;color:gold;margin:0;flex:1;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.empty-state[data-v-bebb5a71]{text-align:center;padding:80px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a}.empty-icon[data-v-bebb5a71]{font-size:80px;margin-bottom:24px}.empty-text[data-v-bebb5a71]{font-size:24px;font-weight:700;color:#8b0000;margin:0 0 8px}.empty-hint[data-v-bebb5a71]{font-size:16px;color:#666;margin:0 0 32px}.start-btn[data-v-bebb5a71]{padding:14px 40px;border:none;border-radius:12px;background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c41e3a4d}.start-btn[data-v-bebb5a71]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66}.stats-section[data-v-bebb5a71]{margin-bottom:32px}.stats-card[data-v-bebb5a71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-item[data-v-bebb5a71]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #0000001a}.stat-icon[data-v-bebb5a71]{font-size:32px}.stat-content[data-v-bebb5a71]{flex:1}.stat-value[data-v-bebb5a71]{font-size:28px;font-weight:800;color:#c41e3a;line-height:1;margin-bottom:4px}.stat-label[data-v-bebb5a71]{font-size:12px;color:#666}.stats-breakdown[data-v-bebb5a71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.breakdown-card[data-v-bebb5a71]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000001a}.breakdown-title[data-v-bebb5a71]{font-size:16px;font-weight:700;color:#8b0000;margin:0 0 16px}.breakdown-items[data-v-bebb5a71]{display:flex;flex-direction:column;gap:12px}.breakdown-item[data-v-bebb5a71]{display:flex;justify-content:space-between;align-items:center}.item-label[data-v-bebb5a71]{font-size:14px;color:#666}.item-value[data-v-bebb5a71]{font-size:18px;font-weight:700;color:#c41e3a}.section-title[data-v-bebb5a71]{font-size:24px;font-weight:700;color:gold;margin:0 0 20px;text-align:center}.records-list[data-v-bebb5a71]{display:flex;flex-direction:column;gap:16px}.record-card[data-v-bebb5a71]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.record-card[data-v-bebb5a71]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.record-header[data-v-bebb5a71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.record-template[data-v-bebb5a71]{display:flex;align-items:center;gap:12px}.template-name[data-v-bebb5a71]{font-size:18px;font-weight:700;color:#8b0000}.template-difficulty[data-v-bebb5a71]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.template-difficulty.easy[data-v-bebb5a71]{background:#d4edda;color:#155724}.template-difficulty.medium[data-v-bebb5a71]{background:#fff3cd;color:#856404}.template-difficulty.hard[data-v-bebb5a71]{background:#f8d7da;color:#721c24}.record-stars[data-v-bebb5a71]{display:flex;gap:4px}.record-stars svg[data-v-bebb5a71]{fill:#e0e0e0}.record-stars svg.filled[data-v-bebb5a71]{fill:gold}.record-body[data-v-bebb5a71]{display:flex;gap:24px;padding:16px;background:#fafafa;border-radius:12px;margin-bottom:12px}.score-display[data-v-bebb5a71]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.score-number[data-v-bebb5a71]{font-size:36px;font-weight:800;color:#c41e3a;line-height:1}.score-label[data-v-bebb5a71]{font-size:12px;color:#666;margin-top:4px}.record-details[data-v-bebb5a71]{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-item[data-v-bebb5a71]{display:flex;flex-direction:column;align-items:center}.detail-label[data-v-bebb5a71]{font-size:12px;color:#666;margin-bottom:4px}.detail-value[data-v-bebb5a71]{font-size:16px;font-weight:700;color:#8b0000}.record-footer[data-v-bebb5a71]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:2px solid #f0f0f0}.record-date[data-v-bebb5a71]{font-size:14px;color:#666}.record-mode[data-v-bebb5a71]{font-size:12px;color:#999}.drawing-preview[data-v-bebb5a71]{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fafafa;border-radius:12px;margin-bottom:16px}.drawing-hint[data-v-bebb5a71]{font-size:12px;color:#999;margin-top:8px}@media(max-width:768px){.records-header[data-v-bebb5a71]{flex-wrap:wrap}.page-title[data-v-bebb5a71]{width:100%;order:-1;margin-bottom:16px}.stats-card[data-v-bebb5a71],.record-details[data-v-bebb5a71]{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#c41e3a,#8b0000);min-height:100vh;color:#333}#app{width:100%;min-height:100vh}