.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.user-profile-steps[data-v-1cfb1b48]{padding:20px 0}.step-indicators[data-v-1cfb1b48]{display:flex;margin-bottom:25px;position:relative}.step-indicator[data-v-1cfb1b48]{flex:1;text-align:center;padding:10px;font-weight:500;color:var(--text-light);position:relative}.step-indicator[data-v-1cfb1b48]:after{content:"";height:2px;background-color:var(--border-color);position:absolute;top:50%;left:0;right:0;z-index:-1}.step-indicator.active[data-v-1cfb1b48]{color:var(--primary-color)}.step-indicator.active[data-v-1cfb1b48]:after{background-color:var(--primary-color)}.step-content[data-v-1cfb1b48]{animation:fadeIn-1cfb1b48 .3s ease}.avatar-upload[data-v-1cfb1b48]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.avatar-preview[data-v-1cfb1b48]{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd;transition:all .3s ease}.avatar-image[data-v-1cfb1b48]{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-preview[data-v-1cfb1b48]:hover{border-color:var(--primary-color)}.avatar-actions[data-v-1cfb1b48]{position:absolute;bottom:10px;right:10px;padding:4px;display:flex;justify-content:flex-end;opacity:0;transition:all .3s ease;z-index:1}.avatar-preview:hover .avatar-actions[data-v-1cfb1b48]{opacity:1}.avatar-action-btn[data-v-1cfb1b48]{background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-action-btn[data-v-1cfb1b48]:hover{background-color:var(--primary-dark)}.avatar-placeholder[data-v-1cfb1b48]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.avatar-placeholder i[data-v-1cfb1b48]{font-size:32px;margin-bottom:8px}.avatar-placeholder span[data-v-1cfb1b48]{font-size:13px}.cropper-container[data-v-1cfb1b48]{width:100%;max-width:400px;margin:0 auto}.cropper-wrapper[data-v-1cfb1b48]{position:relative;width:100%;height:300px;background:#000;overflow:hidden;border-radius:8px;margin-bottom:15px}.cropper-actions[data-v-1cfb1b48]{display:flex;justify-content:space-between;gap:10px}.cropper-actions .btn[data-v-1cfb1b48]{flex:1}.search-box[data-v-1cfb1b48]{position:relative;margin-bottom:30px}.search-input-container[data-v-1cfb1b48]{position:relative}.search-icon[data-v-1cfb1b48]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--primary-color)}.search-box input[data-v-1cfb1b48]{padding-left:40px}.search-results[data-v-1cfb1b48]{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow-y:auto;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:29}.search-result-item[data-v-1cfb1b48]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.search-result-item[data-v-1cfb1b48]:last-child{border-bottom:none}.search-result-item[data-v-1cfb1b48]:hover{background-color:var(--primary-light)}.result-main[data-v-1cfb1b48]{font-weight:500;font-size:15px;color:var(--primary-color);margin-bottom:4px}.result-detail[data-v-1cfb1b48]{font-size:13px;color:var(--text-light)}.info-message[data-v-1cfb1b48]{margin-top:20px;padding:12px 15px;border-radius:8px;background-color:#3e8cfc14;display:flex;align-items:flex-start;gap:12px;text-align:left;color:var(--text-light);font-size:14px}.info-message i[data-v-1cfb1b48]{color:var(--primary-color);font-size:18px;margin-top:2px}.form-actions[data-v-1cfb1b48]{display:flex;justify-content:space-between;width:100%}.form-group[data-v-1cfb1b48]{margin-bottom:20px;width:100%;text-align:left}.form-group label[data-v-1cfb1b48]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-light)}.form-control[data-v-1cfb1b48]{width:100%;padding:12px 15px;font-size:16px;border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;background-color:var(--bg-color);transition:all .3s ease}.form-control[data-v-1cfb1b48]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3e8cfc33}.custom-select[data-v-1cfb1b48]{position:relative;cursor:pointer}.select-display[data-v-1cfb1b48]{width:100%;padding:12px 40px 12px 15px;font-size:16px;border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;background-color:var(--bg-color);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;min-height:48px;box-sizing:border-box}.custom-select.active .select-display[data-v-1cfb1b48]{border-color:var(--primary-color)}.placeholder[data-v-1cfb1b48]{color:#999}.select-arrow[data-v-1cfb1b48]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-light);transition:transform .3s ease;pointer-events:none}.select-arrow.rotate[data-v-1cfb1b48]{transform:translateY(-50%) rotate(180deg)}.select-options[data-v-1cfb1b48]{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:240px;overflow-y:auto;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:29}.select-option[data-v-1cfb1b48]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;font-size:15px;color:var(--text-color)}.select-option[data-v-1cfb1b48]:last-child{border-bottom:none}.select-option[data-v-1cfb1b48]:hover{background-color:var(--primary-light)}.select-option.selected[data-v-1cfb1b48]{background-color:var(--border-color);color:var(--primary-color);font-weight:500}select.form-control[data-v-1cfb1b48]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-color:var(--bg-color);background-repeat:no-repeat;background-position:right 15px center;background-size:16px}.btn[data-v-1cfb1b48]{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;outline:none;border:none}.btn-primary[data-v-1cfb1b48]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-1cfb1b48]:hover{background-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-color)}.btn-primary[data-v-1cfb1b48]:active{box-shadow:0 2px 8px var(--primary-color)}.btn-outline[data-v-1cfb1b48]{background-color:transparent;border:1px solid var(--border-color);color:#666}.btn-outline[data-v-1cfb1b48]:hover{background-color:#f5f5f5;border-color:#ccc}@keyframes fadeIn-1cfb1b48{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timer-circle[data-v-1e95c3c3]{width:250px;height:250px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s ease}.timer-ring[data-v-1e95c3c3]{position:absolute;transform:rotate(-90deg)}.ring-progress[data-v-1e95c3c3]{transition:stroke-dashoffset 1s linear}.timer-text[data-v-1e95c3c3]{font-size:54px;font-weight:300;color:var(--primary-color);z-index:1}.timer-circle.break-mode .timer-text[data-v-1e95c3c3]{color:var(--primary-medium)}@media (max-width: 320px){.timer-circle[data-v-1e95c3c3],.timer-ring[data-v-1e95c3c3]{width:200px;height:200px}.timer-text[data-v-1e95c3c3]{font-size:42px}}.points-settlement-modal[data-v-adde0a76]{max-width:400px;width:90%}.points-info[data-v-adde0a76]{display:flex;align-items:center;gap:20px;padding:20px;background:var(--card-bg);border-radius:12px;margin-bottom:20px}.points-icon[data-v-adde0a76]{font-size:48px;color:gold}.points-text[data-v-adde0a76]{flex:1}.points-text h3[data-v-adde0a76]{font-size:20px;margin-bottom:4px;color:var(--text-color)}.points-text p[data-v-adde0a76]{color:var(--text-light);margin-bottom:8px}.points-value[data-v-adde0a76]{font-size:32px;font-weight:600;color:var(--primary-color)}.task-summary[data-v-adde0a76]{text-align:center;color:var(--text-light)}.points-rate[data-v-adde0a76]{font-size:14px;margin-top:4px;color:var(--text-light)}.btn[data-v-adde0a76]{padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-adde0a76]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-adde0a76]:hover{opacity:.9;transform:translateY(-1px)}.timer-page[data-v-608d5b16]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-color);color:var(--text-color);width:100%;max-width:1024px;z-index:11}.timer-screen[data-v-608d5b16]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0}.description[data-v-608d5b16]{font-size:18px;font-weight:500;color:var(--primary-color);margin:20px}.timer-controls[data-v-608d5b16]{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.btn-controller[data-v-608d5b16]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;border:none;transition:transform .3s ease}.btn-controller[data-v-608d5b16]:active{transform:scale(.88)}.timer-info[data-v-608d5b16]{margin-bottom:20px;text-align:center}.music[data-v-608d5b16]{width:100%;height:110px;border-radius:20px}.player[data-v-608d5b16]{margin-top:10px;background:#fff0}.music-container[data-v-608d5b16]{position:fixed;bottom:0;left:0;width:100%;height:110px;border-radius:20px;padding:10px}.current-task[data-v-608d5b16]{font-size:18px;font-weight:500;margin-bottom:5px}.current-step[data-v-608d5b16]{font-size:16px;margin-top:10px;margin-bottom:10px;font-weight:500}.rest-step[data-v-608d5b16]{color:#8fbcbb}.rest-badge[data-v-608d5b16]{background-color:#8fbcbb;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;margin-left:5px}.rest-info[data-v-608d5b16]{margin-top:5px;display:flex;flex-direction:column}.rest-reason[data-v-608d5b16]{font-size:.9em;font-style:italic;color:var(--text-light)}.suggestions-title[data-v-608d5b16]{margin-top:5px;font-size:.9em;font-weight:700;color:var(--text-color)}.rest-suggestions[data-v-608d5b16]{text-align:center;color:var(--text-light)}.rest-suggestions ul[data-v-608d5b16]{margin:5px 0 0}.rest-suggestions li[data-v-608d5b16]{font-size:.8em;margin-bottom:3px;list-style-type:none}.task-progress[data-v-608d5b16]{font-size:14px;color:var(--text-light)}.task-selector[data-v-608d5b16]{margin-top:20px}.task-list[data-v-608d5b16]{max-height:300px;overflow-y:auto}.task-item[data-v-608d5b16]{padding:15px;background:var(--card-bg);border-radius:10px;margin-bottom:10px;cursor:pointer}.task-item[data-v-608d5b16]:last-child{margin-bottom:0}.task-title[data-v-608d5b16]{font-size:16px}.task-subtitle[data-v-608d5b16]{font-size:14px;color:var(--text-light)}.completion-message[data-v-608d5b16]{display:flex;flex-direction:column;align-items:center;gap:15px}.success-icon[data-v-608d5b16]{font-size:48px;color:var(--primary-color)}.completion-message h2[data-v-608d5b16]{margin:0;color:var(--text-color);font-size:24px}.completion-message p[data-v-608d5b16]{margin:0;color:var(--text-light);font-size:16px}.fade-enter-active[data-v-608d5b16],.fade-leave-active[data-v-608d5b16]{transition:opacity .3s ease}.fade-enter-from[data-v-608d5b16],.fade-leave-to[data-v-608d5b16]{opacity:0}.pointfade-enter-active[data-v-608d5b16],.pointfade-leave-active[data-v-608d5b16]{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.pointfade-enter-from[data-v-608d5b16],.pointfade-leave-to[data-v-608d5b16]{opacity:0}.pointfade-enter-to[data-v-608d5b16],.pointfade-leave-from[data-v-608d5b16]{opacity:1}.modal-enter-active[data-v-79822db0],.modal-leave-active[data-v-79822db0]{transition:opacity .2s ease}.modal-enter-from[data-v-79822db0],.modal-leave-to[data-v-79822db0]{opacity:0}.modal-enter-active .modal-content[data-v-79822db0],.modal-leave-active .modal-content[data-v-79822db0]{transition:transform .2s ease}.modal-enter-from .modal-content[data-v-79822db0],.modal-leave-to .modal-content[data-v-79822db0]{transform:scale(.97)}.ai-progress-container[data-v-68894702]{height:250px;width:100%;display:flex;flex-direction:column}.progress-tips[data-v-68894702]{width:100%;overflow:hidden;margin:auto}.ai-progress-container[data-v-68894702]{background:var(--card-bg, #ffffff);border-radius:12px;padding:24px;margin:16px 0;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.ai-progress-container[data-v-68894702]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(76,175,80,.6),transparent);animation:shimmer-68894702 2s infinite}@keyframes shimmer-68894702{0%{left:-100%}to{left:100%}}.progress-header[data-v-68894702]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-title[data-v-68894702]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-color, #333)}.progress-icon[data-v-68894702]{color:var(--primary-color, #4CAF50);animation:pulse-68894702 2s infinite}@keyframes pulse-68894702{0%,to{opacity:1}50%{opacity:.6}}.progress-percentage[data-v-68894702]{font-size:18px;font-weight:700;color:var(--primary-color, #4CAF50);min-width:60px;text-align:right}.progress-bar-container[data-v-68894702]{position:relative;margin-bottom:16px}.progress-bar[data-v-68894702]{width:100%;height:8px;background:var(--primary-light, #f5f5f5);border-radius:4px;overflow:hidden;position:relative}.progress-fill[data-v-68894702]{height:100%;border-radius:4px;transition:width .3s ease;position:relative}.progress-glow[data-v-68894702]{position:absolute;top:-2px;width:12px;height:12px;background:radial-gradient(circle,rgba(76,175,80,.8),transparent);border-radius:50%;transform:translate(-50%);animation:glow-68894702 2s infinite}@keyframes glow-68894702{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.progress-status[data-v-68894702]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.current-step[data-v-68894702]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color, #333)}.step-icon[data-v-68894702]{color:var(--primary-color, #4CAF50);font-size:12px}.estimated-time[data-v-68894702]{font-size:12px;color:var(--text-light, #666);background:var(--border-color, #f5f5f5);padding:4px 8px;border-radius:12px}.progress-tips[data-v-68894702]{background:var(--border-color, #e8f5e8);border-radius:8px;padding:12px;border-left:3px solid var(--primary-color, #4CAF50)}.tip-content[data-v-68894702]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light, #666);line-height:1.4}.tip-icon[data-v-68894702]{color:var(--primary-color, #4CAF50);flex-shrink:0;animation:twinkle-68894702 3s infinite}@keyframes twinkle-68894702{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.ai-progress-container[data-v-68894702]{padding:16px;margin:12px 0}.progress-header[data-v-68894702]{flex-direction:column;gap:8px;align-items:flex-start}.progress-percentage[data-v-68894702]{align-self:flex-end}.progress-status[data-v-68894702]{flex-direction:column;gap:8px;align-items:flex-start}.tip-content[data-v-68894702]{font-size:12px}}.ai-progress-container.theme-generator[data-v-68894702]{border-color:#9c27b0}.ai-progress-container.theme-generator .progress-icon[data-v-68894702],.ai-progress-container.theme-generator .step-icon[data-v-68894702],.ai-progress-container.theme-generator .tip-icon[data-v-68894702],.ai-progress-container.theme-generator .progress-percentage[data-v-68894702]{color:#9c27b0}.ai-progress-container.task-decomposer[data-v-68894702]{border-color:#2196f3}.ai-progress-container.task-decomposer .progress-icon[data-v-68894702],.ai-progress-container.task-decomposer .step-icon[data-v-68894702],.ai-progress-container.task-decomposer .tip-icon[data-v-68894702],.ai-progress-container.task-decomposer .progress-percentage[data-v-68894702]{color:#2196f3}.task-decomposer[data-v-c9b7f8ea]{width:100%;height:100%;display:flex;flex-direction:column}.close-modal[data-v-c9b7f8ea]{font-size:20px;color:var(--text-light);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.close-modal[data-v-c9b7f8ea]:hover{color:var(--text-color);background-color:var(--border-color)}.input-section[data-v-c9b7f8ea]{margin-bottom:24px}.form-group[data-v-c9b7f8ea]{margin-bottom:16px}.form-group label[data-v-c9b7f8ea]{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color);font-size:14px}.datetime-section[data-v-c9b7f8ea]{margin-bottom:16px}.datetime-input-group[data-v-c9b7f8ea]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.datetime-input[data-v-c9b7f8ea]{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:14px;font-family:inherit}.datetime-input[data-v-c9b7f8ea]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.datetime-text[data-v-c9b7f8ea]{color:var(--text-light);font-size:14px;font-weight:500}.datetext-input[data-v-c9b7f8ea]{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:14px;font-family:inherit}.datetext-input[data-v-c9b7f8ea]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.datetime-help[data-v-c9b7f8ea]{margin-top:6px}.datetime-help small[data-v-c9b7f8ea]{color:var(--text-light);font-size:12px;line-height:1.4}@media (max-width: 768px){.datetime-input-group[data-v-c9b7f8ea]{flex-direction:column;align-items:stretch}.datetime-text[data-v-c9b7f8ea]{text-align:center;padding:4px 0}.datetime-input[data-v-c9b7f8ea],.datetext-input[data-v-c9b7f8ea]{min-width:auto}}.time-mode-section[data-v-c9b7f8ea]{margin-bottom:20px}.mode-selector[data-v-c9b7f8ea]{display:flex;flex-direction:column;gap:12px;margin-top:8px}.mode-option[data-v-c9b7f8ea]{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-color)}.mode-option[data-v-c9b7f8ea]:hover{border-color:var(--primary-light);background:var(--primary-bg)}.mode-option input[type=radio][data-v-c9b7f8ea]{margin:2px 0 0}.mode-option input[type=radio]:checked+.mode-label[data-v-c9b7f8ea]{color:var(--primary-color);font-weight:600}.mode-option[data-v-c9b7f8ea]:has(input[type=radio]:checked){border-color:var(--primary-color);background:var(--primary-bg)}.mode-label[data-v-c9b7f8ea]{flex:1;display:flex;flex-direction:column;gap:4px}.mode-label i[data-v-c9b7f8ea]{margin-right:8px;color:var(--primary-color)}.mode-label small[data-v-c9b7f8ea]{color:var(--text-light);font-size:12px;line-height:1.4}.auto-time-input[data-v-c9b7f8ea],.custom-time-input[data-v-c9b7f8ea]{margin-top:16px;padding:16px;background:var(--secondary-bg);border-radius:8px;border:1px solid var(--border-color)}.input-help[data-v-c9b7f8ea]{margin-top:6px}.input-help small[data-v-c9b7f8ea]{color:var(--text-light);font-size:12px}.option-label.highlight[data-v-c9b7f8ea]{background:var(--primary-light);padding:8px 12px;border-radius:6px;border:1px solid var(--primary-color)}.option-label.highlight small[data-v-c9b7f8ea]{color:var(--primary-dark);font-size:11px;margin-left:26px;display:block;margin-top:2px}.task-input[data-v-c9b7f8ea]{width:100%;min-height:80px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;resize:vertical;font-family:inherit}.task-input[data-v-c9b7f8ea]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.time-preference-section[data-v-c9b7f8ea]{margin-bottom:20px}.time-preference-input[data-v-c9b7f8ea]{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;font-family:inherit;transition:all .2s ease}.time-preference-input[data-v-c9b7f8ea]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.time-preference-input[data-v-c9b7f8ea]:placeholder-shown{border-color:var(--border-color)}.time-preference-input[data-v-c9b7f8ea]:not(:placeholder-shown){border-color:var(--primary-light);background:var(--primary-bg)}.input-help[data-v-c9b7f8ea]{margin-top:8px}.help-content[data-v-c9b7f8ea]{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--card-bg);border-radius:6px;margin-bottom:8px}.help-content i[data-v-c9b7f8ea]{color:var(--primary-color);font-size:14px;margin-top:2px;flex-shrink:0}.help-content div[data-v-c9b7f8ea]{flex:1}.help-content small[data-v-c9b7f8ea]{display:block;color:var(--text-light);font-size:12px;line-height:1.4;margin-bottom:2px}.help-content small[data-v-c9b7f8ea]:first-of-type{color:var(--text-color);font-weight:500;margin-bottom:4px}.warning-content[data-v-c9b7f8ea]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.warning-content i[data-v-c9b7f8ea]{color:#856404;font-size:14px;flex-shrink:0}.warning-content small[data-v-c9b7f8ea]{color:#856404;font-size:12px;line-height:1.3}.options-section[data-v-c9b7f8ea]{margin:16px 0}.option-group[data-v-c9b7f8ea]{display:flex;gap:24px;flex-wrap:wrap}.option-label[data-v-c9b7f8ea]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-color);position:relative}.option-label input[type=checkbox][data-v-c9b7f8ea]{display:none}.checkmark[data-v-c9b7f8ea]{width:18px;height:18px;border:2px solid var(--primary-color);border-radius:3px;position:relative;transition:all .2s ease}.option-label input[type=checkbox]:checked+.checkmark[data-v-c9b7f8ea]{background:var(--primary-color)}.option-label input[type=checkbox]:checked+.checkmark[data-v-c9b7f8ea]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.decompose-btn[data-v-c9b7f8ea]{width:100%;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.decompose-btn[data-v-c9b7f8ea]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.decompose-btn[data-v-c9b7f8ea]:disabled{background:var(--text-light);cursor:not-allowed;transform:none}.decompose-btn.loading[data-v-c9b7f8ea]{background:var(--primary-color);cursor:wait}.ai-config-warning[data-v-c9b7f8ea]{margin:20px 0;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.warning-content[data-v-c9b7f8ea]{display:flex;align-items:center;gap:16px}.warning-content i[data-v-c9b7f8ea]{color:#856404;font-size:24px;flex-shrink:0}.warning-content div[data-v-c9b7f8ea]{flex:1}.warning-content p[data-v-c9b7f8ea]{margin:0;color:#856404}.warning-content p[data-v-c9b7f8ea]:first-child{font-weight:600;margin-bottom:4px}.results-section[data-v-c9b7f8ea]{margin-top:24px}.results-header[data-v-c9b7f8ea]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.results-header h4[data-v-c9b7f8ea]{margin:0;color:var(--text-color);font-size:16px;font-weight:600}.result-summary[data-v-c9b7f8ea]{display:flex;gap:16px;font-size:14px;color:var(--text-light);flex-wrap:wrap;justify-content:flex-end}.task-count[data-v-c9b7f8ea],.work-time[data-v-c9b7f8ea],.rest-time[data-v-c9b7f8ea],.total-time[data-v-c9b7f8ea]{background:var(--card-bg);padding:4px 8px;border-radius:4px}.work-time[data-v-c9b7f8ea]{background:var(--primary-light);color:var(--primary-dark)}.rest-time[data-v-c9b7f8ea]{background:#e8f5e8;color:#2e7d32}.total-time[data-v-c9b7f8ea]{background:var(--text-light);color:#fff;font-weight:500}.reasoning-section[data-v-c9b7f8ea]{margin-bottom:20px;background:var(--card-bg);border-radius:8px;overflow:hidden}.reasoning-toggle[data-v-c9b7f8ea]{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-color);font-weight:500;transition:background-color .2s ease}.reasoning-toggle[data-v-c9b7f8ea]:hover{background:var(--border-color)}.reasoning-content[data-v-c9b7f8ea]{padding:0 16px 16px;color:var(--text-light);font-size:14px;line-height:1.5}.rest-periods-section[data-v-c9b7f8ea]{margin-bottom:20px;background:var(--card-bg);border-radius:8px;overflow:hidden;border:2px solid var(--primary-light)}.rest-periods-toggle[data-v-c9b7f8ea]{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:500;transition:background-color .2s ease;background:var(--primary-light)}.rest-periods-toggle[data-v-c9b7f8ea]:hover{background:var(--primary-color);color:#fff}.rest-periods-content[data-v-c9b7f8ea]{padding:16px}.rest-period-item[data-v-c9b7f8ea]{background:var(--border-color);border-radius:6px;padding:12px;margin-bottom:12px;border-left:4px solid var(--primary-color)}.rest-period-item[data-v-c9b7f8ea]:last-child{margin-bottom:0}.rest-header[data-v-c9b7f8ea]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.rest-position[data-v-c9b7f8ea]{font-weight:500;color:var(--text-color);font-size:14px}.rest-duration[data-v-c9b7f8ea]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.rest-duration.rest-short[data-v-c9b7f8ea]{background:#28a745}.rest-duration.rest-medium[data-v-c9b7f8ea]{background:#ffc107;color:#212529}.rest-duration.rest-long[data-v-c9b7f8ea]{background:#dc3545}.rest-reason[data-v-c9b7f8ea]{color:var(--text-light);font-size:13px;margin-bottom:8px;line-height:1.4}.rest-suggestions[data-v-c9b7f8ea]{font-size:13px}.rest-suggestions strong[data-v-c9b7f8ea]{color:var(--text-color);display:block;margin-bottom:4px}.rest-suggestions ul[data-v-c9b7f8ea]{margin:0;padding-left:16px;color:var(--text-light)}.rest-suggestions li[data-v-c9b7f8ea]{margin-bottom:2px;line-height:1.3}.tasks-list[data-v-c9b7f8ea]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.task-item[data-v-c9b7f8ea]{display:flex;gap:12px;padding:16px;background:var(--card-bg);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.task-item.selected[data-v-c9b7f8ea]{border-color:var(--primary-color);background:var(--primary-light)}.task-item.priority-high[data-v-c9b7f8ea]{border-left:4px solid #e74c3c}.task-item.priority-medium[data-v-c9b7f8ea]{border-left:4px solid #f39c12}.task-item.priority-low[data-v-c9b7f8ea]{border-left:4px solid #27ae60}.task-checkbox[data-v-c9b7f8ea]{width:20px;height:20px;border:2px solid var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.task-checkbox.checked[data-v-c9b7f8ea]{background:var(--primary-color);color:#fff}.task-content[data-v-c9b7f8ea]{flex:1}.task-header[data-v-c9b7f8ea]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.task-name[data-v-c9b7f8ea]{margin:0;font-size:16px;font-weight:600;color:var(--text-color);flex:1}.task-badges[data-v-c9b7f8ea]{display:flex;gap:8px;flex-shrink:0;margin-left:12px}.priority-badge[data-v-c9b7f8ea],.pomodoro-badge[data-v-c9b7f8ea]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.priority-badge.high[data-v-c9b7f8ea]{background:#ffebee;color:#c62828}.priority-badge.medium[data-v-c9b7f8ea]{background:#fff3e0;color:#ef6c00}.priority-badge.low[data-v-c9b7f8ea]{background:#e8f5e8;color:#2e7d32}.pomodoro-badge[data-v-c9b7f8ea]{background:var(--primary-light);color:var(--primary-dark)}.task-description[data-v-c9b7f8ea]{margin:0 0 12px;color:var(--text-light);font-size:14px;line-height:1.5}.task-meta[data-v-c9b7f8ea]{display:flex;gap:16px;font-size:13px;color:var(--text-light);margin-bottom:8px}.task-tags[data-v-c9b7f8ea]{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.tag[data-v-c9b7f8ea]{background:var(--border-color);color:var(--text-color);padding:2px 6px;border-radius:8px;font-size:12px}.task-notes[data-v-c9b7f8ea]{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#fffbf0;border-radius:6px;font-size:13px;color:#8a6914}.task-notes i[data-v-c9b7f8ea]{color:#f39c12;margin-top:2px;flex-shrink:0}.recommendations[data-v-c9b7f8ea]{margin-bottom:24px;padding:16px;background:var(--card-bg);border-radius:8px}.recommendations h5[data-v-c9b7f8ea]{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:600}.recommendations ul[data-v-c9b7f8ea]{margin:0;padding-left:20px;color:var(--text-light);font-size:14px}.recommendations li[data-v-c9b7f8ea]{margin-bottom:4px;line-height:1.4}.footer-actions[data-v-c9b7f8ea]{display:flex;flex-direction:column;gap:12px;flex:1}.selection-info[data-v-c9b7f8ea]{text-align:center;font-size:14px;color:var(--text-light)}.hint[data-v-c9b7f8ea]{font-style:italic}.action-buttons[data-v-c9b7f8ea]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn[data-v-c9b7f8ea]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-sm[data-v-c9b7f8ea]{padding:8px 16px;font-size:13px}.btn-only[data-v-c9b7f8ea]{margin-left:auto}.btn-primary[data-v-c9b7f8ea]{background:var(--primary-color);color:#fff}.btn-primary[data-v-c9b7f8ea]:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary[data-v-c9b7f8ea]{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary[data-v-c9b7f8ea]:hover:not(:disabled){background:var(--border-color)}.btn[data-v-c9b7f8ea]:disabled{opacity:.5;cursor:not-allowed}.loading-section[data-v-c9b7f8ea]{width:100%}.error-section[data-v-c9b7f8ea]{margin:20px 0;padding:16px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px}.error-content[data-v-c9b7f8ea]{display:flex;align-items:center;gap:16px}.error-content i[data-v-c9b7f8ea]{color:#c62828;font-size:24px;flex-shrink:0}.error-content div[data-v-c9b7f8ea]{flex:1}.error-content p[data-v-c9b7f8ea]{margin:0;color:#c62828}.error-content p[data-v-c9b7f8ea]:first-child{font-weight:600;margin-bottom:4px}@media (max-width: 768px){.task-header[data-v-c9b7f8ea]{flex-direction:column;gap:8px}.task-badges[data-v-c9b7f8ea]{margin-left:0}.task-meta[data-v-c9b7f8ea]{flex-direction:column;gap:4px}.action-buttons[data-v-c9b7f8ea]{flex-direction:column;gap:8px}.footer-actions[data-v-c9b7f8ea]{gap:8px}.option-group[data-v-c9b7f8ea]{flex-direction:column;gap:12px}}.task-description[data-v-52844204]{font-size:12px;color:var(--text-light)}.tasks-page[data-v-52844204]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--background);color:var(--text-color);width:100%;max-width:1024px}.section-title[data-v-52844204]{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--text-color)}.task-section[data-v-52844204]{margin-bottom:30px}.task-list[data-v-52844204]{display:flex;flex-direction:column;gap:10px}.task-item[data-v-52844204]{display:flex;align-items:center;padding:15px;background:var(--card-bg);border-radius:15px;transition:all .3s ease}.task-checkbox[data-v-52844204]{width:24px;height:24px;border-radius:50%;border:2px solid var(--primary-color);margin-right:15px;cursor:pointer;flex-shrink:0}.task-checkbox.completed[data-v-52844204]{background:var(--primary-color);position:relative}.task-checkbox.completed[data-v-52844204]:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.task-content[data-v-52844204]{flex:1}.task-title[data-v-52844204]{color:var(--primary-dark);font-weight:700;font-size:16px}.task-title.editable[data-v-52844204]:hover,.task-description.editable[data-v-52844204]:hover{cursor:pointer;background-color:rgba(var(--primary-color-rgb),.1);border-radius:4px;padding:2px 4px;margin:-2px -4px}.task-item.completed .task-title[data-v-52844204]{text-decoration:line-through;color:var(--text-light)}.task-subtitle[data-v-52844204]{display:flex;flex-direction:column;align-items:flex-start}.task-subline[data-v-52844204]{font-size:14px;color:var(--text-light);margin-left:0}.task-actions[data-v-52844204]{display:flex;gap:18px}.task-actions i[data-v-52844204]{font-size:20px;color:var(--text-light);cursor:pointer;transition:transform .2s ease}.task-actions i[data-v-52844204]:active{transform:scale(.9);color:var(--primary-color)}.task-actions i.fa-play[data-v-52844204]{color:var(--primary-color)}.task-actions i.fa-play[data-v-52844204]:active{color:var(--primary-dark)}.no-tasks[data-v-52844204]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 200px);text-align:center}.empty-state[data-v-52844204]{display:flex;flex-direction:column;align-items:center;gap:20px}.empty-icon[data-v-52844204]{font-size:50px;color:var(--text-light);margin-bottom:10px}.list-enter-active[data-v-52844204],.list-leave-active[data-v-52844204]{transition:all .5s ease}.list-enter-from[data-v-52844204]{opacity:0;transform:translate(30px)}.list-leave-to[data-v-52844204]{opacity:0;transform:translate(-30px)}.steps-list[data-v-52844204]{margin-top:10px;overflow:auto;max-height:240px;border-radius:20px;padding:10px;border:1px solid var(--border-color);scroll-behavior:smooth}.step-item[data-v-52844204]{background:var(--card-bg);border-radius:10px;padding:12px;margin-bottom:8px;cursor:default;transition:all .2s ease}.step-item.clickable[data-v-52844204]{cursor:pointer}.step-item.clickable[data-v-52844204]:active{background-color:rgba(var(--primary-color-rgb),.05);transform:scale(.95)}.step-item .step-actions[data-v-52844204]{display:flex;gap:10px}.step-item .step-actions i[data-v-52844204]{cursor:pointer;color:var(--text-light)}.step-item .step-actions i[data-v-52844204]:hover{color:var(--primary-color)}.step-item.detailed[data-v-52844204]{border-left:3px solid var(--primary-color)}.rest-badge[data-v-52844204]{background-color:#8fbcbb;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;margin-left:5px}.rest-step[data-v-52844204]{color:#8fbcbb}.step-header[data-v-52844204]{display:flex;align-items:center}.step-checkbox[data-v-52844204]{width:20px;height:20px;border-radius:50%;border:2px solid var(--primary-color);margin-right:10px;cursor:pointer;flex-shrink:0}.step-checkbox.completed[data-v-52844204]{background:var(--primary-color);position:relative}.step-checkbox.completed[data-v-52844204]:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px}.rest-icon[data-v-52844204]{width:18px;height:18px;margin-right:10px;color:#8fbcbb;cursor:pointer;position:relative;text-align:center;display:flex;align-items:center;justify-content:center}.rest-icon.completed[data-v-52844204]{position:relative;color:#8fbcbb}.step-content[data-v-52844204]{flex:1}.step-title[data-v-52844204]{font-size:14px;font-weight:500;margin-bottom:3px}.step-duration[data-v-52844204]{font-size:12px;color:var(--text-light)}.step-details[data-v-52844204]{margin-top:5px;padding-left:28px}.step-meta[data-v-52844204]{font-size:12px;color:var(--text-light)}.rest-frequency-inputs[data-v-52844204]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.number-input.small[data-v-52844204]{width:80px}.radio-group[data-v-52844204],.checkbox-group[data-v-52844204]{display:flex;flex-direction:column;gap:10px}.radio-group label[data-v-52844204],.checkbox-group label[data-v-52844204]{display:flex;align-items:center;gap:8px;cursor:pointer}.steps-header[data-v-52844204]{display:flex;justify-content:space-between;align-items:center}.steps-actions[data-v-52844204]{display:flex;gap:8px}.btn-small[data-v-52844204]{background:var(--primary-color);color:#fff;font-size:12px;padding:4px 10px}.btn-ai[data-v-52844204]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.btn-ai[data-v-52844204]:active{transform:scale(1.2);box-shadow:0 0 20px #6f89ffbf}.no-steps[data-v-52844204]{color:var(--text-light);font-size:14px;text-align:center;padding:15px;background:var(--border-color);border-radius:10px}.has-steps[data-v-52844204]{color:var(--primary-color);font-size:14px;text-align:center;padding:15px;background:var(--primary-light);border-radius:10px}.has-steps[data-v-52844204]:hover{background:var(--primary-color);color:#fff}.no-steps[data-v-52844204]:hover{background:var(--primary-light);color:var(--primary-color)}.task-details-header[data-v-52844204]{margin-bottom:20px}.task-details-header h3[data-v-52844204]{margin-bottom:5px}.task-meta[data-v-52844204]{color:var(--text-light);font-size:14px;margin-bottom:10px}.task-details-description[data-v-52844204]{margin-top:10px;color:var(--text-color)}.number-input[data-v-52844204]{display:flex;align-items:center}.number-input button[data-v-52844204]{background:var(--card-bg);border:1px solid var(--border-color);height:35px;width:35px;font-size:16px;cursor:pointer}.number-input input[data-v-52844204]{width:60px;text-align:center}.datetime-picker-container[data-v-52844204]{width:100%}.datetime-picker[data-v-52844204]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:16px}.datetime-picker[data-v-52844204]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.custom-checkbox[data-v-52844204]{display:flex;align-items:center;gap:10px;cursor:pointer}.custom-checkbox .task-checkbox[data-v-52844204]{margin-right:0}.confirm-content[data-v-52844204]{text-align:center;padding:20px 0}.warning-icon[data-v-52844204]{font-size:48px;color:var(--primary-color);margin-bottom:16px}.confirm-content p[data-v-52844204]{font-size:16px;margin-bottom:8px;color:var(--text-color)}.warning-text[data-v-52844204]{font-size:14px;color:var(--text-light);margin-bottom:0}.btn-danger[data-v-52844204]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger[data-v-52844204]:hover{background:var(--primary-color);transform:translateY(-1px)}.statistics-page[data-v-d62337f6]{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100vh;background:var(--background);color:var(--text-color);width:100%;max-width:1024px}.week-selector[data-v-d62337f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:var(--card-bg);border-radius:20px;padding:15px 20px}.week-btn[data-v-d62337f6]{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.week-btn.disabled[data-v-d62337f6]{background:var(--primary-light);cursor:not-allowed;opacity:.6}.week-btn[data-v-d62337f6]:active{background:var(--primary-dark);transform:scale(.93)}.week-info[data-v-d62337f6]{display:flex;flex-direction:column;align-items:center;justify-content:center}.week-info span[data-v-d62337f6]:first-child{font-size:16px;font-weight:500;margin-bottom:4px}.current-week-link[data-v-d62337f6]{font-size:12px;color:var(--primary-color);cursor:pointer;text-decoration:underline;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:3px}.current-week-badge[data-v-d62337f6]{font-size:12px;color:#fff;background-color:var(--primary-color);padding:2px 8px;border-radius:10px;display:inline-block;margin-top:3px}.stats-card[data-v-d62337f6]{background:var(--card-bg);border-radius:20px;padding:24px;margin-bottom:20px}.stats-header[data-v-d62337f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-title[data-v-d62337f6]{font-size:18px;font-weight:600}.stats-header>div[data-v-d62337f6]:last-child{font-size:16px;color:var(--primary-color);font-weight:500}.stats-chart[data-v-d62337f6]{height:220px;margin-top:10px;position:relative;overflow:hidden}.matrix-chart[data-v-d62337f6]{height:100%;display:flex;gap:15px;position:relative}.matrix-chart[data-v-d62337f6]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:48px;background:repeating-linear-gradient(to bottom,transparent,transparent 44px,rgba(200,200,200,.1) 44px,rgba(200,200,200,.1) 45px);pointer-events:none}.y-axis[data-v-d62337f6]{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;width:25px}.y-label[data-v-d62337f6]{font-size:11px;color:var(--text-light);height:20px;display:flex;align-items:center;justify-content:flex-end;padding-right:5px}.matrix-content[data-v-d62337f6]{flex:1;display:flex;flex-direction:column}.matrix-labels[data-v-d62337f6]{display:flex;justify-content:space-between;margin-bottom:15px;padding:0 6px}.matrix-day[data-v-d62337f6]{font-size:11px;color:var(--text-light);flex:1;text-align:center}.matrix-grid[data-v-d62337f6]{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.matrix-row[data-v-d62337f6]{display:flex;justify-content:space-between;height:100%;gap:12px;align-items:flex-end;padding:0 6px}.matrix-cell[data-v-d62337f6]{flex:1;border-radius:6px;transition:all .5s cubic-bezier(.25,.46,.45,.94);min-height:4px;max-height:190px;position:relative;box-shadow:0 1px 3px #0000001a;animation:growUp .5s ease-out}.matrix-cell[data-v-d62337f6]:before{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-color);opacity:0;transition:opacity .3s ease;white-space:nowrap}.matrix-cell[data-v-d62337f6]:hover{transform:scaleY(1.05);box-shadow:0 2px 5px #0003}.matrix-cell[data-v-d62337f6]:hover:before{opacity:1}.stats-summary[data-v-d62337f6]{display:flex;flex-direction:column;justify-content:space-around;margin-top:30px;background-color:var(--card-bg);border-radius:20px}.summary-item[data-v-d62337f6]{text-align:center;padding:20px 0}.summary-value[data-v-d62337f6]{font-size:26px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.summary-label[data-v-d62337f6]{font-size:14px;color:var(--text-light)}.summary-line[data-v-d62337f6]{display:flex;width:100%;flex-direction:row;justify-content:space-between;padding:0 30px}.points-item .summary-value[data-v-d62337f6]{color:#ff9800;font-size:28px}.modal-backdrop[data-v-edffbeb6]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:15;display:flex;justify-content:center;align-items:center}.modal-content[data-v-edffbeb6]{background:var(--bg-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000026}.modal-header[data-v-edffbeb6]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h3[data-v-edffbeb6]{margin:0;color:var(--text-color);font-size:18px;font-weight:600}.close-btn[data-v-edffbeb6]{background:none;border:none;font-size:20px;color:var(--text-light);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;line-height:1}.modal-body[data-v-edffbeb6]{padding:24px;max-height:60vh;overflow-y:auto}.form-group[data-v-edffbeb6]{margin-bottom:20px}.form-group label[data-v-edffbeb6]{display:flex;margin-bottom:8px;color:var(--text-color);font-weight:500;font-size:15px}.form-group label i[data-v-edffbeb6]{margin-right:8px;color:var(--primary-color);width:16px;text-align:center}.provider-selection[data-v-edffbeb6]{display:flex;gap:12px}.provider-option[data-v-edffbeb6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--card-bg);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.provider-option input[type=radio][data-v-edffbeb6]{display:none}.provider-option i[data-v-edffbeb6]{color:var(--text-light);font-size:16px}.provider-option:has(input:checked)[data-v-edffbeb6]{border-color:var(--primary-color)}.provider-option:has(input:checked) .provider-label[data-v-edffbeb6]{color:var(--text-color);font-weight:700}.provider-option input[type=radio][data-v-edffbeb6]{margin:0}.provider-label[data-v-edffbeb6]{color:var(--text-color);font-weight:500}.password-input[data-v-edffbeb6]{position:relative}.password-input input[data-v-edffbeb6]{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;transition:all .2s;box-sizing:border-box}.password-input input[data-v-edffbeb6]:focus{outline:none;border-color:var(--primary-color)}.password-toggle[data-v-edffbeb6]{position:absolute;right:8px;top:35%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;font-size:16px;background:var(--bg-color)}.password-toggle[data-v-edffbeb6]:hover{color:var(--text-color)}.model-mode-selection[data-v-edffbeb6]{display:flex;gap:12px}.model-mode-option[data-v-edffbeb6]{flex:1;display:flex;align-items:center;gap:8px;padding:12px;background:var(--card-bg);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;justify-content:center}.model-mode-option input[type=radio][data-v-edffbeb6]{display:none}.model-mode-option i[data-v-edffbeb6]{color:var(--primary-color);font-size:14px}.model-mode-option:has(input:checked)[data-v-edffbeb6]{border-color:var(--primary-color)}.model-mode-option:has(input:checked) span[data-v-edffbeb6]{color:var(--text-color);font-weight:700}.model-mode-option input[type=radio][data-v-edffbeb6]{margin:0}.model-mode-option span[data-v-edffbeb6]{color:var(--text-color);font-weight:500;font-size:15px}select[data-v-edffbeb6],input[type=text][data-v-edffbeb6]{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-color);font-size:14px;transition:all .2s;box-sizing:border-box}select[data-v-edffbeb6]:focus,input[type=text][data-v-edffbeb6]:focus{outline:none;border-color:var(--primary-color)}select option[data-v-edffbeb6]{background:var(--bg-secondary);color:var(--text-color)}.think-badge[data-v-edffbeb6]{color:var(--primary-color);font-weight:600;font-size:12px}.checkbox-group[data-v-edffbeb6]{margin-top:8px}.checkbox-option[data-v-edffbeb6]{display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:14px;cursor:pointer}.checkbox-option input[type=checkbox][data-v-edffbeb6]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;margin:0;position:relative;display:grid;place-content:center;background-color:var(--bg-secondary)}.checkbox-option input[type=checkbox][data-v-edffbeb6]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-option input[type=checkbox][data-v-edffbeb6]:checked:before{content:"✓";color:#fff;position:absolute;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-option i[data-v-edffbeb6]{color:var(--primary-color);font-size:14px}.checkbox-option input[type=checkbox][data-v-edffbeb6]{margin:0}.test-result[data-v-edffbeb6]{background:var(--bg-secondary);border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid var(--border-color);transition:all .3s}.test-result[data-v-edffbeb6]:has(.test-status.success){border-left:4px solid #22c55e;background:#22c55e0d}.test-result[data-v-edffbeb6]:has(.test-status.error){border-left:4px solid #ef4444;background:#ef44440d}.test-header[data-v-edffbeb6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600;color:var(--text-color)}.test-header i[data-v-edffbeb6]{margin-right:6px}.test-status i[data-v-edffbeb6]{margin-right:4px}.test-status.success[data-v-edffbeb6]{color:#22c55e}.test-status.error[data-v-edffbeb6]{color:#ef4444}.streaming-response[data-v-edffbeb6]{color:var(--text-color);line-height:1.5;white-space:pre-wrap;background:var(--bg-color);padding:12px;border-radius:6px;border:1px solid rgba(34,197,94,.3);min-height:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 4px #22c55e1a}.error-message[data-v-edffbeb6]{color:#ef4444;font-size:14px;background:#ef44440d;padding:12px;border-radius:6px;border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px #ef44441a}.button-group[data-v-edffbeb6]{display:flex;gap:12px;justify-content:flex-end;width:100%}.test-btn[data-v-edffbeb6],.save-btn[data-v-edffbeb6],.cancel-btn[data-v-edffbeb6]{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;gap:6px}.test-btn i[data-v-edffbeb6],.save-btn i[data-v-edffbeb6],.cancel-btn i[data-v-edffbeb6]{font-size:14px}.test-btn[data-v-edffbeb6],.save-btn[data-v-edffbeb6]{background:var(--primary-color);color:#fff}.cancel-btn[data-v-edffbeb6]{background:var(--card-bg);color:var(--text-color)}.test-btn[data-v-edffbeb6]:disabled,.save-btn[data-v-edffbeb6]:disabled{background:var(--card-bg);color:var(--text-light);cursor:not-allowed;transform:none}a[data-v-edffbeb6]:link{color:var(--primary-color);text-decoration:none}a[data-v-edffbeb6]:visited{color:var(--primary-color)}.custom-select[data-v-edffbeb6]{position:relative;cursor:pointer;width:100%}.select-display[data-v-edffbeb6]{width:100%;padding:12px 40px 12px 15px;font-size:14px;border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;background:var(--bg-secondary);transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;min-height:48px;box-sizing:border-box}.select-display[data-v-edffbeb6]:hover{border-color:var(--primary-color)}.custom-select:has(.select-options) .select-display[data-v-edffbeb6]{border-color:var(--primary-color)}.placeholder[data-v-edffbeb6]{color:var(--text-light)}.select-arrow[data-v-edffbeb6]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-light);transition:transform .3s ease;pointer-events:none}.select-arrow.rotate[data-v-edffbeb6]{transform:translateY(-50%) rotate(180deg)}.select-options[data-v-edffbeb6]{position:fixed;max-height:240px;min-width:200px;width:max-content;overflow-y:auto;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:29}.select-option[data-v-edffbeb6]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;font-size:14px;color:var(--text-color)}.select-option[data-v-edffbeb6]:last-child{border-bottom:none}.select-option[data-v-edffbeb6]:hover{background-color:var(--primary-light)}.select-option.selected[data-v-edffbeb6]{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.select-option .think-badge[data-v-edffbeb6]{margin-left:4px;padding:2px 6px;border-radius:4px;background-color:var(--primary-light);font-size:12px}.modal-backdrop[data-v-6e632937]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-header[data-v-6e632937]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-6e632937]{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-header h2 i[data-v-6e632937]{color:var(--primary-color)}.close-modal[data-v-6e632937]{cursor:pointer;font-size:20px;color:var(--text-light);transition:color .2s ease}.close-modal[data-v-6e632937]:hover{color:var(--text-color)}.modal-body[data-v-6e632937]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-6e632937]{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color)}.config-section[data-v-6e632937]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-6e632937]{display:flex;flex-direction:column;gap:8px}.input-label[data-v-6e632937]{display:flex;align-items:center;gap:8px;font-weight:500;font-size:16px;color:var(--text-color)}.input-label i[data-v-6e632937]{color:var(--primary-color)}.theme-input[data-v-6e632937]{padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:16px;transition:all .2s ease}.theme-input[data-v-6e632937]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.input-hint[data-v-6e632937]{font-size:12px;color:var(--text-light)}.style-options[data-v-6e632937]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.style-option[data-v-6e632937]{border:2px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.style-option.active[data-v-6e632937]{background-color:var(--card-bg);border-color:var(--primary-color)}.style-icon[data-v-6e632937]{font-size:24px}.style-name[data-v-6e632937]{font-weight:500;font-size:16px;color:var(--text-color)}.style-desc[data-v-6e632937]{font-size:14px;color:var(--text-light)}.loading-section[data-v-6e632937]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:200px;padding:30px 20px;background-color:var(--bg-color)}.loading-desc[data-v-6e632937]{font-size:14px;color:var(--text-light);font-style:italic;text-align:center;margin-top:16px}.limit-warning[data-v-6e632937]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:#ffc1071a;border:1px solid rgba(255,193,7,.4);margin:15px 0;color:var(--text-color)}.warning-icon[data-v-6e632937]{flex-shrink:0;color:#ff9800;font-size:18px}.warning-text[data-v-6e632937]{font-size:14px;line-height:1.4}@keyframes spin-6e632937{to{transform:rotate(360deg)}}.btn-default[data-v-6e632937]{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-primary[data-v-6e632937]{background:var(--primary-color);color:#fff}.btn[data-v-6e632937]:disabled{opacity:.5;cursor:not-allowed}.brightness-toggle-container[data-v-6e632937]{margin-top:10px}.toggle-options[data-v-6e632937]{display:flex;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-bg)}.toggle-option[data-v-6e632937]{flex:1;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-light);font-size:14px;border:none;border-right:1px solid var(--border-color)}.toggle-option[data-v-6e632937]:last-child{border-right:none}.toggle-option.active[data-v-6e632937]{background:var(--primary-color);color:#fff}.toggle-option[data-v-6e632937]:hover:not(.active){background:rgba(var(--primary-color-rgb),.1);color:var(--text-color)}.toggle-option i[data-v-6e632937]{font-size:16px}@media (max-width: 600px){.style-options[data-v-6e632937]{grid-template-columns:1fr}}.modal-backdrop[data-v-d49d88f4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.ai-theme-preview[data-v-d49d88f4]{width:90%;max-width:1024px;max-height:90vh;border-radius:16px;background:var(--card-bg);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-d49d88f4]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-d49d88f4]{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-header h2 i[data-v-d49d88f4]{color:var(--primary-color)}.close-modal[data-v-d49d88f4]{cursor:pointer;font-size:20px;color:var(--text-light);transition:color .2s ease}.close-modal[data-v-d49d88f4]:hover{color:var(--text-color)}.modal-body[data-v-d49d88f4]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-d49d88f4]{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color)}.theme-preview-content[data-v-d49d88f4]{display:flex;flex-direction:column;align-items:center;gap:24px}.theme-header[data-v-d49d88f4]{text-align:center;padding:20px 0 10px}.theme-title[data-v-d49d88f4]{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:8px;letter-spacing:.5px}.theme-subtitle[data-v-d49d88f4]{font-size:14px;color:var(--text-light);font-weight:500}.poetic-text-container[data-v-d49d88f4]{position:relative;max-width:600px;text-align:center;padding:0 20px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.poetic-text[data-v-d49d88f4]{font-size:16px;color:var(--primary-dark);line-height:1.6;margin:5px 0}.poetic-description[data-v-d49d88f4]{font-style:italic;font-size:17px;color:var(--text-color);margin:10px 0}.quote-icon[data-v-d49d88f4]{color:var(--text-light);opacity:.6;font-size:16px}.preview-section[data-v-d49d88f4]{display:flex;flex-direction:column;gap:24px;width:100%}.preview-card-container[data-v-d49d88f4]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.preview-mockup[data-v-d49d88f4]{width:280px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--card-bg);box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column}.mockup-header[data-v-d49d88f4]{padding:14px 16px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;gap:8px;font-weight:500}.mockup-content[data-v-d49d88f4]{padding:16px;flex:1;display:flex;flex-direction:column;gap:14px}.task-item[data-v-d49d88f4]{display:flex;align-items:center;gap:12px}.task-checkbox[data-v-d49d88f4]{width:20px;height:20px;border-radius:4px;border:2px solid var(--primary-color)}.task-checkbox.checked[data-v-d49d88f4]{background-color:var(--primary-color);position:relative}.task-checkbox.checked[data-v-d49d88f4]:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border-bottom:2px solid white;border-right:2px solid white;transform:rotate(45deg)}.task-text[data-v-d49d88f4]{color:var(--text-color);font-size:15px}.task-text.completed[data-v-d49d88f4]{color:var(--text-light);text-decoration:line-through}.timer-circle[data-v-d49d88f4]{width:150px;height:150px;border-radius:50%;border:8px solid var(--primary-color);margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.timer-text[data-v-d49d88f4]{font-size:36px;font-weight:600;color:var(--text-color)}.timer-controls[data-v-d49d88f4]{display:flex;justify-content:center;gap:20px}.timer-btn[data-v-d49d88f4]{width:44px;height:44px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.colors-preview[data-v-d49d88f4]{display:flex;flex-direction:column;gap:24px;margin-top:10px}.color-section[data-v-d49d88f4]{display:flex;flex-direction:column;gap:10px}.color-label[data-v-d49d88f4]{font-size:16px;font-weight:500;color:var(--text-color)}.color-swatches[data-v-d49d88f4]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-evenly}.color-swatch[data-v-d49d88f4]{width:70px;height:70px;border-radius:8px;position:relative;box-shadow:0 2px 6px #0000001a;overflow:hidden;display:flex;align-items:flex-end}.color-swatch.primary[data-v-d49d88f4]{width:80px;height:80px}.color-code[data-v-d49d88f4]{width:100%;font-size:11px;padding:4px;background:#0009;color:#fff;text-align:center}.btn[data-v-d49d88f4]{padding:10px 16px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-default[data-v-d49d88f4]{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-primary[data-v-d49d88f4]{background-color:var(--primary-color);color:#fff}.btn-outline[data-v-d49d88f4]{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}@media (max-width: 600px){.colors-preview[data-v-d49d88f4]{overflow-x:auto}.preview-card-container[data-v-d49d88f4]{flex-direction:column;align-items:center}.preview-mockup[data-v-d49d88f4]{width:100%}.color-swatches[data-v-d49d88f4]{justify-content:center}.color-swatch[data-v-d49d88f4]{width:60px;height:60px}}.custom-theme-editor[data-v-f6b10236]{width:90%;max-width:1280px;max-height:90vh;border-radius:16px;background:var(--card-bg);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden}.editor-container[data-v-f6b10236]{display:flex;flex-direction:column;gap:30px;height:100%}.editor[data-v-f6b10236]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.theme-info-section[data-v-f6b10236]{display:flex;flex-direction:column;gap:16px}.info-group[data-v-f6b10236]{display:flex;flex-direction:column;gap:8px}.theme-type-toggle[data-v-f6b10236]{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-color)}.toggle-option[data-v-f6b10236]{flex:1;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-color);color:var(--text-light);border-right:1px solid var(--border-color)}.toggle-option[data-v-f6b10236]:last-child{border-right:none}.toggle-option.active[data-v-f6b10236]{background:var(--primary-color);color:#fff}.toggle-option.disabled[data-v-f6b10236]{cursor:not-allowed;opacity:.5;pointer-events:none}.theme-type-toggle.disabled[data-v-f6b10236]{opacity:.6}.edit-mode-notice[data-v-f6b10236]{margin-top:8px;padding:8px 12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px;color:#856404}.edit-mode-notice i[data-v-f6b10236]{color:#ffc107}.toggle-option[data-v-f6b10236]:hover:not(.active){background:var(--primary-light);color:var(--primary-color)}.limit-warning[data-v-f6b10236]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:16px}.warning-icon[data-v-f6b10236]{color:#856404;font-size:20px}.warning-text[data-v-f6b10236]{color:#856404;font-size:14px;font-weight:500}.info-group label[data-v-f6b10236]{font-weight:500;color:var(--text-color);font-size:14px}.theme-name-input[data-v-f6b10236],.theme-desc-input[data-v-f6b10236]{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px}.theme-name-input[data-v-f6b10236]:focus,.theme-desc-input[data-v-f6b10236]:focus{outline:none;border-color:var(--primary-color)}.color-editor-section h3[data-v-f6b10236]{margin:0 0 16px;color:var(--text-color);font-size:16px}.color-group[data-v-f6b10236]{margin-bottom:24px}.color-group h4[data-v-f6b10236]{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:500}.color-items[data-v-f6b10236]{display:flex;flex-direction:column;gap:12px}.color-item[data-v-f6b10236]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-bg)}.color-preview[data-v-f6b10236]{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background-color .2s ease}.color-preview[data-v-f6b10236]:hover{background:var(--bg-color)}.color-swatch[data-v-f6b10236]{width:40px;height:40px;border-radius:6px;position:relative;box-shadow:0 2px 4px #0000001a;display:flex;align-items:flex-end;overflow:hidden}.color-code[data-v-f6b10236]{width:100%;font-size:8px;padding:2px;background:#0009;color:#fff;text-align:center;font-family:monospace}.color-label[data-v-f6b10236]{font-size:14px;color:var(--text-color);font-weight:500}.color-picker-panel[data-v-f6b10236]{padding:16px;background:var(--bg-color);border-top:1px solid var(--border-color)}.hsl-controls[data-v-f6b10236]{display:flex;flex-direction:column;gap:12px}.hsl-slider[data-v-f6b10236]{display:flex;flex-direction:column;gap:6px}.hsl-slider label[data-v-f6b10236]{font-size:12px;color:var(--text-color);font-weight:500}.slider[data-v-f6b10236]{width:100%;height:6px;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hue-slider[data-v-f6b10236]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturation-slider[data-v-f6b10236]{background:linear-gradient(to right,gray,red)}.lightness-slider[data-v-f6b10236]{background:linear-gradient(to right,#000,gray,#fff)}.slider[data-v-f6b10236]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary-color);cursor:pointer;box-shadow:0 2px 4px #0003}.slider[data-v-f6b10236]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary-color);cursor:pointer;box-shadow:0 2px 4px #0003}.preview-section h3[data-v-f6b10236]{margin:0 0 16px;color:var(--text-color);font-size:16px}.preview-container[data-v-f6b10236]{border:1px solid var(--border-color);border-radius:8px;padding:16px;background:var(--bg-color);min-height:200px}.preview-card[data-v-f6b10236]{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-header[data-v-f6b10236]{padding:12px 16px;color:#fff;display:flex;align-items:center;gap:8px;font-weight:500}.preview-content[data-v-f6b10236]{padding:16px;display:flex;flex-direction:column;gap:12px}.preview-item[data-v-f6b10236]{display:flex;align-items:center;gap:8px}.preview-checkbox[data-v-f6b10236]{width:16px;height:16px;border:2px solid;border-radius:3px}.preview-text[data-v-f6b10236]{color:var(--text-color);font-size:14px}.preview-button[data-v-f6b10236]{padding:8px 16px;border-radius:6px;color:#fff;text-align:center;font-size:14px;font-weight:500;align-self:flex-start}.btn-default[data-v-f6b10236]{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-primary[data-v-f6b10236]{background-color:var(--primary-color);color:#fff}.btn-outline[data-v-f6b10236]{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn[data-v-f6b10236]:disabled{opacity:.7;cursor:not-allowed;transform:none;background-color:#ccc!important;color:#666!important;border-color:#aaa!important;box-shadow:none!important;position:relative}.btn[data-v-f6b10236]:disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;border-radius:20px}@media (max-width: 768px){.editor-container[data-v-f6b10236]{display:grid;grid-template-columns:1fr;gap:20px}.editor[data-v-f6b10236]{grid-template-columns:1fr}}@media (max-width: 480px){.color-items[data-v-f6b10236]{gap:8px}.color-preview[data-v-f6b10236]{padding:8px}.color-swatch[data-v-f6b10236]{width:32px;height:32px}.custom-theme-editor[data-v-f6b10236]{width:100%;height:100%;max-height:100%;border-radius:0%}}.theme-type-toggle[data-v-f6b10236]{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.toggle-option[data-v-f6b10236]{flex:1;padding:10px 16px;background:var(--card-bg);color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:500}.toggle-option[data-v-f6b10236]:hover,.toggle-option.active[data-v-f6b10236]{background:var(--primary-color);color:#fff}.limit-warning[data-v-f6b10236]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-bottom:20px}.warning-icon[data-v-f6b10236]{color:#f39c12;font-size:16px}.warning-text[data-v-f6b10236]{font-size:14px;line-height:1.4}.preview-card-container[data-v-f6b10236]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.preview-mockup[data-v-f6b10236]{width:280px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--card-bg);box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column}.mockup-header[data-v-f6b10236]{padding:14px 16px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;gap:8px;font-weight:500}.mockup-content[data-v-f6b10236]{padding:16px;flex:1;display:flex;flex-direction:column;gap:14px}.task-item[data-v-f6b10236]{display:flex;align-items:center;gap:12px}.task-checkbox[data-v-f6b10236]{width:20px;height:20px;border-radius:4px;border:2px solid var(--primary-color)}.task-checkbox.checked[data-v-f6b10236]{background-color:var(--primary-color);position:relative}.task-checkbox.checked[data-v-f6b10236]:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border-bottom:2px solid white;border-right:2px solid white;transform:rotate(45deg)}.task-text[data-v-f6b10236]{color:var(--text-color);font-size:15px}.task-text.completed[data-v-f6b10236]{color:var(--text-light);text-decoration:line-through}.timer-circle[data-v-f6b10236]{width:150px;height:150px;border-radius:50%;border:8px solid var(--primary-color);margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.timer-text[data-v-f6b10236]{font-size:36px;font-weight:600;color:var(--text-color)}.timer-controls[data-v-f6b10236]{display:flex;justify-content:center;gap:20px}.timer-btn[data-v-f6b10236]{width:44px;height:44px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.colors-preview[data-v-f6b10236]{display:flex;flex-direction:column;gap:24px;margin-top:10px}.color-section[data-v-f6b10236]{display:flex;flex-direction:column;gap:10px}.color-label[data-v-f6b10236]{font-size:16px;font-weight:500;color:var(--text-color)}.color-swatches[data-v-f6b10236]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-evenly}.color-swatch[data-v-f6b10236]{width:50px;height:50px;border-radius:8px;position:relative;box-shadow:0 2px 6px #0000001a;overflow:hidden;display:flex;align-items:flex-end}.color-code[data-v-f6b10236]{width:100%;font-size:10px;padding:3px;background:#0009;color:#fff;text-align:center}.modal-backdrop[data-v-a3302dd2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.ai-theme-manager[data-v-a3302dd2]{width:90%;max-width:1024px;max-height:90vh;border-radius:16px;background:var(--card-bg);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-a3302dd2]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-a3302dd2]{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-header h2 i[data-v-a3302dd2]{color:var(--primary-color)}.close-modal[data-v-a3302dd2]{cursor:pointer;font-size:20px;color:var(--text-light);transition:color .2s ease}.close-modal[data-v-a3302dd2]:hover{color:var(--text-color)}.modal-body[data-v-a3302dd2]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-a3302dd2]{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color)}.theme-manager-intro[data-v-a3302dd2]{margin-bottom:20px}.intro-text[data-v-a3302dd2]{color:var(--text-light);font-size:15px;line-height:1.5}.no-themes-message[data-v-a3302dd2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.no-themes-icon[data-v-a3302dd2]{font-size:48px;color:var(--text-light);opacity:.5}.no-themes-text[data-v-a3302dd2]{font-size:16px;color:var(--text-light)}.create-theme-btn[data-v-a3302dd2]{margin-top:10px;display:flex;align-items:center;gap:8px}.themes-grid[data-v-a3302dd2]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.theme-card[data-v-a3302dd2]{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;border:2px solid transparent}.theme-card[data-v-a3302dd2]:hover{box-shadow:0 6px 16px #0000001f}.theme-card.selected[data-v-a3302dd2]{box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1)}.theme-preview[data-v-a3302dd2]{height:120px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.theme-actions[data-v-a3302dd2]{position:relative;top:8px;right:8px;display:flex;gap:6px;opacity:1;transition:opacity .2s ease}.mini-action-btn[data-v-a3302dd2]{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.apply-mini-btn[data-v-a3302dd2]{background:#4caf50e6;color:#fff}.apply-mini-btn[data-v-a3302dd2]:active{background:#4caf50;transform:scale(1.2)}.edit-mini-btn[data-v-a3302dd2]{background:#2196f3e6;color:#fff}.edit-mini-btn[data-v-a3302dd2]:active{background:#2196f3;transform:scale(1.2)}.delete-mini-btn[data-v-a3302dd2]{background:#f44336e6;color:#fff}.delete-mini-btn[data-v-a3302dd2]:active{background:#f44336;transform:scale(1.2)}.poetic-text[data-v-a3302dd2]{font-size:18px;text-align:center;padding:10px;font-style:italic;line-height:1.3;max-width:90%}.theme-info[data-v-a3302dd2]{padding:15px;background:var(--card-bg);display:flex;justify-content:space-between;flex-wrap:wrap}.theme-name[data-v-a3302dd2]{font-weight:600;font-size:16px;margin-bottom:4px;color:var(--text-color)}.theme-desc[data-v-a3302dd2]{font-size:14px;color:var(--text-light);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.delete-confirm[data-v-a3302dd2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:110}.confirm-content[data-v-a3302dd2]{width:90%;max-width:350px;background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 10px 30px #0003}.confirm-title[data-v-a3302dd2]{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-color)}.confirm-message[data-v-a3302dd2]{font-size:15px;color:var(--text-light);margin-bottom:24px;line-height:1.5}.confirm-buttons[data-v-a3302dd2]{display:flex;justify-content:flex-end;gap:12px}.preview-overlay[data-v-a3302dd2]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:120}.btn-default[data-v-a3302dd2]{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-primary[data-v-a3302dd2]{background:var(--primary-color);color:#fff}.btn-outline[data-v-a3302dd2]{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-danger[data-v-a3302dd2]{background:#e53935;color:#fff}.export-import-group[data-v-a3302dd2]{display:flex;align-items:center;margin-right:auto}.export-import-btn[data-v-a3302dd2]{display:flex;align-items:center;gap:8px;font-size:14px}.export-import-btn[data-v-a3302dd2]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.copy-btn[data-v-a3302dd2]{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;min-width:80px;justify-content:center}.copy-btn.copied[data-v-a3302dd2]{background:#4caf50}.copy-btn i[data-v-a3302dd2]{font-size:14px}.delete-confirm-backdrop[data-v-a3302dd2]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.export-import-modal[data-v-a3302dd2]{width:90%;max-width:700px;max-height:85vh;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden}.export-import-modal .modal-header[data-v-a3302dd2]{padding:20px 24px;border-bottom:1px solid var(--border-color)}.export-import-modal .modal-header h3[data-v-a3302dd2]{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text-color)}.export-import-modal .modal-header h3 i[data-v-a3302dd2]{color:var(--primary-color)}.export-import-modal .modal-body[data-v-a3302dd2]{padding:24px;overflow-y:auto;flex:1}.export-import-tabs[data-v-a3302dd2]{display:flex;background:var(--bg-color);border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.tab-btn[data-v-a3302dd2]{flex:1;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-light);border:none}.tab-btn[data-v-a3302dd2]:hover{color:var(--text-color);background:#ffffff0d}.tab-btn.active[data-v-a3302dd2]{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}.tab-btn i[data-v-a3302dd2]{font-size:16px}.tab-content[data-v-a3302dd2]{min-height:300px}.export-section[data-v-a3302dd2],.import-section[data-v-a3302dd2]{margin-top:8px}.section-title[data-v-a3302dd2]{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-color);display:flex;align-items:center;gap:8px}.section-title[data-v-a3302dd2]:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.theme-export-list[data-v-a3302dd2]{max-height:240px;overflow-y:auto;border:1px solid var(--border-color);border-radius:12px;padding:8px;margin-bottom:20px}.theme-export-item[data-v-a3302dd2]{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.theme-export-item[data-v-a3302dd2]:hover{background:var(--primary-light)}.theme-export-item.selected[data-v-a3302dd2]{background:rgba(var(--primary-color-rgb),.1);border:1px solid var(--primary-color)}.theme-checkbox[data-v-a3302dd2]{width:20px;height:20px;border-radius:4px;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;margin-right:12px;background:transparent;transition:all .2s ease}.theme-export-item.selected .theme-checkbox[data-v-a3302dd2]{background:var(--primary-color);color:#fff}.theme-checkbox i[data-v-a3302dd2]{font-size:12px}.theme-export-preview[data-v-a3302dd2]{width:36px;height:36px;border-radius:8px;margin-right:12px;border:1px solid var(--border-color)}.theme-export-info[data-v-a3302dd2]{flex:1}.theme-export-name[data-v-a3302dd2]{font-weight:600;color:var(--text-color);margin-bottom:2px}.theme-export-desc[data-v-a3302dd2]{font-size:13px;color:var(--text-light);line-height:1.4}.export-actions[data-v-a3302dd2],.import-actions[data-v-a3302dd2]{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.export-actions .btn[data-v-a3302dd2],.import-actions .btn[data-v-a3302dd2]{display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 16px}.export-result[data-v-a3302dd2]{margin-top:24px;padding:20px;background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color)}.code-display[data-v-a3302dd2]{display:flex;align-items:stretch;gap:12px;margin-bottom:12px}.code-content[data-v-a3302dd2]{flex:1;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--text-color);word-break:break-all;max-height:120px;overflow-y:auto;line-height:1.4}.export-note[data-v-a3302dd2]{font-size:13px;color:var(--text-light);line-height:1.5;text-align:center;font-style:italic}.import-input-area[data-v-a3302dd2]{margin-bottom:20px}.import-textarea[data-v-a3302dd2]{width:100%;min-height:120px;max-height:180px;border-radius:12px;padding:16px;font-size:14px;color:var(--text-color);background:var(--bg-color);border:2px solid var(--border-color);resize:vertical;transition:all .2s ease;font-family:Courier New,monospace;line-height:1.4}.import-textarea[data-v-a3302dd2]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.import-textarea[data-v-a3302dd2]::placeholder{color:var(--text-light);font-style:italic}.import-error[data-v-a3302dd2]{margin-top:12px;padding:12px 16px;background:#f443361a;border:1px solid #e53935;border-radius:8px;color:#d32f2f;font-size:14px;display:flex;align-items:center;gap:8px;line-height:1.4}.import-success[data-v-a3302dd2]{margin-top:12px;padding:12px 16px;background:#4caf501a;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:14px;display:flex;align-items:center;gap:8px;font-weight:500}.import-preview[data-v-a3302dd2]{margin-top:24px;padding:20px;background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color)}.import-themes-list[data-v-a3302dd2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.import-theme-item[data-v-a3302dd2]{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color);transition:all .2s ease;display:flex;align-items:center;gap:12px}.import-theme-item[data-v-a3302dd2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.import-theme-preview[data-v-a3302dd2]{width:48px;height:48px;border-radius:10px;border:1px solid var(--border-color);flex-shrink:0}.import-theme-info[data-v-a3302dd2]{flex:1;min-width:0}.import-theme-name[data-v-a3302dd2]{font-weight:600;color:var(--text-color);margin-bottom:4px;font-size:15px}.import-theme-desc[data-v-a3302dd2]{font-size:13px;color:var(--text-light);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.import-theme-meta[data-v-a3302dd2]{font-size:12px;color:var(--text-light);background:rgba(var(--primary-color-rgb),.1);padding:4px 8px;border-radius:6px;display:inline-block}.import-result[data-v-a3302dd2]{margin-top:20px;padding:16px;border-radius:12px;text-align:center}.import-result .import-success[data-v-a3302dd2]{margin:0;background:#4caf5026;color:#2e7d32;font-weight:600;justify-content:center}.import-result .import-error[data-v-a3302dd2]{margin:0;background:#f4433626;color:#d32f2f;font-weight:600;justify-content:center}.modal-enter-active[data-v-a3302dd2]{animation:fadeIn-a3302dd2 .3s ease}.modal-leave-active[data-v-a3302dd2]{animation:fadeOut-a3302dd2 .2s ease}@keyframes fadeIn-a3302dd2{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes fadeOut-a3302dd2{0%{opacity:1;transform:scale(1)}to{opacity:0}}@media (max-width: 1024px){.themes-grid[data-v-a3302dd2]{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.ai-theme-manager[data-v-a3302dd2]{width:95%;max-height:95vh;margin:20px}.themes-grid[data-v-a3302dd2]{grid-template-columns:repeat(2,1fr);gap:16px}.theme-card[data-v-a3302dd2]{margin-bottom:0}.mini-action-btn[data-v-a3302dd2]{width:24px;height:24px;font-size:12px}.modal-body[data-v-a3302dd2]{padding:16px 20px}.poetic-text[data-v-a3302dd2]{font-size:15px}}@media (max-width: 512px){.themes-grid[data-v-a3302dd2]{grid-template-columns:repeat(1,1fr)}.theme-preview[data-v-a3302dd2]{height:100px}.poetic-text[data-v-a3302dd2]{font-size:16px;padding:8px}.theme-name[data-v-a3302dd2]{font-size:15px}.theme-desc[data-v-a3302dd2]{font-size:13px}.mini-action-btn[data-v-a3302dd2]{width:30px;height:30px;font-size:13px}}.settings-page[data-v-fd03ec30]{display:flex;height:100vh;background:var(--background);margin:0;padding:0;color:var(--text-color);align-items:stretch;justify-content:center;flex-direction:column;width:100%;max-width:1024px}.settings-group[data-v-fd03ec30]{margin-bottom:30px;background:var(--card-bg);border-radius:20px;overflow:hidden}.settings-header[data-v-fd03ec30]{padding:15px 20px;border-bottom:1px solid var(--border-color)}.settings-title[data-v-fd03ec30]{font-size:17px;font-weight:600}.settings-item[data-v-fd03ec30]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.settings-item[data-v-fd03ec30]:last-child{border-bottom:none}.settings-label[data-v-fd03ec30]{font-size:17px}.time-setting[data-v-fd03ec30]{display:flex;align-items:center;gap:12px}.time-value[data-v-fd03ec30]{min-width:70px;text-align:center;font-size:17px;transition:all .2s ease}.time-btn[data-v-fd03ec30]{width:32px;height:32px;border-radius:50%;border:none;background:var(--card-bg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.time-btn[data-v-fd03ec30]:hover{background:var(--primary-color);color:#fff}.time-btn i[data-v-fd03ec30]{font-size:14px}.settings-value[data-v-fd03ec30]{display:flex;color:var(--text-light);align-items:center}.settings-value-class[data-v-fd03ec30]{color:var(--text-light);align-items:center}.settings-value i[data-v-fd03ec30],.settings-value-class i[data-v-fd03ec30]{font-size:24px}.theme-selector[data-v-fd03ec30]{padding:20px;display:flex;flex-wrap:wrap;gap:15px}.theme-option[data-v-fd03ec30]{display:flex;flex-direction:column;align-items:center;cursor:pointer;max-width:70px;transition:transform .2s ease}.theme-container[data-v-fd03ec30]{display:flex;gap:15px;width:100%;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.theme-color[data-v-fd03ec30]{width:40px;height:40px;border-radius:50%;margin-bottom:8px;transition:transform .2s ease;border:2px solid transparent}.theme-option.active .theme-color[data-v-fd03ec30]{transform:scale(1.1);border-color:var(--text-color)}.theme-name[data-v-fd03ec30]{font-size:12px;color:var(--text-light);text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-option.active .theme-name[data-v-fd03ec30]{color:var(--text-color);font-weight:500}.ai-themes-section[data-v-fd03ec30]{border-top:1px solid var(--border-color);padding:0 20px;display:flex;flex-direction:column;width:100%}.ai-themes-header[data-v-fd03ec30]{display:flex;justify-content:space-between;align-items:center;margin:15px 0;flex-wrap:wrap;gap:10px}.ai-themes-title[data-v-fd03ec30]{font-size:17px;color:var(--text-color);display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ai-theme-desc[data-v-fd03ec30]{display:flex;align-items:center;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-themes-buttons[data-v-fd03ec30]{display:flex;align-items:center;gap:10px;flex-shrink:0}.ai-themes-title i[data-v-fd03ec30]{color:var(--primary-color)}.generate-themes-btn[data-v-fd03ec30]{border:none;background:transparent;color:var(--text-light);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px;transition:all .2s ease}.manage-themes-btn[data-v-fd03ec30]{border:none;background:transparent;color:var(--primary-color);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px;transition:all .2s ease}.manage-themes-btn[data-v-fd03ec30]:active{transform:scale(1.2);text-shadow:0 0px 20px var(--primary-color)}.ai-theme-category[data-v-fd03ec30]{margin-bottom:10px;width:100%}.ai-theme-category-title[data-v-fd03ec30]{font-size:14px;color:var(--text-light);margin-bottom:8px;display:flex;align-items:center;gap:5px;justify-content:flex-start}.ai-theme-option[data-v-fd03ec30]{position:relative}.ai-theme-item[data-v-fd03ec30]{border-top:1px solid var(--border-color)}.theme-preview-btn[data-v-fd03ec30]{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.ai-theme-option:hover .theme-preview-btn[data-v-fd03ec30]{opacity:1}.ai-themes[data-v-fd03ec30]{margin-top:20px;flex-direction:column;align-items:flex-start;gap:10px}.ai-themes-label[data-v-fd03ec30]{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.ai-theme-option[data-v-fd03ec30]{position:relative;transition:all .3s ease}.ai-theme-option .theme-name[data-v-fd03ec30]{max-width:60px;font-size:12px;line-height:1.3;height:auto;min-height:16px;text-align:center;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 380px){.ai-themes-header[data-v-fd03ec30]{flex-direction:column;align-items:flex-start;gap:8px}.ai-themes-buttons[data-v-fd03ec30]{align-self:flex-end}.ai-theme-option .theme-name[data-v-fd03ec30]{width:40px;font-size:12px}.theme-container[data-v-fd03ec30]{gap:12px}}.ai-theme-option:hover .theme-delete[data-v-fd03ec30]{opacity:1}.updata-date[data-v-fd03ec30]{font-size:10px!important;color:var(--text-light);margin-top:4px;text-align:center}.theme-delete[data-v-fd03ec30]{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:#e53935;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10}.theme-delete[data-v-fd03ec30]:hover{background-color:#d32f2f;transform:scale(1.1)}.settings-item.danger .settings-label[data-v-fd03ec30],.settings-item.danger .settings-value i[data-v-fd03ec30]{color:#e53935}.confirm-dialog[data-v-fd03ec30]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:29}.dialog-content[data-v-fd03ec30]{background:var(--card-bg);border-radius:16px;padding:24px;width:80%;max-width:360px;box-shadow:0 4px 20px #00000026}.dialog-content h3[data-v-fd03ec30]{font-size:18px;margin-bottom:16px;color:var(--text-color)}.dialog-content p[data-v-fd03ec30]{margin-bottom:24px;color:var(--text-light);font-size:16px;line-height:1.5}.dialog-buttons[data-v-fd03ec30]{display:flex;justify-content:flex-end;gap:12px}.btn.cancel[data-v-fd03ec30]{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn.confirm[data-v-fd03ec30]{background-color:#e53935;color:#fff}.btn[data-v-fd03ec30]:hover{box-shadow:0 2px 8px #0000001a}.user-info-item[data-v-fd03ec30]{align-items:center}.user-avatar[data-v-fd03ec30]{width:50px;height:50px;border-radius:50%;overflow:hidden;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--primary-color);transition:all .2s ease}.user-avatar img[data-v-fd03ec30]{width:100%;height:100%;object-fit:cover}.user-avatar i[data-v-fd03ec30]{font-size:24px;color:var(--text-light)}.user-avatar[data-v-fd03ec30]:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.user-name[data-v-fd03ec30]{font-weight:500;cursor:pointer}.class-info[data-v-fd03ec30]{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.points-display[data-v-fd03ec30]{display:flex;align-items:center;gap:8px;cursor:default}.points-display i[data-v-fd03ec30]{color:gold;font-size:16px}.points-display span[data-v-fd03ec30]{font-weight:500;color:var(--text-color)}.ai-status[data-v-fd03ec30]{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;margin-right:8px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.ai-status.configured[data-v-fd03ec30]{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.provider-name[data-v-fd03ec30]{font-size:14px;color:var(--text-secondary);font-weight:500}.settings-item.reset-ai[data-v-fd03ec30],.settings-item.reset-ai i[data-v-fd03ec30]{color:var(--warning-color)}.settings-label i[data-v-fd03ec30]{width:20px;text-align:center;margin-right:8px;color:var(--primary-color)}.toggle-switch[data-v-fd03ec30]{width:50px;height:26px;border-radius:13px;background-color:var(--border-color);position:relative;transition:all .3s ease;cursor:pointer}.toggle-switch.active[data-v-fd03ec30]{background-color:var(--primary-color)}.toggle-slider[data-v-fd03ec30]{width:22px;height:22px;border-radius:50%;background-color:#fff;position:absolute;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-switch.active .toggle-slider[data-v-fd03ec30]{left:calc(100% - 24px)}.test-notification .settings-value i[data-v-fd03ec30]{color:var(--primary-color)}.alarm-select[data-v-fd03ec30]{display:flex;align-items:center;justify-content:space-between;color:var(--text-light);width:100%}.alarm-list[data-v-fd03ec30]{max-height:350px;overflow-y:auto}.alarm-item[data-v-fd03ec30]{border-radius:15px;display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;transition:background-color .3s ease;margin:5px 0;background-color:var(--card-bg);color:var(--text-light)}.alarm-item[data-v-fd03ec30]:last-child{border-bottom:5px}.alarm-item.active[data-v-fd03ec30]{border:2px solid var(--primary-color);color:var(--text-color);font-weight:700}.alarm-item-name[data-v-fd03ec30]{flex-grow:1}.alarm-item-actions[data-v-fd03ec30]{display:flex;align-items:center;gap:15px}.play-button[data-v-fd03ec30]{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer}.play-button[data-v-fd03ec30]:hover{opacity:.8}.app-info[data-v-fd03ec30]{text-align:center;margin-top:40px;padding:20px;color:var(--text-color)}.app-info h3[data-v-fd03ec30]{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--primary-color)}.app-info p[data-v-fd03ec30]{margin-bottom:4px;font-size:14px}@media (max-width: 512px){.theme-color[data-v-fd03ec30]{width:37px;height:37px}.theme-container[data-v-fd03ec30]{gap:15px}.theme-option[data-v-fd03ec30]{padding:0}}@media (max-width: 400px){.theme-color[data-v-fd03ec30]{width:32px;height:32px}.theme-container[data-v-fd03ec30]{gap:5px;display:flex;flex-wrap:wrap}}.data-import-modal[data-v-fd03ec30]{max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.data-export-modal[data-v-fd03ec30]{max-width:650px;width:90%;max-height:85vh;overflow-y:auto}.export-section[data-v-fd03ec30]{margin-bottom:20px}.export-info[data-v-fd03ec30]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:15px;margin-bottom:20px}.info-item[data-v-fd03ec30]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:14px}.info-item[data-v-fd03ec30]:last-child{border-bottom:none}.info-label[data-v-fd03ec30]{color:var(--text-light);font-weight:500}.info-value[data-v-fd03ec30]{color:var(--text-color);font-weight:600}.export-code-container[data-v-fd03ec30]{margin-bottom:15px}.export-textarea[data-v-fd03ec30]{width:100%;min-height:150px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-family:Courier New,monospace;font-size:11px;line-height:1.3;resize:vertical;box-sizing:border-box;transition:border-color .2s ease}.export-textarea[data-v-fd03ec30]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6ba6ff1a}.export-note[data-v-fd03ec30]{padding:12px;background:#6ba6ff1a;border:1px solid rgba(107,166,255,.3);border-radius:6px;color:var(--primary-color);font-size:14px;display:flex;align-items:flex-start;gap:8px;line-height:1.4;margin-bottom:20px}.export-note i[data-v-fd03ec30]{font-size:16px;margin-top:2px;flex-shrink:0}.export-actions[data-v-fd03ec30]{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.import-section[data-v-fd03ec30]{margin-bottom:20px}.section-title[data-v-fd03ec30]{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:8px}.import-input-container[data-v-fd03ec30]{margin-bottom:15px}.import-textarea[data-v-fd03ec30]{width:100%;min-height:120px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-family:Courier New,monospace;font-size:12px;line-height:1.4;resize:vertical;box-sizing:border-box;transition:border-color .2s ease}.import-textarea[data-v-fd03ec30]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6ba6ff1a}.import-textarea[data-v-fd03ec30]::placeholder{color:var(--text-light);font-style:italic}.import-error[data-v-fd03ec30]{padding:12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#ff6b6b;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.import-error i[data-v-fd03ec30]{font-size:16px}.import-preview[data-v-fd03ec30]{margin-bottom:20px}.preview-title[data-v-fd03ec30]{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:6px}.preview-items[data-v-fd03ec30]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:12px}.preview-item[data-v-fd03ec30]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:14px}.preview-item[data-v-fd03ec30]:last-child{border-bottom:none}.preview-item i[data-v-fd03ec30]{color:var(--primary-color);width:14px;text-align:center}.preview-key[data-v-fd03ec30]{flex:1;color:var(--text-color);font-weight:500}.preview-size[data-v-fd03ec30]{color:var(--text-light);font-size:12px}.import-warning[data-v-fd03ec30]{padding:12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;color:#ffc107;font-size:14px;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.import-warning i[data-v-fd03ec30]{font-size:16px;margin-top:2px;flex-shrink:0}.import-actions[data-v-fd03ec30]{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.btn[data-v-fd03ec30]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;text-decoration:none;box-sizing:border-box}.btn[data-v-fd03ec30]:disabled{opacity:.5;cursor:not-allowed}.btn-outline[data-v-fd03ec30]{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline[data-v-fd03ec30]:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-primary[data-v-fd03ec30]{background:var(--primary-color);color:#fff}.btn-primary[data-v-fd03ec30]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 8px #6ba6ff33}.demo-data-section[data-v-fd03ec30]{margin-top:12px;display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-demo[data-v-fd03ec30]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #667eea4d}.btn-demo[data-v-fd03ec30]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.btn-demo[data-v-fd03ec30]:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.btn-demo i[data-v-fd03ec30]{font-size:12px}.demo-data-hint[data-v-fd03ec30]{font-size:12px;color:var(--text-light);font-style:italic}.tab-navigation[data-v-fd03ec30]{display:flex;background:var(--bg-color);border-radius:12px;padding:4px;margin:20px 24px;gap:4px;border:1px solid var(--border-color)}.tab-button[data-v-fd03ec30]{flex:1;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-light);border:none}.tab-button[data-v-fd03ec30]:hover{color:var(--text-color);background:rgba(var(--primary-color-rgb),.1)}.tab-button.active[data-v-fd03ec30]{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}.tab-button i[data-v-fd03ec30]{font-size:16px}.tab-content[data-v-fd03ec30]{min-height:300px}.export-tab[data-v-fd03ec30],.import-tab[data-v-fd03ec30]{animation:fadeIn-fd03ec30 .3s ease}@keyframes fadeIn-fd03ec30{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.import-actions[data-v-fd03ec30]{flex-wrap:nowrap;flex-direction:row;width:100%}.btn[data-v-fd03ec30]{width:100%;justify-content:center}.tab-navigation[data-v-fd03ec30]{margin:16px;padding:3px}.tab-button[data-v-fd03ec30]{padding:10px 12px;font-size:14px}.tab-button i[data-v-fd03ec30]{font-size:14px}}.course-page[data-v-ffe05b7a]{width:100%;background:var(--background);min-height:100vh;display:flex;flex-direction:column;z-index:15}.nav-bar[data-v-ffe05b7a]{background:var(--bg-color);display:flex;align-items:center;padding:15px;position:sticky;top:0;z-index:15}.nav-left[data-v-ffe05b7a]{color:var(--text-light);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-title[data-v-ffe05b7a]{color:var(--text-color);flex-grow:1;text-align:center;font-size:18px;font-weight:600}.content[data-v-ffe05b7a]{background-color:var(--bg-color);flex:1;padding:10px;overflow:auto!important;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.content[data-v-ffe05b7a]{padding:6px}.timetable-container[data-v-ffe05b7a]{margin:0 -6px;width:calc(100% + 12px)}.timetable-header[data-v-ffe05b7a]{font-size:14px}.semester-info[data-v-ffe05b7a]{font-size:12px;margin-bottom:8px}}.loading-indicator[data-v-ffe05b7a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;height:300px}.spinner[data-v-ffe05b7a]{color:var(--text-color);width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-ffe05b7a 1s linear infinite;margin-bottom:15px}@keyframes spin-ffe05b7a{to{transform:rotate(360deg)}}.error-container[data-v-ffe05b7a]{text-align:center;padding:50px 20px}.error-icon[data-v-ffe05b7a]{font-size:50px;color:#e53935;margin-bottom:20px}.error-message[data-v-ffe05b7a]{margin-bottom:20px;color:var(--text-light)}.week-text[data-v-ffe05b7a]{font-size:16px;color:var(--text-color);font-weight:500}.btn-retry[data-v-ffe05b7a]{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.no-class-info[data-v-ffe05b7a]{text-align:center;padding:50px 20px}.no-class-info i[data-v-ffe05b7a]{font-size:50px;color:var(--primary-color);margin-bottom:20px}.no-class-info p[data-v-ffe05b7a]{margin-bottom:20px;color:var(--text-light)}.no-data[data-v-ffe05b7a]{text-align:center;padding:30px 0;color:var(--text-light)}.timetable-header[data-v-ffe05b7a]{color:var(--text-color);font-size:16px;font-weight:600;text-align:center;margin-bottom:5px}.semester-info[data-v-ffe05b7a]{text-align:center;color:var(--text-light);font-size:13px;margin-bottom:12px}@media (max-width: 480px){.timetable-header[data-v-ffe05b7a]{font-size:14px}.semester-info[data-v-ffe05b7a]{font-size:12px}.week-selector span[data-v-ffe05b7a]{font-size:14px}.timetable th[data-v-ffe05b7a]{font-size:.7rem;padding:4px 2px;min-width:35px}.time-slot[data-v-ffe05b7a]{font-size:.7rem}.course-cell[data-v-ffe05b7a]{height:90px;width:70px;padding:1px!important;background-color:var(--bg-color)}.timetable th[data-v-ffe05b7a]{padding:4px 1px;font-size:.7rem}}.week-selector[data-v-ffe05b7a]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;-webkit-user-select:none;user-select:none}.week-btn[data-v-ffe05b7a]{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;-webkit-tap-highlight-color:transparent}.week-btn[data-v-ffe05b7a]:active{transform:scale(.95);box-shadow:0 1px 2px #0000001a}.week-btn[data-v-ffe05b7a]:disabled{background-color:var(--border-color);cursor:not-allowed}.save-week-btn[data-v-ffe05b7a]{background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.save-week-btn i[data-v-ffe05b7a]{font-size:14px}.save-week-btn[data-v-ffe05b7a]:active{transform:scale(.95);box-shadow:0 1px 2px #0000001a}@media (max-width: 480px){.save-week-btn[data-v-ffe05b7a]{padding:6px 12px;font-size:13px}.save-week-btn i[data-v-ffe05b7a]{font-size:13px}}.swipe-hint[data-v-ffe05b7a]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:var(--text-light);font-size:13px;animation:fadeInOut-ffe05b7a 2s infinite;padding:6px;border-radius:20px;background-color:var(--primary-light)}.swipe-hint i[data-v-ffe05b7a]{font-size:14px;color:var(--primary-color)}@keyframes fadeInOut-ffe05b7a{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.timetable-container[data-v-ffe05b7a]::-webkit-scrollbar{display:none}.timetable[data-v-ffe05b7a]{width:100%;border-collapse:collapse;table-layout:fixed;margin:0 auto}.timetable th[data-v-ffe05b7a],.timetable td[data-v-ffe05b7a]{border:1px solid var(--border-color);padding:6px 4px;text-align:center;font-size:.85rem;overflow:hidden}.timetable th[data-v-ffe05b7a]{background-color:var(--card-bg);color:var(--text-color);font-weight:600;min-width:40px;height:40px;white-space:nowrap}.time-slot[data-v-ffe05b7a]{color:var(--text-light);background-color:var(--card-bg);font-weight:500;min-width:40px;white-space:nowrap;font-size:.8rem}.course-cell[data-v-ffe05b7a]{vertical-align:top;height:100px;width:80px;padding:2px!important;position:relative;touch-action:manipulation}.course-card[data-v-ffe05b7a]{background:var(--card-bg);border-radius:6px;padding:2px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a;cursor:pointer;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:100%;flex-direction:column;align-content:center;justify-content:space-between;max-height:100px}.course-card[data-v-ffe05b7a]:hover,.course-card[data-v-ffe05b7a]:active{background-color:var(--primary-light);transition:transform .1s ease,background-color .2s ease}.course-name[data-v-ffe05b7a]{font-weight:700;font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--primary-color);top:1px}.course-info[data-v-ffe05b7a]{font-size:.5rem;color:var(--text-light)}.course-week[data-v-ffe05b7a]{font-size:.55rem;color:var(--primary-color)}@keyframes fadeIn-ffe05b7a{0%{opacity:0}to{opacity:1}}.faded-enter-active[data-v-ffe05b7a]{animation:fadeIn-ffe05b7a .3s}.faded-leave-active[data-v-ffe05b7a]{animation:fadeIn-ffe05b7a .3s reverse}.course-detail-header[data-v-ffe05b7a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.course-detail-header h3[data-v-ffe05b7a]{font-size:18px;font-weight:600;margin:0;color:var(--primary-color)}.close-icon[data-v-ffe05b7a]{font-size:20px;cursor:pointer;color:var(--text-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background);transition:all .2s ease}.close-icon[data-v-ffe05b7a]:hover,.close-icon[data-v-ffe05b7a]:active{background-color:var(--primary-light);color:var(--primary-color)}.course-detail-info[data-v-ffe05b7a]{display:flex;flex-direction:column;gap:15px}.detail-item[data-v-ffe05b7a]{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-color);padding:8px 0}.detail-item i[data-v-ffe05b7a]{font-size:18px;color:var(--primary-color);width:30px;height:30px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.course-detail-content[data-v-ffe05b7a]{padding:16px;border-radius:20px 20px 0 0}.course-detail-header[data-v-ffe05b7a]{margin-bottom:12px}.course-detail-header h3[data-v-ffe05b7a]{font-size:16px}.detail-item[data-v-ffe05b7a]{padding:6px 0;font-size:14px}.close-icon[data-v-ffe05b7a]{width:32px;height:32px;font-size:18px}}.modal-enter-active[data-v-ffe05b7a],.modal-leave-active[data-v-ffe05b7a]{transition:opacity .3s ease}.modal-enter-from[data-v-ffe05b7a],.modal-leave-to[data-v-ffe05b7a]{opacity:0}.mask-enter-active[data-v-ffe05b7a],.mask-leave-active[data-v-ffe05b7a]{transition:opacity .3s ease}.mask-enter-from[data-v-ffe05b7a],.mask-leave-to[data-v-ffe05b7a]{opacity:0}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}:root{--primary-color: #6ba6ff;--primary-light: #e0ecff;--primary-medium: #b6d3ff;--primary-dark: #52b1ff;--text-color: #35414d;--text-light: #acb1b8;--bg-color: #FFFFFF;--card-bg: #f4f6f8;--border-color: #EEEEEE;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--info-color: #2196f3}[data-theme=white]{--primary-color: #6ba6ff;--primary-light: #e0ecff;--primary-medium: #b6d3ff;--primary-dark: #52b1ff;--text-color: #35414d;--text-light: #acb1b8;--bg-color: #FFFFFF;--card-bg: #f4f6f8;--border-color: #EEEEEE}[data-theme=pink]{--primary-color: #ffafbf;--primary-light: #FFE4E8;--primary-medium: #FFD1DC;--primary-dark: #FF99AC;--text-color: #6e4e4e;--text-light: #a39090;--bg-color: #FFF5F7;--card-bg: #FFFFFF;--border-color: #FFE4E8}[data-theme=spring]{--primary-color: #76be46;--primary-light: #f5f2e8;--primary-medium: #C8E6C9;--primary-dark: #66BB6A;--text-color: #4e7d2e;--text-light: #f7b6b6;--bg-color: #F1F8E9;--card-bg: #fffff6;--border-color: #C8E6C9}[data-theme=skyblue]{--primary-color: #6cc7eb;--primary-light: #E3F2FD;--primary-medium: #B3E5FC;--primary-dark: #4FC3F7;--text-color: #0288D1;--text-light: #9fcee4;--bg-color: #e9f8ff;--card-bg: #FFFFFF;--border-color: #B3E5FC}[data-theme=city]{--primary-color: #778899;--primary-light: #ECEFF1;--primary-medium: #CFD8DC;--primary-dark: #546E7A;--text-color: #54656d;--text-light: #9ab1bd;--bg-color: #ebf0f3;--card-bg: #FFFFFF;--border-color: #CFD8DC}[data-theme=lightyellow]{--primary-color: #fcc87a;--primary-light: #FFF8E1;--primary-medium: #FFE0B2;--primary-dark: #FFB74D;--text-color: #f5b657;--text-light: #f5d29e;--bg-color: #FFFDE7;--card-bg: #FFFFFF;--border-color: #FFE0B2}[data-theme=rainynight]{--primary-color: #9694ee;--primary-light: #44475A;--primary-medium: #6272A4;--primary-dark: #8B6EC5;--text-color: #a6a8c0;--text-light: #827c92;--bg-color: #282A36;--card-bg: #333545;--border-color: #44475A}[data-theme=galaxy]{--primary-color: #8698ff;--primary-light: #483D8B;--primary-medium: #5C4DB2;--primary-dark: #9575CD;--text-color: #dfdffc;--text-light: #b2b7d4;--bg-color: #151d77;--card-bg: #283593;--border-color: #3949AB}[data-theme=moonlight]{--primary-color: #82B1FF;--primary-light: #313a97;--primary-medium: #3949AB;--primary-dark: #5C6BC0;--text-color: #cccfdd;--text-light: #979ec7;--bg-color: #0D1B2A;--card-bg: #1B2A3B;--border-color: #2B3A4B}[data-theme=furnace]{--primary-color: #ffaf65;--primary-light: #3E2723;--primary-medium: #5D4037;--primary-dark: #BF360C;--text-color: #FFCCBC;--text-light: #ec9b82;--bg-color: #25130c;--card-bg: #301d1a;--border-color: #442d27}[data-theme=starry]{--primary-color: #aead90;--primary-light: #475b66;--primary-medium: #546E7A;--primary-dark: #78909C;--text-color: #ECEFF1;--text-light: #CFD8DC;--bg-color: #263238;--card-bg: #37474F;--border-color: #455A64}[data-theme=forest]{--primary-color: #318169;--primary-light: #435B48;--primary-medium: #364B3A;--primary-dark: #319779;--text-color: #B8C4BB;--text-light: #8A9A8E;--bg-color: #1A2620;--card-bg: #25302e;--border-color: #3C4F42}@font-face{font-family:OPPOSans;src:url(/fonts/OPPO%20Sans%204.0.ttf) format("truetype");font-weight:unset;font-style:unset}*{margin:0;padding:0;box-sizing:border-box;font-family:OPPOSans,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;background:var(--bg-color);min-height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0}div{transition:color .5s ease,background-color .5s ease,border .5s ease}.app-container{width:100vw;height:100vh;margin:0 auto;position:relative;background:var(--bg-color);overflow:hidden;display:flex;justify-content:center}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;font-size:14px}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;margin-bottom:20px;width:100%}.nav-title{font-size:28px;font-weight:700}.content{padding:0 20px 80px;height:calc(100vh - 100px);overflow-y:auto;width:100%}.tab-bar{position:fixed;bottom:0;left:0;right:0;margin:0 auto;height:70px;background:var(--bg-color);border-top:1px solid var(--border-color);z-index:10}.tab-bar-inner{max-width:960px;width:100%;bottom:0;left:0;right:0;margin:0 auto;height:70px;display:flex;justify-content:space-around;align-items:center}.tab-item{display:flex;flex-direction:column;align-items:center;color:var(--text-light);text-decoration:none;padding:10px 0;width:25%;transition:all .3s ease;position:relative;cursor:pointer}.tab-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.tab-item:hover,.tab-item.active{color:var(--primary-color)}.tab-item.active:after{width:30%}.tab-icon{font-size:22px;margin-bottom:4px}.tab-label{font-size:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:16px}.form-group input[type=text],.form-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;background-color:var(--bg-color);color:var(--text-color)}.number-input{display:flex;align-items:center;gap:10px}.number-input button{width:40px;height:40px;border:none;background:var(--card-bg);border-radius:50%;font-size:20px;color:var(--text-color)}.number-input input{width:60px;text-align:center;font-size:16px;border:1px solid var(--border-color);border-radius:10px;padding:8px;background-color:var(--bg-color);color:var(--text-color)}.modal-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.fas.btn-main:active{color:var(--primary-light);background-color:var(--primary-color);border-radius:50%;transform:scale(1.2);transition:transform .2s ease,background-color .2s ease}.fas.btn-side:active{color:var(--primary-dark);transform:scale(1.2);transition:transform .2s ease,background-color .2s ease;text-shadow:0 0px 20px var(--primary-color)}.btn{padding:12px 24px;border-radius:20px;font-size:16px;cursor:pointer;border:none;transition:transform .2s ease}.btn-default{background:var(--card-bg);color:var(--text-color)}.btn-primary{background:var(--primary-color);color:#fff}.btn:active{transform:scale(.92);background-color:var(--primary-light)}.btn-controller.ripple{position:relative;overflow:hidden}.btn-controller.ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:100%;transform:scale(0);opacity:1;transition:0s}.btn-controller.ripple:active:after{transform:scale(20);opacity:0;transition:all .6s}.slide-enter-active,.slide-leave-active{transition:transform .3s}.slide-enter-from,.slide-leave-to{transform:translateY(20px);opacity:0}.fade-leave-active{animation:fadeOut .3s ease forwards}.slide-leave-active{animation:slideOut .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}.component-enter-active,.component-leave-active{transition:opacity .15s ease}.component-enter-from,.component-leave-to{opacity:0}.app-toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);padding:12px 24px;border-radius:24px;background:#0000004d;color:#fff;font-size:14px;z-index:30;opacity:0;transition:all .3s ease;max-width:80%;text-align:center;pointer-events:none}.app-toast.show{opacity:1}.app-toast.toast-success{background:#4caf50b3}.app-toast.toast-warning{background:#ff9800b3}.app-toast.toast-error{background:#f44336b3}.app-toast.bottom{bottom:64px}.app-toast.top{top:64px}.step-complete-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000026;text-align:center;z-index:1500;max-width:80%;opacity:0;transition:all .3s ease;pointer-events:none}.step-complete-toast.faded-enter-active{animation:pulse .5s ease}.step-complete-toast.faded-leave-active{animation:fadeOut .5s ease}.modal-backdrop.modal-enter-active{animation:fadeIn .3s ease}.modal-backdrop.modal-leave-active{animation:fadeOut .2s ease}.step-complete-toast.show{opacity:1}.step-complete-toast .icon{font-size:36px;color:var(--primary-color);margin-bottom:8px}.step-complete-toast .title{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--text-color)}.step-complete-toast .message{font-size:14px;color:var(--text-light)}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}::-webkit-input-placeholder{color:var(--text-color)}::-moz-placeholder{color:var(--text-color)}:-ms-input-placeholder{color:var(--text-color)}:-moz-placeholder{color:var(--text-color)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.inside-scroll-container{overflow:auto;max-height:210px;background-color:var(--bg-color);border-radius:20px;padding:10px;border:1px solid var(--border-color);scroll-behavior:smooth}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;touch-action:none}.modal-content{background:var(--bg-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1024px;width:90%;margin:0 auto;color:var(--text-color)}.modal-content label{color:var(--text-color)}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--bg-color)}.modal-header h2,.modal-header h3{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.close-modal{font-size:20px;color:var(--text-light);cursor:pointer;transition:color .2s ease}.close-modal:hover{color:var(--text-color)}.modal-body{padding:20px;overflow-y:auto;flex:1;background:var(--bg-color)}.modal-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--bg-color)}.completion-modal .modal-content{background:var(--card-bg);padding:30px;border-radius:20px;text-align:center}.confirmation-modal .modal-content{max-width:400px;padding:20px}.confirmation-modal .modal-header{margin-bottom:20px}.confirmation-modal .modal-body{margin-bottom:20px;text-align:left}.confirmation-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px}.confirm-modal{max-width:400px;width:90%}.task-details-modal{max-height:70vh;overflow-y:auto}.points-settlement-modal{max-width:500px}.course-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:29;touch-action:none}.course-detail-content{background:var(--card-bg);border-radius:16px 16px 0 0;padding:20px;width:100%;max-width:1024px;box-shadow:0 -4px 15px #0003;animation:slideUp .3s ease-out;max-height:80vh;overflow-y:auto;touch-action:pan-y;position:relative;transform:translateZ(0)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-enter-active,.modal-leave-active,.modal-enter-active .modal-backdrop,.modal-leave-active .modal-backdrop,.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to,.modal-enter-from .modal-backdrop,.modal-leave-to .modal-backdrop,.modal-enter-from .modal-content,.modal-leave-to .modal-content{opacity:0}.drawer-enter-active,.drawer-leave-active{transition:all .3s ease-out}.drawer-enter-from,.drawer-leave-to{transform:translateY(100%);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pointfade-enter-active,.pointfade-leave-active{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.pointfade-enter-from,.pointfade-leave-to{opacity:0}.pointfade-enter-to,.pointfade-leave-from{opacity:1}@media (max-width: 768px){.modal-content{width:90%;max-width:90%}}@media (max-width: 380px){.modal-backdrop{align-items:flex-end}.modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border-radius:0}}@media (max-height: 700px){.modal-backdrop{align-items:flex-end}.modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border-radius:0}}