.header[data-v-30a4dfbc]{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff;height:60px;box-shadow:0 2px 8px #0000001a}.header-content[data-v-30a4dfbc]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px;max-width:1200px;margin:0 auto}.logo-section[data-v-30a4dfbc]{display:flex;align-items:center;gap:12px}.company-logo[data-v-30a4dfbc]{height:48px;width:auto;max-width:80px;flex-shrink:0;object-fit:contain;image-rendering:auto;image-rendering:-webkit-optimize-contrast;filter:none;transition:transform .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.company-logo[data-v-30a4dfbc]:hover{transform:scale(1.05)}.logo[data-v-30a4dfbc]{font-size:20px;font-weight:700;margin:0}.nav[data-v-30a4dfbc]{display:flex;gap:10px}.nav-item[data-v-30a4dfbc]{background:rgba(173,216,230,.3);border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:space-between}.nav-item[data-v-30a4dfbc]:hover{background:rgba(173,216,230,.5)}.nav-item.active[data-v-30a4dfbc]{background:rgba(173,216,230,.7);font-weight:700}.nav-item.collapsed[data-v-30a4dfbc]{background:rgba(173,216,230,.2)}.nav-item.collapsed[data-v-30a4dfbc]:hover{background:rgba(173,216,230,.4)}.category-text[data-v-30a4dfbc]{flex:1;text-align:left}.collapse-icon[data-v-30a4dfbc]{font-size:12px;transition:transform .3s ease;color:#fffc}.nav-item.collapsed .collapse-icon[data-v-30a4dfbc]{transform:rotate(0)}.nav-item:not(.collapsed) .collapse-icon[data-v-30a4dfbc]{transform:rotate(0)}.user-section[data-v-30a4dfbc]{display:flex;align-items:center;gap:15px}.user-info[data-v-30a4dfbc]{color:#fff;font-size:14px;font-weight:500}.logout-btn[data-v-30a4dfbc]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.logout-btn[data-v-30a4dfbc]:hover{background:rgba(255,255,255,.3);border-color:#ffffff80}.admin-btn[data-v-30a4dfbc]{background:rgba(255,193,7,.8);border:1px solid rgba(255,193,7,.9);color:#333;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.admin-btn[data-v-30a4dfbc]:hover{background:rgba(255,193,7,1);border-color:#ffc107}.sidebar[data-v-84a4bf7d]{width:280px;background:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto}.sidebar-header[data-v-84a4bf7d]{padding:20px;border-bottom:1px solid #e9ecef;background:white}.sidebar-header h3[data-v-84a4bf7d]{color:#333;font-size:16px;margin:0}.product-list[data-v-84a4bf7d]{padding:10px}.product-item[data-v-84a4bf7d]{display:flex;align-items:center;padding:15px;margin-bottom:8px;background:white;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef}.product-item[data-v-84a4bf7d]:hover{background:#f0f8ff;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff1a}.product-item.active[data-v-84a4bf7d]{background:#007bff;color:#fff;border-color:#007bff}.product-icon[data-v-84a4bf7d]{margin-right:12px}.icon[data-v-84a4bf7d]{font-size:24px}.product-info h4[data-v-84a4bf7d]{margin:0 0 4px;font-size:14px;font-weight:600}.product-info p[data-v-84a4bf7d]{margin:0;font-size:12px;opacity:.8}.product-item.active .product-info p[data-v-84a4bf7d]{opacity:.9}.content[data-v-7f2637b7]{flex:1;background:white;overflow-y:auto}.content-wrapper[data-v-7f2637b7]{padding:30px;margin:0 auto;width:100%}.content-header[data-v-7f2637b7]{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.title-section[data-v-7f2637b7]{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:10px}.content-header h2[data-v-7f2637b7]{color:#333;font-size:24px;margin:0}.product-tags[data-v-7f2637b7]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-7f2637b7]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#333;white-space:nowrap;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.tag[data-v-7f2637b7]:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.product-desc[data-v-7f2637b7]{color:#666;font-size:16px;line-height:1.6}.features-list[data-v-7f2637b7]{space-y:15px}.feature-item[data-v-7f2637b7]{border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.feature-item[data-v-7f2637b7]:hover{box-shadow:0 2px 8px #0000001a}.feature-header[data-v-7f2637b7]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;cursor:pointer;transition:background-color .3s ease}.feature-header[data-v-7f2637b7]:hover{background:#e9ecef}.feature-header h3[data-v-7f2637b7]{margin:0;color:#333;font-size:18px}.toggle-icon[data-v-7f2637b7]{font-size:12px;color:#666;transition:transform .3s ease}.toggle-icon.expanded[data-v-7f2637b7]{transform:rotate(180deg)}.feature-content[data-v-7f2637b7]{padding:20px;background:white;border-top:1px solid #e9ecef}.feature-description[data-v-7f2637b7]{color:#555;font-size:16px;line-height:1.6;margin-bottom:15px}.feature-details ul[data-v-7f2637b7]{list-style:none;padding:0}.feature-details li[data-v-7f2637b7]{padding:8px 0;border-bottom:1px solid #f0f0f0;color:#666}.feature-details li[data-v-7f2637b7]:last-child{border-bottom:none}.feature-image[data-v-7f2637b7]{margin:20px 0;text-align:center}.feature-image img[data-v-7f2637b7]{max-width:300px;width:auto;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.back-btn[data-v-7f2637b7]{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:15px;transition:background-color .3s ease;display:block;margin-left:auto;margin-right:auto}.back-btn[data-v-7f2637b7]:hover{background:#0056b3}.empty-state[data-v-7f2637b7]{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.version-history-section[data-v-7f2637b7]{margin-top:20px;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.version-history-header[data-v-7f2637b7]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid #e9ecef}.version-history-header[data-v-7f2637b7]:hover{background:#e9ecef}.version-history-header h3[data-v-7f2637b7]{margin:0;color:#333;font-size:16px;font-weight:600}.version-history-content[data-v-7f2637b7]{padding:0;background:white}.version-item[data-v-7f2637b7]{padding:20px;border-bottom:1px solid #f0f0f0}.version-item[data-v-7f2637b7]:last-child{border-bottom:none}.version-header[data-v-7f2637b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.version-number[data-v-7f2637b7]{font-weight:700;color:#007bff;font-size:16px}.version-date[data-v-7f2637b7]{color:#666;font-size:14px}.version-changes[data-v-7f2637b7]{list-style:none;padding:0;margin:0}.version-changes li[data-v-7f2637b7]{color:#555;font-size:14px;line-height:1.5;position:relative;padding:6px 0 6px 20px}.version-changes li[data-v-7f2637b7]:before{content:"•";color:#007bff;font-weight:700;position:absolute;left:0}.login-container[data-v-0c3ea56a]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-box[data-v-0c3ea56a]{background:white;border-radius:12px;box-shadow:0 10px 30px #0003;padding:40px;width:100%;max-width:500px}.login-header[data-v-0c3ea56a]{text-align:center;margin-bottom:30px}.login-logo[data-v-0c3ea56a]{max-width:200px;width:auto;height:auto;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(255,255,255,.4);padding:20px}.logo-img[data-v-0c3ea56a]{max-width:160px;max-height:80px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.login-header h2[data-v-0c3ea56a]{color:#333;margin-bottom:8px;font-size:24px}.login-header p[data-v-0c3ea56a]{color:#666;font-size:14px}.login-form[data-v-0c3ea56a]{margin-bottom:30px}.form-group[data-v-0c3ea56a]{margin-bottom:20px}.form-group label[data-v-0c3ea56a]{display:block;margin-bottom:5px;color:#333;font-weight:500}.form-group input[data-v-0c3ea56a]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input[data-v-0c3ea56a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-options[data-v-0c3ea56a]{margin-bottom:25px}.checkbox-label[data-v-0c3ea56a]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666}.checkbox-label input[type=checkbox][data-v-0c3ea56a]{margin-right:8px}.login-btn[data-v-0c3ea56a]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s ease}.login-btn[data-v-0c3ea56a]:hover:not(:disabled){transform:translateY(-1px)}.login-btn[data-v-0c3ea56a]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-0c3ea56a]{color:#e74c3c;text-align:center;margin-top:15px;font-size:14px}.modal-overlay[data-v-bc527ac7]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-bc527ac7]{background:white;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-bc527ac7]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-bc527ac7]{margin:0;color:#333}.close-btn[data-v-bc527ac7]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-bc527ac7]:hover{color:#333}.modal-body[data-v-bc527ac7]{padding:20px}.add-account h3[data-v-bc527ac7],.accounts-list h3[data-v-bc527ac7]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.form-row[data-v-bc527ac7]{display:flex;gap:10px;margin-bottom:20px}.admin-input[data-v-bc527ac7]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.add-btn[data-v-bc527ac7],.toggle-btn[data-v-bc527ac7],.delete-btn[data-v-bc527ac7],.export-btn[data-v-bc527ac7],.clear-btn[data-v-bc527ac7]{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.add-btn[data-v-bc527ac7]{background:#28a745;color:#fff}.toggle-btn[data-v-bc527ac7]{background:#17a2b8;color:#fff}.delete-btn[data-v-bc527ac7]{background:#dc3545;color:#fff}.export-btn[data-v-bc527ac7]{background:#6c757d;color:#fff}.clear-btn[data-v-bc527ac7]{background:#dc3545;color:#fff}.accounts-list[data-v-bc527ac7]{margin-bottom:20px}.no-accounts[data-v-bc527ac7]{color:#999;font-style:italic;text-align:center;padding:20px}.account-item[data-v-bc527ac7]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.account-info[data-v-bc527ac7]{display:flex;flex-direction:column;gap:4px}.password-display[data-v-bc527ac7]{font-size:12px;color:#666;font-family:monospace}.account-actions[data-v-bc527ac7]{display:flex;gap:8px}.admin-actions[data-v-bc527ac7]{display:flex;gap:10px;justify-content:center;padding-top:20px;border-top:1px solid #eee}.cloud-sync-section[data-v-bc527ac7]{margin-top:30px;padding-top:20px;border-top:2px solid #e3f2fd}.cloud-sync-section h3[data-v-bc527ac7]{color:#1976d2;margin-bottom:15px}.sync-description[data-v-bc527ac7]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.setup-steps[data-v-bc527ac7]{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #2196f3}.step[data-v-bc527ac7]{margin-bottom:15px;padding:10px 0}.step[data-v-bc527ac7]:last-child{margin-bottom:0}.step strong[data-v-bc527ac7]{color:#333}.step small[data-v-bc527ac7]{color:#666;font-size:12px}.link[data-v-bc527ac7]{color:#2196f3;text-decoration:none}.link[data-v-bc527ac7]:hover{text-decoration:underline}.sync-configured[data-v-bc527ac7]{background:#e8f5e8;padding:20px;border-radius:8px;border-left:4px solid #4caf50}.sync-status[data-v-bc527ac7]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.status-indicator[data-v-bc527ac7]{font-size:16px}.sync-status small[data-v-bc527ac7]{color:#666;font-size:12px;margin-left:auto}.sync-actions[data-v-bc527ac7]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.sync-btn[data-v-bc527ac7]{background:#2196f3;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.sync-btn[data-v-bc527ac7]:hover:not(:disabled){background:#1976d2}.sync-btn[data-v-bc527ac7]:disabled{background:#ccc;cursor:not-allowed}.last-sync[data-v-bc527ac7]{font-size:12px;color:#666;text-align:center}.sync-message[data-v-bc527ac7]{margin-top:15px;padding:10px;border-radius:4px;font-size:14px;text-align:center}.sync-message.success[data-v-bc527ac7]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sync-message.error[data-v-bc527ac7]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.sync-message.info[data-v-bc527ac7]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}:root{--primary-color: #ff4757;--primary-dark: #ff3838;--secondary-color: #007bff;--secondary-dark: #0056b3;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e9ecef;--text-color: #333;--text-muted: #666;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .15);--border-radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f5f5f5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width: 768px){.main-container{flex-direction:column}.sidebar{width:100%!important;height:auto;max-height:200px}.content{padding:15px!important}.header-content{flex-direction:column;gap:10px;padding:10px!important}.nav{width:100%;justify-content:center}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:var(--dark-color);color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:12px}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-stable{background-color:var(--success-color);color:#fff}.status-beta{background-color:var(--warning-color);color:var(--dark-color)}.status-alpha{background-color:var(--danger-color);color:#fff}.priority-high{color:var(--danger-color);font-weight:700}.priority-medium{color:var(--warning-color);font-weight:500}.priority-low{color:var(--text-muted)}#app{height:100vh;display:flex;flex-direction:column}.main-container{display:flex;flex:1;height:calc(100vh - 60px);max-width:1600px;margin:0 auto;width:100%}