diff --git a/images/app效果图1.png b/images/app效果图1.png new file mode 100644 index 0000000..b3e138a Binary files /dev/null and b/images/app效果图1.png differ diff --git a/images/app效果图2.png b/images/app效果图2.png new file mode 100644 index 0000000..2b1e897 Binary files /dev/null and b/images/app效果图2.png differ diff --git a/images/app效果图3.png b/images/app效果图3.png new file mode 100644 index 0000000..874a83b Binary files /dev/null and b/images/app效果图3.png differ diff --git a/images/app效果图4.png b/images/app效果图4.png new file mode 100644 index 0000000..1134e3b Binary files /dev/null and b/images/app效果图4.png differ diff --git a/images/banner-family.jpg b/images/banner-family.jpg new file mode 100644 index 0000000..28fdfae Binary files /dev/null and b/images/banner-family.jpg differ diff --git a/images/patents/BaoDao/11377a0e63b50cf37177abbda8cba4db.jpg b/images/patents/BaoDao/11377a0e63b50cf37177abbda8cba4db.jpg new file mode 100644 index 0000000..5b93533 Binary files /dev/null and b/images/patents/BaoDao/11377a0e63b50cf37177abbda8cba4db.jpg differ diff --git a/images/patents/BaoDao/327e3b806f2aa56e1ed1128ebdbb34f5.jpg b/images/patents/BaoDao/327e3b806f2aa56e1ed1128ebdbb34f5.jpg new file mode 100644 index 0000000..365bc80 Binary files /dev/null and b/images/patents/BaoDao/327e3b806f2aa56e1ed1128ebdbb34f5.jpg differ diff --git a/images/patents/BaoDao/434276afc67fddc78b80e99b7b667770.png b/images/patents/BaoDao/434276afc67fddc78b80e99b7b667770.png new file mode 100644 index 0000000..dacaf90 Binary files /dev/null and b/images/patents/BaoDao/434276afc67fddc78b80e99b7b667770.png differ diff --git a/images/patents/BaoDao/51b2c2cf2395e6e6f8ebf2e4dd947102.jpg b/images/patents/BaoDao/51b2c2cf2395e6e6f8ebf2e4dd947102.jpg new file mode 100644 index 0000000..2ac84f5 Binary files /dev/null and b/images/patents/BaoDao/51b2c2cf2395e6e6f8ebf2e4dd947102.jpg differ diff --git a/images/patents/BaoDao/804b7291af2d35f61da80e000da064b7.png b/images/patents/BaoDao/804b7291af2d35f61da80e000da064b7.png new file mode 100644 index 0000000..c48cbe5 Binary files /dev/null and b/images/patents/BaoDao/804b7291af2d35f61da80e000da064b7.png differ diff --git a/images/patents/BaoDao/876d1191e2599a035e9523181aa560a2.jpg b/images/patents/BaoDao/876d1191e2599a035e9523181aa560a2.jpg new file mode 100644 index 0000000..2ce3d39 Binary files /dev/null and b/images/patents/BaoDao/876d1191e2599a035e9523181aa560a2.jpg differ diff --git a/images/patents/BaoDao/8aed9546ae688014f6ca7f226f50ceb8.jpg b/images/patents/BaoDao/8aed9546ae688014f6ca7f226f50ceb8.jpg new file mode 100644 index 0000000..694e9c4 Binary files /dev/null and b/images/patents/BaoDao/8aed9546ae688014f6ca7f226f50ceb8.jpg differ diff --git a/images/patents/BaoDao/979cb7823494ff4606b2facd1e76d779.jpg b/images/patents/BaoDao/979cb7823494ff4606b2facd1e76d779.jpg new file mode 100644 index 0000000..f5c99bc Binary files /dev/null and b/images/patents/BaoDao/979cb7823494ff4606b2facd1e76d779.jpg differ diff --git a/images/patents/BaoDao/d636fba4ade00050087bb6c46a0440b4.jpg b/images/patents/BaoDao/d636fba4ade00050087bb6c46a0440b4.jpg new file mode 100644 index 0000000..af95eb3 Binary files /dev/null and b/images/patents/BaoDao/d636fba4ade00050087bb6c46a0440b4.jpg differ diff --git a/images/patents/cat/020a0e78e3952c2016786bf1693a37a6.jpg b/images/patents/cat/020a0e78e3952c2016786bf1693a37a6.jpg new file mode 100644 index 0000000..39ea47c Binary files /dev/null and b/images/patents/cat/020a0e78e3952c2016786bf1693a37a6.jpg differ diff --git a/images/patents/cat/131e4b9c858f7e03eed9700694d8274f.jpg b/images/patents/cat/131e4b9c858f7e03eed9700694d8274f.jpg new file mode 100644 index 0000000..9dc47c7 Binary files /dev/null and b/images/patents/cat/131e4b9c858f7e03eed9700694d8274f.jpg differ diff --git a/images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg b/images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg new file mode 100644 index 0000000..faa4aad Binary files /dev/null and b/images/patents/cat/21ab09a5a0f446f051beefc6110191d4.jpg differ diff --git a/images/patents/cat/30386e601e72a90b353af3ada7c74309.jpg b/images/patents/cat/30386e601e72a90b353af3ada7c74309.jpg new file mode 100644 index 0000000..a92dc22 Binary files /dev/null and b/images/patents/cat/30386e601e72a90b353af3ada7c74309.jpg differ diff --git a/images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg b/images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg new file mode 100644 index 0000000..4afbf8e Binary files /dev/null and b/images/patents/cat/3082b09ccd65d31f2876b13cbfd50ce1.jpg differ diff --git a/images/patents/cat/3759e7d26318b4391420610a12aa8791.jpg b/images/patents/cat/3759e7d26318b4391420610a12aa8791.jpg new file mode 100644 index 0000000..0c9f125 Binary files /dev/null and b/images/patents/cat/3759e7d26318b4391420610a12aa8791.jpg differ diff --git a/images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg b/images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg new file mode 100644 index 0000000..6a9a2e2 Binary files /dev/null and b/images/patents/cat/49cb2973ffe172eea5eff5ef234e9de5.jpg differ diff --git a/images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg b/images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg new file mode 100644 index 0000000..a3d5ce5 Binary files /dev/null and b/images/patents/cat/4a95801f0fdfd1a62c3a0ed79cf3dc0b.jpg differ diff --git a/images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png b/images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png new file mode 100644 index 0000000..dfe9c58 Binary files /dev/null and b/images/patents/cat/4d19ed38f720b7121666c1acbeb4a25b.png differ diff --git a/images/patents/cat/4f61bc4e0dccf4fe3e0dd3b2e9e59f22.jpg b/images/patents/cat/4f61bc4e0dccf4fe3e0dd3b2e9e59f22.jpg new file mode 100644 index 0000000..adbd132 Binary files /dev/null and b/images/patents/cat/4f61bc4e0dccf4fe3e0dd3b2e9e59f22.jpg differ diff --git a/images/patents/cat/5ff67b3ed754dd0f9d1ae901b4313881.jpg b/images/patents/cat/5ff67b3ed754dd0f9d1ae901b4313881.jpg new file mode 100644 index 0000000..c392086 Binary files /dev/null and b/images/patents/cat/5ff67b3ed754dd0f9d1ae901b4313881.jpg differ diff --git a/images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg b/images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg new file mode 100644 index 0000000..69d4268 Binary files /dev/null and b/images/patents/cat/9f372b85494375441c4c4d9e5b1fb526.jpg differ diff --git a/images/patents/cat/b4bdeba609f273c1ebf730cc283af745.jpg b/images/patents/cat/b4bdeba609f273c1ebf730cc283af745.jpg new file mode 100644 index 0000000..77b0883 Binary files /dev/null and b/images/patents/cat/b4bdeba609f273c1ebf730cc283af745.jpg differ diff --git a/images/patents/cat/be8f92da514eada1e4bc0020935231a6.jpg b/images/patents/cat/be8f92da514eada1e4bc0020935231a6.jpg new file mode 100644 index 0000000..5962d5e Binary files /dev/null and b/images/patents/cat/be8f92da514eada1e4bc0020935231a6.jpg differ diff --git a/images/patents/cat/c3cfdaedb56bbf065de56febe67674ee.jpg b/images/patents/cat/c3cfdaedb56bbf065de56febe67674ee.jpg new file mode 100644 index 0000000..3af5b2f Binary files /dev/null and b/images/patents/cat/c3cfdaedb56bbf065de56febe67674ee.jpg differ diff --git a/images/patents/cat/d808a02c68c8acabb2154718f63e463d.jpg b/images/patents/cat/d808a02c68c8acabb2154718f63e463d.jpg new file mode 100644 index 0000000..036444f Binary files /dev/null and b/images/patents/cat/d808a02c68c8acabb2154718f63e463d.jpg differ diff --git a/images/patents/cat/e4f2d56bd874eb97c833daf5fa0cdd9a.jpg b/images/patents/cat/e4f2d56bd874eb97c833daf5fa0cdd9a.jpg new file mode 100644 index 0000000..9e5f431 Binary files /dev/null and b/images/patents/cat/e4f2d56bd874eb97c833daf5fa0cdd9a.jpg differ diff --git a/images/patents/cat/ec59245a46f619b22352316ab3235775.jpg b/images/patents/cat/ec59245a46f619b22352316ab3235775.jpg new file mode 100644 index 0000000..aa6e9c5 Binary files /dev/null and b/images/patents/cat/ec59245a46f619b22352316ab3235775.jpg differ diff --git a/images/patents/cat/fad5355de59456b7f65a83a53d1cd53b.jpg b/images/patents/cat/fad5355de59456b7f65a83a53d1cd53b.jpg new file mode 100644 index 0000000..a7a33d3 Binary files /dev/null and b/images/patents/cat/fad5355de59456b7f65a83a53d1cd53b.jpg differ diff --git a/images/patents/patent-01-design-catbox.png b/images/patents/patent-01-design-catbox.png new file mode 100644 index 0000000..e7b9ab8 Binary files /dev/null and b/images/patents/patent-01-design-catbox.png differ diff --git a/images/patents/patent-02-design-ball-bin.png b/images/patents/patent-02-design-ball-bin.png new file mode 100644 index 0000000..3f69592 Binary files /dev/null and b/images/patents/patent-02-design-ball-bin.png differ diff --git a/images/patents/patent-03-design-bin-base.png b/images/patents/patent-03-design-bin-base.png new file mode 100644 index 0000000..3799b9c Binary files /dev/null and b/images/patents/patent-03-design-bin-base.png differ diff --git a/images/patents/patent-04-design-catbox-part1.png b/images/patents/patent-04-design-catbox-part1.png new file mode 100644 index 0000000..157cc5a Binary files /dev/null and b/images/patents/patent-04-design-catbox-part1.png differ diff --git a/images/patents/patent-05-design-catbox-part2.png b/images/patents/patent-05-design-catbox-part2.png new file mode 100644 index 0000000..ece5f4b Binary files /dev/null and b/images/patents/patent-05-design-catbox-part2.png differ diff --git a/images/patents/patent-06-invention-pet-toilet.png b/images/patents/patent-06-invention-pet-toilet.png new file mode 100644 index 0000000..706676a Binary files /dev/null and b/images/patents/patent-06-invention-pet-toilet.png differ diff --git a/images/patents/patent-07-utility-pet-toilet.png b/images/patents/patent-07-utility-pet-toilet.png new file mode 100644 index 0000000..e2a44d5 Binary files /dev/null and b/images/patents/patent-07-utility-pet-toilet.png differ diff --git a/images/patents/patent-08-design-waste-bin.png b/images/patents/patent-08-design-waste-bin.png new file mode 100644 index 0000000..0d0a7af Binary files /dev/null and b/images/patents/patent-08-design-waste-bin.png differ diff --git a/images/patents/patent-09-design-catbox-part3.png b/images/patents/patent-09-design-catbox-part3.png new file mode 100644 index 0000000..5847aed Binary files /dev/null and b/images/patents/patent-09-design-catbox-part3.png differ diff --git a/images/qr-shop.png b/images/qr-shop.png index 39ce7a2..5eb00f1 100644 Binary files a/images/qr-shop.png and b/images/qr-shop.png differ diff --git a/images/健康监护仪.png b/images/健康监护仪.png new file mode 100644 index 0000000..e0a33ff Binary files /dev/null and b/images/健康监护仪.png differ diff --git a/images/健康监护仪效果图.png b/images/健康监护仪效果图.png new file mode 100644 index 0000000..e0a33ff Binary files /dev/null and b/images/健康监护仪效果图.png differ diff --git a/images/公众号二维码.jpg b/images/公众号二维码.jpg new file mode 100644 index 0000000..8a0e0f3 Binary files /dev/null and b/images/公众号二维码.jpg differ diff --git a/images/商城二维码.jpg b/images/商城二维码.jpg new file mode 100644 index 0000000..f1a9975 Binary files /dev/null and b/images/商城二维码.jpg differ diff --git a/images/喂水器.png b/images/喂水器.png new file mode 100644 index 0000000..6a7db86 Binary files /dev/null and b/images/喂水器.png differ diff --git a/images/喂水器效果图.png b/images/喂水器效果图.png new file mode 100644 index 0000000..6a7db86 Binary files /dev/null and b/images/喂水器效果图.png differ diff --git a/images/喂食器.png b/images/喂食器.png new file mode 100644 index 0000000..30eee80 Binary files /dev/null and b/images/喂食器.png differ diff --git a/images/喂食器单图.jpg b/images/喂食器单图.jpg new file mode 100644 index 0000000..fdfd629 Binary files /dev/null and b/images/喂食器单图.jpg differ diff --git a/images/喂食器效果图.png b/images/喂食器效果图.png new file mode 100644 index 0000000..30eee80 Binary files /dev/null and b/images/喂食器效果图.png differ diff --git a/images/客服.png b/images/客服.png new file mode 100644 index 0000000..ec08f2b Binary files /dev/null and b/images/客服.png differ diff --git a/images/小红书二维码.png b/images/小红书二维码.png new file mode 100644 index 0000000..561b803 Binary files /dev/null and b/images/小红书二维码.png differ diff --git a/images/抖音二维码.png b/images/抖音二维码.png new file mode 100644 index 0000000..0d07fe6 Binary files /dev/null and b/images/抖音二维码.png differ diff --git a/images/无水印版全家福.png b/images/无水印版全家福.png new file mode 100644 index 0000000..2faa166 Binary files /dev/null and b/images/无水印版全家福.png differ diff --git a/images/白字logo.png b/images/白字logo.png index 8ea3517..3bb5c85 100644 Binary files a/images/白字logo.png and b/images/白字logo.png differ diff --git a/images/视频号二维码1.png b/images/视频号二维码1.png new file mode 100644 index 0000000..9b4dbc3 Binary files /dev/null and b/images/视频号二维码1.png differ diff --git a/index.html b/index.html index 43ef2af..698f782 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,7 @@ * { box-sizing: border-box; } html { overflow-x: hidden; + overflow-y: scroll; margin: 0; padding: 0; } @@ -30,13 +31,15 @@ background: var(--bg); color: var(--text); overflow-x: hidden; - width: 100vw; + overflow-y: visible; + width: 100%; scroll-behavior: smooth; } #pageContent { min-width: 1280px; margin: 0; padding: 0; + overflow: hidden; } a { color: inherit; @@ -283,46 +286,35 @@ .footer-subscribe p { font-size: 14px; color: #64748b; - margin-bottom: 12px; + margin-bottom: 16px; line-height: 1.5; } - .subscribe-form { + .footer-contact-list { display: flex; - gap: 12px; + flex-direction: column; + gap: 10px; } - .subscribe-form input { - flex: 1; - padding: 14px 18px; - border-radius: 12px; - border: 1px solid rgba(255, 255, 255, 0.1); - background: rgba(255, 255, 255, 0.05); - color: #fff; + .footer-contact-item { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 16px; + border-radius: 10px; + background: rgba(255, 255, 255, 0.04); + border: 1px solid rgba(255, 255, 255, 0.06); + color: #94a3b8; font-size: 14px; - outline: none; - transition: all 0.2s ease; - } - .subscribe-form input::placeholder { - color: #64748b; - } - .subscribe-form input:focus { - border-color: var(--primary); - background: rgba(255, 255, 255, 0.08); - } - .subscribe-form button { - padding: 14px 28px; - border-radius: 12px; - border: none; - background: linear-gradient(135deg, var(--primary) 0%, #06b6d4 100%); - color: #fff; - font-size: 14px; - font-weight: 600; - cursor: pointer; + text-decoration: none; transition: all 0.25s ease; - white-space: nowrap; } - .subscribe-form button:hover { - transform: translateY(-2px); - box-shadow: 0 8px 24px rgba(47, 107, 255, 0.3); + .footer-contact-item:hover { + background: rgba(255, 255, 255, 0.08); + color: #fff; + border-color: rgba(255, 255, 255, 0.12); + } + .footer-contact-item svg { + color: var(--primary); + flex-shrink: 0; } .subscribe-msg { display: flex; @@ -431,7 +423,7 @@ .qrcode-placeholder img { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; } .qrcode-fallback { display: none; @@ -682,7 +674,7 @@ color: #fff; } .social-qr-item.weibo .qr-icon { - background: linear-gradient(135deg, #ff5722 0%, #e51c23 100%); + background: linear-gradient(135deg, #fa6400 0%, #ff8a00 100%); color: #fff; } .social-qr-item.xiaohongshu .qr-icon { @@ -765,22 +757,6 @@ outline: none; cursor: pointer; } - html[dir="rtl"] body { - direction: rtl; - } - html[dir="rtl"] .lang-switch { - left: 24px; - right: auto; - } - html[dir="rtl"] .hero-inner { - direction: rtl; - } - html[dir="rtl"] .hero-tags { - justify-content: flex-start; - } - html[dir="rtl"] .beian-row { - direction: rtl; - } .hero { position: relative; width: 100%; @@ -1094,7 +1070,7 @@ align-items: center; gap: 48px; } - /* 关于宠科 - 新增公司介绍区域 */ + /* 关于宠小科 - 新增公司介绍区域 */ .about-chookoo-section { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); } @@ -1384,6 +1360,357 @@ .company-location svg { color: var(--primary); } + /* 媒体报道板块 */ + .media-section { + background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%); + } + .media-wrapper { + display: flex; + flex-direction: column; + align-items: center; + gap: 40px; + max-width: 1200px; + margin: 0 auto; + } + .media-header { + text-align: center; + } + .media-badge { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 8px 18px; + border-radius: 999px; + background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(249, 115, 22, 0.1) 100%); + border: 1px solid rgba(239, 68, 68, 0.15); + color: #dc2626; + font-size: 14px; + font-weight: 600; + margin-bottom: 16px; + } + .media-title { + font-size: 32px; + font-weight: 700; + color: #1f2937; + line-height: 1.4; + margin: 0 0 10px; + } + .media-subtitle { + font-size: 16px; + color: var(--muted); + margin: 0; + line-height: 1.6; + } + .media-gallery { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 16px; + width: 100%; + } + .media-gallery-card { + position: relative; + border-radius: 16px; + overflow: hidden; + background: #fff; + border: 1px solid rgba(226, 232, 240, 0.8); + cursor: pointer; + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); + aspect-ratio: 4 / 3; + } + .media-gallery-card:hover { + transform: translateY(-6px); + box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12); + border-color: rgba(239, 68, 68, 0.25); + } + .media-gallery-card img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); + } + .media-gallery-card:hover img { + transform: scale(1.05); + } + .media-gallery-card .card-overlay { + position: absolute; + inset: 0; + background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.6) 100%); + opacity: 0; + transition: opacity 0.3s ease; + display: flex; + align-items: flex-end; + padding: 16px; + } + .media-gallery-card:hover .card-overlay { + opacity: 1; + } + .card-overlay-text { + color: #fff; + font-size: 14px; + font-weight: 600; + } + /* Lightbox */ + .media-lightbox { + position: fixed; + inset: 0; + z-index: 3000; + background: rgba(0, 0, 0, 0.85); + backdrop-filter: blur(12px); + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + } + .media-lightbox.active { + opacity: 1; + visibility: visible; + } + .media-lightbox-content { + position: relative; + max-width: 90vw; + max-height: 88vh; + border-radius: 20px; + overflow: hidden; + background: #fff; + box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); + transform: scale(0.92); + transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); + } + .media-lightbox.active .media-lightbox-content { + transform: scale(1); + } + .media-lightbox-content img { + display: block; + max-width: 90vw; + max-height: 88vh; + object-fit: contain; + } + .media-lightbox-close { + position: absolute; + top: 16px; + right: 16px; + width: 44px; + height: 44px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.5); + border: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + transition: all 0.2s ease; + z-index: 10; + } + .media-lightbox-close:hover { + background: rgba(0, 0, 0, 0.75); + transform: scale(1.1); + } + .media-lightbox-close svg { + width: 22px; + height: 22px; + } + .media-lightbox-nav { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 48px; + height: 48px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.15); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.2); + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + color: #fff; + transition: all 0.25s ease; + z-index: 10; + } + .media-lightbox-nav:hover { + background: rgba(255, 255, 255, 0.3); + transform: translateY(-50%) scale(1.08); + } + .media-lightbox-nav.prev { left: 20px; } + .media-lightbox-nav.next { right: 20px; } + .media-lightbox-nav svg { width: 20px; height: 20px; } + .media-lightbox-counter { + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + padding: 8px 20px; + background: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(8px); + border-radius: 999px; + color: #fff; + font-size: 13px; + font-weight: 500; + z-index: 10; + } + .media-highlight { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + padding: 16px 32px; + background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(249, 115, 22, 0.05) 100%); + border-radius: 16px; + border: 1px solid rgba(239, 68, 68, 0.1); + max-width: 900px; + text-align: center; + } + .media-highlight-text { + font-size: 14px; + font-weight: 400; + color: #6b7280; + line-height: 1.8; + } + .media-highlight-text strong { + color: #dc2626; + font-weight: 600; + } + .media-highlight-text em { + font-style: normal; + color: #374151; + font-weight: 500; + } + .media-highlight-dot { + width: 6px; + height: 6px; + flex-shrink: 0; + border-radius: 50%; + background: linear-gradient(135deg, #dc2626, #f59e0b); + } + /* 专利轮播 - coverflow 风格 */ + .patent-carousel-wrap { + display: flex; + align-items: center; + width: 100%; + gap: 12px; + } + .patent-carousel { + position: relative; + padding: 20px 0 0; + margin-bottom: 20px; + flex: 1; + min-width: 0; + } + .patent-viewport { + position: relative; + height: 280px; + } + .patent-cert { + position: absolute; + left: 50%; + top: 50%; + width: 180px; + height: 240px; + margin-left: -90px; + margin-top: -120px; + border-radius: 14px; + overflow: hidden; + cursor: pointer; + transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.45s ease, + filter 0.45s ease; + opacity: 0; + transform: scale(0.5); + z-index: 0; + filter: brightness(0.3) saturate(0.2); + pointer-events: none; + will-change: transform, opacity; + } + .patent-cert.no-transition { + transition: none !important; + } + .patent-cert.active { + z-index: 5; + cursor: default; + pointer-events: auto; + } + .patent-cert.active::before { + content: ''; + position: absolute; + inset: -2px; + border-radius: 14px; + background: linear-gradient(135deg, rgba(47,107,255,0.6), rgba(6,182,212,0.4), rgba(139,92,246,0.5)); + z-index: -1; + animation: patentGlow 3s ease-in-out infinite; + } + .patent-cert.active::after { + content: ''; + position: absolute; + inset: 0; + border-radius: 12px; + background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,0.08) 50%, transparent 70%); + animation: patentShimmer 2.5s ease-in-out infinite; + pointer-events: none; + z-index: 3; + } + .patent-cert img { + width: 100%; + height: 100%; + object-fit: contain; + display: block; + border-radius: 12px; + background: #fff; + } + @keyframes patentGlow { + 0%, 100% { opacity: 0.6; box-shadow: 0 0 20px rgba(47,107,255,0.3); } + 50% { opacity: 1; box-shadow: 0 0 40px rgba(47,107,255,0.5), 0 0 80px rgba(6,182,212,0.2); } + } + @keyframes patentShimmer { + 0% { transform: translateX(-100%); opacity: 0; } + 30% { opacity: 1; } + 70% { opacity: 1; } + 100% { transform: translateX(100%); opacity: 0; } + } + .patent-nav { + flex-shrink: 0; + width: 44px; + height: 44px; + border-radius: 50%; + background: rgba(255,255,255,0.15); + backdrop-filter: blur(10px); + border: 1px solid rgba(255,255,255,0.25); + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 10; + transition: all 0.3s; + color: rgba(255,255,255,0.7); + } + .patent-nav:hover { + background: rgba(47,107,255,0.35); + border-color: rgba(47,107,255,0.5); + color: #fff; + box-shadow: 0 0 20px rgba(47,107,255,0.3); + } + .patent-nav svg { width: 18px; height: 18px; } + @media (max-width: 600px) { + .patent-cert { + width: 120px; + height: 160px; + margin-left: -60px; + margin-top: -80px; + } + .patent-viewport { + height: 200px; + } + .patent-nav { + width: 30px; + height: 30px; + } + .patent-carousel { + padding: 16px 30px 0; + } + } /* 愿景使命价值观 - 全新设计 */ .vmv-new-section { background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #ffffff 100%); @@ -2165,6 +2492,41 @@ .product-card:hover .product-image { transform: scale(1.05); } + /* 产品图标卡片 */ + .product-icon-bg { + display: flex; + align-items: center; + justify-content: center; + height: 90px; + position: relative; + } + .product-icon-bg::before { + content: ''; + position: absolute; + width: 52px; + height: 52px; + border-radius: 50%; + background: currentColor; + opacity: 0.07; + } + .product-icon-bg svg { + width: 34px; + height: 34px; + position: relative; + z-index: 1; + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); + } + .product-card:hover .product-icon-bg svg { + transform: scale(1.15) translateY(-2px); + } + .product-card.active .product-icon-bg svg { + transform: scale(1.08); + } + .product-icon-bg.i-blue { background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #3b82f6; } + .product-icon-bg.i-amber { background: linear-gradient(135deg, #fffbeb, #fef3c7); color: #d97706; } + .product-icon-bg.i-green { background: linear-gradient(135deg, #ecfdf5, #d1fae5); color: #059669; } + .product-icon-bg.i-cyan { background: linear-gradient(135deg, #f0f9ff, #e0f2fe); color: #0284c7; } + .product-icon-bg.i-purple { background: linear-gradient(135deg, #faf5ff, #f3e8ff); color: #7c3aed; } .product-content { padding: 20px; text-align: center; @@ -2869,7 +3231,7 @@