.modal-overlay[data-v-2897d6de]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-2897d6de .2s}@keyframes fadeIn-2897d6de{0%{opacity:0}to{opacity:1}}.modal-content[data-v-2897d6de]{background:#fff;border-radius:12px;width:90%;max-width:420px;overflow:hidden;animation:slideUp-2897d6de .3s}@keyframes slideUp-2897d6de{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-2897d6de]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3[data-v-2897d6de]{margin:0;font-size:18px;color:var(--text)}.close-btn[data-v-2897d6de]{background:none;border:none;font-size:24px;color:var(--text-lighter);cursor:pointer;padding:0;line-height:1}.close-btn[data-v-2897d6de]:hover{color:var(--text)}.modal-body[data-v-2897d6de]{padding:24px}.auth-tabs[data-v-2897d6de]{display:flex;margin-bottom:24px;background:var(--bg-gray);border-radius:8px;padding:4px}.auth-tabs button[data-v-2897d6de]{flex:1;padding:10px;border:none;background:transparent;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.auth-tabs button.active[data-v-2897d6de]{background:#fff;color:var(--primary);font-weight:500;box-shadow:var(--shadow)}.auth-form[data-v-2897d6de]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-2897d6de]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-2897d6de]{font-size:14px;color:var(--text)}.required[data-v-2897d6de]{color:#e53935}.form-control[data-v-2897d6de]{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;transition:border-color .3s}.form-control[data-v-2897d6de]:focus{border-color:var(--primary)}.form-control select[data-v-2897d6de]{width:100%}.checkbox-label[data-v-2897d6de]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light);cursor:pointer}.error-message[data-v-2897d6de]{color:#e53935;font-size:13px;text-align:center;padding:8px;background:#e539351a;border-radius:6px}.success-message[data-v-2897d6de]{color:#43a047;font-size:13px;text-align:center;padding:8px;background:#43a0471a;border-radius:6px}.btn-block[data-v-2897d6de]{width:100%}.spinner[data-v-2897d6de]{margin-right:8px}.forgot-link[data-v-2897d6de]{text-align:center;margin-top:16px}.forgot-link a[data-v-2897d6de]{color:var(--primary);font-size:13px;text-decoration:none}.forgot-link a[data-v-2897d6de]:hover{text-decoration:underline}.security-question[data-v-2897d6de]{padding:12px;background:var(--bg-gray);border-radius:8px;font-size:14px;color:var(--text);font-weight:500}.header[data-v-fd3a903d]{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease}.header.scrolled[data-v-fd3a903d]{box-shadow:0 4px 20px #0f1a2a14;border-bottom-color:var(--border-light)}.header-top[data-v-fd3a903d]{background:var(--bg-gray);font-size:12.5px;color:var(--text-light);border-bottom:1px solid var(--border-light)}.header-top-inner[data-v-fd3a903d]{display:flex;justify-content:space-between;align-items:center;height:34px}.header-top .hotline[data-v-fd3a903d]{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:500}.header-top .hotline[data-v-fd3a903d]:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b98126}.top-links[data-v-fd3a903d]{display:flex;align-items:center;gap:18px}.lang-toggle[data-v-fd3a903d]{padding:4px 12px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #1e5fbf33;letter-spacing:.5px}.lang-toggle[data-v-fd3a903d]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 3px 10px #1e5fbf4d}.top-links a[data-v-fd3a903d]{color:var(--text-light);font-size:12.5px;transition:color .2s ease}.top-links a[data-v-fd3a903d]:hover{color:var(--primary)}.login-btn[data-v-fd3a903d]{padding:5px 14px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #1e5fbf33}.login-btn[data-v-fd3a903d]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1e5fbf4d}.user-menu[data-v-fd3a903d]{position:relative;cursor:pointer;padding:4px 12px;color:var(--primary)}.user-name[data-v-fd3a903d]{font-size:12.5px;font-weight:500}.user-dropdown[data-v-fd3a903d]{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;min-width:140px}.user-menu:hover .user-dropdown[data-v-fd3a903d]{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a[data-v-fd3a903d]{display:block;padding:10px 18px;font-size:13px;color:var(--text);white-space:nowrap;border-radius:8px}.user-dropdown a[data-v-fd3a903d]:hover{background:var(--primary-50);color:var(--primary)}.header-main[data-v-fd3a903d]{border-bottom:1px solid transparent}.header-main-inner[data-v-fd3a903d]{display:flex;align-items:center;height:var(--header-height);gap:32px}.logo[data-v-fd3a903d]{display:flex;flex-direction:column;text-decoration:none;flex-shrink:0}.logo-img[data-v-fd3a903d]{height:46px;width:auto;object-fit:contain;max-width:none}.logo-mobile[data-v-fd3a903d]{display:none}.logo-text[data-v-fd3a903d]{font-size:22px;font-weight:700;color:var(--primary-dark);line-height:1.2;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-sub[data-v-fd3a903d]{font-size:10.5px;color:var(--text-lighter);letter-spacing:3px;text-transform:uppercase;margin-top:2px}.main-nav[data-v-fd3a903d]{display:flex;gap:4px;flex:1}.nav-item[data-v-fd3a903d]{position:relative}.nav-link[data-v-fd3a903d]{display:block;padding:0 18px;line-height:var(--header-height);font-size:15px;font-weight:500;color:var(--text);transition:color .2s ease;position:relative}.nav-link[data-v-fd3a903d]:after{content:"";position:absolute;left:50%;bottom:14px;width:0;height:2px;background:var(--gradient-primary);border-radius:2px;transform:translate(-50%);transition:width .25s ease}.nav-link[data-v-fd3a903d]:hover,.nav-link.active[data-v-fd3a903d]{color:var(--primary)}.nav-link[data-v-fd3a903d]:hover:after,.nav-link.active[data-v-fd3a903d]:after{width:24px}.mega-menu[data-v-fd3a903d]{position:fixed;left:0;right:0;top:calc(var(--header-height) + 34px);background:#fff;box-shadow:0 12px 40px #0f1a2a1f;border-top:3px solid var(--primary);z-index:100;pointer-events:auto}.mega-menu-inner[data-v-fd3a903d]{display:flex;gap:40px;padding:28px 24px;max-width:var(--max-width);margin:0 auto}.mega-col[data-v-fd3a903d]{min-width:170px}.mega-col h4[data-v-fd3a903d]{font-size:14px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.mega-col h4 a[data-v-fd3a903d]{color:var(--primary-dark);font-weight:600}.mega-col h4 a[data-v-fd3a903d]:hover{color:var(--primary)}.mega-col ul[data-v-fd3a903d]{list-style:none}.mega-col li[data-v-fd3a903d]{margin-bottom:8px}.mega-col li a[data-v-fd3a903d]{font-size:14px;color:var(--text-light);transition:all .2s ease;padding:4px 0;display:inline-block}.mega-col li a[data-v-fd3a903d]:hover{color:var(--primary);transform:translate(3px)}.mobile-toggle[data-v-fd3a903d]{display:none;background:var(--primary-50);border:1px solid transparent;border-radius:8px;cursor:pointer;padding:8px;flex-direction:column;gap:4px;transition:all .2s ease}.mobile-toggle[data-v-fd3a903d]:hover{border-color:var(--primary)}.mobile-toggle span[data-v-fd3a903d]{display:block;width:22px;height:2px;background:var(--primary);border-radius:2px;transition:.3s}.mobile-menu[data-v-fd3a903d]{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--border-light);padding:8px 0}.mobile-menu a[data-v-fd3a903d]{padding:12px 24px;font-size:15px;color:var(--text);border-radius:6px;margin:2px 12px;transition:background .2s ease,color .2s ease}.mobile-menu a[data-v-fd3a903d]:hover{background:var(--primary-50);color:var(--primary)}.mobile-menu button[data-v-fd3a903d]{padding:10px 24px;font-size:14px;font-weight:500;color:#fff;background:var(--primary);border:none;border-radius:999px;cursor:pointer;margin:8px 12px 4px}.mobile-menu.open[data-v-fd3a903d]{display:flex}@media(max-width:1024px){.main-nav[data-v-fd3a903d]{display:none}.mobile-toggle[data-v-fd3a903d]{display:flex;margin-left:auto}.mobile-menu[data-v-fd3a903d]{display:none}.mobile-menu.open[data-v-fd3a903d]{display:flex}.logo-pc[data-v-fd3a903d]{display:none}.logo-mobile[data-v-fd3a903d]{display:block}.header-top-inner[data-v-fd3a903d]{gap:12px}}@media(max-width:640px){.header-top .hotline[data-v-fd3a903d]{font-size:12px}.top-links[data-v-fd3a903d]{gap:10px}.top-links a[data-v-fd3a903d]:not(.login-btn){display:none}}.footer[data-v-88727a7b]{background:linear-gradient(180deg,#0f1a2a,#0a1220);color:#ffffffb3;position:relative;overflow:hidden}.footer[data-v-88727a7b]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.footer-main[data-v-88727a7b]{padding:60px 0 40px;position:relative}.footer-grid[data-v-88727a7b]{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:40px}.footer-logo[data-v-88727a7b]{margin-bottom:16px}.footer-logo-img[data-v-88727a7b]{height:42px;width:auto;object-fit:contain;max-width:none}.footer-logo .logo-text[data-v-88727a7b]{font-size:22px;font-weight:700;color:#fff;display:block;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-logo .logo-sub[data-v-88727a7b]{font-size:11px;color:#ffffff73;letter-spacing:3px;text-transform:uppercase;margin-top:4px}.footer-stock[data-v-88727a7b]{font-size:13.5px;color:#ffffff8c;margin-top:12px;line-height:1.7}.footer-col h4[data-v-88727a7b]{font-size:14.5px;color:#fff;margin-bottom:18px;font-weight:600;position:relative;padding-bottom:10px}.footer-col h4[data-v-88727a7b]:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--gradient-primary);border-radius:2px}.footer-col ul[data-v-88727a7b]{list-style:none}.footer-col li[data-v-88727a7b]{margin-bottom:10px}.footer-col li a[data-v-88727a7b]{font-size:14px;color:#fff9;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.footer-col li a[data-v-88727a7b]:before{content:"›";color:var(--accent);font-weight:700;opacity:0;transform:translate(-4px);transition:all .2s ease}.footer-col li a[data-v-88727a7b]:hover{color:#fff}.footer-col li a[data-v-88727a7b]:hover:before{opacity:1;transform:translate(0)}.contact-info[data-v-88727a7b]{font-size:14px;line-height:1.8}.contact-info p[data-v-88727a7b]{color:#ffffffa6;margin-bottom:8px;line-height:1.7}.contact-info p[data-v-88727a7b]:first-child{color:#fff;font-size:16px;font-weight:500}.footer-bottom[data-v-88727a7b]{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:12.5px}.footer-bottom-inner[data-v-88727a7b]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#ffffff80}.footer-bottom a[data-v-88727a7b]{color:#ffffff8c;font-size:12.5px;transition:color .2s ease}.footer-bottom a[data-v-88727a7b]:hover{color:#fff}@media(max-width:1024px){.footer-grid[data-v-88727a7b]{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:768px){.footer-main[data-v-88727a7b]{padding:44px 0 28px}.footer-grid[data-v-88727a7b]{grid-template-columns:1fr;gap:28px}}.consult-modal-mask[data-v-5307e71f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-5307e71f .2s ease}@keyframes fadeIn-5307e71f{0%{opacity:0}to{opacity:1}}.chat-modal[data-v-5307e71f]{width:90%;max-width:420px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;animation:slideUp-5307e71f .3s ease;display:flex;flex-direction:column}@keyframes slideUp-5307e71f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-phase[data-v-5307e71f]{padding:40px;text-align:center}.loading-spinner[data-v-5307e71f]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1e5fbf;border-radius:50%;animation:spin-5307e71f 1s linear infinite;margin:0 auto 15px}@keyframes spin-5307e71f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-phase[data-v-5307e71f]{display:flex;flex-direction:column}.modal-header[data-v-5307e71f]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#1e5fbf,#2568cc);color:#fff}.modal-title[data-v-5307e71f]{font-size:18px;font-weight:600;margin:0}.online-badge[data-v-5307e71f]{background:#67c23a;padding:2px 8px;border-radius:10px;font-size:12px}.offline-badge[data-v-5307e71f]{background:#999;padding:2px 8px;border-radius:10px;font-size:12px}.close-btn[data-v-5307e71f]{width:28px;height:28px;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn[data-v-5307e71f]:hover{background:#ffffff4d}.modal-body[data-v-5307e71f]{padding:20px}.form-group[data-v-5307e71f]{margin-bottom:16px}.form-group label[data-v-5307e71f]{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:6px}.required[data-v-5307e71f]{color:#f56c6c}.form-input[data-v-5307e71f]{width:100%;padding:10px 14px;border:1px solid #e4e7ed;border-radius:8px;font-size:14px;box-sizing:border-box}.form-input[data-v-5307e71f]:focus{outline:none;border-color:#1e5fbf;box-shadow:0 0 0 2px #1e5fbf1a}.form-textarea[data-v-5307e71f]{width:100%;padding:10px 14px;border:1px solid #e4e7ed;border-radius:8px;font-size:14px;box-sizing:border-box;resize:none}.form-textarea[data-v-5307e71f]:focus{outline:none;border-color:#1e5fbf;box-shadow:0 0 0 2px #1e5fbf1a}.tip-text[data-v-5307e71f]{font-size:12px;color:#999;margin-bottom:12px;text-align:center}.start-btn[data-v-5307e71f],.submit-btn[data-v-5307e71f]{width:100%;padding:12px;background:linear-gradient(135deg,#1e5fbf,#2568cc);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.start-btn[data-v-5307e71f]:disabled,.submit-btn[data-v-5307e71f]:disabled{background:#ccc;cursor:not-allowed}.chat-phase[data-v-5307e71f]{display:flex;flex-direction:column;height:500px}.chat-header[data-v-5307e71f]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1e5fbf,#2568cc);color:#fff}.header-info[data-v-5307e71f]{display:flex;align-items:center;gap:10px}.header-title[data-v-5307e71f]{font-size:16px;font-weight:600}.header-status[data-v-5307e71f]{font-size:12px;padding:2px 8px;border-radius:10px;background:#fff3}.header-status.online[data-v-5307e71f]{background:#67c23a}.chat-messages[data-v-5307e71f]{flex:1;overflow-y:auto;padding:16px;background:#f5f7fa}.message[data-v-5307e71f]{display:flex;flex-direction:column;margin-bottom:12px}.message.user[data-v-5307e71f]{align-items:flex-end}.message.admin[data-v-5307e71f]{align-items:flex-start}.message-avatar[data-v-5307e71f]{font-size:12px;color:#999;margin-bottom:4px}.message-content[data-v-5307e71f]{max-width:80%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4}.message.user .message-content[data-v-5307e71f]{background:#1e5fbf;color:#fff}.message.admin .message-content[data-v-5307e71f]{background:#fff;color:#333;border:1px solid #e4e7ed}.message-time[data-v-5307e71f]{font-size:11px;color:#999;margin-top:4px}.empty-tip[data-v-5307e71f]{text-align:center;color:#999;font-size:14px;padding:40px 0}.chat-input[data-v-5307e71f]{display:flex;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e4e7ed}.chat-input input[data-v-5307e71f]{flex:1;padding:10px 14px;border:1px solid #e4e7ed;border-radius:8px;font-size:14px}.chat-input input[data-v-5307e71f]:focus{outline:none;border-color:#1e5fbf}.send-btn[data-v-5307e71f]{padding:10px 20px;background:#1e5fbf;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.send-btn[data-v-5307e71f]:disabled{background:#ccc;cursor:not-allowed}.leave-message-phase[data-v-5307e71f]{position:relative}.success-modal[data-v-5307e71f]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-icon[data-v-5307e71f]{width:60px;height:60px;background:#67c23a;border-radius:50%;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.success-modal h3[data-v-5307e71f]{margin:0 0 10px;color:#333}.success-modal p[data-v-5307e71f]{color:#666;margin:0 0 20px}.ok-btn[data-v-5307e71f]{padding:10px 30px;background:#1e5fbf;color:#fff;border:none;border-radius:8px;cursor:pointer}.side-float-container[data-v-9e316fd3]{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:999}.side-float[data-v-9e316fd3]{display:flex;flex-direction:column;gap:8px;padding:10px 8px;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md)}.float-item[data-v-9e316fd3]{width:52px;background:transparent;color:var(--text);padding:10px 4px;text-align:center;cursor:pointer;transition:all .2s ease;font-size:11.5px;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;line-height:1.2;font-weight:500}.float-item .float-icon[data-v-9e316fd3]{font-size:20px;line-height:1}.float-item[data-v-9e316fd3]:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px #1e5fbf40}.float-item:last-child:hover .float-icon[data-v-9e316fd3]{animation:bounce-9e316fd3 .6s ease}.consult-item[data-v-9e316fd3]{background:linear-gradient(135deg,#1e5fbf,#2568cc);color:#fff;box-shadow:0 4px 12px #1e5fbf4d}.consult-item[data-v-9e316fd3]:hover{background:linear-gradient(135deg,#2568cc,#2d75d6);box-shadow:0 6px 16px #1e5fbf66}@keyframes bounce-9e316fd3{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:768px){.side-float[data-v-9e316fd3]{display:none}}#app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}:root{--primary: #1e5fbf;--primary-dark: #0f3d7a;--primary-light: #e8f1ff;--primary-50: #f0f6ff;--accent: #00b4d8;--accent-light: #caf0f8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text: #1a2332;--text-light: #5a6a80;--text-lighter: #97a3b6;--text-inverse: #ffffff;--bg: #ffffff;--bg-gray: #f5f8fc;--bg-dark: #0f1a2a;--border: #e4ebf5;--border-light: #eef2f7;--shadow-sm: 0 1px 2px rgba(15, 26, 42, .04), 0 1px 3px rgba(15, 26, 42, .04);--shadow: 0 2px 8px rgba(15, 26, 42, .06), 0 4px 16px rgba(15, 26, 42, .04);--shadow-md: 0 8px 24px rgba(15, 26, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 26, 42, .12);--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--radius-xl: 20px;--header-height: 76px;--max-width: 1280px;--gradient-primary: linear-gradient(135deg, #0f3d7a 0%, #1e5fbf 50%, #00b4d8 100%);--gradient-soft: linear-gradient(135deg, #e8f1ff 0%, #f0f6ff 100%);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-banner{position:relative;padding:80px 0 70px;background:var(--gradient-primary);color:#fff;text-align:center;overflow:hidden}.page-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,180,216,.2),transparent 50%);pointer-events:none}.page-banner .container{position:relative;z-index:1}.page-banner h1{font-size:38px;font-weight:700;margin-bottom:12px;letter-spacing:1px}.page-banner p{font-size:16px;opacity:.9;margin-top:8px}.breadcrumb{padding:14px 0;font-size:13px;color:var(--text-light);background:var(--bg-gray);border-bottom:1px solid var(--border-light)}.breadcrumb .container{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.breadcrumb a{color:var(--text-light);transition:color .2s ease}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:var(--text-lighter)}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:32px;font-weight:700;color:var(--text);margin-bottom:12px;position:relative;display:inline-block;letter-spacing:.5px}.section-title h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--gradient-primary);border-radius:2px}.section-title p{color:var(--text-light);font-size:15px;margin-top:24px;max-width:640px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 28px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;text-align:center;line-height:1.4;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #1e5fbf40}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #1e5fbf4d}.btn:active{transform:translateY(1px) scale(.98);box-shadow:none!important;filter:brightness(.92)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-light)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card-img{width:100%;height:220px;object-fit:cover;background:var(--bg-gray)}.card-body{padding:20px}.card-body h3{font-size:17px;font-weight:600;margin-bottom:10px;color:var(--text);line-height:1.4}.card-body p{font-size:14px;color:var(--text-light);line-height:1.65}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap}.pagination button{min-width:38px;height:38px;padding:0 14px;border:1px solid var(--border);background:#fff;cursor:pointer;border-radius:var(--radius-sm);font-size:14px;color:var(--text-light);transition:all .2s ease}.pagination button:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:var(--primary-50)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:500}.pagination button:disabled{opacity:.4;cursor:not-allowed}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-light);margin-bottom:28px;overflow-x:auto}.tabs .tab{padding:12px 22px;font-size:15px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;color:var(--text-light);white-space:nowrap;border-radius:6px 6px 0 0}.tabs .tab:hover{color:var(--primary);background:var(--primary-50)}.tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent}table.spec-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}table.spec-table th,table.spec-table td{border:1px solid var(--border-light);padding:12px 16px;text-align:left}table.spec-table th{background:var(--primary-50);font-weight:600;color:var(--primary-dark);white-space:nowrap}table.spec-table tr:nth-child(2n) td{background:#fafcff}table.spec-table tr:hover td{background:var(--primary-light);transition:background .15s ease}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.page-banner{padding:60px 0 50px}.page-banner h1{font-size:28px}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:16px}.section{padding:44px 0}.section-title h2{font-size:24px}.section-title p{font-size:14px;margin-top:20px}.page-banner{padding:44px 0 36px}.page-banner h1{font-size:22px}.page-banner p{font-size:14px}.container{padding:0 16px}.btn{padding:10px 22px;font-size:14px}}