.wheel-page[data-v-22dff1af]{max-width:1100px;margin:0 auto;padding:36px 24px 56px;display:flex;flex-direction:column;gap:28px;--wc-1: #9d8cf5;--wc-2: #f4a98c;--wc-3: #f4cc66;--wc-4: #7fb8ef;--wc-5: #79c9a8;--wc-6: #eb9cc6}html.dark .wheel-page[data-v-22dff1af]{--wc-1: #b6a9f8;--wc-2: #f6bda6;--wc-3: #f6d98a;--wc-4: #97c6f5;--wc-5: #90d9be;--wc-6: #f0aecf}.page-head[data-v-22dff1af]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.head-left[data-v-22dff1af]{min-width:0}.page-title[data-v-22dff1af]{font-family:var(--font-hand);font-size:2rem;font-weight:700;color:var(--text);letter-spacing:1px;display:flex;align-items:center;gap:12px}.title-spark[data-v-22dff1af]{display:flex;align-items:flex-start;gap:4px;padding-top:4px}.title-spark i[data-v-22dff1af]{display:block;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle-22dff1af 2.6s ease-in-out infinite}.title-spark .s1[data-v-22dff1af]{width:18px;height:18px;background:#f6c14b}.title-spark .s2[data-v-22dff1af]{width:10px;height:10px;background:#b3a8f8;margin-top:-8px;animation-delay:1.3s}@keyframes twinkle-22dff1af{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72) rotate(18deg);opacity:.65}}.page-sub[data-v-22dff1af]{margin-top:8px;font-size:.85rem;color:var(--text-3)}@media (max-width: 640px){.page-title[data-v-22dff1af]{font-size:1.5rem}}.wheel-main[data-v-22dff1af]{display:grid;grid-template-columns:440px 1fr;gap:24px;align-items:flex-start}.wheel-left[data-v-22dff1af]{display:flex;flex-direction:column;align-items:center;gap:18px}.wheel-card[data-v-22dff1af]{position:relative;width:440px;height:440px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--card-bg, #fff);border:1px solid var(--border, #e2e8f0);box-shadow:0 12px 36px #0f172a14}html.dark .wheel-card[data-v-22dff1af]{background:var(--card-bg, #1e293b);border-color:var(--border, #334155);box-shadow:0 12px 36px #00000059}.wheel-svg[data-v-22dff1af]{width:420px;height:420px;border-radius:50%;transition:transform 5s cubic-bezier(.17,.67,.2,1);transform-origin:50% 50%;filter:drop-shadow(0 8px 20px rgba(15,23,42,.08))}.wheel-pointer[data-v-22dff1af]{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:52px;height:52px;z-index:5;display:flex;align-items:center;justify-content:center}.wheel-pointer i[data-v-22dff1af]{font-size:2.4rem;color:#ef4444;text-shadow:0 3px 10px rgba(239,68,68,.35);filter:drop-shadow(0 2px 3px rgba(15,23,42,.2))}.hub-click[data-v-22dff1af]{cursor:pointer;transition:filter .2s ease,transform .2s ease}.hub-click[data-v-22dff1af]:hover{filter:drop-shadow(0 0 8px var(--accent-soft)) drop-shadow(0 0 2px var(--accent-soft))}.hub-click[data-v-22dff1af]:active{transform:scale(.96);transform-origin:center}.wheel-text[data-v-22dff1af]{font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.wheel-text-sub[data-v-22dff1af]{font-size:10px;font-weight:500;opacity:.75}.result-banner[data-v-22dff1af]{width:420px;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:var(--accent);color:#fff;font-weight:600;font-size:.96rem;box-shadow:0 8px 24px var(--accent-soft);border:1px solid var(--border)}.result-banner i[data-v-22dff1af]{font-size:1.1rem}.result-banner strong[data-v-22dff1af]{font-size:1rem;padding:1px 8px;border-radius:8px;background:#ffffff47;margin:0 2px}.pop-enter-active[data-v-22dff1af],.pop-leave-active[data-v-22dff1af]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.pop-enter-from[data-v-22dff1af],.pop-leave-to[data-v-22dff1af]{opacity:0;transform:translateY(-10px) scale(.96)}.wheel-actions[data-v-22dff1af]{display:flex;gap:12px;align-items:center}.spin-btn[data-v-22dff1af]{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;border:none;cursor:pointer;font-size:.96rem;font-weight:600;color:#fff;background:var(--accent);box-shadow:0 8px 20px var(--accent-soft);transition:all .2s ease;font-family:inherit}.spin-btn[data-v-22dff1af]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px var(--accent-soft)}.spin-btn[data-v-22dff1af]:active:not(:disabled){transform:translateY(0)}.spin-btn[data-v-22dff1af]:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(20%)}.wheel-right[data-v-22dff1af]{display:flex;flex-direction:column;gap:18px;min-width:0}.options-card[data-v-22dff1af],.stats-card[data-v-22dff1af]{background:var(--card-bg, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0f172a0d}html.dark .options-card[data-v-22dff1af],html.dark .stats-card[data-v-22dff1af]{background:var(--card-bg, #1e293b);border-color:var(--border, #334155);box-shadow:0 4px 16px #0000004d}.options-head[data-v-22dff1af],.stats-head[data-v-22dff1af]{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text, #0f172a);font-size:1rem}html.dark .options-head[data-v-22dff1af],html.dark .stats-head[data-v-22dff1af]{color:var(--text, #f1f5f9)}.options-head>i[data-v-22dff1af]:first-child,.stats-head>i[data-v-22dff1af]:first-child{color:var(--accent)}.head-actions[data-v-22dff1af]{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:500}.head-hint[data-v-22dff1af]{font-size:.72rem;color:var(--text-secondary, #94a3b8);opacity:.9;white-space:nowrap}html.dark .head-hint[data-v-22dff1af]{color:var(--text-secondary, #64748b)}.options-clear[data-v-22dff1af],.stats-clear[data-v-22dff1af]{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .2s}.options-clear i[data-v-22dff1af],.stats-clear i[data-v-22dff1af]{font-size:.88rem}.options-clear[data-v-22dff1af]:hover,.stats-clear[data-v-22dff1af]:hover{color:#ef4444;background:#ef444414}.options-tip[data-v-22dff1af]{font-size:.78rem;color:var(--text-secondary, #64748b);padding:8px 12px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;gap:6px;line-height:1.5}.options-tip em[data-v-22dff1af]{color:var(--accent);font-style:normal;font-weight:600}.options-tip em.tip-hot[data-v-22dff1af]{color:#ef4444;font-weight:700;padding:0 2px}html.dark .options-tip[data-v-22dff1af]{color:var(--text-secondary, #94a3b8)}.options-list[data-v-22dff1af]{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:4px}.options-list[data-v-22dff1af]::-webkit-scrollbar{width:5px}.options-list[data-v-22dff1af]::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.option-row[data-v-22dff1af]{display:grid;grid-template-columns:12px 1fr 120px 32px;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#94a3b80f;transition:background .2s}.option-row[data-v-22dff1af]:hover{background:var(--accent-soft)}.option-color[data-v-22dff1af]{width:12px;height:36px;border-radius:6px}.option-input[data-v-22dff1af]{border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);color:var(--text, #0f172a);padding:7px 10px;border-radius:8px;font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}html.dark .option-input[data-v-22dff1af]{border-color:var(--border, #334155);background:#0f172a;color:var(--text, #f1f5f9)}.option-input[data-v-22dff1af]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.option-input.weight[data-v-22dff1af]{width:64px;text-align:center}.weight-wrap[data-v-22dff1af]{display:flex;align-items:center;gap:6px}.weight-pct[data-v-22dff1af]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);background:#94a3b824;padding:2px 6px;border-radius:6px;white-space:nowrap}html.dark .weight-pct[data-v-22dff1af]{color:var(--text-secondary, #94a3b8)}.row-btn[data-v-22dff1af]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:500;font-family:inherit;transition:all .2s}.row-btn.del[data-v-22dff1af]{width:32px;height:32px;color:#ef4444;background:#ef444414}.row-btn.del[data-v-22dff1af]:hover:not(:disabled){background:#ef44442e;transform:scale(1.04)}.row-btn.del[data-v-22dff1af]:disabled{opacity:.4;cursor:not-allowed}.row-btn.add[data-v-22dff1af]{color:#10b981;background:#10b9811a}.row-btn.add[data-v-22dff1af]:hover{background:#10b98133}.row-btn.equal[data-v-22dff1af]{color:var(--accent);background:var(--accent-soft)}.row-btn.equal[data-v-22dff1af]:hover{background:var(--accent-soft)}.row-btn.presets[data-v-22dff1af]{color:#f59e0b;background:#f59e0b1a}.row-btn.presets[data-v-22dff1af]:hover{background:#f59e0b33}.options-foot[data-v-22dff1af]{display:flex;flex-wrap:wrap;gap:8px}.presets[data-v-22dff1af]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding-top:6px}.preset-item[data-v-22dff1af]{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;border:1px dashed var(--border, #cbd5e1);background:transparent;color:var(--text, #0f172a);cursor:pointer;font-size:.82rem;font-weight:500;font-family:inherit;transition:all .2s}html.dark .preset-item[data-v-22dff1af]{border-color:var(--border, #475569);color:var(--text, #f1f5f9)}.preset-item[data-v-22dff1af]:hover{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.slide-enter-active[data-v-22dff1af],.slide-leave-active[data-v-22dff1af]{transition:all .3s ease}.slide-enter-from[data-v-22dff1af],.slide-leave-to[data-v-22dff1af]{opacity:0;transform:translateY(-4px)}.stats-head[data-v-22dff1af]{justify-content:flex-start}.stats-empty[data-v-22dff1af]{padding:28px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary, #94a3b8);font-size:.85rem}.stats-empty i[data-v-22dff1af]{font-size:1.6rem;opacity:.5}.stats-bars[data-v-22dff1af]{display:flex;flex-direction:column;gap:8px}.stats-row[data-v-22dff1af]{display:flex;flex-direction:column;gap:4px}.stats-info[data-v-22dff1af]{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.stats-label[data-v-22dff1af]{font-weight:600;color:var(--text, #0f172a)}html.dark .stats-label[data-v-22dff1af]{color:var(--text, #f1f5f9)}.stats-count[data-v-22dff1af]{color:var(--text-secondary, #64748b);font-size:.76rem}html.dark .stats-count[data-v-22dff1af]{color:var(--text-secondary, #94a3b8)}.stats-bar-track[data-v-22dff1af]{width:100%;height:8px;background:#94a3b826;border-radius:4px;overflow:hidden}.stats-bar-fill[data-v-22dff1af]{height:100%;border-radius:4px;transition:width .4s ease}.stats-total-text[data-v-22dff1af]{margin-top:6px;padding:8px 12px;border-radius:10px;background:var(--accent-soft);font-size:.8rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}html.dark .stats-total-text[data-v-22dff1af]{color:var(--text-secondary, #94a3b8)}.stats-total-text strong[data-v-22dff1af]{color:var(--accent)}.head-actions .nav-btn[data-v-22dff1af]{padding:8px 14px;font-size:.82rem}.nav-btn[data-v-22dff1af]{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--card-bg, #fff);color:var(--text, #1e293b);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;font-family:inherit}html.dark .nav-btn[data-v-22dff1af]{border-color:var(--border, #334155);background:var(--card-bg, #1e293b);color:var(--text, #f1f5f9)}.nav-btn i[data-v-22dff1af]{color:var(--accent)}.nav-btn[data-v-22dff1af]:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent);box-shadow:0 6px 18px var(--accent-soft)}.custom-toast[data-v-22dff1af]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:14px;font-size:.88rem;font-weight:600;color:#fff;box-shadow:0 16px 44px #0f172a47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:min(480px,86vw);line-height:1.55}.custom-toast i[data-v-22dff1af]{font-size:1.1rem;flex-shrink:0}.custom-toast.success[data-v-22dff1af]{background:#10b981f5}.custom-toast.error[data-v-22dff1af]{background:#ef4444f5}.custom-toast.info[data-v-22dff1af]{background:var(--accent)}.toast-fade-enter-active[data-v-22dff1af],.toast-fade-leave-active[data-v-22dff1af]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toast-fade-enter-from[data-v-22dff1af]{opacity:0;transform:translate(-50%,-42%) scale(.92)}.toast-fade-leave-to[data-v-22dff1af]{opacity:0;transform:translate(-50%,-58%) scale(.96)}.modal-mask[data-v-22dff1af]{position:fixed;inset:0;z-index:8888;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card[data-v-22dff1af]{width:100%;max-width:420px;background:var(--card-bg, #fff);border:1px solid var(--border, #e2e8f0);border-radius:18px;box-shadow:0 22px 60px #0f172a47;padding:26px 26px 22px;box-sizing:border-box}html.dark .modal-card[data-v-22dff1af]{background:var(--card-bg, #1e293b);border-color:var(--border, #334155)}.modal-icon[data-v-22dff1af]{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#f9731624}.modal-icon i[data-v-22dff1af]{font-size:1.5rem;color:#f97316}.modal-title[data-v-22dff1af]{text-align:center;font-size:1.12rem;font-weight:700;color:var(--text, #0f172a);margin-bottom:10px}html.dark .modal-title[data-v-22dff1af]{color:var(--text, #f1f5f9)}.modal-desc[data-v-22dff1af]{text-align:center;font-size:.88rem;color:var(--text-secondary, #64748b);line-height:1.7;margin-bottom:22px}.modal-desc strong[data-v-22dff1af]{color:#ef4444}html.dark .modal-desc[data-v-22dff1af]{color:var(--text-secondary, #94a3b8)}.modal-actions[data-v-22dff1af]{display:flex;gap:10px}.modal-btn[data-v-22dff1af]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;border:none;cursor:pointer;font-size:.88rem;font-weight:600;font-family:inherit;transition:all .2s ease}.modal-btn.cancel[data-v-22dff1af]{background:#94a3b81f;color:var(--text, #475569)}html.dark .modal-btn.cancel[data-v-22dff1af]{color:var(--text, #cbd5e1)}.modal-btn.cancel[data-v-22dff1af]:hover{background:#94a3b838;transform:translateY(-1px)}.modal-btn.confirm[data-v-22dff1af]{background:#ef4444;color:#fff;box-shadow:0 8px 20px #ef444447}.modal-btn.confirm[data-v-22dff1af]:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px #ef44445c}.modal-fade-enter-active[data-v-22dff1af],.modal-fade-leave-active[data-v-22dff1af]{transition:all .25s ease}.modal-fade-enter-from[data-v-22dff1af],.modal-fade-leave-to[data-v-22dff1af]{opacity:0}.modal-fade-enter-from .modal-card[data-v-22dff1af],.modal-fade-leave-to .modal-card[data-v-22dff1af]{transform:translateY(10px) scale(.96);opacity:0}.modal-fade-enter-active .modal-card[data-v-22dff1af],.modal-fade-leave-active .modal-card[data-v-22dff1af]{transition:all .28s cubic-bezier(.34,1.56,.64,1)}
