.home-page[data-v-1d327541]{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-color);position:relative}.header[data-v-1d327541]{height:60px;background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:10}.header h1[data-v-1d327541]{font-size:18px;font-weight:600;letter-spacing:1px}.content[data-v-1d327541]{flex:1;overflow-y:auto;padding:16px 16px 80px}.alert-banner[data-v-1d327541]{background:linear-gradient(to right,#4338cae6,#6366f1e6);color:#fff;padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;font-size:14px;margin-bottom:20px;box-shadow:0 4px 12px #4338ca33;cursor:pointer;transition:transform .2s}.alert-banner[data-v-1d327541]:active{transform:scale(.98)}.alert-banner .icon[data-v-1d327541]{margin-right:8px;font-size:18px}.alert-banner .link-text[data-v-1d327541]{text-decoration:underline;font-weight:600}.main-actions[data-v-1d327541]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.action-card[data-v-1d327541]{padding:20px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;position:relative;overflow:hidden}.action-card[data-v-1d327541]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#ffffff1a,#fff0);pointer-events:none}.action-card[data-v-1d327541]:active{transform:scale(.98)}.card-title[data-v-1d327541]{font-size:18px;font-weight:600;margin-bottom:6px}.card-desc[data-v-1d327541]{font-size:13px;opacity:.9}.action-card.multi[data-v-1d327541]{background:linear-gradient(135deg,#4f46e5,#818cf8)}.action-card.single[data-v-1d327541]{background:linear-gradient(135deg,#4338ca,#6366f1)}.tools-list[data-v-1d327541]{display:flex;flex-direction:column;gap:10px;background:var(--card-bg);padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tool-btn[data-v-1d327541]{background:#fff;border:1px solid var(--border-color);padding:14px;border-radius:var(--radius-md);color:var(--text-main);font-size:15px;font-weight:500;transition:all .2s;text-align:center;cursor:pointer}.tool-btn.dice-tool[data-v-1d327541]{border-color:#d6b468;background:linear-gradient(135deg,#fff7db,#fff);color:#7c3f12;display:flex;align-items:center;justify-content:center;gap:8px}.tool-icon[data-v-1d327541]{font-size:18px;line-height:1}.tool-btn[data-v-1d327541]:hover{background:#f9fafb}.tool-btn[data-v-1d327541]:active{background:#f3f4f6;transform:scale(.98)}.bottom-nav[data-v-1d327541]{position:absolute;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #00000005;z-index:10}.nav-item[data-v-1d327541]{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);cursor:pointer;padding:8px 24px;transition:color .2s}.nav-item.active[data-v-1d327541]{color:var(--primary-color)}.nav-icon[data-v-1d327541]{font-size:20px;margin-bottom:4px}.nav-text[data-v-1d327541]{font-size:12px;font-weight:500}.modal-overlay[data-v-1d327541]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content[data-v-1d327541]{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-header[data-v-1d327541]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-1d327541]{font-size:18px;font-weight:600;margin:0}.close-btn[data-v-1d327541]{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer}.modal-body[data-v-1d327541]{flex:1;overflow-y:auto;padding:16px;background:#f3f4f6}.stats-page[data-v-1d327541]{background:#f3f4f6}.stats-card[data-v-1d327541]{border:1px solid var(--border-color);border-radius:8px;background:#fff;margin-bottom:12px;overflow:hidden}.annual-card[data-v-1d327541]{display:flex;align-items:stretch}.year-label[data-v-1d327541]{width:25%;padding:12px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e2e8f0;color:#4c1d95;font-weight:700;background:#f5f3ff}.arrow-down[data-v-1d327541]{font-size:10px;margin-left:4px}.stats-grid[data-v-1d327541]{width:75%;display:flex;justify-content:space-around;padding:12px;text-align:center}.stat-col[data-v-1d327541]{flex:1;border-right:1px solid #e2e8f0}.stat-col[data-v-1d327541]:last-child{border-right:none}.stat-title[data-v-1d327541]{font-size:11px;color:#9ca3af;margin-bottom:4px}.stat-value[data-v-1d327541]{color:#5b21b6;font-weight:700;font-size:14px}.month-card[data-v-1d327541]{padding:12px 16px}.month-label[data-v-1d327541]{color:#5b21b6;font-weight:700;margin-bottom:8px}.month-row[data-v-1d327541]{display:flex;justify-content:space-between;color:#6d28d9;font-size:14px;border-top:1px solid #f5f3ff;padding-top:8px}.stats-footer[data-v-1d327541]{text-align:center;font-size:12px;color:#6b7280;margin-top:24px}.history-page[data-v-1d327541]{background:#f3f4f6}.history-list[data-v-1d327541]{display:flex;flex-direction:column;gap:10px}.history-item[data-v-1d327541]{background:#fff;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s;border:1px solid var(--border-color)}.history-item[data-v-1d327541]:active{transform:scale(.98)}.item-left[data-v-1d327541]{display:flex;flex-direction:column;gap:6px}.room-info[data-v-1d327541]{display:flex;align-items:center;gap:8px}.room-no[data-v-1d327541]{font-weight:700;color:var(--text-main);font-size:16px}.mode-tag[data-v-1d327541]{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.mode-tag.single[data-v-1d327541]{background:#eff6ff;color:#2563eb}.mode-tag.multi[data-v-1d327541]{background:#ecfdf5;color:#059669}.room-time[data-v-1d327541]{font-size:12px;color:var(--text-muted)}.item-right[data-v-1d327541]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.my-score[data-v-1d327541]{font-size:18px;font-weight:700}.status-tag[data-v-1d327541]{font-size:11px;padding:2px 6px;border-radius:4px}.status-tag.active[data-v-1d327541]{background:#fffbeb;color:#d97706}.status-tag.settled[data-v-1d327541]{background:#f3f4f6;color:#6b7280}.text-success[data-v-1d327541]{color:#10b981!important}.text-danger[data-v-1d327541]{color:#ef4444!important}.text-muted[data-v-1d327541]{color:#9ca3af!important}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}