:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--text-main: #111827;--text-secondary: #4b5563;--bg-light: #f9fafb;--bg-dark: #111827;--card-radius-mobile: 24px;--card-radius-pc: 24px;--card-radius: var(--card-radius-mobile);--card-bg: #ffffff;--card-bg-expired: #f9fafb;--card-border: rgba(243, 244, 246, .5)}@media (min-width: 640px){:root{--card-radius: var(--card-radius-pc)}}body{margin:0;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,system-ui,-apple-system,sans-serif;background-color:var(--bg-light);color:var(--text-main);transition:background-color .3s,color .3s}:root.dark{--text-main: #f3f4f6;--text-secondary: #d1d5db;--card-bg: #1f2937;--card-bg-expired: #111827;--card-border: rgba(55, 65, 81, .5);--color-pink: #f472b6;--color-blue: #60a5fa;--color-muted: #9ca3af}:root.dark body{background-color:var(--bg-dark)}*,*:before,*:after{box-sizing:border-box}button{cursor:pointer;font-family:inherit;border:none;background:none;padding:0}.home-container[data-v-6553b730]{max-width:72rem;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;gap:2.5rem}.overview-card[data-v-6553b730]{background:linear-gradient(to right,#2563eb,#9333ea);padding:2.5rem;border-radius:1.5rem;color:#fff;box-shadow:0 10px 25px -5px #2563eb66}.welcome-title[data-v-6553b730]{font-size:2rem;font-weight:400;margin:0 0 .5rem}.welcome-subtitle[data-v-6553b730]{font-size:1rem;opacity:.9;margin:0}.ad-section[data-v-6553b730]{width:100%}.ad-placeholder[data-v-6553b730]{width:100%;min-height:160px;background-color:#f3f4f6;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem;font-weight:500;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000000d}.ad-image[data-v-6553b730]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ad-placeholder:hover .ad-image[data-v-6553b730]{transform:scale(1.05)}.ad-overlay[data-v-6553b730]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}.ad-placeholder:hover .ad-overlay[data-v-6553b730]{opacity:1}.dark{background-color:#1f2937;color:#6b7280}.section-title[data-v-6553b730]{font-size:1.5rem;font-weight:400;color:var(--text-main);margin:0 0 1.5rem}.tools-grid[data-v-6553b730]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tool-card[data-v-6553b730]{background-color:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;text-decoration:none;color:inherit;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.dark{background-color:#1f2937;border-color:#374151}.tool-card[data-v-6553b730]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#2563eb}.tool-icon[data-v-6553b730]{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background-color:#eff6ff;color:#2563eb;flex-shrink:0}.dark{background-color:#2563eb33;color:#60a5fa}.english-icon[data-v-6553b730]{background-color:#fff7ed;color:#ea580c}.dark{background-color:#ea580c33;color:#fb923c}.photo-icon[data-v-6553b730]{background-color:#fce7f3;color:#db2777}.dark{background-color:#db277733;color:#f472b6}.tool-info[data-v-6553b730]{flex:1}.tool-name[data-v-6553b730]{font-size:1.125rem;font-weight:400;margin:0 0 .25rem;color:var(--text-main)}.tool-desc[data-v-6553b730]{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.placeholder-tool[data-v-6553b730]{opacity:.6;cursor:default}.placeholder-tool[data-v-6553b730]:hover{transform:none;box-shadow:0 4px 6px -1px #0000000d;border-color:#e5e7eb}.placeholder-tool .tool-icon[data-v-6553b730]{background-color:#f3f4f6;color:#9ca3af}.dark{background-color:#374151;color:#6b7280}@media (max-width: 640px){.home-container[data-v-6553b730]{padding:1rem;gap:1.5rem}.overview-card[data-v-6553b730]{padding:1.5rem;border-radius:.5rem}.welcome-title[data-v-6553b730]{font-size:1.5rem}.welcome-subtitle[data-v-6553b730]{font-size:.875rem}.ad-placeholder[data-v-6553b730]{min-height:80px;border-radius:.5rem}.section-title[data-v-6553b730]{font-size:1.25rem;margin-bottom:1rem}.tools-grid[data-v-6553b730]{gap:1rem;grid-template-columns:1fr}.tool-card[data-v-6553b730]{padding:1rem;gap:.75rem;border-radius:.5rem}.tool-icon[data-v-6553b730]{width:2.5rem;height:2.5rem;border-radius:.75rem}.tool-icon svg[data-v-6553b730]{width:20px;height:20px}.tool-name[data-v-6553b730]{font-size:1rem}.tool-desc[data-v-6553b730]{font-size:.75rem}}.countdown-card[data-v-85a35ddc]{position:relative;min-height:11rem;height:auto;border-radius:var(--card-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .5s;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;border:1px solid var(--card-border)}@media (min-width: 640px){.countdown-card[data-v-85a35ddc]{min-height:16rem}}.countdown-card[data-v-85a35ddc]:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-.5rem);cursor:grab}.countdown-card[data-v-85a35ddc]:active{cursor:grabbing}.countdown-card.is-light[data-v-85a35ddc]{background-color:var(--card-bg)}.countdown-card.is-expired[data-v-85a35ddc]{background-color:var(--card-bg-expired)}.card-bg-img[data-v-85a35ddc]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-overlay[data-v-85a35ddc]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#0006,#0003);z-index:0;transition:opacity .5s}.countdown-card:hover .card-overlay[data-v-85a35ddc]{opacity:.9}.card-content[data-v-85a35ddc]{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.75rem}@media (min-width: 640px){.card-content[data-v-85a35ddc]{padding:1.5rem}}.card-header[data-v-85a35ddc]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}@media (min-width: 640px){.card-header[data-v-85a35ddc]{margin-bottom:1rem}}.header-main[data-v-85a35ddc]{flex:1;min-width:0;margin-right:.5rem;display:flex;flex-direction:column;gap:.25rem}@media (min-width: 640px){.header-main[data-v-85a35ddc]{margin-right:1rem;gap:.5rem}}.title-row[data-v-85a35ddc]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (min-width: 640px){.title-row[data-v-85a35ddc]{gap:.75rem}}.card-title[data-v-85a35ddc]{font-size:1.125rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.025em;margin:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}@media (min-width: 640px){.card-title[data-v-85a35ddc]{font-size:1.5rem}}.text-white[data-v-85a35ddc]{color:#fff}.card-title.text-muted[data-v-85a35ddc]{color:#9ca3af}.card-title.text-default[data-v-85a35ddc]{color:inherit}.card-tag[data-v-85a35ddc]{font-size:9px;padding:.125rem .375rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;box-shadow:0 1px 2px #0000000d}@media (min-width: 640px){.card-tag[data-v-85a35ddc]{font-size:10px;padding:.25rem .625rem}}.tag-glass[data-v-85a35ddc]{background-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.tag-blue[data-v-85a35ddc]{background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.dark{background-color:#1e3a8a4d;color:#93c5fd;border-color:#1e40af}.date-display[data-v-85a35ddc]{display:flex;flex-direction:column;gap:.125rem;margin-top:.125rem}@media (min-width: 640px){.date-display[data-v-85a35ddc]{gap:.375rem;margin-top:.25rem}}.date-badge[data-v-85a35ddc]{display:flex;align-items:center;gap:.375rem;padding:.125rem .375rem;border-radius:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;transition:background-color .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 640px){.date-badge[data-v-85a35ddc]{gap:.5rem;padding:.375rem .75rem}}.badge-glass[data-v-85a35ddc]{background-color:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.badge-pink[data-v-85a35ddc]{background-color:#fdf2f8cc;color:#db2777;border:1px solid rgba(252,231,243,.5)}.dark{background-color:#83184366;color:#f9a8d4;border-color:#83184399}.badge-gray[data-v-85a35ddc]{background-color:#f9fafbcc;color:#4b5563;border:1px solid rgba(243,244,246,.5)}.dark{background-color:#1f293766;color:#d1d5db;border-color:#37415199}.badge-label[data-v-85a35ddc]{font-size:9px;text-transform:uppercase;font-weight:400;opacity:.7}@media (min-width: 640px){.badge-label[data-v-85a35ddc]{font-size:10px}}.badge-value[data-v-85a35ddc]{font-size:10px;font-family:Chakra Petch,sans-serif;font-weight:500}@media (min-width: 640px){.badge-value[data-v-85a35ddc]{font-size:.75rem}}.badge-separator[data-v-85a35ddc]{width:1px;height:.75rem;background-color:currentColor;opacity:.2}.badge-weekday[data-v-85a35ddc]{font-size:10px;font-weight:400}@media (min-width: 640px){.badge-weekday[data-v-85a35ddc]{font-size:.75rem}}.card-description[data-v-85a35ddc]{font-size:.75rem;opacity:.8;padding-left:.25rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media (min-width: 640px){.card-description[data-v-85a35ddc]{font-size:.875rem}}.text-white-80[data-v-85a35ddc]{color:#fffc}.card-actions[data-v-85a35ddc]{display:flex;flex-direction:column;gap:.375rem;opacity:1;transition:all .3s}@media (min-width: 640px){.card-actions[data-v-85a35ddc]{gap:.5rem;opacity:0;transform:translate(1rem)}.countdown-card:hover .card-actions[data-v-85a35ddc]{opacity:1;transform:translate(0)}}.action-btn[data-v-85a35ddc]{padding:.375rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.action-btn[data-v-85a35ddc]{padding:.5rem}}.action-btn[data-v-85a35ddc]:hover{transform:scale(1.1)}.action-btn[data-v-85a35ddc]:active{transform:scale(.95)}.btn-glass[data-v-85a35ddc]{background-color:#fff3;color:#fff}.btn-glass[data-v-85a35ddc]:hover{background-color:#ffffff4d}.btn-default[data-v-85a35ddc]{background-color:#fff;color:#4b5563;border:1px solid #f3f4f6}.btn-default[data-v-85a35ddc]:hover{color:#2563eb;background-color:#eff6ff}.dark{background-color:#374151;color:#d1d5db;border-color:#4b5563}.dark{color:#93c5fd;background-color:#1e3a8a4d}.btn-glass-red[data-v-85a35ddc]{background-color:#ef444433;color:#fecaca}.btn-glass-red[data-v-85a35ddc]:hover{background-color:#ef444466;color:#fff}.btn-default-red[data-v-85a35ddc]{background-color:#fff;color:#9ca3af;border:1px solid #f3f4f6}.btn-default-red[data-v-85a35ddc]:hover{color:#ef4444;background-color:#fef2f2}.dark{background-color:#374151;color:#9ca3af;border-color:#4b5563}.dark{color:#fca5a5;background-color:#7f1d1d4d}.timer-section[data-v-85a35ddc]{margin-top:auto;padding-top:0}@media (min-width: 640px){.timer-section[data-v-85a35ddc]{padding-top:1.5rem}}.expired-badge[data-v-85a35ddc]{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;background-color:#fef2f2;color:#dc2626;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;border:1px solid #fee2e2;box-shadow:0 1px 2px #0000000d}@media (min-width: 640px){.expired-badge[data-v-85a35ddc]{margin-bottom:.75rem}}.ping-container[data-v-85a35ddc]{position:relative;display:flex;height:.5rem;width:.5rem}.ping-ring[data-v-85a35ddc]{animation:ping-85a35ddc 1s cubic-bezier(0,0,.2,1) infinite;position:absolute;display:inline-flex;height:100%;width:100%;border-radius:9999px;background-color:#f87171;opacity:.75}.ping-dot[data-v-85a35ddc]{position:relative;display:inline-flex;border-radius:9999px;height:.5rem;width:.5rem;background-color:#ef4444}@keyframes ping-85a35ddc{75%,to{transform:scale(2);opacity:0}}.timers-container[data-v-85a35ddc]{display:flex;flex-direction:column;width:100%;gap:1rem}.timers-container.has-elapsed[data-v-85a35ddc]{gap:.5rem}@media (min-width: 640px){.timers-container.has-elapsed[data-v-85a35ddc]{gap:1rem}}.time-block[data-v-85a35ddc]{display:flex;flex-direction:column;width:100%}.time-block.is-secondary[data-v-85a35ddc]{padding:.75rem;border-radius:1rem;transition:all .3s}.block-glass[data-v-85a35ddc]{background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.block-pink[data-v-85a35ddc]{background-color:#fdf2f84d;border:1px solid rgba(252,231,243,.3);padding:.75rem;border-radius:1rem}.dark{background-color:#83184333;border-color:#83184380}.block-blue[data-v-85a35ddc]{background-color:#eff6ff4d;border:1px solid rgba(219,234,254,.3)}.dark{background-color:#1e3a8a33;border-color:#1e3a8a80}.block-header[data-v-85a35ddc]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.icon-circle[data-v-85a35ddc]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;box-shadow:0 1px 2px #0000000d}.icon-circle span[data-v-85a35ddc]{font-size:.875rem;font-weight:500;line-height:1;-webkit-user-select:none;user-select:none}.icon-glass[data-v-85a35ddc]{background-color:#fff3;color:#fff}.icon-pink[data-v-85a35ddc]{background-color:#fce7f3;color:#ec4899}.icon-blue[data-v-85a35ddc]{background-color:#dbeafe;color:#3b82f6}.dark{background-color:#83184380;color:#f9a8d4}.dark{background-color:#1e3a8a80;color:#93c5fd}.block-label[data-v-85a35ddc]{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.text-pink[data-v-85a35ddc]{color:var(--color-pink)}.text-blue[data-v-85a35ddc]{color:var(--color-blue)}.time-grid[data-v-85a35ddc]{display:flex;align-items:baseline;justify-content:space-between;font-family:Share Tech Mono,monospace}.time-grid.padding-x[data-v-85a35ddc]{padding:0 .25rem}.time-unit[data-v-85a35ddc]{display:flex;flex-direction:column;align-items:center}.time-val[data-v-85a35ddc]{font-weight:400;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-label[data-v-85a35ddc]{font-size:9px;text-transform:uppercase;opacity:.4;font-family:sans-serif;letter-spacing:.1em;margin-top:.25rem}@media (min-width: 640px){.time-label[data-v-85a35ddc]{font-size:10px}}.val-xl[data-v-85a35ddc]{font-size:1.5rem}.val-lg[data-v-85a35ddc]{font-size:1.125rem}.val-md[data-v-85a35ddc]{font-size:1rem}.val-sm[data-v-85a35ddc]{font-size:.875rem}@media (min-width: 640px){.val-xl[data-v-85a35ddc]{font-size:3rem}.val-lg[data-v-85a35ddc]{font-size:1.5rem}.val-md[data-v-85a35ddc]{font-size:1.25rem}.val-sm[data-v-85a35ddc]{font-size:1.125rem}}.separator[data-v-85a35ddc]{font-size:1.125rem;opacity:.2;font-weight:400;padding-bottom:.75rem}@media (min-width: 640px){.separator[data-v-85a35ddc]{font-size:1.875rem}}.pulse[data-v-85a35ddc]{animation:pulse-85a35ddc 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-85a35ddc{0%,to{opacity:.2}50%{opacity:.5}}.text-main[data-v-85a35ddc]{color:var(--text-main)}.text-gray-400[data-v-85a35ddc]{color:var(--color-muted)}.progress-bar-container[data-v-85a35ddc]{position:absolute;bottom:0;left:0;height:.5rem;width:100%;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-black-20[data-v-85a35ddc]{background-color:#0003}.bg-gray[data-v-85a35ddc]{background-color:#f3f4f6}.dark{background-color:#374151}.progress-bar-fill[data-v-85a35ddc]{position:absolute;top:0;left:0;height:100%;transition:width 1s ease-out;box-shadow:0 0 10px #3b82f680}.fill-white[data-v-85a35ddc]{background-color:#ffffffe6}.fill-gradient[data-v-85a35ddc]{background:linear-gradient(to right,#60a5fa,#a855f7,#ec4899)}.progress-glow[data-v-85a35ddc]{position:absolute;right:0;top:0;height:100%;width:.5rem;background-color:#ffffff80;filter:blur(2px)}.card-decoration[data-v-85a35ddc]{position:absolute;top:0;right:0;font-size:6rem;line-height:1;opacity:.5;transform:rotate(10deg);pointer-events:none;z-index:5;transition:all .5s;-webkit-user-select:none;user-select:none;padding:.5rem}.has-bg-image .card-decoration[data-v-85a35ddc]{opacity:.6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.countdown-card:hover .card-decoration[data-v-85a35ddc]{transform:rotate(0) scale(1.1);opacity:.8}.has-bg-image:hover .card-decoration[data-v-85a35ddc]{opacity:.9}.modal-backdrop[data-v-8787f641]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}.modal-content[data-v-8787f641]{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;transform:scale(1);transition:all .3s}.dark .modal-content[data-v-8787f641]{background-color:#1f2937}@media (min-width: 640px){.modal-content[data-v-8787f641]{border-radius:1.5rem;max-height:85vh}}.modal-header[data-v-8787f641]{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.dark .modal-header[data-v-8787f641]{border-color:#374151;background-color:#1f2937}@media (min-width: 640px){.modal-header[data-v-8787f641]{padding:1.5rem}}.modal-title[data-v-8787f641]{font-size:1.125rem;font-weight:400;color:#1f2937;letter-spacing:-.025em;margin:0}.dark .modal-title[data-v-8787f641]{color:#fff}@media (min-width: 640px){.modal-title[data-v-8787f641]{font-size:1.25rem}}.btn-close[data-v-8787f641]{padding:.5rem;border-radius:9999px;color:#9ca3af;transition:color .2s,background-color .2s}.btn-close[data-v-8787f641]:hover{background-color:#f3f4f6;color:#4b5563}.dark .btn-close[data-v-8787f641]:hover{background-color:#374151;color:#d1d5db}.modal-body[data-v-8787f641]{padding:1rem;overflow-y:auto;flex:1;background-color:#f9fafb80;display:flex;flex-direction:column;gap:1rem}.dark .modal-body[data-v-8787f641]{background-color:#11182780;gap:1.5rem}@media (min-width: 640px){.modal-body[data-v-8787f641]{padding:1.5rem}}.form-group[data-v-8787f641]{margin-bottom:0}.form-label[data-v-8787f641]{display:block;font-size:.75rem;font-weight:400;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dark .form-label[data-v-8787f641]{color:#9ca3af}.label-hint[data-v-8787f641]{font-size:.625rem;color:#9ca3af;font-weight:400;margin-left:.25rem}.type-selector[data-v-8787f641]{display:flex;gap:.5rem;padding:.25rem;background-color:#f3f4f6;border-radius:.5rem}.dark .type-selector[data-v-8787f641]{background-color:#374151}.btn-type[data-v-8787f641]{flex:1;padding:.5rem;font-size:.875rem;font-weight:400;border-radius:.375rem;transition:all .2s;color:#6b7280}.dark .btn-type[data-v-8787f641]{color:#9ca3af}.btn-type[data-v-8787f641]:hover{color:#374151}.dark .btn-type[data-v-8787f641]:hover{color:#e5e7eb}.btn-type.active[data-v-8787f641]{background-color:#fff;box-shadow:0 1px 2px #0000000d}.dark .btn-type.active[data-v-8787f641]{background-color:#4b5563}.btn-type.type-countdown.active[data-v-8787f641]{color:#2563eb}.dark .btn-type.type-countdown.active[data-v-8787f641]{color:#93c5fd}.btn-type.type-anniversary.active[data-v-8787f641]{color:#db2777}.dark .btn-type.type-anniversary.active[data-v-8787f641]{color:#f9a8d4}.grid-2[data-v-8787f641]{display:grid;gap:1rem}@media (min-width: 768px){.grid-2[data-v-8787f641]{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.col-span-2[data-v-8787f641]{grid-column:span 2}@media (min-width: 768px){.col-span-2[data-v-8787f641]{grid-column:span 2}}.form-input[data-v-8787f641],.form-select[data-v-8787f641]{width:100%;padding:.625rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;transition:all .2s;box-shadow:0 1px 2px #0000000d;font-size:1rem}.dark .form-input[data-v-8787f641],.dark .form-select[data-v-8787f641]{background-color:#374151;border-color:#4b5563;color:#fff}.form-input[data-v-8787f641]:focus,.form-select[data-v-8787f641]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}@media (min-width: 640px){.form-input[data-v-8787f641],.form-select[data-v-8787f641]{padding:.75rem 1rem}}.date-picker-wrapper[data-v-8787f641]{position:relative}.date-display[data-v-8787f641]{width:100%;padding:.625rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s;color:#1f2937;font-family:monospace;font-weight:400}.dark .date-display[data-v-8787f641]{background-color:#374151;border-color:#4b5563;color:#fff}.date-picker-wrapper:hover .date-display[data-v-8787f641]{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.date-display.hover-pink[data-v-8787f641]:hover,.date-picker-wrapper:hover .date-display.hover-pink[data-v-8787f641]{border-color:#ec4899;box-shadow:0 0 0 2px #ec489933}@media (min-width: 640px){.date-display[data-v-8787f641]{padding:.75rem 1rem}}.text-placeholder[data-v-8787f641]{color:#9ca3af;font-family:sans-serif;font-weight:400}.date-icon[data-v-8787f641]{color:#9ca3af;transition:color .2s}.date-picker-wrapper:hover .date-icon[data-v-8787f641]{color:#3b82f6}.date-picker-wrapper:hover .date-icon.group-hover-pink[data-v-8787f641]{color:#ec4899}.date-input[data-v-8787f641]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.flex-between[data-v-8787f641]{display:flex;justify-content:space-between;align-items:center}.mb-0[data-v-8787f641]{margin-bottom:0}.mb-2[data-v-8787f641]{margin-bottom:.5rem}.btn-random-quote[data-v-8787f641]{font-size:.75rem;font-weight:400;color:#2563eb;background-color:#eff6ff;padding:.25rem .5rem;border-radius:.375rem;transition:background-color .2s,color .2s;display:flex;align-items:center;gap:.25rem}.btn-random-quote[data-v-8787f641]:hover{background-color:#dbeafe;color:#1d4ed8}.dark .btn-random-quote[data-v-8787f641]{background-color:#1e3a8a4d;color:#60a5fa}.dark .btn-random-quote[data-v-8787f641]:hover{background-color:#1e3a8a80}.emoji[data-v-8787f641]{font-size:.875rem}.resize-none[data-v-8787f641]{resize:none}.flex-col[data-v-8787f641]{display:flex;flex-direction:column}.gap-3[data-v-8787f641]{gap:.75rem}.bg-type-selector[data-v-8787f641]{display:flex;gap:.5rem;padding:.25rem;background-color:#f3f4f6;border-radius:.5rem;width:100%}.dark .bg-type-selector[data-v-8787f641]{background-color:#374151}.btn-bg-type[data-v-8787f641]{flex:1;padding:.375rem;font-size:.75rem;font-weight:400;border-radius:.375rem;transition:all .2s;color:#6b7280}.dark .btn-bg-type[data-v-8787f641]{color:#9ca3af}.btn-bg-type[data-v-8787f641]:hover{color:#374151}.dark .btn-bg-type[data-v-8787f641]:hover{color:#e5e7eb}.btn-bg-type.active[data-v-8787f641]{background-color:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d}.dark .btn-bg-type.active[data-v-8787f641]{background-color:#4b5563;color:#fff}.flex-center[data-v-8787f641]{display:flex;align-items:center}.upload-btn[data-v-8787f641]{cursor:pointer;flex:1;padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:background-color .2s;box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-weight:400;color:#4b5563;display:flex;align-items:center;justify-content:center;gap:.5rem}.dark .upload-btn[data-v-8787f641]{background-color:#374151;border-color:#4b5563;color:#d1d5db}.upload-btn[data-v-8787f641]:hover{background-color:#f9fafb}.dark .upload-btn[data-v-8787f641]:hover{background-color:#4b5563}.decorations-grid[data-v-8787f641]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media (min-width: 640px){.decorations-grid[data-v-8787f641]{grid-template-columns:repeat(6,1fr)}}.decor-btn[data-v-8787f641]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;transition:all .2s;cursor:pointer}.dark .decor-btn[data-v-8787f641]{background-color:#374151;border-color:#4b5563}.decor-btn[data-v-8787f641]:hover{border-color:#3b82f6;background-color:#eff6ff}.dark .decor-btn[data-v-8787f641]:hover{background-color:#1e3a8a4d;border-color:#3b82f6}.decor-btn.active[data-v-8787f641]{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.dark .decor-btn.active[data-v-8787f641]{background-color:#1e3a8a80}.decor-preview[data-v-8787f641]{font-size:1.5rem;line-height:1}.decor-preview.none[data-v-8787f641]{width:1.5rem;height:1.5rem;border-radius:50%;border:2px dashed #9ca3af}.decor-name[data-v-8787f641]{font-size:.625rem;color:#6b7280}.dark .decor-name[data-v-8787f641]{color:#9ca3af}.hidden[data-v-8787f641]{display:none}.network-input-group[data-v-8787f641]{display:flex;gap:.5rem}.btn-apply[data-v-8787f641]{padding:.5rem .75rem;background-color:#f3f4f6;border-radius:.5rem;font-size:.75rem;font-weight:400;color:#374151;transition:background-color .2s}.dark .btn-apply[data-v-8787f641]{background-color:#4b5563;color:#e5e7eb}.btn-apply[data-v-8787f641]:hover{background-color:#e5e7eb}.dark .btn-apply[data-v-8787f641]:hover{background-color:#6b7280}.btn-random-bg[data-v-8787f641]{width:100%;padding:.5rem;background-image:linear-gradient(to right,#3b82f6,#a855f7);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:400;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-random-bg[data-v-8787f641]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-preview-wrapper[data-v-8787f641]{position:relative;margin-top:.5rem}.bg-preview[data-v-8787f641]{position:relative;height:8rem;width:100%;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow:hidden}.bg-preview-img[data-v-8787f641]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dark .bg-preview[data-v-8787f641]{border-color:#374151}.bg-preview-overlay[data-v-8787f641]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;transition:background-color .2s}.bg-preview:hover .bg-preview-overlay[data-v-8787f641]{background-color:transparent}.btn-clear-bg[data-v-8787f641]{position:absolute;top:-.5rem;right:-.5rem;padding:.25rem;background-color:#ef4444;color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:background-color .2s;z-index:10}.btn-clear-bg[data-v-8787f641]:hover{background-color:#dc2626}.reminder-box[data-v-8787f641]{background-color:#eff6ff80;padding:1rem;border-radius:.75rem;border:1px solid #dbeafe}.dark .reminder-box[data-v-8787f641]{background-color:#1e3a8a33;border-color:#1e40af}.checkbox-wrapper[data-v-8787f641]{position:relative;display:flex;align-items:center}.checkbox-input[data-v-8787f641]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:.375rem;border:1px solid #d1d5db;cursor:pointer;transition:all .2s}.dark .checkbox-input[data-v-8787f641]{border-color:#4b5563}.checkbox-input[data-v-8787f641]:checked{background-color:#2563eb;border-color:#2563eb}.checkbox-input.checkbox-purple[data-v-8787f641]:checked{background-color:#9333ea;border-color:#9333ea}.checkbox-input[data-v-8787f641]:hover{box-shadow:0 1px 2px #0000000d}.checkbox-icon[data-v-8787f641]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff;opacity:0}.checkbox-input:checked+.checkbox-icon[data-v-8787f641]{opacity:1}.checkbox-label[data-v-8787f641]{font-size:.875rem;font-weight:400;color:#374151;-webkit-user-select:none;user-select:none;cursor:pointer}.dark .checkbox-label[data-v-8787f641]{color:#e5e7eb}.reminder-options[data-v-8787f641]{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding-left:2rem}.unit-text[data-v-8787f641]{font-size:.875rem;font-weight:500;color:#6b7280;white-space:nowrap}.dark .unit-text[data-v-8787f641]{color:#9ca3af}.ms-toggle[data-v-8787f641]{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb}.dark .ms-toggle[data-v-8787f641]{background-color:#1f2937;border-color:#374151}.modal-footer[data-v-8787f641]{padding:1rem;border-top:1px solid #f3f4f6;background-color:#fff;display:flex;justify-content:space-between;gap:.75rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.dark .modal-footer[data-v-8787f641]{border-color:#374151;background-color:#1f2937}@media (min-width: 640px){.modal-footer[data-v-8787f641]{padding:1.5rem;justify-content:flex-end}}.btn-cancel[data-v-8787f641]{flex:1;padding:.625rem 1rem;color:#4b5563;font-weight:500;border-radius:.75rem;transition:background-color .2s;text-align:center}.dark .btn-cancel[data-v-8787f641]{color:#9ca3af}.btn-cancel[data-v-8787f641]:hover{background-color:#f3f4f6}.dark .btn-cancel[data-v-8787f641]:hover{background-color:#374151}@media (min-width: 640px){.btn-cancel[data-v-8787f641]{flex:none;padding:.625rem 1.5rem}}.btn-save[data-v-8787f641]{flex:1;padding:.625rem 2rem;background-color:#111827;color:#fff;font-weight:400;border-radius:.75rem;transition:all .2s;text-align:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .btn-save[data-v-8787f641]{background-color:#2563eb}.btn-save[data-v-8787f641]:hover{background-color:#000;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .btn-save[data-v-8787f641]:hover{background-color:#1d4ed8}.btn-save[data-v-8787f641]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.spinner-sm[data-v-8787f641]{width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-8787f641 .8s linear infinite}.text-white[data-v-8787f641]{color:#fff}.btn-random-quote .spinner-sm[data-v-8787f641]{border-color:#2563eb;border-right-color:transparent}.dark .btn-random-quote .spinner-sm[data-v-8787f641]{border-color:#60a5fa;border-right-color:transparent}@keyframes spin-8787f641{to{transform:rotate(360deg)}}@media (min-width: 640px){.btn-save[data-v-8787f641]{flex:none}}.confirm-backdrop[data-v-c169197d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}.confirm-card[data-v-c169197d]{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:24rem;overflow:hidden;transform:scale(1);transition:all .3s;border:1px solid #f3f4f6}.dark .confirm-card[data-v-c169197d]{background-color:#1f2937;border-color:#374151}.confirm-body[data-v-c169197d]{padding:1.25rem;text-align:center}@media (min-width: 640px){.confirm-body[data-v-c169197d]{padding:1.5rem}}.icon-wrapper[data-v-c169197d]{margin:0 auto;display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:9999px;margin-bottom:1rem}.icon-wrapper.danger[data-v-c169197d]{background-color:#fee2e2}.dark .icon-wrapper.danger[data-v-c169197d]{background-color:#7f1d1d4d}.icon-wrapper.info[data-v-c169197d]{background-color:#dbeafe}.dark .icon-wrapper.info[data-v-c169197d]{background-color:#1e3a8a4d}.confirm-icon[data-v-c169197d]{height:1.5rem;width:1.5rem}.icon-wrapper.danger .confirm-icon[data-v-c169197d]{color:#dc2626}.dark .icon-wrapper.danger .confirm-icon[data-v-c169197d]{color:#f87171}.icon-wrapper.info .confirm-icon[data-v-c169197d]{color:#2563eb}.dark .icon-wrapper.info .confirm-icon[data-v-c169197d]{color:#60a5fa}.confirm-title[data-v-c169197d]{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.5rem;margin-top:0}.dark .confirm-title[data-v-c169197d]{color:#fff}.confirm-message[data-v-c169197d]{font-size:.875rem;color:#6b7280;margin:0}.dark .confirm-message[data-v-c169197d]{color:#9ca3af}.confirm-footer[data-v-c169197d]{padding:1rem;background-color:#f9fafb;display:flex;gap:.75rem}.dark .confirm-footer[data-v-c169197d]{background-color:#111827}.btn-cancel[data-v-c169197d]{flex:1;padding:.5rem 1rem;background-color:#fff;color:#374151;font-weight:500;border-radius:.75rem;border:1px solid #e5e7eb;transition:background-color .2s;box-shadow:0 1px 2px #0000000d}.dark .btn-cancel[data-v-c169197d]{background-color:#374151;color:#e5e7eb;border-color:#4b5563}.btn-cancel[data-v-c169197d]:hover{background-color:#f9fafb;border-color:#d1d5db}.dark .btn-cancel[data-v-c169197d]:hover{background-color:#4b5563}.btn-confirm[data-v-c169197d]{flex:1;padding:.5rem 1rem;color:#fff;font-weight:400;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.btn-confirm[data-v-c169197d]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.btn-confirm.danger[data-v-c169197d]{background-color:#dc2626}.btn-confirm.danger[data-v-c169197d]:hover{background-color:#b91c1c}.btn-confirm.info[data-v-c169197d]{background-color:#2563eb}.btn-confirm.info[data-v-c169197d]:hover{background-color:#1d4ed8}.list-container[data-v-023928bb]{display:flex;flex-direction:column;gap:2rem;padding-bottom:5rem}.countdown-grid[data-v-023928bb]{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.countdown-grid[data-v-023928bb]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.countdown-grid[data-v-023928bb]{grid-template-columns:repeat(3,1fr)}}.empty-state[data-v-023928bb]{text-align:center;padding:5rem 0;color:#6b7280}.empty-text[data-v-023928bb]{font-size:1.25rem}.expired-title[data-v-023928bb]{font-size:1.125rem;font-weight:500;color:#6b7280;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.dark{color:#9ca3af}.expired-grid[data-v-023928bb]{opacity:.6;transition:opacity .3s}.expired-grid[data-v-023928bb]:hover{opacity:1}[data-v-023928bb] .ghost-card{opacity:.5;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:var(--card-radius);transform:scale(.98)}.dark{background:#374151;border-color:#4b5563}[data-v-023928bb] .drag-card{opacity:1}.settings-backdrop[data-v-e8e9c55d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}.settings-content[data-v-e8e9c55d]{background-color:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;transform:scale(1);transition:all .3s}.dark .settings-content[data-v-e8e9c55d]{background-color:#1f2937}.settings-header[data-v-e8e9c55d]{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.dark .settings-header[data-v-e8e9c55d]{border-color:#374151;background-color:#1f2937}@media (min-width: 640px){.settings-header[data-v-e8e9c55d]{padding:1.5rem}}.settings-title[data-v-e8e9c55d]{font-size:1.25rem;font-weight:500;color:#1f2937;letter-spacing:-.025em;margin:0}.dark .settings-title[data-v-e8e9c55d]{color:#fff}.btn-close[data-v-e8e9c55d]{padding:.5rem;border-radius:9999px;color:#9ca3af;transition:color .2s,background-color .2s}.btn-close[data-v-e8e9c55d]:hover{background-color:#f3f4f6;color:#4b5563}.dark .btn-close[data-v-e8e9c55d]:hover{background-color:#374151;color:#d1d5db}.settings-body[data-v-e8e9c55d]{padding:1rem;overflow-y:auto;flex:1;background-color:#f9fafb80;display:flex;flex-direction:column;gap:1.5rem}.dark .settings-body[data-v-e8e9c55d]{background-color:#11182780;gap:2rem}@media (min-width: 640px){.settings-body[data-v-e8e9c55d]{padding:1.5rem}}.form-group[data-v-e8e9c55d]{margin-bottom:0}.form-label[data-v-e8e9c55d]{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dark .form-label[data-v-e8e9c55d]{color:#9ca3af}.form-input[data-v-e8e9c55d]{width:100%;padding:.625rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;transition:all .2s;box-shadow:0 1px 2px #0000000d;font-size:1rem}.dark .form-input[data-v-e8e9c55d]{background-color:#374151;border-color:#4b5563;color:#fff}.form-input[data-v-e8e9c55d]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}@media (min-width: 640px){.form-input[data-v-e8e9c55d]{padding:.75rem 1rem}}.card-box[data-v-e8e9c55d]{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.dark .card-box[data-v-e8e9c55d]{background-color:#1f2937;border-color:#374151}.space-y-6[data-v-e8e9c55d]>*+*{margin-top:1.5rem}.space-y-4[data-v-e8e9c55d]>*+*{margin-top:1rem}.space-y-3[data-v-e8e9c55d]>*+*{margin-top:.75rem}.sub-label[data-v-e8e9c55d]{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.dark .sub-label[data-v-e8e9c55d]{color:#e5e7eb}.mb-3[data-v-e8e9c55d]{margin-bottom:.75rem}.mode-selector[data-v-e8e9c55d]{display:flex;gap:.5rem;padding:.25rem;background-color:#f3f4f6;border-radius:.5rem}.dark .mode-selector[data-v-e8e9c55d]{background-color:#374151}.btn-mode[data-v-e8e9c55d]{flex:1;padding:.375rem;font-size:.75rem;font-weight:500;border-radius:.375rem;transition:all .2s;color:#6b7280;text-transform:capitalize}.dark .btn-mode[data-v-e8e9c55d]{color:#9ca3af}.btn-mode[data-v-e8e9c55d]:hover{color:#374151}.dark .btn-mode[data-v-e8e9c55d]:hover{color:#e5e7eb}.btn-mode.active[data-v-e8e9c55d]{background-color:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.dark .btn-mode.active[data-v-e8e9c55d]{background-color:#4b5563;color:#fff}.slider-container[data-v-e8e9c55d]{display:flex;flex-direction:column;gap:1rem}.slider-header[data-v-e8e9c55d]{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.dark .slider-header[data-v-e8e9c55d]{color:#9ca3af}.slider-value[data-v-e8e9c55d]{font-family:monospace}.slider-input[data-v-e8e9c55d]{width:100%;height:.5rem;background-color:#e5e7eb;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:#2563eb}.dark .slider-input[data-v-e8e9c55d]{background-color:#4b5563}.bg-type-selector[data-v-e8e9c55d]{display:flex;gap:.5rem;padding:.25rem;background-color:#f3f4f6;border-radius:.5rem}.dark .bg-type-selector[data-v-e8e9c55d]{background-color:#374151}.btn-bg-type[data-v-e8e9c55d]{flex:1;padding:.375rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s;color:#6b7280}.dark .btn-bg-type[data-v-e8e9c55d]{color:#9ca3af}.btn-bg-type[data-v-e8e9c55d]:hover{color:#374151}.dark .btn-bg-type[data-v-e8e9c55d]:hover{color:#e5e7eb}.btn-bg-type.active[data-v-e8e9c55d]{background-color:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d}.dark .btn-bg-type.active[data-v-e8e9c55d]{background-color:#4b5563;color:#fff}.upload-btn[data-v-e8e9c55d]{display:block;width:100%;cursor:pointer;padding:2rem 1rem;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:.75rem;text-align:center;transition:all .2s}.dark .upload-btn[data-v-e8e9c55d]{background-color:#374151;border-color:#4b5563}.upload-btn[data-v-e8e9c55d]:hover{background-color:#f3f4f6;border-color:#d1d5db}.dark .upload-btn[data-v-e8e9c55d]:hover{background-color:#4b5563;border-color:#6b7280}.upload-text[data-v-e8e9c55d]{font-size:.875rem;font-weight:500;color:#6b7280}.dark .upload-text[data-v-e8e9c55d]{color:#d1d5db}.hidden[data-v-e8e9c55d]{display:none}.network-input-group[data-v-e8e9c55d]{display:flex;gap:.5rem}.text-sm[data-v-e8e9c55d]{font-size:.875rem}.btn-apply[data-v-e8e9c55d]{padding:.5rem .75rem;background-color:#e5e7eb;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#374151;transition:background-color .2s}.dark .btn-apply[data-v-e8e9c55d]{background-color:#4b5563;color:#e5e7eb}.btn-apply[data-v-e8e9c55d]:hover{background-color:#d1d5db}.dark .btn-apply[data-v-e8e9c55d]:hover{background-color:#6b7280}.btn-random-bg[data-v-e8e9c55d]{width:100%;padding:.5rem;background-image:linear-gradient(to right,#3b82f6,#a855f7);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-random-bg[data-v-e8e9c55d]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.spinner-sm[data-v-e8e9c55d]{width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-e8e9c55d .8s linear infinite}.text-white[data-v-e8e9c55d]{color:#fff}@keyframes spin-e8e9c55d{to{transform:rotate(360deg)}}.btn-random-bg[data-v-e8e9c55d]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.bg-preview[data-v-e8e9c55d]{position:relative;height:8rem;width:100%;border-radius:.5rem;background-size:cover;background-position:center;border:1px solid #e5e7eb;overflow:hidden;margin-top:.5rem}.bg-preview-img[data-v-e8e9c55d]{position:absolute;width:100%;height:100%;object-fit:cover}.dark .bg-preview[data-v-e8e9c55d]{border-color:#374151}.bg-preview:hover .btn-clear-bg[data-v-e8e9c55d]{opacity:1}.btn-clear-bg[data-v-e8e9c55d]{position:absolute;top:.5rem;right:.5rem;padding:.375rem;background-color:#00000080;color:#fff;border-radius:9999px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0}.btn-clear-bg svg[data-v-e8e9c55d]{display:block}.btn-clear-bg[data-v-e8e9c55d]:hover{background-color:#ef4444}.quote-options[data-v-e8e9c55d]{display:flex;align-items:center;gap:1rem}.radio-label[data-v-e8e9c55d]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-input[data-v-e8e9c55d]{width:1rem;height:1rem;color:#2563eb;border-color:#d1d5db;accent-color:#2563eb}.radio-text[data-v-e8e9c55d]{font-size:.875rem;font-weight:500;color:#6b7280}.dark .radio-text[data-v-e8e9c55d]{color:#e5e7eb}.textarea-input[data-v-e8e9c55d]{font-size:.875rem;resize:none}.settings-footer[data-v-e8e9c55d]{padding:1rem;border-top:1px solid #f3f4f6;background-color:#fff;display:flex;justify-content:flex-end;gap:.75rem}.dark .settings-footer[data-v-e8e9c55d]{border-color:#374151;background-color:#1f2937}@media (min-width: 640px){.settings-footer[data-v-e8e9c55d]{padding:1.5rem}}.btn-cancel[data-v-e8e9c55d]{padding:.625rem 1.25rem;border-radius:.75rem;font-weight:500;color:#6b7280;transition:all .2s}.dark .btn-cancel[data-v-e8e9c55d]{color:#9ca3af}.btn-cancel[data-v-e8e9c55d]:hover{background-color:#f3f4f6;color:#374151}.dark .btn-cancel[data-v-e8e9c55d]:hover{background-color:#374151;color:#e5e7eb}.btn-save[data-v-e8e9c55d]{padding:.625rem 1.5rem;border-radius:.75rem;font-weight:500;background-color:#2563eb;color:#fff;box-shadow:0 10px 15px -3px #2563eb4d;transition:all .2s}.btn-save[data-v-e8e9c55d]:hover{background-color:#1d4ed8;box-shadow:0 10px 15px -3px #2563eb80}.btn-save[data-v-e8e9c55d]:active{transform:scale(.95)}:root{--card-radius: var(--card-radius-mobile, 24px)}@media (min-width: 640px){:root{--card-radius: var(--card-radius-pc, 24px)}}.animate-spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-root[data-v-300ca0c1]{min-height:100vh;background-color:var(--bg-light);color:var(--text-main);transition:background-color .3s,color .3s;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif}.dark .app-root[data-v-300ca0c1]{background-color:var(--bg-dark);color:#f3f4f6}.bg-overlay[data-v-300ca0c1]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;pointer-events:none}.dark .bg-overlay[data-v-300ca0c1]{background-color:#0006}.bg-gradient[data-v-300ca0c1]{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#eff6ff,#faf5ff,#fdf2f8);z-index:0;pointer-events:none;opacity:.5}.dark .bg-gradient[data-v-300ca0c1]{background:linear-gradient(to bottom right,#111827,#1f2937,#000);opacity:1}.main-container[data-v-300ca0c1]{position:relative;z-index:10;width:100%;max-width:72rem;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;min-height:100vh}.app-header[data-v-300ca0c1]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:.75rem}@media (min-width: 640px){.app-header[data-v-300ca0c1]{margin-bottom:2.5rem;gap:1.5rem}}.btn-back[data-v-300ca0c1]{padding:.75rem;border-radius:9999px;background-color:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);color:#4b5563;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-back[data-v-300ca0c1]:hover{background-color:#fffc;transform:translate(-2px)}.dark .btn-back[data-v-300ca0c1]{background-color:#1f293780;border-color:#37415180;color:#d1d5db}.quote-card[data-v-300ca0c1]{flex:1;min-width:0;text-align:left;background-color:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(255,255,255,.5);position:relative}.dark .quote-card[data-v-300ca0c1]{background-color:#1f293780;border-color:#37415180}@media (min-width: 640px){.quote-card[data-v-300ca0c1]{padding:1.5rem}}.app-title[data-v-300ca0c1]{font-size:1.25rem;line-height:1.75rem;font-weight:400;color:#1f2937;letter-spacing:-.025em;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,#2563eb,#9333ea);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .app-title[data-v-300ca0c1]{color:#fff;background-image:linear-gradient(to right,#60a5fa,#c084fc)}@media (min-width: 640px){.app-title[data-v-300ca0c1]{font-size:2.25rem;line-height:2.5rem;margin-bottom:.25rem}}.quote-content[data-v-300ca0c1]{font-size:.75rem;color:#4b5563;font-weight:500;font-style:italic;margin-top:.25rem;max-width:28rem;line-height:1.625}.dark .quote-content[data-v-300ca0c1]{color:#d1d5db}@media (min-width: 640px){.quote-content[data-v-300ca0c1]{font-size:.875rem;margin-top:.5rem}}.quote-source[data-v-300ca0c1]{display:none;font-size:.75rem;color:#9ca3af;font-style:normal;margin-left:.5rem}.dark .quote-source[data-v-300ca0c1]{color:#6b7280}@media (min-width: 640px){.quote-source[data-v-300ca0c1]{display:inline}}.date-time[data-v-300ca0c1]{color:#6b7280;margin-top:.5rem;font-family:monospace;font-size:.75rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.dark .date-time[data-v-300ca0c1]{color:#9ca3af}@media (min-width: 640px){.date-time[data-v-300ca0c1]{margin-top:1rem;font-size:1rem;gap:1rem}}.divider[data-v-300ca0c1]{width:1px;height:.75rem;background-color:#d1d5db}.dark .divider[data-v-300ca0c1]{background-color:#4b5563}@media (min-width: 640px){.divider[data-v-300ca0c1]{height:1rem}}.time[data-v-300ca0c1]{font-weight:500;color:#374151}.dark .time[data-v-300ca0c1]{color:#e5e7eb}.btn-add[data-v-300ca0c1]{flex-shrink:0;background-color:#111827;color:#fff;padding:.75rem;border-radius:.75rem;font-weight:400;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .3s;display:flex;align-items:center;gap:0}.btn-add[data-v-300ca0c1]:hover{background-color:#000;transform:translateY(-.25rem);box-shadow:0 25px 50px -12px #00000040}@media (min-width: 640px){.btn-add[data-v-300ca0c1]{padding:1rem 2rem;gap:.75rem}}.btn-icon[data-v-300ca0c1]{background-color:#fff3;border-radius:9999px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:transform .3s}.group:hover .btn-icon[data-v-300ca0c1]{transform:rotate(90deg)}@media (min-width: 640px){.btn-icon[data-v-300ca0c1]{width:1.5rem;height:1.5rem;font-size:.875rem}}.btn-text[data-v-300ca0c1]{display:none}@media (min-width: 640px){.btn-text[data-v-300ca0c1]{display:inline}}.main-content[data-v-300ca0c1]{flex:1}.settings-footer[data-v-300ca0c1]{position:fixed;bottom:2rem;right:2rem;z-index:50}.btn-settings[data-v-300ca0c1]{background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;color:#4b5563;transition:all .3s;border:1px solid rgba(255,255,255,.5)}.btn-settings[data-v-300ca0c1]:hover{box-shadow:0 20px 25px -5px #0000001a;color:#2563eb;transform:scale(1.1)}.english-pocket-container[data-v-96cb7129]{max-width:48rem;margin:0 auto;min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.header[data-v-96cb7129]{padding:1rem;background-color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:20}.header-left[data-v-96cb7129],.header-right[data-v-96cb7129]{display:flex;align-items:center;gap:.75rem}.btn-back[data-v-96cb7129]{padding:.5rem;color:#4b5563;display:flex}.title[data-v-96cb7129]{font-size:1.25rem;font-weight:600;margin:0}.daily-stat[data-v-96cb7129]{font-size:.875rem;color:#2563eb;background-color:#eff6ff;padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.btn-icon[data-v-96cb7129]{padding:.5rem;color:#6b7280;border-radius:.375rem;transition:background-color .2s}.btn-icon[data-v-96cb7129]:hover{background-color:#f3f4f6;color:#374151}.controls-wrapper[data-v-96cb7129]{background-color:#fff;border-bottom:1px solid #e5e7eb}.tabs[data-v-96cb7129]{display:flex;padding:0 1rem;overflow-x:auto}.tab-btn[data-v-96cb7129]{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:500;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.tab-btn.active[data-v-96cb7129]{color:#2563eb;border-bottom-color:#2563eb}.search-bar[data-v-96cb7129]{padding:.75rem 1rem;border-top:1px solid #f3f4f6}.search-input-wrapper[data-v-96cb7129]{position:relative;display:flex;align-items:center}.search-icon[data-v-96cb7129]{position:absolute;left:.75rem;color:#9ca3af}.search-input[data-v-96cb7129]{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s}.search-input[data-v-96cb7129]:focus{border-color:#2563eb}.badge[data-v-96cb7129]{background-color:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px}.content[data-v-96cb7129]{padding:1rem;flex:1;position:relative}.loading[data-v-96cb7129],.empty-state[data-v-96cb7129]{text-align:center;color:#9ca3af;margin-top:2rem}.mt-4[data-v-96cb7129]{margin-top:1rem}.mt-8[data-v-96cb7129]{margin-top:2rem}.word-list[data-v-96cb7129],.sentence-list[data-v-96cb7129]{display:flex;flex-direction:column;gap:1rem}.word-card[data-v-96cb7129],.sentence-card[data-v-96cb7129]{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.word-header[data-v-96cb7129]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.word-title-group[data-v-96cb7129]{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.word-text[data-v-96cb7129]{font-size:1.125rem;font-weight:600;margin:0}.word-phonetic[data-v-96cb7129]{color:#6b7280;font-family:monospace}.btn-speak[data-v-96cb7129],.btn-edit[data-v-96cb7129]{padding:.25rem;color:#9ca3af;border-radius:.25rem;transition:color .2s}.btn-speak[data-v-96cb7129]:hover{color:#2563eb;background-color:#eff6ff}.btn-edit[data-v-96cb7129]:hover{color:#d97706;background-color:#fffbeb}.word-meaning[data-v-96cb7129]{color:#374151;margin:0 0 .5rem}.word-footer[data-v-96cb7129],.sentence-footer[data-v-96cb7129]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#9ca3af;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.sentence-header[data-v-96cb7129]{display:flex;justify-content:flex-end;margin-bottom:.25rem}.sentence-actions[data-v-96cb7129]{display:flex;gap:.5rem}.btn-delete[data-v-96cb7129]{color:#ef4444;font-size:.75rem}.sentence-content[data-v-96cb7129]{font-size:1rem;margin:0 0 .5rem;color:#1f2937;white-space:pre-wrap}.sentence-translation[data-v-96cb7129]{color:#6b7280;font-size:.875rem;margin:0}.fab[data-v-96cb7129]{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background-color:#2563eb;color:#fff;font-size:2rem;border:none;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:30}.modal-overlay[data-v-96cb7129]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal[data-v-96cb7129]{background:#fff;padding:1.5rem;border-radius:1rem;width:100%;max-width:24rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 25px -5px #0000001a}.input[data-v-96cb7129]{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;transition:border-color .2s}.input[data-v-96cb7129]:focus{border-color:#2563eb;outline:none}.textarea[data-v-96cb7129]{resize:vertical;min-height:4rem}.modal-actions[data-v-96cb7129]{display:flex;justify-content:flex-end;gap:1rem}.btn-primary[data-v-96cb7129]{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem}.btn-primary[data-v-96cb7129]:disabled{opacity:.5}.btn-outline[data-v-96cb7129]{width:100%;padding:.75rem;border:1px solid #e5e7eb;background:#fff;border-radius:.5rem;color:#374151;font-weight:500;text-align:center;transition:all .2s}.btn-outline[data-v-96cb7129]:hover{background-color:#f9fafb;border-color:#d1d5db}.cursor-pointer[data-v-96cb7129]{cursor:pointer}.hidden[data-v-96cb7129]{display:none}.text-sm[data-v-96cb7129]{font-size:.875rem}.text-gray[data-v-96cb7129]{color:#6b7280}.settings-actions[data-v-96cb7129]{display:flex;flex-direction:column;gap:.75rem}.review-container[data-v-96cb7129]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.review-card[data-v-96cb7129]{background:#fff;width:100%;max-width:20rem;min-height:16rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-word[data-v-96cb7129]{font-size:2rem;font-weight:700;margin:0 0 .5rem}.review-phonetic[data-v-96cb7129]{color:#6b7280;font-family:monospace;font-size:1.25rem;margin:0}.review-back[data-v-96cb7129]{margin-top:2rem;width:100%}.review-meaning[data-v-96cb7129]{font-size:1.25rem;color:#374151;margin-bottom:2rem}.review-actions[data-v-96cb7129]{display:flex;gap:1rem}.btn-forgot[data-v-96cb7129],.btn-remember[data-v-96cb7129]{flex:1;padding:.75rem;border-radius:.5rem;font-weight:500}.btn-forgot[data-v-96cb7129]{background-color:#fee2e2;color:#ef4444}.btn-remember[data-v-96cb7129]{background-color:#dcfce7;color:#22c55e}.btn-reveal[data-v-96cb7129]{margin-top:2rem;padding:.75rem 2rem;background-color:#f3f4f6;color:#4b5563;border-radius:.5rem;font-weight:500}.review-progress[data-v-96cb7129]{color:#9ca3af;font-size:.875rem}.flex-center[data-v-96cb7129]{display:flex;align-items:center;justify-content:center}.gap-2[data-v-96cb7129]{gap:.5rem}.form-group-row[data-v-96cb7129]{display:flex;gap:.5rem}.flex-1[data-v-96cb7129]{flex:1}.btn-search-api[data-v-96cb7129]{padding:.75rem;background-color:#f3f4f6;border-radius:.5rem;color:#374151;transition:background-color .2s;font-size:1.25rem;line-height:1}.btn-search-api[data-v-96cb7129]:hover{background-color:#e5e7eb}.btn-search-api[data-v-96cb7129]:disabled{opacity:.5;cursor:not-allowed}.discover-section[data-v-96cb7129]{margin-bottom:2rem}.section-header[data-v-96cb7129]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2[data-v-96cb7129]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.btn-refresh[data-v-96cb7129]{background:none;border:none;color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer}.btn-refresh[data-v-96cb7129]:disabled{opacity:.5}.recommend-grid[data-v-96cb7129]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.recommend-card[data-v-96cb7129]{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;border:1px solid transparent;transition:border-color .2s}.recommend-card[data-v-96cb7129]:hover{border-color:#2563eb}.recommend-content h3[data-v-96cb7129]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.recommend-content p[data-v-96cb7129]{margin:0;font-size:.75rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-add-mini[data-v-96cb7129]{align-self:flex-end;background-color:#eff6ff;color:#2563eb;width:1.5rem;height:1.5rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;cursor:pointer}.btn-add-mini[data-v-96cb7129]:hover{background-color:#2563eb;color:#fff}.btn-add-text[data-v-96cb7129]{background:none;border:none;color:#2563eb;font-size:.75rem;font-weight:500;cursor:pointer}.btn-add-text[data-v-96cb7129]:hover{text-decoration:underline}.photo-editor-overlay[data-v-1f75b4be]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.editor-container[data-v-1f75b4be]{background:#fff;border-radius:1rem;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.editor-header[data-v-1f75b4be]{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.editor-header h3[data-v-1f75b4be]{margin:0;font-size:1.1rem;font-weight:600}.close-btn[data-v-1f75b4be]{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 .5rem;color:#6b7280}.editor-content[data-v-1f75b4be]{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.canvas-wrapper[data-v-1f75b4be]{width:100%;height:400px;background:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;position:relative}.editor-canvas[data-v-1f75b4be]{max-width:100%;max-height:100%;object-fit:contain}.processing-overlay[data-v-1f75b4be]{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner[data-v-1f75b4be]{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin-1f75b4be 1s linear infinite}@keyframes spin-1f75b4be{to{transform:rotate(360deg)}}.editor-controls[data-v-1f75b4be]{display:flex;flex-direction:column;gap:1rem}.control-group[data-v-1f75b4be]{display:flex;flex-direction:column;gap:.5rem}.control-group label[data-v-1f75b4be]{font-size:.9rem;font-weight:500;color:#374151}.size-options[data-v-1f75b4be]{display:flex;gap:.5rem}.size-btn[data-v-1f75b4be]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.size-btn.active[data-v-1f75b4be]{background:#2563eb;color:#fff;border-color:#2563eb}.zoom-slider[data-v-1f75b4be]{width:100%}.bg-options[data-v-1f75b4be]{display:flex;align-items:center;gap:1rem}.bg-options label[data-v-1f75b4be]{font-size:.9rem;font-weight:500;color:#374151}.color-grid[data-v-1f75b4be]{display:flex;gap:.5rem}.color-btn[data-v-1f75b4be]{width:2rem;height:2rem;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:transform .2s,border-color .2s}.color-btn.active[data-v-1f75b4be]{transform:scale(1.1);border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.transparent-btn[data-v-1f75b4be]{background:conic-gradient(#e5e7eb .25turn,transparent .25turn .5turn,#e5e7eb .5turn .75turn,transparent .75turn);background-size:8px 8px}.action-buttons[data-v-1f75b4be]{display:flex;justify-content:flex-end}.btn-save[data-v-1f75b4be]{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save[data-v-1f75b4be]:hover{background-color:#1d4ed8}.btn-save[data-v-1f75b4be]:disabled{opacity:.5;cursor:not-allowed}.photo-guide-container[data-v-fd63f791]{max-width:1200px;margin:0 auto;padding:1rem;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main, #f9fafb);color:var(--text-main, #1f2937)}.header[data-v-fd63f791]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn[data-v-fd63f791]{padding:.5rem;border-radius:.5rem;color:inherit;background-color:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center}.page-title[data-v-fd63f791]{font-size:1.5rem;font-weight:700;margin:0}.layout-grid[data-v-fd63f791]{display:grid;grid-template-columns:300px 1fr 200px;gap:1.5rem;flex:1;min-height:0}@media (max-width: 1024px){.layout-grid[data-v-fd63f791]{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar[data-v-fd63f791]{order:2}.preview-area[data-v-fd63f791]{order:1}}.sidebar[data-v-fd63f791]{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.mobile-toggle-btn[data-v-fd63f791]{display:none;margin-left:auto;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#4b5563}.mobile-handle[data-v-fd63f791]{display:none;width:100%;padding:.75rem;justify-content:center;cursor:pointer}.handle-bar[data-v-fd63f791]{width:40px;height:4px;background:#e5e7eb;border-radius:2px}@media (max-width: 1024px){.layout-grid[data-v-fd63f791]{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1rem}.control-sidebar[data-v-fd63f791]{order:2;padding-right:0}.preview-area[data-v-fd63f791]{order:1;aspect-ratio:3/4;max-height:60vh}.samples-sidebar[data-v-fd63f791]{position:fixed;bottom:0;left:0;width:100%;height:70vh;background:#fff;z-index:100;border-radius:1.5rem 1.5rem 0 0;padding:1rem;box-shadow:0 -4px 20px #0000001a;transform:translateY(100%);transition:transform .3s ease-out}.samples-sidebar.mobile-show[data-v-fd63f791]{transform:translateY(0)}.mobile-toggle-btn[data-v-fd63f791],.mobile-handle[data-v-fd63f791]{display:flex}.mode-grid[data-v-fd63f791]{display:flex;overflow-x:auto;padding-bottom:.5rem;gap:.75rem}.mode-btn[data-v-fd63f791]{flex-shrink:0;white-space:nowrap;padding:.5rem 1rem}.step-card[data-v-fd63f791]{margin-bottom:5rem}}.group-title[data-v-fd63f791]{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text-secondary, #4b5563)}.mode-grid[data-v-fd63f791]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.mode-btn[data-v-fd63f791]{padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);color:var(--text-main, #374151);cursor:pointer;transition:all .2s;font-size:.9rem}.mode-btn.active[data-v-fd63f791]{background-color:#eff6ff;border-color:#2563eb;color:#2563eb;font-weight:600}.step-card[data-v-fd63f791]{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1rem}.step-header[data-v-fd63f791]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.step-count[data-v-fd63f791]{color:#6b7280;font-size:.8rem}.step-progress[data-v-fd63f791]{height:4px;background:#f3f4f6;border-radius:2px;margin-bottom:1rem;overflow:hidden}.progress-bar[data-v-fd63f791]{height:100%;background:#2563eb;transition:width .3s ease}.step-actions[data-v-fd63f791]{display:flex;gap:.5rem}.step-btn[data-v-fd63f791]{flex:1;padding:.5rem;border-radius:.375rem;font-size:.85rem;cursor:pointer;border:none}.step-btn[data-v-fd63f791]:disabled{opacity:.5;cursor:not-allowed}.step-btn.primary[data-v-fd63f791]{background:#2563eb;color:#fff}.step-btn.secondary[data-v-fd63f791]{background:#f3f4f6;color:#4b5563}.tips-list[data-v-fd63f791]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tip-item[data-v-fd63f791]{font-size:.9rem;padding:.5rem;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 .25rem .25rem 0;color:#92400e}.preview-area[data-v-fd63f791]{display:flex;align-items:center;justify-content:center;background:#000;border-radius:1rem;position:relative;overflow:hidden}.camera-wrapper[data-v-fd63f791]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.camera-video[data-v-fd63f791]{width:100%;height:100%;object-fit:cover}.camera-video.mirrored[data-v-fd63f791]{transform:scaleX(-1)}.overlay-layer[data-v-fd63f791]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.guide-mask[data-v-fd63f791]{width:100%;height:100%;position:relative}.guide-svg[data-v-fd63f791]{width:100%;height:100%}.camera-controls[data-v-fd63f791]{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:30px}.cam-btn[data-v-fd63f791]{width:3rem;height:3rem;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cam-btn[data-v-fd63f791]:hover{background:#fff6}.shutter-btn[data-v-fd63f791]{width:4rem;height:4rem;border:2px solid white;background:transparent;padding:0}.shutter-inner[data-v-fd63f791]{width:3.2rem;height:3.2rem;background:#fff;border-radius:50%;transition:transform .1s}.shutter-btn:active .shutter-inner[data-v-fd63f791]{transform:scale(.9)}.upload-btn[data-v-fd63f791]{cursor:pointer;position:relative;overflow:hidden}.hidden-input[data-v-fd63f791]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.timer-opts[data-v-fd63f791]{position:absolute;right:-80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem}.timer-btn[data-v-fd63f791]{background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.countdown-overlay[data-v-fd63f791]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;z-index:20}.countdown-number[data-v-fd63f791]{font-size:8rem;color:#fff;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.5);animation:ping-fd63f791 1s infinite}@keyframes ping-fd63f791{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(.8);opacity:.5}}.animate-breathe[data-v-fd63f791]{animation:breathe-fd63f791 3s ease-in-out infinite}@keyframes breathe-fd63f791{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.samples-grid[data-v-fd63f791]{display:grid;grid-template-columns:1fr;gap:1rem}.sample-item[data-v-fd63f791]{border-radius:.5rem;overflow:hidden;aspect-ratio:3/4;background:#e5e7eb}.sample-item img[data-v-fd63f791]{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.samples-header[data-v-fd63f791]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.refresh-btn[data-v-fd63f791]{padding:.25rem;background:transparent;border:1px solid #e5e7eb;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refresh-btn[data-v-fd63f791]:hover:not(:disabled){background-color:#f3f4f6;color:#2563eb;border-color:#2563eb}.refresh-btn[data-v-fd63f791]:disabled{opacity:.5;cursor:not-allowed}.spin[data-v-fd63f791]{animation:spin-fd63f791 1s linear infinite}@keyframes spin-fd63f791{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.samples-grid[data-v-fd63f791]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}