.mobile-overlay[data-v-01533159]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1628b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.mobile-overlay.show[data-v-01533159]{opacity:1;visibility:visible}.mobile-menu[data-v-01533159]{position:fixed;top:0;right:0;width:min(340px,85vw);height:100%;background:var(--white);z-index:999;transform:translate(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.mobile-menu.show[data-v-01533159]{transform:translate(0)}.mm-header[data-v-01533159]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.mm-brand[data-v-01533159]{display:flex;align-items:center;gap:10px}.mm-logo[data-v-01533159]{height:32px;width:auto}.mm-title[data-v-01533159]{font-size:16px;font-weight:700;color:var(--blue-900);font-family:var(--font-display);letter-spacing:.5px}.mm-close[data-v-01533159]{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all .2s ease}.mm-close[data-v-01533159]:hover{background:var(--gray-200);color:var(--gray-900)}.mm-nav[data-v-01533159]{flex:1;overflow-y:auto;padding:12px 0;-webkit-overflow-scrolling:touch}.mm-item[data-v-01533159]{display:flex;align-items:center;gap:14px;padding:16px 24px;color:var(--gray-700);font-size:15px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;position:relative}.mm-item[data-v-01533159]:active{background:var(--blue-50);color:var(--blue-700)}.mm-icon[data-v-01533159]{width:22px;height:22px;flex-shrink:0;color:var(--blue-600);opacity:.7}.mm-item:active .mm-icon[data-v-01533159]{opacity:1}.mm-arrow[data-v-01533159]{width:18px;height:18px;margin-left:auto;transition:transform .3s ease;color:var(--gray-400)}.mm-toggle.expanded .mm-arrow[data-v-01533159]{transform:rotate(180deg)}.mm-sub[data-v-01533159]{max-height:0;overflow:hidden;transition:max-height .35s ease;background:var(--gray-50)}.mm-sub.open[data-v-01533159]{max-height:400px}.mm-sub-item[data-v-01533159]{display:block;padding:12px 24px 12px 60px;color:var(--gray-500);font-size:14px;text-decoration:none;transition:all .2s ease;position:relative}.mm-sub-item[data-v-01533159]:before{content:"";position:absolute;left:44px;top:0;bottom:0;width:2px;background:var(--blue-100);border-radius:1px}.mm-sub-item[data-v-01533159]:active{color:var(--blue-700);background:var(--blue-50)}.mm-sub-item[data-v-01533159]:active:before{background:var(--blue-600)}.mm-footer[data-v-01533159]{flex-shrink:0;padding:16px 24px;border-top:1px solid var(--gray-100);text-align:center}.mm-footer p[data-v-01533159]{font-size:12px;color:var(--gray-400)}.bottom-nav[data-v-cea02689]{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-around;z-index:997;padding-bottom:env(safe-area-inset-bottom,0);display:none}.bn-item[data-v-cea02689]{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--gray-400);transition:color .2s ease;padding:4px 0;min-width:48px;position:relative}.bn-item.active[data-v-cea02689]{color:var(--blue-700)}.bn-item.active[data-v-cea02689]:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--blue-700);border-radius:0 0 3px 3px}.bn-icon[data-v-cea02689]{width:22px;height:22px}.bn-label[data-v-cea02689]{font-size:10px;font-weight:500;letter-spacing:.5px}@media (max-width: 768px){.bottom-nav[data-v-cea02689]{display:flex}}.main-content{min-height:calc(100vh - 200px);padding-top:70px}@media (max-width: 768px){.main-content{padding-bottom:64px}}:root{--blue-950: #0a1628;--blue-900: #0f2b4a;--blue-800: #143e66;--blue-700: #1a5fa8;--blue-600: #2d7dd2;--blue-500: #4a9ae0;--blue-100: #e8f0fe;--blue-50: #f4f8fd;--gold-600: #c9952c;--gold-500: #dba84a;--gold-400: #e0b347;--gold-100: #fdf6e8;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(15, 43, 74, .06);--shadow-md: 0 4px 16px rgba(15, 43, 74, .08);--shadow-lg: 0 8px 32px rgba(15, 43, 74, .12);--shadow-xl: 0 16px 48px rgba(15, 43, 74, .16);--font-display: "Noto Serif SC", "Times New Roman", serif;--font-body: "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--page-gutter: 24px;--section-spacing: 70px 0;--container-max: 1200px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .6s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--gray-800);background:var(--gray-50);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--blue-700);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth);touch-action:manipulation}a:hover{color:var(--blue-900)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select,button{font-family:inherit;font-size:inherit;outline:none}button{touch-action:manipulation}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--page-gutter)}.section{padding:var(--section-spacing)}.section-bg{background:var(--blue-50)}.section-title{text-align:center;font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--blue-900);margin-bottom:8px;position:relative;letter-spacing:2px}.section-subtitle{text-align:center;font-size:14px;color:var(--gray-400);margin-bottom:40px;letter-spacing:4px;text-transform:uppercase;position:relative}.section-title:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--gold-600),var(--gold-400));margin:14px auto 0;border-radius:2px}.btn{display:inline-block;padding:12px 32px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:none;text-align:center;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,var(--blue-700),var(--blue-600));color:var(--white);box-shadow:0 4px 14px #1a5fa84d}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-900),var(--blue-700));color:var(--white);box-shadow:0 6px 20px #1a5fa866;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--blue-700);border:2px solid var(--blue-700)}.btn-outline:hover{background:var(--blue-700);color:var(--white);transform:translateY(-1px)}.btn-more{display:inline-flex;align-items:center;gap:6px;color:var(--blue-700);font-size:14px;font-weight:500;transition:all var(--duration-normal) var(--ease-smooth)}.btn-more:after{content:"→";transition:transform var(--duration-normal) var(--ease-smooth)}.btn-more:hover{color:var(--blue-900)}.btn-more:hover:after{transform:translate(4px)}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.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}.breadcrumb{padding:16px 0;font-size:14px;color:var(--gray-500)}.breadcrumb a{color:var(--blue-700)}.breadcrumb span{color:var(--gray-400);margin:0 6px}.page-banner{position:relative;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-600) 100%);color:var(--white);padding:55px 0;text-align:center;overflow:hidden}.page-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 600px 400px at 20% 50%,rgba(201,149,44,.08) 0%,transparent 100%),radial-gradient(ellipse 400px 600px at 80% 50%,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none}.page-banner h1{position:relative;font-family:var(--font-display);font-size:34px;font-weight:700;margin-bottom:8px;letter-spacing:2px}.page-banner p{position:relative;font-size:15px;opacity:.85;letter-spacing:3px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination button{padding:10px 18px;border:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-700);font-size:14px;transition:all var(--duration-fast) var(--ease-smooth);min-height:42px;min-width:42px}.pagination button:hover{border-color:var(--blue-700);color:var(--blue-700);background:var(--blue-50)}.pagination button.active{background:var(--blue-700);color:var(--white);border-color:var(--blue-700)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--gray-700);font-size:14px}.form-group .required{color:#dc2626;margin-left:2px}.form-control{width:100%;padding:11px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-800);transition:all var(--duration-fast) var(--ease-smooth);background:var(--white)}.form-control:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2d7dd21f}textarea.form-control{min-height:120px;resize:vertical}.form-error{color:#dc2626;font-size:13px;margin-top:4px}.category-filter{text-align:center;margin-bottom:30px}@media (max-width: 768px){.category-filter{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;text-align:left;padding:0 4px 12px;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x}.category-filter::-webkit-scrollbar{display:none}.category-filter .btn{margin:0 4px!important;padding:9px 16px;font-size:13px;flex-shrink:0;touch-action:manipulation}}.loading-spinner{text-align:center;padding:60px 0;color:var(--gray-400)}.loading-spinner:after{content:"";display:block;width:36px;height:36px;margin:0 auto 16px;border:3px solid var(--blue-100);border-top-color:var(--blue-700);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 0;color:var(--gray-400);font-size:15px}.back-to-top{position:fixed;bottom:40px;right:40px;width:44px;height:44px;background:linear-gradient(135deg,var(--blue-800),var(--blue-700));color:var(--white);border:none;border-radius:50%;cursor:pointer;font-size:18px;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-smooth);z-index:999;display:flex;align-items:center;justify-content:center}.back-to-top:hover{background:linear-gradient(135deg,var(--blue-900),var(--blue-800));transform:translateY(-3px);box-shadow:var(--shadow-lg)}.back-to-top-enter-active,.back-to-top-leave-active{transition:opacity var(--duration-normal)}.back-to-top-enter-from,.back-to-top-leave-to{opacity:0}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:box-shadow var(--duration-normal) var(--ease-smooth)}.site-header.scrolled{box-shadow:0 1px 20px #0f2b4a1a}.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:42px;width:auto;transition:height var(--duration-normal) var(--ease-smooth)}.logo span{font-size:20px;font-weight:700;color:var(--blue-900);font-family:var(--font-display);letter-spacing:1px}.desktop-nav{display:flex;align-items:center;gap:2px}.desktop-nav .nav-item{position:relative}.desktop-nav .nav-link{display:block;padding:10px 18px;color:var(--gray-600);font-size:15px;font-weight:500;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth);position:relative}.desktop-nav .nav-link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:2px;background:var(--blue-700);border-radius:1px;transition:transform var(--duration-normal) var(--ease-smooth)}.desktop-nav .nav-link:hover:after,.desktop-nav .nav-link.router-link-active:after{transform:translate(-50%) scaleX(1)}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.router-link-active{color:var(--blue-700);background:transparent}.dropdown-menu{position:absolute;top:100%;left:0;min-width:160px;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--duration-normal) var(--ease-smooth);z-index:100;padding:6px 0}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:10px 20px;color:var(--gray-600);font-size:14px;transition:all var(--duration-fast) var(--ease-smooth)}.dropdown-menu a:hover{color:var(--blue-700);background:var(--blue-50)}.mobile-toggle{display:none;width:36px;height:36px;border:none;background:none;cursor:pointer;padding:4px;flex-direction:column;justify-content:center;gap:5px}.mobile-toggle span{display:block;width:100%;height:2.5px;background:var(--gray-800);border-radius:2px;transition:all var(--duration-normal) var(--ease-smooth)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.home-banner{position:relative;height:520px;overflow:hidden}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .9s var(--ease-smooth);display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center}.banner-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 40%,var(--blue-700) 100%);z-index:-2}.banner-slide:after{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(ellipse 800px 500px at 30% 40%,rgba(201,149,44,.06) 0%,transparent 60%),radial-gradient(ellipse 600px 800px at 70% 60%,rgba(255,255,255,.03) 0%,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 41px);z-index:-1;animation:bannerPattern 20s linear infinite}@keyframes bannerPattern{0%{transform:translate(0) rotate(0)}to{transform:translate(40px,40px) rotate(1deg)}}.banner-slide.active{opacity:1}.banner-slide .banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.banner-slide .banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f2b4a99,#1a5fa84d);z-index:-1}.banner-content{position:relative;z-index:1;max-width:780px;padding:0 24px;opacity:0;transform:translateY(20px);transition:all .7s var(--ease-out-expo)}.banner-slide.active .banner-content{opacity:1;transform:translateY(0)}.banner-content h2{font-family:var(--font-display);font-size:44px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.2);letter-spacing:3px}.banner-content p{font-size:17px;opacity:.9;margin-bottom:28px;letter-spacing:2px}.banner-content .btn{border:2px solid rgba(255,255,255,.8);background:transparent;color:var(--white);padding:12px 36px;transition:all var(--duration-normal) var(--ease-smooth)}.banner-content .btn:hover{background:var(--white);color:var(--blue-900);border-color:var(--white);box-shadow:0 4px 20px #0003}.banner-dots{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:2}.banner-dots span{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);position:relative}.banner-dots span:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:1px solid transparent;transition:all var(--duration-normal) var(--ease-smooth)}.banner-dots span.active{background:var(--white);transform:scale(1)}.banner-dots span.active:after{border-color:#ffffff80}.home-about{padding:60px 0;position:relative}.about-content{max-width:880px;margin:0 auto;text-align:center;font-size:16px;line-height:2;color:var(--gray-600)}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.product-card .card-img{width:100%;height:220px;object-fit:cover;background:var(--gray-100);transition:transform var(--duration-slow) var(--ease-smooth)}.product-card:hover .card-img{transform:scale(1.05)}.product-card .card-body{padding:20px 24px 24px}.product-card .card-body h3{font-size:17px;margin-bottom:8px;color:var(--gray-800);font-weight:600;transition:color var(--duration-fast) var(--ease-smooth)}.product-card:hover .card-body h3{color:var(--blue-700)}.product-card .card-body p{font-size:14px;color:var(--gray-500);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.news-card{display:flex;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-card .news-img{width:200px;min-height:150px;object-fit:cover;flex-shrink:0;background:var(--gray-100);transition:transform var(--duration-slow) var(--ease-smooth)}.news-card:hover .news-img{transform:scale(1.03)}.news-card .news-info{padding:20px 22px;flex:1;display:flex;flex-direction:column}.news-card .news-info h3{font-size:16px;margin-bottom:10px;color:var(--gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;transition:color var(--duration-fast) var(--ease-smooth)}.news-card:hover .news-info h3{color:var(--blue-700)}.news-card .news-info .news-summary{font-size:14px;color:var(--gray-500);line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card .news-info .news-date{font-size:13px;color:var(--gray-400);margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:260px;object-fit:cover;transition:transform .5s var(--ease-smooth)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item .gallery-overlay{position:absolute;bottom:0;left:0;width:100%;padding:60px 20px 20px;background:linear-gradient(transparent,#0a1628cc);color:var(--white);font-size:15px;font-weight:500;opacity:0;transform:translateY(10px);transition:all var(--duration-normal) var(--ease-smooth)}.gallery-item:hover .gallery-overlay{opacity:1;transform:translateY(0)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1628f2;z-index:2000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-overlay img{max-width:90%;max-height:90%;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:30px;color:var(--white);font-size:36px;cursor:pointer;background:none;border:none;opacity:.7;transition:opacity var(--duration-fast)}.lightbox-close:hover{opacity:1}.img-placeholder{width:100%;height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-radius:var(--radius-sm)}.img-placeholder .placeholder-icon{font-size:36px;opacity:.4}.card-img-wrap,.news-img-wrap,.gallery-img-wrap{position:relative;overflow:hidden;background:var(--gray-100)}.card-img-wrap{width:100%;height:220px}.news-img-wrap{width:200px;min-height:150px;flex-shrink:0}.gallery-img-wrap{width:100%;height:260px}.gallery-img-wrap img,.card-img-wrap img,.news-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.card-img-wrap img,.news-img-wrap img,.gallery-img-wrap img{display:block}@media (max-width: 768px){.news-img-wrap{width:100%;height:200px}.card-img-wrap{height:200px}.gallery-img-wrap{height:220px}}.section-header{text-align:center}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.contact-item{text-align:center;padding:32px 20px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth)}.contact-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-item .icon{font-size:38px;margin-bottom:14px;display:block}.contact-item h3{font-size:16px;margin-bottom:8px;color:var(--gray-800)}.contact-item p{font-size:14px;color:var(--gray-500)}.contact-item a{color:var(--blue-700)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}.product-detail .product-images{position:relative}.product-detail .product-images .main-img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-md);background:var(--gray-100);box-shadow:var(--shadow-sm)}.product-detail .product-info h1{font-family:var(--font-display);font-size:26px;margin-bottom:16px;color:var(--gray-800)}.product-detail .product-info .param-table{width:100%;border-collapse:collapse;margin:20px 0}.product-detail .product-info .param-table td{padding:10px 14px;border:1px solid var(--gray-200);font-size:14px}.product-detail .product-info .param-table td:first-child{font-weight:600;color:var(--gray-700);width:120px;background:var(--gray-50)}.product-detail .product-desc{grid-column:1 / -1}.product-detail .product-desc h3{font-family:var(--font-display);font-size:20px;margin-bottom:16px;color:var(--blue-800)}.product-detail .product-desc .content{font-size:15px;line-height:1.9;color:var(--gray-600)}.news-detail{max-width:900px;margin:0 auto;padding:40px 0}.news-detail .news-header{margin-bottom:30px}.news-detail .news-header h1{font-family:var(--font-display);font-size:26px;color:var(--gray-800);margin-bottom:12px}.news-detail .news-header .meta{font-size:14px;color:var(--gray-400);display:flex;gap:20px}.news-detail .news-content{font-size:16px;line-height:2;color:var(--gray-700)}.news-detail .news-content p{margin-bottom:16px}.news-detail .news-content img{max-width:100%;margin:24px 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.site-footer{background:linear-gradient(180deg,var(--blue-950) 0%,var(--blue-900) 100%);color:var(--gray-400);padding:56px 0 32px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-600),var(--gold-400),var(--gold-600),transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:32px}.footer-col h3{font-size:18px;color:var(--white);margin-bottom:18px;font-weight:600;letter-spacing:1px}.footer-col p{font-size:14px;line-height:1.9;margin-bottom:6px}.footer-col a{color:var(--gray-400);font-size:14px;transition:color var(--duration-fast) var(--ease-smooth)}.footer-col a:hover{color:var(--gold-400)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;text-align:center;font-size:13px;color:var(--gray-500)}@media (max-width: 1024px){.product-cards,.gallery-grid,.contact-info{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.home-banner{height:400px}.banner-content h2{font-size:34px}.product-detail{grid-template-columns:1fr;gap:30px}.product-detail .product-images .main-img{height:350px}}@media (max-width: 768px){:root{--page-gutter: 16px;--section-spacing: 32px 0}.desktop-nav{display:none}.mobile-toggle{display:flex}.header-inner{padding-top:env(safe-area-inset-top,0)}.company-content>table,.detail-content>table,.news-content,.product-desc .content{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;max-width:100%}.news-content table,.product-desc .content table{width:auto;min-width:600px}.company-content table td,.company-content table th,.detail-content table td,.detail-content table th{padding:8px 10px;font-size:13px;white-space:nowrap}.section-title{font-size:22px;margin-bottom:6px}.section-title:after{width:40px;height:2.5px;margin-top:10px}.section-subtitle{font-size:11px;margin-bottom:20px;letter-spacing:2px}.section,.section-bg{padding:32px 0}.home-banner{height:280px}.banner-content h2{font-size:24px;letter-spacing:1px;margin-bottom:10px}.banner-content p{font-size:13px;margin-bottom:18px;line-height:1.5}.banner-content .btn{padding:10px 24px;font-size:13px}.banner-dots{bottom:16px;gap:12px}.banner-dots span{width:12px;height:12px}.home-about{padding:32px 0}.about-content{font-size:14px;line-height:1.8}.product-cards{grid-template-columns:1fr;gap:14px}.product-card{display:flex;flex-direction:row;align-items:stretch;border-radius:10px;overflow:hidden}.product-card:hover{transform:none}.card-img-wrap{width:120px;height:120px;flex-shrink:0}.product-card .card-img,.card-img-wrap img{width:120px;height:120px;object-fit:cover}.product-card:hover .card-img{transform:none}.product-card .card-body{padding:12px 14px;flex:1;display:flex;flex-direction:column;justify-content:center}.product-card .card-body h3{font-size:15px;margin-bottom:4px}.product-card .card-body p{font-size:13px;-webkit-line-clamp:2}.news-cards{grid-template-columns:1fr;gap:12px}.news-card{flex-direction:row;border-radius:10px}.news-card:hover{transform:none}.news-card .news-img-wrap,.news-img-wrap{width:120px;min-height:110px;height:110px}.news-card .news-img,.news-img-wrap img{width:120px;height:110px;object-fit:cover}.news-card:hover .news-img{transform:none}.news-card .news-info{padding:12px 14px}.news-card .news-info h3{font-size:14px;margin-bottom:6px;-webkit-line-clamp:2}.news-card .news-info .news-summary{font-size:12px;-webkit-line-clamp:2}.news-card .news-info .news-date{font-size:11px;margin-top:6px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item{border-radius:8px}.gallery-item img,.gallery-img-wrap img{transition:none}.gallery-item:hover img{transform:none}.gallery-img-wrap{height:160px}.gallery-item .gallery-overlay{opacity:1;transform:none;padding:40px 12px 10px;font-size:13px;pointer-events:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:14px}.contact-info{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.contact-item{padding:20px 16px;display:flex;align-items:center;gap:14px;text-align:left}.contact-item:hover{transform:none}.contact-item .icon{font-size:28px;margin-bottom:0;flex-shrink:0}.contact-item h3{font-size:14px;margin-bottom:2px}.contact-item p{font-size:13px}.site-footer{padding:36px 0 76px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-col h3{font-size:16px;margin-bottom:12px}.footer-col p{font-size:13px}.footer-col a{display:inline-block;padding:6px 0;min-height:44px;line-height:1.4}.page-banner{padding:28px 0}.page-banner h1{font-size:20px;letter-spacing:1px}.page-banner p{font-size:12px;letter-spacing:2px}.product-detail{padding:20px 0;gap:20px}.product-detail .product-images .main-img{height:240px;border-radius:8px}.product-detail .product-info h1{font-size:20px;margin-bottom:12px}.product-detail .product-info .param-table td{padding:10px 12px;font-size:13px;min-height:44px}.product-detail .product-info .param-table td:first-child{width:90px}.product-detail .product-desc h3{font-size:17px}.product-detail .product-desc .content{font-size:14px}.news-detail{padding:20px 0}.news-detail .news-header h1{font-size:20px}.news-detail .news-header .meta{font-size:12px;gap:12px;flex-wrap:wrap}.news-detail .news-content{font-size:14px;line-height:1.8}.back-to-top{bottom:72px;right:16px;width:44px;height:44px;font-size:18px}.pagination{flex-wrap:wrap;gap:6px;margin-top:24px}.pagination button{padding:10px 16px;min-height:44px;min-width:44px;font-size:14px}.loading-spinner{padding:40px 0}.empty-state{padding:24px 0;font-size:14px}.category-filter .btn{padding:11px 18px;font-size:14px;margin:0 4px!important;min-height:44px}.contact-map iframe{height:260px}.company-sidebar{display:none}.company-mobile-tabs{display:flex;margin-bottom:16px}.btn-primary:hover,.btn-outline:hover,.card:hover,.btn:hover{transform:none!important}}@media (max-width: 480px){:root{--page-gutter: 12px}.home-banner{height:220px}.banner-content h2{font-size:20px}.banner-content p{font-size:12px}.banner-content .btn{padding:8px 20px;font-size:12px}.section-title{font-size:19px}.logo span{font-size:16px}.logo img{height:34px}.product-card .card-body h3{font-size:14px}.card-img-wrap,.product-card .card-img,.card-img-wrap img{width:100px;height:100px}.news-card .news-img-wrap,.news-img-wrap{width:100px;height:90px;min-height:90px}.news-card .news-img,.news-img-wrap img{width:100px;height:90px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-img-wrap{height:130px}.page-banner{padding:24px 0}.page-banner h1{font-size:18px}.product-detail .product-images .main-img{height:200px}.contact-item{padding:14px 12px}.contact-item .icon{font-size:24px}}.product-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.product-thumbs .thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .2s;background:var(--gray-100)}.product-thumbs .thumb.active{border-color:var(--blue-600)}.product-thumbs .thumb:hover{border-color:var(--blue-400)}@media (max-width:480px){.product-thumbs .thumb{width:60px;height:60px}}