[data-v-ce37018e]:root{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-card: #ffffff;--color-bg-hover: #f1f3f4;--color-bg-modal: rgba(0, 0, 0, .5);--color-text-primary: #1a1a2e;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--color-border: #e9ecef;--color-border-light: #f1f3f4;--color-accent: #2563eb;--color-accent-rgb: 37, 99, 235;--color-accent-secondary: #0ea5e9;--color-accent-secondary-rgb: 14, 165, 233;--color-accent-hover: #1d4ed8;--color-accent-light: rgba(37, 99, 235, .12);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--accent-gradient-hover: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .92)), linear-gradient(140deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .05) 52%, rgba(255, 255, 255, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(239, 246, 255, .95)), linear-gradient(140deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .07) 52%, rgba(255, 255, 255, 0));--accent-surface: rgba(239, 246, 255, .9);--accent-surface-strong: rgba(219, 234, 254, .92);--accent-border: rgba(96, 165, 250, .18);--accent-border-strong: rgba(37, 99, 235, .24);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .18);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #dbeafe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(96, 165, 250, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .18), transparent 24%), linear-gradient(180deg, #f7fbff 0%, #eef4ff 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12), 0 16px 48px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--header-height: 72px;--grid-gap: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark][data-v-ce37018e]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-card: #1e1e32;--color-bg-hover: #2a2a42;--color-bg-modal: rgba(0, 0, 0, .75);--color-text-primary: #f8f9fa;--color-text-secondary: #a0a0b0;--color-text-muted: #6c6c7c;--color-border: #2a2a42;--color-border-light: #3a3a52;--color-accent: #60a5fa;--color-accent-rgb: 96, 165, 250;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-accent-hover: #93c5fd;--color-accent-light: rgba(96, 165, 250, .18);--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-hover: linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(10, 19, 34, .9), rgba(10, 19, 34, .84)), linear-gradient(140deg, rgba(96, 165, 250, .14), rgba(14, 165, 233, .08) 52%, rgba(2, 6, 23, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(13, 24, 42, .94), rgba(10, 19, 34, .88)), linear-gradient(140deg, rgba(96, 165, 250, .18), rgba(14, 165, 233, .1) 52%, rgba(2, 6, 23, 0));--accent-surface: rgba(10, 19, 34, .9);--accent-surface-strong: rgba(30, 64, 175, .24);--accent-border: rgba(96, 165, 250, .24);--accent-border-strong: rgba(96, 165, 250, .22);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .22);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #e0f2fe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(59, 130, 246, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .16), transparent 24%), linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(7, 13, 24, .98));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .35), 0 16px 48px rgba(0, 0, 0, .3)}.loading-spinner[data-v-ce37018e]{display:flex;align-items:center;justify-content:center}.loading-spinner.size-sm .spinner[data-v-ce37018e]{width:20px;height:20px;border-width:2px}.loading-spinner.size-md .spinner[data-v-ce37018e]{width:32px;height:32px;border-width:3px}.loading-spinner.size-lg .spinner[data-v-ce37018e]{width:48px;height:48px;border-width:4px}.spinner[data-v-ce37018e]{border-radius:50%;border-style:solid;border-color:var(--color-border);border-top-color:var(--color-accent);animation:spin-ce37018e .8s linear infinite}@keyframes spin-ce37018e{to{transform:rotate(360deg)}}[data-v-657b86eb]:root{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-card: #ffffff;--color-bg-hover: #f1f3f4;--color-bg-modal: rgba(0, 0, 0, .5);--color-text-primary: #1a1a2e;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--color-border: #e9ecef;--color-border-light: #f1f3f4;--color-accent: #2563eb;--color-accent-rgb: 37, 99, 235;--color-accent-secondary: #0ea5e9;--color-accent-secondary-rgb: 14, 165, 233;--color-accent-hover: #1d4ed8;--color-accent-light: rgba(37, 99, 235, .12);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--accent-gradient-hover: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .92)), linear-gradient(140deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .05) 52%, rgba(255, 255, 255, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(239, 246, 255, .95)), linear-gradient(140deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .07) 52%, rgba(255, 255, 255, 0));--accent-surface: rgba(239, 246, 255, .9);--accent-surface-strong: rgba(219, 234, 254, .92);--accent-border: rgba(96, 165, 250, .18);--accent-border-strong: rgba(37, 99, 235, .24);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .18);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #dbeafe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(96, 165, 250, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .18), transparent 24%), linear-gradient(180deg, #f7fbff 0%, #eef4ff 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12), 0 16px 48px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--header-height: 72px;--grid-gap: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark][data-v-657b86eb]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-card: #1e1e32;--color-bg-hover: #2a2a42;--color-bg-modal: rgba(0, 0, 0, .75);--color-text-primary: #f8f9fa;--color-text-secondary: #a0a0b0;--color-text-muted: #6c6c7c;--color-border: #2a2a42;--color-border-light: #3a3a52;--color-accent: #60a5fa;--color-accent-rgb: 96, 165, 250;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-accent-hover: #93c5fd;--color-accent-light: rgba(96, 165, 250, .18);--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-hover: linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(10, 19, 34, .9), rgba(10, 19, 34, .84)), linear-gradient(140deg, rgba(96, 165, 250, .14), rgba(14, 165, 233, .08) 52%, rgba(2, 6, 23, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(13, 24, 42, .94), rgba(10, 19, 34, .88)), linear-gradient(140deg, rgba(96, 165, 250, .18), rgba(14, 165, 233, .1) 52%, rgba(2, 6, 23, 0));--accent-surface: rgba(10, 19, 34, .9);--accent-surface-strong: rgba(30, 64, 175, .24);--accent-border: rgba(96, 165, 250, .24);--accent-border-strong: rgba(96, 165, 250, .22);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .22);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #e0f2fe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(59, 130, 246, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .16), transparent 24%), linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(7, 13, 24, .98));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .35), 0 16px 48px rgba(0, 0, 0, .3)}.card-actions[data-v-657b86eb]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.action-btn[data-v-657b86eb]{display:flex;align-items:center;justify-content:space-between;position:relative;min-width:118px;height:44px;padding:0 14px;border:1px solid rgba(148,163,184,.18);border-radius:16px;cursor:pointer;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f1f5f9e0);color:#475569;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #94a3b81f;transition:transform .18s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.action-btn[data-v-657b86eb]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.44),transparent 60%);pointer-events:none}.action-btn .action-btn__content[data-v-657b86eb]{display:inline-flex;align-items:center;gap:9px;min-width:0;position:relative;z-index:1}.action-btn .action-btn__icon[data-v-657b86eb]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),filter .22s ease}.action-btn .action-btn__icon.is-hidden[data-v-657b86eb]{opacity:0;transform:scale(.82)}.action-btn .action-btn__icon.is-settling[data-v-657b86eb]{opacity:.92;transform:scale(1.04);filter:saturate(1.08)}.action-btn .action-btn__label[data-v-657b86eb]{font-size:13px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.action-btn svg[data-v-657b86eb]{width:16px;height:16px;transition:transform .2s ease}.action-btn .action-btn__lottie[data-v-657b86eb]{position:absolute;inset:-14px;z-index:2;pointer-events:none;transform:scale(1.34);transform-origin:center;filter:drop-shadow(0 10px 20px rgba(15,23,42,.18))}.action-btn .action-btn__count[data-v-657b86eb]{position:relative;z-index:1;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffe6;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:-.01em}.action-btn[data-v-657b86eb]:hover{transform:translateY(-1px);background:linear-gradient(180deg,#fffffffa,#f8fafceb);border-color:#60a5fa3d;color:#1e293b;box-shadow:inset 0 1px #ffffffdb,0 14px 28px #94a3b829}.action-btn[data-v-657b86eb]:active{transform:scale(.98)}.action-btn.is-unauth[data-v-657b86eb]:active{animation:shake-657b86eb .4s ease}.action-btn--collect.is-active[data-v-657b86eb]{color:#d97706;background:linear-gradient(180deg,#fffbebfa,#fff7edeb);border-color:#f59e0b38;box-shadow:inset 0 1px #ffffffd6,0 14px 28px #f59e0b1f}.action-btn--collect.is-active[data-v-657b86eb]:hover{background:linear-gradient(180deg,#fff7edfa,#ffedd5f0);color:#b45309}.action-btn--collect.is-active .action-btn__count[data-v-657b86eb]{background:#ffffffd1;color:#b45309}.action-btn--like.is-active[data-v-657b86eb]{color:#e11d48;background:linear-gradient(180deg,#fff1f2fa,#ffe4e6eb);border-color:#f43f5e38;box-shadow:inset 0 1px #ffffffd6,0 14px 28px #f43f5e1f}.action-btn--like.is-active[data-v-657b86eb]:hover{background:linear-gradient(180deg,#ffe4e6fa,#ffcdd7f0);color:#be123c}.action-btn--like.is-active .action-btn__count[data-v-657b86eb]{background:#ffffffd1;color:#be123c}.card-actions--compact .action-btn[data-v-657b86eb]{min-width:44px;width:44px;height:44px;padding:0;border:none;border-radius:999px;justify-content:center;overflow:visible;background:transparent;color:#e2e8f0b3;box-shadow:none}.card-actions--compact .action-btn[data-v-657b86eb]:before{display:none}.card-actions--compact .action-btn.has-count[data-v-657b86eb]{width:auto;min-width:44px;padding:0 10px 0 0}.card-actions--compact .action-btn svg[data-v-657b86eb]{width:24px;height:24px;fill:transparent;stroke:currentColor;transition:fill .18s ease,stroke .18s ease,transform .18s ease}.card-actions--compact .action-btn .action-btn__label[data-v-657b86eb]{display:none}.card-actions--compact .action-btn .action-btn__content[data-v-657b86eb]{gap:0}.card-actions--compact .action-btn .action-btn__icon[data-v-657b86eb]{width:24px;height:24px}.card-actions--compact .action-btn .action-btn__count[data-v-657b86eb]{min-width:20px;height:20px;padding:0 6px;margin-left:8px;font-size:10px;background:#0f172ab8;color:#ffffffeb;box-shadow:inset 0 1px #ffffff14}.card-actions--compact .action-btn .action-btn__lottie[data-v-657b86eb]{inset:-28px;transform:scale(1.82)}.card-actions--compact .action-btn[data-v-657b86eb]:hover{background:transparent;color:#f8fafcf5;box-shadow:none}.card-actions--compact .action-btn.action-btn--collect.is-active[data-v-657b86eb]{background:transparent;color:#f4c845;box-shadow:none;filter:drop-shadow(0 0 10px rgba(244,200,69,.18))}.card-actions--compact .action-btn.action-btn--collect.is-active .action-btn__icon svg[data-v-657b86eb]{fill:currentColor;stroke:currentColor;transform:scale(1.04)}.card-actions--compact .action-btn.action-btn--collect.is-active[data-v-657b86eb]:hover{background:transparent;color:#f4c845}.card-actions--compact .action-btn.action-btn--collect.is-active .action-btn__count[data-v-657b86eb]{background:#f4c84529;color:#f4c845}.card-actions--compact .action-btn.action-btn--like.is-active[data-v-657b86eb]{background:transparent;color:#eb474c;box-shadow:none;filter:drop-shadow(0 0 10px rgba(235,71,76,.18))}.card-actions--compact .action-btn.action-btn--like.is-active .action-btn__icon svg[data-v-657b86eb]{fill:currentColor;stroke:currentColor;transform:scale(1.04)}.card-actions--compact .action-btn.action-btn--like.is-active[data-v-657b86eb]:hover{background:transparent;color:#eb474c}.card-actions--compact .action-btn.action-btn--like.is-active .action-btn__count[data-v-657b86eb]{background:#eb474c29;color:#eb474c}@keyframes shake-657b86eb{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}