body{-webkit-overflow-scrolling:touch;overflow-x:hidden}input,textarea,select{font-size:16px!important}.el-button{touch-action:manipulation}.el-input__wrapper{transition:all .2s}.el-input__wrapper:focus-within{box-shadow:0 0 0 1px var(--accent-color) inset!important}@media (max-width: 768px){.el-dialog{width:90%!important;margin:20px auto!important}.el-message-box{width:90%!important}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}:root{--primary-color: #4a5568;--secondary-color: #2d3748;--accent-color: #5a67d8;--success-color: #48bb78;--warning-color: #ed8936;--danger-color: #f56565;--text-primary: #2d3748;--text-secondary: #718096;--bg-gradient-start: #2d3748;--bg-gradient-end: #4a5568;--card-bg: #ffffff;--border-color: #e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh}#app{min-height:100vh}.el-button--primary{border-color:var(--accent-color)}.el-button--primary:hover{background-color:#4c51bf;border-color:#4c51bf}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(90,103,216,.3);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:rgba(90,103,216,.5)}::-webkit-scrollbar-thumb:active{background:rgba(90,103,216,.7)}.dark-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.dark-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.light-scrollbar::-webkit-scrollbar-track{background:#f7fafc}.light-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e0}.light-scrollbar::-webkit-scrollbar-thumb:hover{background:#a0aec0}*{scrollbar-width:thin;scrollbar-color:rgba(90,103,216,.3) rgba(0,0,0,.05)}.home-container[data-v-ebff2b63]{min-height:100vh;padding:15px;display:flex;align-items:center;justify-content:center}.content-wrapper[data-v-ebff2b63]{max-width:600px;width:100%}.header[data-v-ebff2b63]{text-align:center;margin-bottom:20px;color:#fff}.logo-icon-small[data-v-ebff2b63]{display:inline-flex;background:rgba(255,255,255,.15);padding:10px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:12px}.title[data-v-ebff2b63]{font-size:28px;margin-bottom:5px;font-weight:600;letter-spacing:.5px}.slogan[data-v-ebff2b63]{font-size:14px;opacity:.85;font-weight:300}.main-section[data-v-ebff2b63]{margin-bottom:15px}.main-card[data-v-ebff2b63]{background:rgba(255,255,255,.98);border-radius:16px;border:none}.main-card[data-v-ebff2b63] .el-card__body{padding:25px}.card-header-text[data-v-ebff2b63]{text-align:center;margin-bottom:20px}.card-header-text h2[data-v-ebff2b63]{font-size:20px;color:var(--secondary-color);margin-bottom:10px;font-weight:600}.card-header-text p[data-v-ebff2b63]{font-size:14px;color:var(--text-secondary);line-height:1.7}.features-compact[data-v-ebff2b63]{display:flex;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.feature-tag[data-v-ebff2b63]{display:flex;align-items:center;gap:5px;background:#f7fafc;padding:8px 14px;border-radius:20px;font-size:13px;color:var(--accent-color);font-weight:500;border:1px solid #e2e8f0}.feature-tag .el-icon[data-v-ebff2b63]{font-size:16px}.start-button[data-v-ebff2b63]{width:100%;height:50px;font-size:17px;font-weight:500;border-radius:25px;background:var(--accent-color);border:none;box-shadow:0 4px 12px #5a67d84d;transition:all .3s;margin-bottom:10px}.start-button[data-v-ebff2b63]:hover{background:#4c51bf;box-shadow:0 6px 16px #5a67d866;transform:translateY(-2px)}.start-button[data-v-ebff2b63]:active{transform:translateY(0)}.ml-5[data-v-ebff2b63]{margin-left:5px}.button-hint[data-v-ebff2b63]{text-align:center;font-size:13px;color:var(--text-secondary);font-style:italic;margin:0}.privacy-compact[data-v-ebff2b63]{background:rgba(255,255,255,.95);padding:18px;border-radius:12px;margin-bottom:12px}.privacy-title[data-v-ebff2b63]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;color:var(--secondary-color);margin-bottom:12px}.privacy-tags[data-v-ebff2b63]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.privacy-tag[data-v-ebff2b63]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);padding:6px 10px;background:#f7fafc;border-radius:6px}.privacy-tag .el-icon[data-v-ebff2b63]{color:var(--success-color);font-size:14px;flex-shrink:0}.footer-text[data-v-ebff2b63]{text-align:center;color:#fff9;font-size:11px;padding:10px}@media (max-width: 768px){.home-container[data-v-ebff2b63]{padding:12px}.title[data-v-ebff2b63]{font-size:26px}.main-card[data-v-ebff2b63] .el-card__body{padding:20px}.card-header-text h2[data-v-ebff2b63]{font-size:19px}.card-header-text p[data-v-ebff2b63]{font-size:13px}.features-compact[data-v-ebff2b63]{gap:8px}.feature-tag[data-v-ebff2b63]{padding:7px 12px;font-size:12px}.privacy-compact[data-v-ebff2b63]{padding:15px}.privacy-tags[data-v-ebff2b63]{grid-template-columns:1fr}}@media (max-width: 480px){.title[data-v-ebff2b63]{font-size:24px}.logo-icon-small[data-v-ebff2b63]{padding:8px}.logo-icon-small .el-icon[data-v-ebff2b63]{font-size:32px}.feature-tag[data-v-ebff2b63]{justify-content:center}}@media (min-height: 800px){.home-container[data-v-ebff2b63]{padding:20px}}.send-container[data-v-7fa13a08]{min-height:100vh;padding:15px 15px 40px}.send-wrapper[data-v-7fa13a08]{max-width:680px;margin:0 auto;height:calc(100dvh - 120px)}.top-nav[data-v-7fa13a08]{margin-bottom:20px}.back-button[data-v-7fa13a08]{color:#ffffffe6;font-size:15px;padding:8px 12px;border:none!important;transition:all .2s ease;float:left;position:absolute;left:0}.back-button[data-v-7fa13a08]:hover{color:#fff!important;background:rgba(255,255,255,.1)!important;border:none!important}.back-button[data-v-7fa13a08]:focus{color:#fff!important;background:rgba(255,255,255,.1)!important;border:none!important;outline:none}.back-button[data-v-7fa13a08]:active{background:rgba(255,255,255,.15)!important}.back-button.el-button--text[data-v-7fa13a08]:hover{background-color:#ffffff1a!important}.back-button.el-button--text[data-v-7fa13a08]:focus{background-color:#ffffff1a!important}.back-button span[data-v-7fa13a08]{margin-left:5px}.page-header[data-v-7fa13a08]{text-align:center;color:#fff;margin-bottom:25px}.page-header h1[data-v-7fa13a08]{font-size:28px;margin-bottom:8px;font-weight:600}.page-header p[data-v-7fa13a08]{font-size:14px;opacity:.85}.form-card[data-v-7fa13a08]{background:rgba(255,255,255,.98);border-radius:16px;border:none}.form-card[data-v-7fa13a08] .el-card__body{padding:25px 20px}.progress-indicator[data-v-7fa13a08]{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:0 10px}.progress-step[data-v-7fa13a08]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s}.progress-step.active[data-v-7fa13a08]{opacity:1}.step-dot[data-v-7fa13a08]{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;transition:all .3s}.progress-step.active .step-dot[data-v-7fa13a08]{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #5a67d84d}.progress-step span[data-v-7fa13a08]{font-size:12px;color:var(--text-secondary);font-weight:500}.progress-line[data-v-7fa13a08]{width:40px;height:2px;background:#e2e8f0;margin:0 5px;transition:background .3s}.progress-line.active[data-v-7fa13a08]{background:var(--accent-color)}.form-section[data-v-7fa13a08]{animation:fadeIn-7fa13a08 .3s ease-in}@keyframes fadeIn-7fa13a08{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header h3[data-v-7fa13a08]{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--secondary-color);margin-bottom:6px;font-weight:600}.section-header p[data-v-7fa13a08]{font-size:13px;color:var(--text-secondary);margin-left:26px}.email-list[data-v-7fa13a08]{margin-bottom:15px}.email-input-item[data-v-7fa13a08]{display:flex;gap:10px;align-items:center;margin-bottom:12px}.email-input-item .el-input[data-v-7fa13a08]{flex:1}.email-input-item .el-input.is-error[data-v-7fa13a08] .el-input__wrapper{box-shadow:0 0 0 1px var(--danger-color) inset}.delete-btn[data-v-7fa13a08]{flex-shrink:0}.error-hint[data-v-7fa13a08]{display:flex;align-items:center;gap:6px;color:var(--danger-color);font-size:13px;margin-top:-5px;margin-bottom:10px}.add-btn[data-v-7fa13a08]{width:100%;margin-bottom:20px}.template-grid[data-v-7fa13a08]{display:flex;justify-content:space-around}.template-card[data-v-7fa13a08]{display:flex;align-items:center;gap:12px;padding:15px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;background:#f7fafc}.template-card[data-v-7fa13a08]:active{transform:scale(.98)}.template-card.selected[data-v-7fa13a08]{border-color:var(--accent-color);background:#edf2f7}.template-icon[data-v-7fa13a08]{flex-shrink:0;width:44px;height:44px;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.template-info[data-v-7fa13a08]{flex:1}.template-name[data-v-7fa13a08]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.template-desc[data-v-7fa13a08]{font-size:12px;color:var(--text-secondary)}.template-check[data-v-7fa13a08]{flex-shrink:0;color:var(--accent-color);font-size:20px}.content-editor[data-v-7fa13a08]{margin-bottom:20px}.editor-label[data-v-7fa13a08]{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;margin-top:15px}.editor-label[data-v-7fa13a08]:first-child{margin-top:0}.subject-input[data-v-7fa13a08] .el-input__wrapper{font-weight:500}.content-textarea[data-v-7fa13a08] .el-textarea__inner{font-size:14px;line-height:1.6;resize:none}.char-count[data-v-7fa13a08]{text-align:right;font-size:12px;color:var(--text-secondary);margin-top:5px}.confirm-info[data-v-7fa13a08]{background:#f7fafc;border-radius:10px;padding:20px}.confirm-item[data-v-7fa13a08]{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e2e8f0}.confirm-item[data-v-7fa13a08]:last-child{border-bottom:none}.confirm-item.full-width[data-v-7fa13a08]{flex-direction:column;gap:10px}.confirm-label[data-v-7fa13a08]{font-size:13px;color:var(--text-secondary);font-weight:500}.confirm-value[data-v-7fa13a08]{font-size:14px;color:var(--text-primary);font-weight:600;text-align:right}.confirm-preview[data-v-7fa13a08]{font-size:13px;color:var(--text-secondary);line-height:1.6;background:white;padding:12px;border-radius:6px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;width:100%}.warning-box[data-v-7fa13a08]{display:flex;gap:12px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:15px;margin-bottom:20px;color:#c53030}.warning-box .el-icon[data-v-7fa13a08]{flex-shrink:0;font-size:20px;margin-top:2px}.warning-box strong[data-v-7fa13a08]{display:block;margin-bottom:4px;font-size:14px}.warning-box p[data-v-7fa13a08]{font-size:13px;margin:0;opacity:.9}.step-actions[data-v-7fa13a08]{display:flex;gap:12px;margin-top:25px}.step-actions .el-button[data-v-7fa13a08]{flex:1;height:46px;font-size:15px;font-weight:500;border-radius:8px}.prev-btn[data-v-7fa13a08]{background:#f7fafc;border-color:#e2e8f0;color:var(--text-secondary)}.next-btn[data-v-7fa13a08],.send-btn[data-v-7fa13a08]{background:var(--accent-color);border-color:var(--accent-color);margin-left:0}.next-btn[data-v-7fa13a08]:hover,.send-btn[data-v-7fa13a08]:hover{background:#4c51bf;border-color:#4c51bf}.privacy-hint[data-v-7fa13a08]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;color:var(--text-secondary);font-size:13px}@media (max-width: 768px){.send-container[data-v-7fa13a08]{padding:10px}.page-header h1[data-v-7fa13a08]{font-size:24px}.form-card[data-v-7fa13a08] .el-card__body{padding:20px 15px}.progress-indicator[data-v-7fa13a08]{padding:0}.step-dot[data-v-7fa13a08]{width:32px;height:32px;font-size:14px}.progress-step span[data-v-7fa13a08]{font-size:11px}.progress-line[data-v-7fa13a08]{width:30px}.section-header h3[data-v-7fa13a08]{font-size:17px}.template-card[data-v-7fa13a08]{padding:12px}.template-icon[data-v-7fa13a08]{width:40px;height:40px}.template-name[data-v-7fa13a08]{font-size:14px}.template-desc[data-v-7fa13a08]{font-size:11px}.confirm-info[data-v-7fa13a08]{padding:15px}.step-actions[data-v-7fa13a08]{flex-direction:column}.step-actions .el-button[data-v-7fa13a08]{width:100%}}@media (max-width: 480px){.page-header h1[data-v-7fa13a08]{font-size:22px}.progress-step span[data-v-7fa13a08]{display:none}.progress-line[data-v-7fa13a08]{width:25px}}.toptopic[data-v-7fa13a08]{display:flex;justify-content:center}.success-container[data-v-1c62f1f1]{min-height:100vh;padding:12px;display:flex;align-items:center;justify-content:center}.success-wrapper[data-v-1c62f1f1]{max-width:550px;width:100%}.success-card[data-v-1c62f1f1]{background:rgba(255,255,255,.98);border-radius:12px;border:none}.success-card[data-v-1c62f1f1] .el-card__body{padding:25px 20px}.success-animation[data-v-1c62f1f1]{display:flex;justify-content:center;margin-bottom:15px}.success-icon-wrapper[data-v-1c62f1f1]{animation:successPop-1c62f1f1 .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successPop-1c62f1f1{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon[data-v-1c62f1f1]{color:var(--success-color);filter:drop-shadow(0 2px 8px rgba(72,187,120,.3))}.success-message[data-v-1c62f1f1]{text-align:center;margin-bottom:20px}.success-message h1[data-v-1c62f1f1]{font-size:22px;color:var(--text-primary);margin-bottom:8px;font-weight:600}.success-subtitle[data-v-1c62f1f1]{font-size:14px;color:var(--text-secondary);line-height:1.5}.count-highlight[data-v-1c62f1f1]{color:var(--accent-color);font-weight:700;font-size:16px}.important-section-compact[data-v-1c62f1f1]{margin-bottom:15px}.action-cards-compact[data-v-1c62f1f1]{display:flex;flex-direction:column;gap:8px}.action-card-compact[data-v-1c62f1f1]{display:flex;align-items:center;gap:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.action-card-compact.priority[data-v-1c62f1f1]{background:#fff5f7;border-color:#fecaca}.action-card-compact .el-icon[data-v-1c62f1f1]{flex-shrink:0;color:var(--accent-color)}.action-card-compact.priority .el-icon[data-v-1c62f1f1]{color:#f56565}.card-content[data-v-1c62f1f1]{flex:1;display:flex;align-items:center;justify-content:space-between}.card-title-compact[data-v-1c62f1f1]{font-size:14px;font-weight:600;color:var(--text-primary)}.card-desc-compact[data-v-1c62f1f1]{font-size:12px;color:var(--text-secondary)}.card-link[data-v-1c62f1f1]{font-size:12px;padding:0;height:auto;color:var(--accent-color)}.notice-compact[data-v-1c62f1f1]{display:flex;align-items:flex-start;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px;margin-bottom:15px;font-size:12px;color:var(--text-secondary);line-height:1.5}.notice-compact .el-icon[data-v-1c62f1f1]{flex-shrink:0;margin-top:2px}.button-group-compact[data-v-1c62f1f1]{display:flex;gap:10px}.main-button-compact[data-v-1c62f1f1],.secondary-button-compact[data-v-1c62f1f1]{flex:1;height:40px;font-size:14px;font-weight:500;border-radius:8px;margin-left:0}.main-button-compact[data-v-1c62f1f1]{background:var(--accent-color);border-color:var(--accent-color)}.main-button-compact[data-v-1c62f1f1]:hover{background:#4c51bf;border-color:#4c51bf}.clear-dialog[data-v-1c62f1f1] .el-dialog{border-radius:12px}.clear-dialog[data-v-1c62f1f1] .el-dialog__header{padding:18px 18px 8px}.clear-dialog[data-v-1c62f1f1] .el-dialog__body{padding:8px 18px 18px}.clear-guide-compact[data-v-1c62f1f1]{color:var(--text-primary)}.guide-intro-compact[data-v-1c62f1f1]{text-align:center;margin-bottom:15px}.guide-intro-compact p[data-v-1c62f1f1]{margin-top:10px;font-size:13px;color:var(--text-secondary)}.collapse-title-compact[data-v-1c62f1f1]{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.guide-steps-compact[data-v-1c62f1f1]{padding-left:18px;margin:0}.guide-steps-compact li[data-v-1c62f1f1]{margin:8px 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.guide-steps-compact kbd[data-v-1c62f1f1]{display:inline-block;padding:2px 5px;background:#f7fafc;border:1px solid #cbd5e0;border-radius:3px;font-family:monospace;font-size:11px;color:var(--text-primary);margin:0 1px}.guide-tip-compact[data-v-1c62f1f1]{display:flex;align-items:center;gap:8px;margin-top:15px;padding:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.success-container[data-v-1c62f1f1]{padding:10px}.success-card[data-v-1c62f1f1] .el-card__body{padding:20px 16px}.success-message h1[data-v-1c62f1f1]{font-size:20px}.success-subtitle[data-v-1c62f1f1]{font-size:13px}.count-highlight[data-v-1c62f1f1]{font-size:15px}.action-card-compact[data-v-1c62f1f1]{padding:10px}.card-title-compact[data-v-1c62f1f1]{font-size:13px}.card-desc-compact[data-v-1c62f1f1]{font-size:11px}.button-group-compact[data-v-1c62f1f1]{flex-direction:column}.main-button-compact[data-v-1c62f1f1],.secondary-button-compact[data-v-1c62f1f1]{width:100%}}@media (max-width: 480px){.success-icon[data-v-1c62f1f1]{font-size:45px}.success-message h1[data-v-1c62f1f1]{font-size:19px}.clear-dialog[data-v-1c62f1f1] .el-dialog{margin:12px;width:calc(100% - 24px)!important}}@media (min-height: 700px){.success-container[data-v-1c62f1f1]{padding:15px 12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:80px}.gradient-bg{background:var(--gradient-primary);color:#fff}.gradient-bg-secondary{background:var(--gradient-secondary);color:#000}.custom-card{border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.custom-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-gradient{background:var(--gradient-primary);border:none;color:#fff;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.voice-recorder{position:relative;display:inline-flex;align-items:center;justify-content:center}.voice-btn{width:60px;height:60px;border-radius:50%;background:var(--gradient-secondary);border:none;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.voice-btn:hover{transform:scale(1.05)}.voice-btn.recording{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #f5576cb3}70%{box-shadow:0 0 0 20px #f5576c00}to{box-shadow:0 0 #f5576c00}}.priority-high{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.priority-medium{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#fff}.priority-low{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff}.status-pending{background:var(--warning-color);color:#fff}.status-reminded{background:var(--primary-color);color:#fff}.status-completed{background:var(--success-color);color:#fff}.status-expired{background:var(--danger-color);color:#fff}@media (max-width: 768px){.main-content{padding:16px 16px 100px}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}.main-content{padding:24px;max-width:1200px;margin:0 auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.glass-effect{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(30px);opacity:0}.slide-up-leave-to{transform:translateY(-30px);opacity:0}