mirror of
https://git-qiuchenly.yltfspace.com/QiuChenly/corepatch
synced 2025-11-25 04:35:07 +08:00
2 lines
23 KiB
CSS
2 lines
23 KiB
CSS
.app-layout[data-v-62a6f210]{display:flex;height:100vh;background:var(--bg-primary)}.sidebar[data-v-62a6f210]{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--spacing-lg)}@media (max-width: 768px){.sidebar[data-v-62a6f210]{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-light)}}.sidebar-header[data-v-62a6f210]{margin-bottom:var(--spacing-xl);text-align:center}.sidebar-header .app-title[data-v-62a6f210]{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.sidebar-header .app-subtitle[data-v-62a6f210]{color:var(--text-secondary);font-size:.9rem}.sidebar-nav[data-v-62a6f210]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item[data-v-62a6f210]{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all .2s ease;position:relative}.nav-item[data-v-62a6f210]:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active[data-v-62a6f210]{background:var(--primary-light);color:var(--primary-color)}.nav-item.active[data-v-62a6f210]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-item .nav-icon[data-v-62a6f210]{font-size:1.2rem;margin-right:var(--spacing-md);width:24px;text-align:center}.nav-item .nav-text[data-v-62a6f210]{flex:1;font-weight:500}.nav-item .nav-count[data-v-62a6f210]{background:var(--border-color);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.nav-item.active .nav-count[data-v-62a6f210]{background:var(--primary-color);color:#fff}.sidebar-footer[data-v-62a6f210]{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-toggle[data-v-62a6f210]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.theme-toggle[data-v-62a6f210]:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color)}.theme-toggle .theme-icon[data-v-62a6f210]{font-size:1rem}.theme-toggle .theme-text[data-v-62a6f210]{font-weight:500}.service-status[data-v-62a6f210]{display:flex;align-items:center;gap:var(--spacing-sm)}.service-status .status-indicator[data-v-62a6f210]{width:8px;height:8px;border-radius:50%;background:var(--error-color)}.service-status .status-indicator.online[data-v-62a6f210]{background:var(--success-color)}.service-status .status-text[data-v-62a6f210]{font-size:.9rem;color:var(--text-secondary)}.main-content[data-v-62a6f210]{flex:1;overflow-y:auto;background:var(--bg-primary)}@media (max-width: 768px){.app-layout[data-v-62a6f210]{flex-direction:column}.sidebar[data-v-62a6f210]{width:100%;height:auto}.sidebar-nav[data-v-62a6f210]{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-sm)}.nav-item[data-v-62a6f210]{flex-shrink:0;min-width:120px}}.modal-overlay[data-v-5ca72b91]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg)}.modal-container[data-v-5ca72b91]{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-light)}.modal-header[data-v-5ca72b91]{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.modal-header .modal-title[data-v-5ca72b91]{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.modal-header .modal-title .modal-icon[data-v-5ca72b91]{font-size:1.5rem;color:var(--primary-color)}.modal-header .modal-close[data-v-5ca72b91]{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-header .modal-close[data-v-5ca72b91]:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-body[data-v-5ca72b91]{flex:0 0 auto;overflow:hidden;padding:var(--spacing-md)}.log-container[data-v-5ca72b91]{height:500px;min-height:500px;max-height:60vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-tertiary, #1a1a1a);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;scroll-behavior:smooth}.log-container[data-v-5ca72b91]::-webkit-scrollbar{width:8px}.log-container[data-v-5ca72b91]::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.log-container[data-v-5ca72b91]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.log-container[data-v-5ca72b91]::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.log-line[data-v-5ca72b91]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;align-items:flex-start}.log-line.loading[data-v-5ca72b91]{color:var(--primary-color)}.log-line .log-time[data-v-5ca72b91]{color:var(--text-tertiary);flex-shrink:0;font-size:.85rem}.log-line .log-message[data-v-5ca72b91]{color:var(--text-secondary);flex:1;word-break:break-word;white-space:pre-wrap}.log-line.log-info .log-message[data-v-5ca72b91]{color:var(--text-secondary)}.log-line.log-success .log-message[data-v-5ca72b91]{color:var(--success-color)}.log-line.log-warning .log-message[data-v-5ca72b91]{color:var(--warning-color)}.log-line.log-error .log-message[data-v-5ca72b91]{color:var(--error-color)}.modal-footer[data-v-5ca72b91]{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between}.modal-footer .footer-status[data-v-5ca72b91]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:500}.modal-footer .footer-status .status-success[data-v-5ca72b91]{color:var(--success-color);display:flex;align-items:center;gap:var(--spacing-xs)}.modal-footer .footer-status .status-error[data-v-5ca72b91]{color:var(--error-color);display:flex;align-items:center;gap:var(--spacing-xs)}.modal-footer .footer-status .status-loading[data-v-5ca72b91]{color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-xs)}.modal-footer .footer-actions[data-v-5ca72b91]{display:flex;gap:var(--spacing-sm)}.spinner-small[data-v-5ca72b91]{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-5ca72b91 1s linear infinite}@keyframes spin-5ca72b91{to{transform:rotate(360deg)}}.modal-enter-active[data-v-5ca72b91],.modal-leave-active[data-v-5ca72b91]{transition:opacity .3s ease}.modal-enter-from[data-v-5ca72b91],.modal-leave-to[data-v-5ca72b91]{opacity:0}.modal-enter-active .modal-container[data-v-5ca72b91],.modal-leave-active .modal-container[data-v-5ca72b91]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-5ca72b91],.modal-leave-to .modal-container[data-v-5ca72b91]{transform:scale(.9) translateY(-20px)}@media (max-width: 768px){.modal-overlay[data-v-5ca72b91]{padding:0}.modal-container[data-v-5ca72b91]{max-width:100%;max-height:100vh;border-radius:0}.log-container[data-v-5ca72b91]{height:400px;min-height:400px;max-height:50vh}.modal-footer[data-v-5ca72b91]{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.modal-footer .footer-actions[data-v-5ca72b91]{width:100%}.modal-footer .footer-actions .btn[data-v-5ca72b91]{flex:1}}.app-card[data-v-371049c7]{display:flex;flex-direction:column;padding:var(--spacing-lg);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.app-card[data-v-371049c7]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--success-color));transform:scaleX(0);transition:transform .3s ease}.app-card[data-v-371049c7]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.app-card[data-v-371049c7]:hover:before{transform:scaleX(1)}.app-icon[data-v-371049c7]{width:80px;height:80px;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);position:relative}.app-icon img[data-v-371049c7]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.app-icon .icon-placeholder[data-v-371049c7]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--text-tertiary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff}.app-icon .icon-loading[data-v-371049c7]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.app-icon .icon-loading .spinner[data-v-371049c7]{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.app-icon:hover img[data-v-371049c7]{transform:scale(1.05)}.app-info[data-v-371049c7]{text-align:center;margin-bottom:var(--spacing-md)}.app-info .app-name[data-v-371049c7]{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-info .app-version[data-v-371049c7]{margin:0 0 var(--spacing-xs) 0;font-size:.9rem;color:var(--text-secondary)}.app-info .latest-version[data-v-371049c7]{margin:0;font-size:.85rem;color:var(--warning-color);font-weight:500}.app-status[data-v-371049c7]{text-align:center;margin-bottom:var(--spacing-md)}.app-actions[data-v-371049c7]{text-align:center;margin-top:auto}.app-actions .btn[data-v-371049c7]{width:100%;margin-bottom:var(--spacing-sm);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.app-actions .unsupported-section[data-v-371049c7]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center}.app-actions .unsupported-text[data-v-371049c7],.app-actions .injected-text[data-v-371049c7]{font-size:.9rem;color:var(--text-secondary);font-style:italic;display:block}.app-actions .supported-versions[data-v-371049c7]{font-size:.8rem;color:var(--warning-color);font-weight:500;line-height:1.4}@media (max-width: 480px){.app-card[data-v-371049c7]{padding:var(--spacing-md)}.app-icon[data-v-371049c7]{width:60px;height:60px}.app-name[data-v-371049c7]{font-size:1rem}}.app-list[data-v-394c8dc2]{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.list-header[data-v-394c8dc2]{margin-bottom:var(--spacing-xl)}.list-header .header-content[data-v-394c8dc2]{margin-bottom:var(--spacing-lg)}.list-header .header-content h2[data-v-394c8dc2]{margin:0 0 var(--spacing-sm) 0;font-size:2rem;font-weight:600;color:var(--text-primary)}.list-header .header-content .page-description[data-v-394c8dc2]{margin:0;color:var(--text-secondary);font-size:1rem}.list-header .list-controls[data-v-394c8dc2]{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.list-header .list-controls .search-container[data-v-394c8dc2]{position:relative;flex:1;min-width:300px}.list-header .list-controls .search-container .search-input[data-v-394c8dc2]{width:100%;padding-right:40px;font-size:1rem}.list-header .list-controls .search-container .search-icon[data-v-394c8dc2]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.list-header .list-controls .sort-filter[data-v-394c8dc2]{min-width:150px;font-size:1rem}.loading[data-v-394c8dc2]{text-align:center;padding:var(--spacing-2xl) 0}.loading .spinner[data-v-394c8dc2]{margin:0 auto var(--spacing-md)}.loading p[data-v-394c8dc2]{color:var(--text-secondary);font-size:1.1rem}.error[data-v-394c8dc2]{text-align:center;padding:var(--spacing-2xl) 0}.error p[data-v-394c8dc2]{color:var(--error-color);font-size:1.1rem;margin-bottom:var(--spacing-md)}.empty[data-v-394c8dc2]{text-align:center;padding:var(--spacing-2xl) 0}.empty .empty-icon[data-v-394c8dc2]{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty p[data-v-394c8dc2]{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.empty .empty-hint[data-v-394c8dc2]{font-size:.9rem;color:var(--text-tertiary)}.apps-grid[data-v-394c8dc2]{margin-bottom:var(--spacing-xl)}.list-footer[data-v-394c8dc2]{padding:var(--spacing-lg) 0;border-top:1px solid var(--border-light)}.list-footer .footer-stats[data-v-394c8dc2]{display:flex;gap:var(--spacing-lg);justify-content:center}.list-footer .footer-stats .stat-item[data-v-394c8dc2]{display:flex;gap:var(--spacing-xs)}.list-footer .footer-stats .stat-item .stat-label[data-v-394c8dc2]{color:var(--text-secondary);font-size:.9rem}.list-footer .footer-stats .stat-item .stat-value[data-v-394c8dc2]{color:var(--text-primary);font-weight:600;font-size:.9rem}@media (max-width: 768px){.app-list[data-v-394c8dc2]{padding:var(--spacing-md)}.list-header .header-content h2[data-v-394c8dc2]{font-size:1.5rem}.list-header .list-controls[data-v-394c8dc2]{flex-direction:column;align-items:stretch}.list-header .list-controls .search-container[data-v-394c8dc2],.list-header .list-controls .sort-filter[data-v-394c8dc2]{min-width:auto}.list-footer .footer-stats[data-v-394c8dc2]{flex-direction:column;gap:var(--spacing-sm)}}.app-detail[data-v-a52eb4dc]{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.loading[data-v-a52eb4dc],.error[data-v-a52eb4dc]{text-align:center;padding:var(--spacing-2xl) 0}.loading .spinner[data-v-a52eb4dc],.error .spinner[data-v-a52eb4dc]{margin:0 auto var(--spacing-md)}.loading p[data-v-a52eb4dc],.error p[data-v-a52eb4dc]{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.error p[data-v-a52eb4dc]{color:var(--error-color)}.back-button[data-v-a52eb4dc]{margin-bottom:var(--spacing-lg)}.app-info-card[data-v-a52eb4dc]{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.app-header[data-v-a52eb4dc]{display:flex;align-items:flex-start;gap:var(--spacing-lg)}@media (max-width: 768px){.app-header[data-v-a52eb4dc]{flex-direction:column;text-align:center}}.app-icon-large[data-v-a52eb4dc]{width:120px;height:120px;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-secondary);flex-shrink:0}.app-icon-large img[data-v-a52eb4dc]{width:100%;height:100%;object-fit:cover}.app-icon-large .icon-loading-large[data-v-a52eb4dc]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.app-icon-large .icon-loading-large .spinner[data-v-a52eb4dc]{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-a52eb4dc 1s linear infinite}@keyframes spin-a52eb4dc{to{transform:rotate(360deg)}}.app-icon-large .icon-placeholder-large[data-v-a52eb4dc]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--text-tertiary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff}.app-meta[data-v-a52eb4dc]{flex:1}.app-meta .app-title[data-v-a52eb4dc]{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.app-meta .app-bundle-id[data-v-a52eb4dc]{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-md);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.app-meta .app-version-info[data-v-a52eb4dc]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-meta .app-version-info .current-version[data-v-a52eb4dc]{color:var(--text-primary);font-weight:500}.app-meta .app-version-info .latest-version[data-v-a52eb4dc]{color:var(--warning-color);font-weight:500}.app-status-section[data-v-a52eb4dc]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md)}@media (max-width: 768px){.app-status-section[data-v-a52eb4dc]{align-items:center;width:100%}}.action-buttons[data-v-a52eb4dc]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-buttons .btn[data-v-a52eb4dc]{min-width:140px}.action-buttons .unsupported-text[data-v-a52eb4dc],.action-buttons .injected-text[data-v-a52eb4dc]{color:var(--text-secondary);font-style:italic;text-align:center}.detail-grid[data-v-a52eb4dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}@media (max-width: 768px){.detail-grid[data-v-a52eb4dc]{grid-template-columns:1fr}}.detail-card[data-v-a52eb4dc]{padding:var(--spacing-lg)}.detail-card h3[data-v-a52eb4dc]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.info-list[data-v-a52eb4dc]{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item[data-v-a52eb4dc]{display:flex;justify-content:space-between;align-items:flex-start}.info-item .label[data-v-a52eb4dc]{font-weight:500;color:var(--text-secondary);min-width:100px}.info-item .value[data-v-a52eb4dc]{color:var(--text-primary);text-align:right;word-break:break-all}.info-item .value.text-success[data-v-a52eb4dc]{color:var(--success-color)}.info-item .value.text-warning[data-v-a52eb4dc]{color:var(--warning-color)}.info-item .value.text-error[data-v-a52eb4dc]{color:var(--error-color)}.info-item .value.supported-versions-list[data-v-a52eb4dc]{color:var(--warning-color);font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@media (max-width: 480px){.info-item[data-v-a52eb4dc]{flex-direction:column;gap:var(--spacing-xs)}.info-item .value[data-v-a52eb4dc]{text-align:left}}:root{--primary-color: #007aff;--primary-hover: #0056cc;--primary-light: #e3f2fd;--bg-primary: #f5f5f7;--bg-secondary: #fafafa;--bg-card: #ffffff;--bg-sidebar: #f8f9fa;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--success-color: #34c759;--warning-color: #ff9500;--error-color: #ff3b30;--info-color: #5ac8fa;--border-color: #e5e5ea;--border-light: #f2f2f7;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:36px;gap:var(--spacing-xs)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:var(--primary-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-success{background:var(--success-color);color:#fff}.btn.btn-success:hover:not(:disabled){background:#2fb84d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-warning{background:var(--warning-color);color:#fff}.btn.btn-warning:hover:not(:disabled){background:#e6850e;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-error{background:var(--error-color);color:#fff}.btn.btn-error:hover:not(:disabled){background:#e6342a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color)}.btn-icon{font-size:16px}.nav-icon{font-size:20px}.search-icon{font-size:18px}.empty-icon{font-size:64px;opacity:.5}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}input,select,textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1a}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-tertiary)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-supported{background:#34c7591a;color:var(--success-color)}.status-badge.status-injected{background:#007aff1a;color:var(--primary-color)}.status-badge.status-update{background:#ff95001a;color:var(--warning-color)}.status-badge.status-unsupported{background:#ff3b301a;color:var(--error-color)}.grid{display:grid;gap:var(--spacing-lg)}.grid.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-card: #2d2d2d;--bg-sidebar: #252525;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #707070;--border-color: #404040;--border-light: #353535;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .5);--primary-color: #0a84ff;--primary-hover: #0970e0;--primary-light: rgba(10, 132, 255, .1);--success-color: #30d158;--warning-color: #ff9f0a;--error-color: #ff453a;--info-color: #64d2ff}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}img,.no-transition,.spinner{transition:none}@media (max-width: 768px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}.btn{width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}
|