.navigation-bar[data-v-ff43ea40]{background:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.navigation-bar.sticky[data-v-ff43ea40]{box-shadow:0 4px 12px #00000026}.nav-content[data-v-ff43ea40]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.nav-brand[data-v-ff43ea40]{display:flex;align-items:center}.brand-link[data-v-ff43ea40]{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1.25rem}.brand-logo[data-v-ff43ea40]{width:32px;height:32px;margin-right:.5rem}.brand-text[data-v-ff43ea40]{color:var(--primary-color)}.mobile-toggle[data-v-ff43ea40]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-toggle span[data-v-ff43ea40]{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s}.mobile-toggle.active span[data-v-ff43ea40]:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-toggle.active span[data-v-ff43ea40]:nth-child(2){opacity:0}.mobile-toggle.active span[data-v-ff43ea40]:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-links[data-v-ff43ea40]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-ff43ea40]{text-decoration:none;color:var(--text-primary);font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .3s ease;position:relative}.nav-link[data-v-ff43ea40]:hover,.nav-link.router-link-active[data-v-ff43ea40]{color:var(--primary-color);background:#1890ff1a}.download-link[data-v-ff43ea40]{background:#3b82f6;color:#fff;border-radius:6px;font-weight:500;border:none;cursor:pointer}.download-link[data-v-ff43ea40]:hover{background:#2563eb;color:#fff}.download-dropdown[data-v-ff43ea40]{position:relative;display:inline-block}.download-dropdown:hover .dropdown-menu[data-v-ff43ea40]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu[data-v-ff43ea40]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:5px;min-width:120px}.dropdown-menu .dropdown-item[data-v-ff43ea40]{display:block;padding:.75rem 1rem;color:#374151;text-decoration:none;transition:background-color .2s ease;font-size:.875rem;white-space:nowrap}.dropdown-menu .dropdown-item[data-v-ff43ea40]:hover{background-color:#f3f4f6;color:var(--primary-color)}.admin-section[data-v-ff43ea40]{display:flex;align-items:center;gap:1rem}.admin-dropdown[data-v-ff43ea40]{position:relative}.admin-user-button[data-v-ff43ea40]{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;color:#374151;font-size:.875rem;font-weight:400}.admin-user-button[data-v-ff43ea40]:hover{border-color:#3b82f6;background:#f8fafc}.admin-email[data-v-ff43ea40]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.dropdown-arrow[data-v-ff43ea40]{font-size:.75rem;transition:transform .2s ease;color:#6b7280}.dropdown-arrow.open[data-v-ff43ea40]{transform:rotate(180deg)}.admin-dropdown-menu[data-v-ff43ea40]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;min-width:150px;z-index:1001;margin-top:.25rem;overflow:hidden}.dropdown-item[data-v-ff43ea40]{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;color:#374151;font-size:.875rem;font-weight:400}.dropdown-item[data-v-ff43ea40]:hover{background:#f3f4f6}.logout-item[data-v-ff43ea40]{color:#ef4444;border-top:1px solid #e5e7eb}.logout-item[data-v-ff43ea40]:hover{background:#fef2f2}@media(max-width:932px){.mobile-toggle[data-v-ff43ea40]{display:flex}.nav-links[data-v-ff43ea40]{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;box-shadow:0 4px 12px #00000026;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.mobile-open[data-v-ff43ea40]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-ff43ea40]{padding:1rem 2rem;border-radius:0;border-bottom:1px solid #f0f0f0}.nav-link[data-v-ff43ea40]:last-child{border-bottom:none}.admin-section[data-v-ff43ea40]{flex-direction:column;align-items:stretch;gap:0;width:100%}.admin-section .download-link[data-v-ff43ea40]{border-bottom:1px solid #f0f0f0}.download-link[data-v-ff43ea40]{text-align:center;width:100%}.download-dropdown .dropdown-menu[data-v-ff43ea40]{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-top:1px solid #f0f0f0;margin-top:0;background:#f8f9fa;text-align:center}.download-dropdown:hover .dropdown-menu[data-v-ff43ea40]{opacity:1;visibility:visible}.admin-dropdown[data-v-ff43ea40]{width:100%}.admin-user-button[data-v-ff43ea40]{width:100%;justify-content:space-between;padding:1rem 2rem;border:none;border-bottom:1px solid #f0f0f0;border-radius:0}.admin-dropdown-menu[data-v-ff43ea40]{position:static;box-shadow:none;border:none;border-top:1px solid #f0f0f0;margin-top:0}.dropdown-item[data-v-ff43ea40]{padding:1rem 2rem;border-bottom:1px solid #f0f0f0;text-align:center}.dropdown-item[data-v-ff43ea40]:last-child{border-bottom:none}}@media(max-width:1024px){.nav-links[data-v-ff43ea40]{gap:1rem}.nav-link[data-v-ff43ea40]{padding:.5rem .75rem;font-size:.9rem}.admin-email[data-v-ff43ea40]{max-width:120px}}.site-footer[data-v-a138a4a8]{background:linear-gradient(135deg,#1890ff,#06c);color:#fff;margin-top:auto;padding:2.5rem 0 1rem}.footer-content[data-v-a138a4a8]{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:2rem}.footer-brand[data-v-a138a4a8]{flex:1}.brand-logo[data-v-a138a4a8]{display:flex;align-items:center;gap:1rem}.logo-image[data-v-a138a4a8]{width:48px;height:48px}.brand-info[data-v-a138a4a8]{display:flex;flex-direction:column}.brand-name[data-v-a138a4a8]{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.brand-tagline[data-v-a138a4a8]{font-size:.875rem;margin:.25rem 0 0;color:#fffc}.brand-actions[data-v-a138a4a8]{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.action-button-wrapper[data-v-a138a4a8]{position:relative}.action-button[data-v-a138a4a8]{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button[data-v-a138a4a8]:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-icon[data-v-a138a4a8]{width:16px;height:16px;flex-shrink:0}.appreciation-btn[data-v-a138a4a8]:hover{background:#ff6b6b33;border-color:#ff6b6b66}.qq-group-btn[data-v-a138a4a8]:hover{background:#1890ff33;border-color:#1890ff66}.tooltip[data-v-a138a4a8]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;color:#333;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:1.5rem;margin-bottom:.5rem;min-width:420px;z-index:1000;animation:tooltipFadeIn-a138a4a8 .3s ease}.tooltip[data-v-a138a4a8]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}@keyframes tooltipFadeIn-a138a4a8{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-header[data-v-a138a4a8]{text-align:center;margin-bottom:1rem}.tooltip-header h4[data-v-a138a4a8]{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#333}.tooltip-header p[data-v-a138a4a8]{margin:0;font-size:.875rem;color:#666}.qr-codes[data-v-a138a4a8]{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.qr-code-item[data-v-a138a4a8]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr-image[data-v-a138a4a8]{width:180px;height:180px;border-radius:8px;border:2px solid #f0f0f0;object-fit:cover}.qr-label[data-v-a138a4a8]{font-size:.75rem;color:#666;font-weight:500}.tooltip-footer[data-v-a138a4a8]{text-align:center;border-top:1px solid #f0f0f0;padding-top:1rem}.tooltip-footer p[data-v-a138a4a8]{margin:0;font-size:.875rem;color:#666}.group-features[data-v-a138a4a8]{list-style:none;padding:0;margin:0;text-align:left}.group-features li[data-v-a138a4a8]{font-size:.875rem;color:#666;margin:.25rem 0}.appreciation-tooltip[data-v-a138a4a8]{border-top:3px solid #ff6b6b}.qq-tooltip[data-v-a138a4a8]{border-top:3px solid #1890ff}.footer-links[data-v-a138a4a8]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;flex:2}.footer-section h4[data-v-a138a4a8]{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section ul[data-v-a138a4a8]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-section li[data-v-a138a4a8]{margin:0}.footer-section a[data-v-a138a4a8]{color:#ffffffe6;text-decoration:none;font-size:.875rem;transition:all .2s ease;padding:.25rem 0;display:block}.footer-section a[data-v-a138a4a8]:hover{color:#fff;transform:translate(2px)}.footer-section .download-dropdown[data-v-a138a4a8]{position:relative}.footer-section .download-dropdown:hover .dropdown-menu[data-v-a138a4a8]{opacity:1;visibility:visible;transform:translateY(0)}.footer-section .dropdown-menu[data-v-a138a4a8]{position:absolute;top:100%;left:0;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 4px 12px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:5px;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-section .dropdown-item[data-v-a138a4a8]{display:block;padding:.75rem 1rem;color:#333!important;text-decoration:none;transition:background-color .2s ease;font-size:.875rem;white-space:nowrap}.footer-section .dropdown-item[data-v-a138a4a8]:hover{background-color:#1890ff1a;color:var(--primary-color)!important;transform:none}.footer-bottom[data-v-a138a4a8]{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.disclaimer[data-v-a138a4a8]{text-align:center}.disclaimer p[data-v-a138a4a8]{color:#fffc;font-size:.75rem;line-height:1.6;margin:.5rem 0}.disclaimer a[data-v-a138a4a8]{color:#fff;text-decoration:none;transition:all .2s ease}.disclaimer a[data-v-a138a4a8]:hover{text-decoration:underline}.disclaimer strong[data-v-a138a4a8]{color:#fff}.copyright[data-v-a138a4a8]{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.copyright p[data-v-a138a4a8]{color:#ffffffb3;font-size:.75rem;margin:0}@media(max-width:768px){.site-footer[data-v-a138a4a8]{padding:2rem 0 1rem}.site-footer .container[data-v-a138a4a8]{display:flex;flex-direction:column;align-items:center;width:100%}.footer-content[data-v-a138a4a8]{flex-direction:column;gap:2rem;width:100%;align-items:center}.footer-brand[data-v-a138a4a8]{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.brand-logo[data-v-a138a4a8],.brand-actions[data-v-a138a4a8]{justify-content:center}.footer-links[data-v-a138a4a8]{grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;width:100%}.footer-bottom[data-v-a138a4a8]{gap:.75rem}.tooltip[data-v-a138a4a8]{min-width:300px;left:50%;right:auto;transform:translate(-50%)}.qr-codes[data-v-a138a4a8]{flex-direction:column;gap:1rem;align-items:center}.qr-image[data-v-a138a4a8]{width:120px;height:120px}}@media(max-width:480px){.footer-links[data-v-a138a4a8]{grid-template-columns:repeat(3,1fr);gap:1rem;font-size:.85rem}.footer-section h4[data-v-a138a4a8]{font-size:.85rem;margin-bottom:.75rem}.footer-section a[data-v-a138a4a8]{font-size:.75rem;padding:.2rem 0}.brand-name[data-v-a138a4a8]{font-size:1.25rem}.logo-image[data-v-a138a4a8]{width:40px;height:40px}.action-button[data-v-a138a4a8]{font-size:.8rem;padding:.4rem .8rem}.action-icon[data-v-a138a4a8]{width:14px;height:14px}}#app[data-v-1086f7e6]{min-height:100vh;display:flex;flex-direction:column}.app-main[data-v-1086f7e6]{flex:1;min-height:calc(100vh - 80px)}.home[data-v-581a7b08]{padding-top:80px}.hero-section[data-v-581a7b08]{background:linear-gradient(135deg,var(--primary-color) 0%,#0066cc 100%);color:#fff;padding:4rem 0;position:relative;overflow:hidden}.hero-content[data-v-581a7b08]{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center;min-height:500px}.hero-text[data-v-581a7b08]{z-index:2}.hero-title[data-v-581a7b08]{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-subtitle[data-v-581a7b08]{font-size:1.5rem;margin-bottom:1rem;opacity:.9;font-weight:500}.hero-description[data-v-581a7b08]{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.8}.hero-actions[data-v-581a7b08]{display:flex;gap:1rem;flex-wrap:wrap}.hero-video[data-v-581a7b08]{display:flex;justify-content:center;align-items:center}.video-container[data-v-581a7b08]{position:relative;width:100%;max-width:500px;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .3s ease}.video-container[data-v-581a7b08]:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg) scale(1.05)}.video-container iframe[data-v-581a7b08]{position:relative;width:100%;height:280px;border-radius:16px;box-shadow:0 20px 60px #0000004d;border:none}.video-overlay[data-v-581a7b08]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;border-radius:16px;pointer-events:none}.video-container:hover .video-overlay[data-v-581a7b08]{opacity:1}.play-button[data-v-581a7b08]{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-button[data-v-581a7b08]:hover{transform:scale(1.1);background:#fff}.play-button svg[data-v-581a7b08]{width:32px;height:32px;margin-left:4px}.btn[data-v-581a7b08]{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent;cursor:pointer;font-size:1rem}.download-dropdown[data-v-581a7b08]{position:relative;display:inline-block}.download-dropdown:hover .dropdown-menu[data-v-581a7b08]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu[data-v-581a7b08]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:5px}.dropdown-item[data-v-581a7b08]{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:background-color .2s ease;font-size:.9rem;white-space:nowrap}.dropdown-item[data-v-581a7b08]:hover{background-color:#f8f9fa;color:var(--primary-color)}.btn-primary[data-v-581a7b08]{background:#fff;color:var(--primary-color)}.btn-primary[data-v-581a7b08]:hover{background:#f0f0f0;transform:translateY(-2px)}.btn-secondary[data-v-581a7b08]{background:transparent;color:#fff;border-color:#fff}.btn-secondary[data-v-581a7b08]:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px)}.btn-outline[data-v-581a7b08]{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline[data-v-581a7b08]:hover{background:var(--primary-color);color:#fff}.btn-large[data-v-581a7b08]{padding:1rem 2rem;font-size:1.1rem}.features-section[data-v-581a7b08],.community-section[data-v-581a7b08]{padding:4rem 0}.cta-section[data-v-581a7b08]{padding:4rem 0;background:#f8f9fa}.section-header[data-v-581a7b08]{text-align:center;margin-bottom:3rem}.section-title[data-v-581a7b08]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-subtitle[data-v-581a7b08]{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid[data-v-581a7b08]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-581a7b08]{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:all .3s ease;border:1px solid #f0f0f0}.feature-card[data-v-581a7b08]:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.feature-icon[data-v-581a7b08]{font-size:3rem;margin-bottom:1.5rem;display:block}.feature-title[data-v-581a7b08]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-description[data-v-581a7b08]{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.feature-action[data-v-581a7b08]{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease}.feature-action[data-v-581a7b08]:hover{background:var(--primary-light);transform:translate(5px)}.action-icon[data-v-581a7b08]{width:16px;height:16px}.community-grid[data-v-581a7b08]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.community-card[data-v-581a7b08]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0}.community-card[data-v-581a7b08]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:var(--primary-color)}.community-icon[data-v-581a7b08]{font-size:2.5rem;margin-bottom:1rem;display:block}.community-title[data-v-581a7b08]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.community-description[data-v-581a7b08]{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.cta-content[data-v-581a7b08]{text-align:center;max-width:600px;margin:0 auto}.cta-title[data-v-581a7b08]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-description[data-v-581a7b08]{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.cta-actions[data-v-581a7b08]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.home[data-v-581a7b08]{padding-top:70px}.hero-content[data-v-581a7b08]{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title[data-v-581a7b08]{font-size:2.5rem}.hero-subtitle[data-v-581a7b08]{font-size:1.25rem}.hero-actions[data-v-581a7b08]{justify-content:center}.hero-video[data-v-581a7b08]{margin-top:2rem}.video-container[data-v-581a7b08]{max-width:100%;transform:perspective(1000px) rotateY(-10deg) rotateX(3deg)}.video-container[data-v-581a7b08]:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) scale(1.02)}.video-container iframe[data-v-581a7b08]{height:200px}.section-title[data-v-581a7b08]{font-size:2rem}.features-grid[data-v-581a7b08],.community-grid[data-v-581a7b08]{grid-template-columns:1fr}.feature-card[data-v-581a7b08],.community-card[data-v-581a7b08]{padding:2rem 1.5rem}.cta-title[data-v-581a7b08]{font-size:2rem}.cta-actions[data-v-581a7b08]{flex-direction:column;align-items:center;gap:1rem}.btn-large[data-v-581a7b08]{width:100%;max-width:300px;text-align:center;display:inline-block;box-sizing:border-box}}@media(max-width:1024px){.hero-content[data-v-581a7b08]{gap:2rem}.hero-title[data-v-581a7b08]{font-size:2.75rem}.features-grid[data-v-581a7b08]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;color:#303133;background-color:#fafbfc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #1e40af;--primary-hover: #2563eb;--success-color: #10b981;--success-light: #34d399;--success-dark: #059669;--warning-color: #f59e0b;--warning-light: #fbbf24;--warning-dark: #d97706;--error-color: #ef4444;--error-light: #f87171;--error-dark: #dc2626;--info-color: #3b82f6;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-disabled: #94a3b8;--text-white: #ffffff;--background-color: #f8fafc;--background-white: #ffffff;--background-light: #f1f5f9;--background-dark: #0f172a;--background-overlay: rgba(15, 23, 42, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--border-radius: 8px;--border-radius-small: 4px;--border-radius-large: 12px;--border-radius-round: 50%;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--box-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .05);--box-shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-heavy: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-xxl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.dark-mode{--text-primary: #e4e7ed;--text-secondary: #c0c4cc;--text-tertiary: #909399;--background-color: #1a1a1a;--background-white: #2c2c2c;--background-light: #242424;--border-color: #3a3a3a;--border-light: #2a2a2a}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-white{color:var(--text-white)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-1{margin:var(--spacing-xs)}.mt-1{margin-top:var(--spacing-xs)}.mr-1{margin-right:var(--spacing-xs)}.mb-1{margin-bottom:var(--spacing-xs)}.ml-1{margin-left:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-sm)}.mr-2{margin-right:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-sm)}.ml-2{margin-left:var(--spacing-sm)}.m-4{margin:var(--spacing-md)}.mt-4{margin-top:var(--spacing-md)}.mr-4{margin-right:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-md)}.ml-4{margin-left:var(--spacing-md)}.m-6{margin:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-lg)}.mr-6{margin-right:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-lg)}.ml-6{margin-left:var(--spacing-lg)}.m-8{margin:var(--spacing-xl)}.mt-8{margin-top:var(--spacing-xl)}.mr-8{margin-right:var(--spacing-xl)}.mb-8{margin-bottom:var(--spacing-xl)}.ml-8{margin-left:var(--spacing-xl)}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-1{padding:var(--spacing-xs)}.pt-1{padding-top:var(--spacing-xs)}.pr-1{padding-right:var(--spacing-xs)}.pb-1{padding-bottom:var(--spacing-xs)}.pl-1{padding-left:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.pt-2{padding-top:var(--spacing-sm)}.pr-2{padding-right:var(--spacing-sm)}.pb-2{padding-bottom:var(--spacing-sm)}.pl-2{padding-left:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.pt-4{padding-top:var(--spacing-md)}.pr-4{padding-right:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-md)}.pl-4{padding-left:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.pt-6{padding-top:var(--spacing-lg)}.pr-6{padding-right:var(--spacing-lg)}.pb-6{padding-bottom:var(--spacing-lg)}.pl-6{padding-left:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.pt-8{padding-top:var(--spacing-xl)}.pr-8{padding-right:var(--spacing-xl)}.pb-8{padding-bottom:var(--spacing-xl)}.pl-8{padding-left:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-small)}.rounded-lg{border-radius:var(--border-radius-large)}.rounded-full{border-radius:var(--border-radius-round)}.shadow{box-shadow:var(--box-shadow)}.shadow-light{box-shadow:var(--box-shadow-light)}.shadow-medium{box-shadow:var(--box-shadow-medium)}.shadow-heavy{box-shadow:var(--box-shadow-heavy)}.shadow-none{box-shadow:none}.bg-white{background-color:var(--background-white)}.bg-light{background-color:var(--background-light)}.bg-primary{background-color:var(--primary-color)}.bg-primary-light{background-color:var(--primary-light)}.bg-primary-dark{background-color:var(--primary-dark)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-error{background-color:var(--error-color)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media(max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:text-center{text-align:center}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:p-2{padding:var(--spacing-sm)}.sm\:m-2{margin:var(--spacing-sm)}}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:text-center{text-align:center}.md\:text-base{font-size:var(--font-size-base)}.md\:p-4{padding:var(--spacing-md)}.md\:m-4{margin:var(--spacing-md)}}@media(max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:text-center{text-align:center}.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:p-6{padding:var(--spacing-lg)}.lg\:m-6{margin:var(--spacing-lg)}}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}