{"id":3073,"date":"2025-08-21T21:57:06","date_gmt":"2025-08-21T13:57:06","guid":{"rendered":"https:\/\/hikvision.icu\/?page_id=3073"},"modified":"2025-08-21T23:10:58","modified_gmt":"2025-08-21T15:10:58","slug":"%e6%96%b0%e4%b8%bb%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/hikvision.icu\/","title":{"rendered":"\u65b0\u4e3b\u9875"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"zh-CN\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n        * {<br \/>\n            margin: 0;<br \/>\n            padding: 0;<br \/>\n            box-sizing: border-box;<br \/>\n        }<\/p>\n<p>        body {<br \/>\n            font-family: 'Arial', 'Microsoft YaHei', sans-serif;<br \/>\n            background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);<br \/>\n            color: #ffffff;<br \/>\n            overflow-x: hidden;<br \/>\n        }<\/p>\n<p>        \/* \u52a8\u6001\u80cc\u666f\u7c92\u5b50\u6548\u679c *\/<br \/>\n        .particles {<br \/>\n            position: fixed;<br \/>\n            top: 0;<br \/>\n            left: 0;<br \/>\n            width: 100%;<br \/>\n            height: 100%;<br \/>\n            pointer-events: none;<br \/>\n            z-index: 0;<br \/>\n        }<\/p>\n<p>        .particle {<br \/>\n            position: absolute;<br \/>\n            width: 2px;<br \/>\n            height: 2px;<br \/>\n            background: #00d4ff;<br \/>\n            border-radius: 50%;<br \/>\n            animation: float 6s infinite linear;<br \/>\n        }<\/p>\n<p>        @keyframes float {<br \/>\n            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }<br \/>\n            10% { opacity: 1; }<br \/>\n            90% { opacity: 1; }<br \/>\n            100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }<br \/>\n        }<\/p>\n<p>        \/* \u5bfc\u822a\u680f *\/<br \/>\n        .navbar {<br \/>\n            position: fixed;<br \/>\n            top: 0;<br \/>\n            width: 100%;<br \/>\n            background: rgba(15, 15, 35, 0.95);<br \/>\n            backdrop-filter: blur(10px);<br \/>\n            padding: 1rem 5%;<br \/>\n            z-index: 1000;<br \/>\n            border-bottom: 1px solid rgba(0, 212, 255, 0.3);<br \/>\n        }<\/p>\n<p>        .nav-container {<br \/>\n            display: flex;<br \/>\n            justify-content: space-between;<br \/>\n            align-items: center;<br \/>\n            max-width: 1200px;<br \/>\n            margin: 0 auto;<br \/>\n        }<\/p>\n<p>        .logo {<br \/>\n            font-size: 1.8rem;<br \/>\n            font-weight: bold;<br \/>\n            color: #00d4ff;<br \/>\n            text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);<br \/>\n        }<\/p>\n<p>        .nav-links {<br \/>\n            display: flex;<br \/>\n            gap: 2rem;<br \/>\n            list-style: none;<br \/>\n        }<\/p>\n<p>        .nav-links a {<br \/>\n            color: #ffffff;<br \/>\n            text-decoration: none;<br \/>\n            transition: all 0.3s ease;<br \/>\n            position: relative;<br \/>\n        }<\/p>\n<p>        .nav-links a:hover {<br \/>\n            color: #00d4ff;<br \/>\n            text-shadow: 0 0 5px rgba(0, 212, 255, 0.8);<br \/>\n        }<\/p>\n<p>        .nav-links a::after {<br \/>\n            content: '';<br \/>\n            position: absolute;<br \/>\n            width: 0;<br \/>\n            height: 2px;<br \/>\n            bottom: -5px;<br \/>\n            left: 0;<br \/>\n            background: linear-gradient(90deg, #00d4ff, #0099cc);<br \/>\n            transition: width 0.3s ease;<br \/>\n        }<\/p>\n<p>        .nav-links a:hover::after {<br \/>\n            width: 100%;<br \/>\n        }<\/p>\n<p>        \/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/<br \/>\n        .hero {<br \/>\n            min-height: 50vh;<br \/>\n            display: flex;<br \/>\n            align-items: center;<br \/>\n            justify-content: center;<br \/>\n            position: relative;<br \/>\n            z-index: 1;<br \/>\n            padding: 0 5%;<br \/>\n        }<\/p>\n<p>        .hero-content {<br \/>\n            text-align: center;<br \/>\n            max-width: 800px;<br \/>\n            animation: fadeInUp 1s ease-out;<br \/>\n        }<\/p>\n<p>        @keyframes fadeInUp {<br \/>\n            from { opacity: 0; transform: translateY(30px); }<br \/>\n            to { opacity: 1; transform: translateY(0); }<br \/>\n        }<\/p>\n<p>        .hero-title {<br \/>\n            font-size: 4rem;<br \/>\n            font-weight: 300;<br \/>\n            margin-bottom: 1rem;<br \/>\n            background: linear-gradient(45deg, #00d4ff, #ffffff, #00ff88);<br \/>\n            background-size: 200% 200%;<br \/>\n            -webkit-background-clip: text;<br \/>\n            -webkit-text-fill-color: transparent;<br \/>\n            animation: gradientShift 3s ease-in-out infinite;<br \/>\n        }<\/p>\n<p>        @keyframes gradientShift {<br \/>\n            0%, 100% { background-position: 0% 50%; }<br \/>\n            50% { background-position: 100% 50%; }<br \/>\n        }<\/p>\n<p>        .hero-subtitle {<br \/>\n            font-size: 1.4rem;<br \/>\n            color: #b8b8b8;<br \/>\n            margin-bottom: 2rem;<br \/>\n            font-weight: 300;<br \/>\n        }<\/p>\n<p>        .hero-description {<br \/>\n            font-size: 1.1rem;<br \/>\n            line-height: 1.8;<br \/>\n            color: #e0e0e0;<br \/>\n            margin-bottom: 3rem;<br \/>\n        }<\/p>\n<p>        .cta-buttons {<br \/>\n            display: flex;<br \/>\n            gap: 1.5rem;<br \/>\n            justify-content: center;<br \/>\n            flex-wrap: wrap;<br \/>\n        }<\/p>\n<p>        .btn {<br \/>\n            padding: 15px 30px;<br \/>\n            border: none;<br \/>\n            border-radius: 50px;<br \/>\n            font-size: 1.1rem;<br \/>\n            cursor: pointer;<br \/>\n            transition: all 0.3s ease;<br \/>\n            text-decoration: none;<br \/>\n            display: inline-block;<br \/>\n            position: relative;<br \/>\n            overflow: hidden;<br \/>\n        }<\/p>\n<p>        .btn-primary {<br \/>\n            background: linear-gradient(45deg, #00d4ff, #0099cc);<br \/>\n            color: #ffffff;<br \/>\n            box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4);<br \/>\n        }<\/p>\n<p>        .btn-secondary {<br \/>\n            background: transparent;<br \/>\n            color: #00d4ff;<br \/>\n            border: 2px solid #00d4ff;<br \/>\n        }<\/p>\n<p>        .btn:hover {<br \/>\n            transform: translateY(-2px);<br \/>\n            box-shadow: 0 8px 25px rgba(0, 212, 255, 0.6);<br \/>\n        }<\/p>\n<p>        .btn::before {<br \/>\n            content: '';<br \/>\n            position: absolute;<br \/>\n            top: 0;<br \/>\n            left: -100%;<br \/>\n            width: 100%;<br \/>\n            height: 100%;<br \/>\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);<br \/>\n            transition: left 0.5s;<br \/>\n        }<\/p>\n<p>        .btn:hover::before {<br \/>\n            left: 100%;<br \/>\n        }<\/p>\n<p>        \/* \u7279\u8272\u533a\u57df *\/<br \/>\n        .features {<br \/>\n            padding: 5rem 5%;<br \/>\n            position: relative;<br \/>\n            z-index: 1;<br \/>\n        }<\/p>\n<p>        .features-container {<br \/>\n            max-width: 1200px;<br \/>\n            margin: 0 auto;<br \/>\n        }<\/p>\n<p>        .features-title {<br \/>\n            text-align: center;<br \/>\n            font-size: 2.5rem;<br \/>\n            margin-bottom: 3rem;<br \/>\n            color: #00d4ff;<br \/>\n        }<\/p>\n<p>        .features-grid {<br \/>\n            display: grid;<br \/>\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));<br \/>\n            gap: 2rem;<br \/>\n        }<\/p>\n<p>        .feature-card {<br \/>\n            background: rgba(255, 255, 255, 0.05);<br \/>\n            border-radius: 15px;<br \/>\n            padding: 2rem;<br \/>\n            backdrop-filter: blur(10px);<br \/>\n            border: 1px solid rgba(0, 212, 255, 0.3);<br \/>\n            transition: all 0.3s ease;<br \/>\n            position: relative;<br \/>\n            overflow: hidden;<br \/>\n        }<\/p>\n<p>        .feature-card::before {<br \/>\n            content: '';<br \/>\n            position: absolute;<br \/>\n            top: -50%;<br \/>\n            left: -50%;<br \/>\n            width: 200%;<br \/>\n            height: 200%;<br \/>\n            background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);<br \/>\n            opacity: 0;<br \/>\n            transition: opacity 0.3s ease;<br \/>\n        }<\/p>\n<p>        .feature-card:hover::before {<br \/>\n            opacity: 1;<br \/>\n        }<\/p>\n<p>        .feature-card:hover {<br \/>\n            transform: translateY(-5px);<br \/>\n            border-color: #00d4ff;<br \/>\n            box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);<br \/>\n        }<\/p>\n<p>        .feature-icon {<br \/>\n            font-size: 3rem;<br \/>\n            color: #00d4ff;<br \/>\n            margin-bottom: 1rem;<br \/>\n            display: block;<br \/>\n        }<\/p>\n<p>        .feature-title {<br \/>\n            font-size: 1.5rem;<br \/>\n            margin-bottom: 1rem;<br \/>\n            color: #ffffff;<br \/>\n        }<\/p>\n<p>        .feature-description {<br \/>\n            color: #b8b8b8;<br \/>\n            line-height: 1.6;<br \/>\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/<br \/>\n        @media (max-width: 768px) {<br \/>\n            .hero-title {<br \/>\n                font-size: 2.5rem;<br \/>\n            }<\/p>\n<p>            .hero-subtitle {<br \/>\n                font-size: 1.2rem;<br \/>\n            }<\/p>\n<p>            .cta-buttons {<br \/>\n                flex-direction: column;<br \/>\n                align-items: center;<br \/>\n            }<\/p>\n<p>            .nav-links {<br \/>\n                display: none;<br \/>\n            }<\/p>\n<p>            .navbar {<br \/>\n                padding: 1rem 3%;<br \/>\n            }<\/p>\n<p>            .hero {<br \/>\n                padding: 0 3%;<br \/>\n            }<\/p>\n<p>            .features {<br \/>\n                padding: 3rem 3%;<br \/>\n            }<br \/>\n        }<\/p>\n<p>        \/* \u6eda\u52a8\u6761\u6837\u5f0f *\/<br \/>\n        ::-webkit-scrollbar {<br \/>\n            width: 8px;<br \/>\n        }<\/p>\n<p>        ::-webkit-scrollbar-track {<br \/>\n            background: #1a1a2e;<br \/>\n        }<\/p>\n<p>        ::-webkit-scrollbar-thumb {<br \/>\n            background: linear-gradient(45deg, #00d4ff, #0099cc);<br \/>\n            border-radius: 4px;<br \/>\n        }<\/p>\n<p>        ::-webkit-scrollbar-thumb:hover {<br \/>\n            background: linear-gradient(45deg, #0099cc, #00d4ff);<br \/>\n        }<br \/>\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- \u52a8\u6001\u80cc\u666f\u7c92\u5b50 --><\/p>\n<div class=\"particles\" id=\"particles\"><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<section class=\"hero\" id=\"home\">\n<div class=\"hero-content\">\n<h1 class=\"hero-title\">\u738b\u5c0f\u4e49\u7b14\u8bb0<\/h1>\n<p class=\"hero-subtitle\">\u63a2\u7d22\u79d1\u6280\u4e0e\u601d\u7ef4\u7684\u8fb9\u754c<\/p>\n<p class=\"hero-description\">\n                \u5728\u8fd9\u91cc\uff0c\u8bb0\u5f55\u6280\u672f\u6210\u957f\u7684\u6bcf\u4e00\u6b65\u8db3\u8ff9\uff0c\u5206\u4eab\u7f16\u7a0b\u8def\u4e0a\u7684\u601d\u8003\u4e0e\u611f\u609f\u3002<br \/>\n                \u7528\u4ee3\u7801\u6539\u53d8\u4e16\u754c\uff0c\u7528\u6587\u5b57\u4f20\u9012\u77e5\u8bc6\uff0c\u7528\u601d\u7ef4\u8fde\u63a5\u672a\u6765\u3002\n            <\/p>\n<div class=\"cta-buttons\">\n                <a href=\"https:\/\/blog.aizoos.com\/\" class=\"btn btn-primary\">\u5f00\u59cb\u9605\u8bfb<\/a><br \/>\n                <a href=\"https:\/\/aizoos.com\/\" class=\"btn btn-secondary\">\u7f51\u5740\u5bfc\u822a<\/a>\n            <\/div>\n<\/p>\n<\/div>\n<\/section>\n<p>    <script><br \/>\n        \/\/ \u521b\u5efa\u52a8\u6001\u7c92\u5b50\u6548\u679c<br \/>\n        function createParticles() {<br \/>\n            const particlesContainer = document.getElementById('particles');<br \/>\n            const particleCount = 50;<\/p>\n<p>            for (let i = 0; i < particleCount; i++) {\n                const particle = document.createElement('div');\n                particle.className = 'particle';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDelay = Math.random() * 6 + 's';\n                particle.style.animationDuration = (Math.random() * 4 + 4) + 's';\n                particlesContainer.appendChild(particle);\n            }\n        }\n\n        \/\/ \u5e73\u6ed1\u6eda\u52a8\u6548\u679c\n        function smoothScroll() {\n            const links = document.querySelectorAll('a[href^=\"#\"]');\n            links.forEach(link => {<br \/>\n                link.addEventListener('click', function(e) {<br \/>\n                    e.preventDefault();<br \/>\n                    const target = document.querySelector(this.getAttribute('href'));<br \/>\n                    if (target) {<br \/>\n                        target.scrollIntoView({<br \/>\n                            behavior: 'smooth',<br \/>\n                            block: 'start'<br \/>\n                        });<br \/>\n                    }<br \/>\n                });<br \/>\n            });<br \/>\n        }<\/p>\n<p>        \/\/ \u9875\u9762\u6eda\u52a8\u6548\u679c<br \/>\n        function handleScroll() {<br \/>\n            const navbar = document.querySelector('.navbar');<br \/>\n            const scrolled = window.pageYOffset;<\/p>\n<p>            if (scrolled > 100) {<br \/>\n                navbar.style.background = 'rgba(15, 15, 35, 0.98)';<br \/>\n            } else {<br \/>\n                navbar.style.background = 'rgba(15, 15, 35, 0.95)';<br \/>\n            }<br \/>\n        }<\/p>\n<p>        \/\/ \u521d\u59cb\u5316<br \/>\n        document.addEventListener('DOMContentLoaded', function() {<br \/>\n            createParticles();<br \/>\n            smoothScroll();<br \/>\n            window.addEventListener('scroll', handleScroll);<br \/>\n        });<\/p>\n<p>        \/\/ \u6dfb\u52a0\u6de1\u51fa\u52a8\u753b<br \/>\n        const style = document.createElement('style');<br \/>\n        style.textContent = `<br \/>\n            @keyframes fade-out {<br \/>\n                to {<br \/>\n                    opacity: 0;<br \/>\n                    transform: scale(0);<br \/>\n                }<br \/>\n            }<br \/>\n        `;<br \/>\n        document.head.appendChild(style);<br \/>\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u738b\u5c0f\u4e49\u7b14\u8bb0 \u63a2\u7d22\u79d1\u6280\u4e0e\u601d\u7ef4\u7684\u8fb9\u754c \u5728\u8fd9\u91cc\uff0c\u8bb0\u5f55\u6280\u672f\u6210\u957f\u7684\u6bcf\u4e00\u6b65\u8db3\u8ff9\uff0c\u5206\u4eab\u7f16\u7a0b\u8def\u4e0a\u7684\u601d\u8003\u4e0e\u611f\u609f\u3002 \u7528\u4ee3\u7801\u6539\u53d8\u4e16\u754c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template","meta":{"footnotes":""},"class_list":["post-3073","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/pages\/3073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hikvision.icu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3073"}],"version-history":[{"count":1,"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/pages\/3073\/revisions"}],"predecessor-version":[{"id":3074,"href":"https:\/\/hikvision.icu\/index.php?rest_route=\/wp\/v2\/pages\/3073\/revisions\/3074"}],"wp:attachment":[{"href":"https:\/\/hikvision.icu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}