{"id":18,"date":"2026-03-21T22:22:18","date_gmt":"2026-03-21T14:22:18","guid":{"rendered":"https:\/\/www.okr3.com\/?page_id=18"},"modified":"2026-03-21T22:50:50","modified_gmt":"2026-03-21T14:50:50","slug":"%e6%88%91%e6%80%9d%e6%95%85%e6%88%91%e5%9c%a8","status":"publish","type":"page","link":"https:\/\/www.okr3.com\/","title":{"rendered":"\u6211\u601d\u6545\u6211\u5728"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u6211\u601d\u6545\u6211\u5728 - AI\u9879\u76ee\u5bfc\u822a\u7ad9<\/title>\r\n <!-- \r\n \u6211\u601d\u6545\u6211\u5728 - WordPress Elementor \u81ea\u5b9a\u4e49HTML\u7248\u672c\r\n \u4f7f\u7528\u65b9\u6cd5\uff1a\u5728 Elementor \u7f16\u8f91\u5668\u4e2d\u6dfb\u52a0\u300cHTML\u300d\u5c0f\u90e8\u4ef6\uff0c\u5c06\u6b64\u4ee3\u7801\u7c98\u8d34\u8fdb\u53bb\r\n \u56fe\u7247\u5df2\u4f7f\u7528\u672c\u5730\u8def\u5f84 \/images\/xxx.webp\uff0c\u8bf7\u786e\u4fdd\u56fe\u7247\u5df2\u4e0a\u4f20\u5230WordPress\u5a92\u4f53\u5e93\u5e76\u66ff\u6362URL\r\n -->\r\n<\/head>\r\n<body>\r\n\r\n<style>\r\n\/* ========== \u5b57\u4f53\u5f15\u5165 ========== *\/\r\n@import url('https:\/\/fonts.googleapis.cn\/css2?family=Rajdhani:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Orbitron:wght@400;500;600;700&display=swap');\r\n\r\n\/* ========== CSS \u53d8\u91cf ========== *\/\r\n:root {\r\n --neon-cyan: #00fff5;\r\n --neon-purple: #bf00ff;\r\n --neon-gold: #ffd700;\r\n --cosmos-black: #050510;\r\n --cosmos-deep: #0a0a1a;\r\n --text-primary: #e8e6f0;\r\n --text-secondary: #8a87a0;\r\n --text-muted: #5a5870;\r\n --border-glow: rgba(0, 255, 245, 0.12);\r\n}\r\n\r\n\/* ========== \u5168\u5c40\u91cd\u7f6e\uff08\u9650\u5b9a\u5728\u5bb9\u5668\u5185\uff09 ========== *\/\r\n.cogito-site * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.cogito-site {\r\n font-family: 'Noto Sans SC', system-ui, sans-serif;\r\n background: var(--cosmos-black);\r\n color: var(--text-primary);\r\n overflow-x: hidden;\r\n position: relative;\r\n line-height: 1.6;\r\n}\r\n\r\n.cogito-site a {\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* ========== Canvas \u661f\u7a7a\u80cc\u666f ========== *\/\r\n#starfield-canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ========== \u5bb9\u5668 ========== *\/\r\n.cogito-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 1rem;\r\n}\r\n@media (min-width: 640px) { .cogito-container { padding: 0 1.5rem; } }\r\n@media (min-width: 1024px) { .cogito-container { padding: 0 2rem; } }\r\n\r\n\/* ========== \u5bfc\u822a\u680f ========== *\/\r\n.cogito-nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n padding: 0 1rem;\r\n transition: all 0.5s ease;\r\n height: 64px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.cogito-nav.scrolled {\r\n background: rgba(10, 10, 26, 0.85);\r\n backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(0, 255, 245, 0.1);\r\n}\r\n.cogito-nav-inner {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.cogito-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n cursor: pointer;\r\n}\r\n.cogito-logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 6px;\r\n background: linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 14px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n}\r\n.cogito-logo-text {\r\n font-family: 'Rajdhani', 'Orbitron', sans-serif;\r\n font-weight: 700;\r\n font-size: 18px;\r\n color: var(--text-primary);\r\n letter-spacing: 0.05em;\r\n}\r\n.cogito-nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n}\r\n.cogito-nav-links a {\r\n padding: 8px 16px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 14px;\r\n color: var(--text-secondary);\r\n transition: color 0.3s;\r\n position: relative;\r\n}\r\n.cogito-nav-links a:hover {\r\n color: var(--neon-cyan);\r\n}\r\n.cogito-nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(to right, var(--neon-cyan), var(--neon-purple));\r\n transition: width 0.3s;\r\n}\r\n.cogito-nav-links a:hover::after {\r\n width: 75%;\r\n}\r\n@media (max-width: 768px) {\r\n .cogito-nav-links { display: none; }\r\n}\r\n\r\n\/* ========== Hero \u533a\u57df ========== *\/\r\n.cogito-hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n z-index: 1;\r\n}\r\n.cogito-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0.3;\r\n}\r\n.cogito-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, rgba(5,5,16,0.7), rgba(5,5,16,0.2), rgba(5,5,16,1));\r\n}\r\n.cogito-hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n padding: 0 1rem;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n}\r\n.cogito-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 16px;\r\n border-radius: 9999px;\r\n border: 1px solid rgba(0, 255, 245, 0.15);\r\n background: rgba(0, 255, 245, 0.04);\r\n margin-bottom: 2rem;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 11px;\r\n color: var(--neon-cyan);\r\n letter-spacing: 0.2em;\r\n}\r\n.cogito-badge svg {\r\n width: 14px;\r\n height: 14px;\r\n}\r\n\r\n\/* Glitch \u6807\u9898 *\/\r\n.cogito-title {\r\n font-family: 'Noto Sans SC', sans-serif;\r\n font-size: clamp(3rem, 8vw, 6rem);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, #e8e6f0 0%, var(--neon-cyan) 40%, var(--neon-purple) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n}\r\n.cogito-title::before,\r\n.cogito-title::after {\r\n content: '\u6211\u601d\u6545\u6211\u5728';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: inherit;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.cogito-title::before {\r\n animation: glitch-1 2.5s infinite linear alternate-reverse;\r\n clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);\r\n}\r\n.cogito-title::after {\r\n animation: glitch-2 2.5s infinite linear alternate-reverse;\r\n clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);\r\n}\r\n@keyframes glitch-1 {\r\n 0%, 100% { transform: translate(0); }\r\n 20% { transform: translate(-3px, 2px); }\r\n 40% { transform: translate(3px, -2px); }\r\n 60% { transform: translate(-2px, -1px); }\r\n 80% { transform: translate(2px, 1px); }\r\n}\r\n@keyframes glitch-2 {\r\n 0%, 100% { transform: translate(0); }\r\n 20% { transform: translate(3px, -2px); }\r\n 40% { transform: translate(-3px, 2px); }\r\n 60% { transform: translate(2px, 1px); }\r\n 80% { transform: translate(-2px, -1px); }\r\n}\r\n\r\n.cogito-subtitle {\r\n font-size: clamp(0.9rem, 2vw, 1.2rem);\r\n color: var(--text-secondary);\r\n margin-bottom: 0.75rem;\r\n font-weight: 300;\r\n letter-spacing: 0.05em;\r\n}\r\n.cogito-typing-line {\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-bottom: 3.5rem;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: clamp(0.85rem, 1.5vw, 1rem);\r\n color: var(--neon-cyan);\r\n letter-spacing: 0.08em;\r\n}\r\n.cogito-cursor {\r\n display: inline-block;\r\n width: 2px;\r\n height: 20px;\r\n background: var(--neon-cyan);\r\n animation: blink 1s infinite;\r\n}\r\n@keyframes blink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n}\r\n\r\n.cogito-cta-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n}\r\n.cogito-btn-primary {\r\n padding: 14px 32px;\r\n border-radius: 6px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 600;\r\n font-size: 14px;\r\n letter-spacing: 0.08em;\r\n background: linear-gradient(to right, var(--neon-cyan), var(--neon-purple));\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n}\r\n.cogito-btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.5s;\r\n z-index: -1;\r\n}\r\n.cogito-btn-primary:hover {\r\n transform: scale(1.03) translateY(-2px);\r\n box-shadow: 0 0 35px rgba(0, 255, 245, 0.4);\r\n}\r\n.cogito-btn-primary:hover::before {\r\n left: 100%;\r\n}\r\n.cogito-btn-secondary {\r\n padding: 14px 32px;\r\n border-radius: 6px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 600;\r\n font-size: 14px;\r\n letter-spacing: 0.08em;\r\n background: transparent;\r\n color: var(--neon-cyan);\r\n border: 1px solid rgba(0, 255, 245, 0.25);\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.cogito-btn-secondary:hover {\r\n background: rgba(0, 255, 245, 0.12);\r\n border-color: rgba(0, 255, 245, 0.6);\r\n color: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 0 20px rgba(0, 255, 245, 0.3);\r\n}\r\n.cogito-btn-secondary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(0, 255, 245, 0.2), transparent);\r\n transition: left 0.5s;\r\n}\r\n.cogito-btn-secondary:hover::before {\r\n left: 100%;\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.cogito-scroll-indicator {\r\n position: absolute;\r\n bottom: 2rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n text-align: center;\r\n}\r\n.cogito-scroll-indicator span {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 10px;\r\n color: var(--text-muted);\r\n letter-spacing: 0.3em;\r\n display: block;\r\n margin-bottom: 8px;\r\n}\r\n.cogito-scroll-arrow {\r\n animation: bounce 2s infinite ease-in-out;\r\n color: rgba(0, 255, 245, 0.4);\r\n}\r\n@keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(6px); }\r\n}\r\n\r\n\/* ========== Section \u901a\u7528\u6807\u9898 ========== *\/\r\n.cogito-section {\r\n position: relative;\r\n padding: 6rem 0;\r\n z-index: 1;\r\n}\r\n.cogito-section-header {\r\n text-align: center;\r\n margin-bottom: 3.5rem;\r\n}\r\n.cogito-section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 4px 12px;\r\n border-radius: 9999px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 12px;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 1rem;\r\n}\r\n.cogito-section-badge.cyan {\r\n border: 1px solid rgba(0, 255, 245, 0.2);\r\n background: rgba(0, 255, 245, 0.05);\r\n color: var(--neon-cyan);\r\n}\r\n.cogito-section-badge.purple {\r\n border: 1px solid rgba(191, 0, 255, 0.2);\r\n background: rgba(191, 0, 255, 0.05);\r\n color: var(--neon-purple);\r\n}\r\n.cogito-section-badge.gold {\r\n border: 1px solid rgba(255, 215, 0, 0.2);\r\n background: rgba(255, 215, 0, 0.05);\r\n color: var(--neon-gold);\r\n}\r\n.cogito-section-title {\r\n font-family: 'Noto Sans SC', sans-serif;\r\n font-size: clamp(1.8rem, 4vw, 3rem);\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n background: linear-gradient(135deg, #e8e6f0, var(--neon-cyan));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.cogito-section-desc {\r\n color: var(--text-muted);\r\n max-width: 640px;\r\n margin: 0 auto;\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* ========== \u6211\u7684\u4f5c\u54c1 ========== *\/\r\n.cogito-works-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n gap: 1.5rem;\r\n}\r\n@media (max-width: 640px) {\r\n .cogito-works-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.cogito-work-card {\r\n position: relative;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(0, 255, 245, 0.12);\r\n background: rgba(15, 12, 30, 0.5);\r\n transition: all 0.5s;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.cogito-work-card:hover {\r\n border-color: rgba(0, 255, 245, 0.4);\r\n box-shadow: 0 0 30px rgba(0, 255, 245, 0.08);\r\n}\r\n.cogito-work-card.placeholder {\r\n border-style: dashed;\r\n border-color: rgba(90, 88, 112, 0.15);\r\n background: rgba(10, 8, 25, 0.3);\r\n}\r\n.cogito-work-card.placeholder:hover {\r\n border-color: rgba(90, 88, 112, 0.3);\r\n box-shadow: none;\r\n}\r\n.cogito-work-accent {\r\n height: 3px;\r\n width: 100%;\r\n}\r\n.cogito-work-body {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n.cogito-work-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n}\r\n.cogito-work-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n transition: all 0.3s;\r\n}\r\n.cogito-work-card:hover .cogito-work-icon {\r\n transform: scale(1.1);\r\n}\r\n.placeholder .cogito-work-icon {\r\n opacity: 0.3;\r\n}\r\n.cogito-work-name {\r\n font-family: 'Noto Sans SC', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n margin-bottom: 4px;\r\n color: var(--text-primary);\r\n transition: color 0.3s;\r\n}\r\n.cogito-work-card:hover .cogito-work-name {\r\n color: var(--neon-cyan);\r\n}\r\n.placeholder .cogito-work-name {\r\n color: var(--text-muted);\r\n}\r\n.cogito-work-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n}\r\n.cogito-work-tag {\r\n padding: 2px 8px;\r\n font-size: 10px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 255, 245, 0.12);\r\n color: rgba(0, 200, 200, 0.7);\r\n background: rgba(0, 255, 245, 0.04);\r\n}\r\n.cogito-work-tag.coming {\r\n border-color: rgba(191, 0, 255, 0.2);\r\n color: rgba(180, 100, 255, 0.7);\r\n background: rgba(191, 0, 255, 0.04);\r\n}\r\n.cogito-work-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n flex-grow: 1;\r\n}\r\n.placeholder .cogito-work-desc {\r\n color: var(--text-muted);\r\n opacity: 0.6;\r\n}\r\n.cogito-work-footer {\r\n margin-top: 1rem;\r\n padding-top: 0.75rem;\r\n border-top: 1px solid rgba(0, 255, 245, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 12px;\r\n}\r\n.cogito-work-footer-label {\r\n color: var(--text-muted);\r\n}\r\n.cogito-work-footer-link {\r\n color: var(--neon-cyan);\r\n opacity: 0;\r\n transform: translateX(8px);\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n}\r\n.cogito-work-card:hover .cogito-work-footer-link {\r\n opacity: 1;\r\n transform: translateX(0);\r\n}\r\n\r\n\/* ========== \u9879\u76ee\u5c55\u793a ========== *\/\r\n.cogito-filters {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-bottom: 3rem;\r\n}\r\n.cogito-filter-btn {\r\n padding: 8px 16px;\r\n border-radius: 9999px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n border: 1px solid rgba(0, 255, 245, 0.12);\r\n background: transparent;\r\n color: var(--text-muted);\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n}\r\n.cogito-filter-btn:hover {\r\n border-color: rgba(0, 255, 245, 0.3);\r\n color: var(--neon-cyan);\r\n background: rgba(0, 255, 245, 0.05);\r\n}\r\n.cogito-filter-btn.active {\r\n background: linear-gradient(to right, var(--neon-cyan), var(--neon-purple));\r\n color: white;\r\n border-color: transparent;\r\n box-shadow: 0 0 20px rgba(0, 255, 245, 0.2);\r\n}\r\n\r\n.cogito-projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\r\n gap: 1.5rem;\r\n}\r\n@media (max-width: 640px) {\r\n .cogito-projects-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.cogito-project-card {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(0, 255, 245, 0.1);\r\n background: rgba(15, 12, 30, 0.5);\r\n transition: all 0.5s;\r\n display: block;\r\n}\r\n.cogito-project-card:hover {\r\n border-color: rgba(0, 255, 245, 0.35);\r\n box-shadow: 0 0 30px rgba(0, 255, 245, 0.12), 0 0 60px rgba(191, 0, 255, 0.06);\r\n}\r\n.cogito-project-accent {\r\n height: 2px;\r\n width: 100%;\r\n opacity: 0.5;\r\n transition: opacity 0.5s;\r\n}\r\n.cogito-project-card:hover .cogito-project-accent {\r\n opacity: 1;\r\n}\r\n.cogito-project-body {\r\n padding: 1.25rem 1.5rem;\r\n}\r\n.cogito-project-header {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n margin-bottom: 0.75rem;\r\n}\r\n.cogito-project-header-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n.cogito-project-avatar {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n opacity: 0.75;\r\n transition: all 0.3s;\r\n flex-shrink: 0;\r\n}\r\n.cogito-project-card:hover .cogito-project-avatar {\r\n opacity: 1;\r\n transform: scale(1.1);\r\n}\r\n.cogito-project-name {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: var(--text-primary);\r\n transition: color 0.3s;\r\n line-height: 1.2;\r\n}\r\n.cogito-project-card:hover .cogito-project-name {\r\n color: var(--neon-cyan);\r\n}\r\n.cogito-project-name-cn {\r\n font-size: 12px;\r\n color: var(--text-muted);\r\n font-family: 'Rajdhani', sans-serif;\r\n}\r\n.cogito-project-stars {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n color: var(--neon-gold);\r\n font-size: 12px;\r\n font-family: 'Rajdhani', sans-serif;\r\n flex-shrink: 0;\r\n margin-top: 4px;\r\n}\r\n.cogito-project-badges {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-bottom: 0.75rem;\r\n}\r\n.cogito-project-category {\r\n padding: 2px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: white;\r\n}\r\n.cogito-project-highlight {\r\n padding: 2px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n background: rgba(255, 215, 0, 0.12);\r\n color: var(--neon-gold);\r\n border: 1px solid rgba(255, 215, 0, 0.25);\r\n}\r\n.cogito-project-desc {\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n margin-bottom: 1rem;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n}\r\n.cogito-project-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-bottom: 1rem;\r\n}\r\n.cogito-project-tag {\r\n padding: 2px 8px;\r\n font-size: 10px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 255, 245, 0.12);\r\n color: rgba(0, 200, 200, 0.6);\r\n background: rgba(0, 255, 245, 0.04);\r\n transition: all 0.3s;\r\n}\r\n.cogito-project-card:hover .cogito-project-tag {\r\n border-color: rgba(0, 255, 245, 0.25);\r\n color: rgba(0, 220, 220, 0.8);\r\n}\r\n.cogito-project-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 0.75rem;\r\n border-top: 1px solid rgba(0, 255, 245, 0.06);\r\n}\r\n.cogito-project-github {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--text-muted);\r\n font-size: 12px;\r\n font-family: 'Rajdhani', sans-serif;\r\n}\r\n.cogito-project-view {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n color: var(--neon-cyan);\r\n font-size: 12px;\r\n font-family: 'Rajdhani', sans-serif;\r\n opacity: 0;\r\n transform: translateX(8px);\r\n transition: all 0.3s;\r\n}\r\n.cogito-project-card:hover .cogito-project-view {\r\n opacity: 1;\r\n transform: translateX(0);\r\n}\r\n\r\n\/* Stats bar *\/\r\n.cogito-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n margin-top: 5rem;\r\n}\r\n@media (max-width: 640px) {\r\n .cogito-stats { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n.cogito-stat {\r\n text-align: center;\r\n padding: 1.25rem;\r\n border-radius: 8px;\r\n border: 1px solid rgba(0, 255, 245, 0.08);\r\n background: rgba(15, 12, 30, 0.4);\r\n backdrop-filter: blur(8px);\r\n transition: border-color 0.3s;\r\n}\r\n.cogito-stat:hover {\r\n border-color: rgba(0, 255, 245, 0.2);\r\n}\r\n.cogito-stat-value {\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.8rem;\r\n color: var(--neon-cyan);\r\n}\r\n.cogito-stat-label {\r\n font-size: 12px;\r\n color: var(--text-muted);\r\n font-family: 'Rajdhani', sans-serif;\r\n margin-top: 4px;\r\n}\r\n\r\n\/* ========== \u5173\u4e8e\u6211 ========== *\/\r\n.cogito-about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n}\r\n@media (max-width: 1024px) {\r\n .cogito-about-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n}\r\n.cogito-about-image {\r\n position: relative;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n aspect-ratio: 1;\r\n}\r\n.cogito-about-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n border-radius: 16px;\r\n}\r\n.cogito-about-title {\r\n font-family: 'Noto Sans SC', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, #e8e6f0, var(--neon-cyan));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.cogito-about-text {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n margin-bottom: 0.75rem;\r\n}\r\n.cogito-about-text.muted {\r\n color: var(--text-muted);\r\n font-size: 0.85rem;\r\n}\r\n\r\n\/* ========== \u8054\u7cfb ========== *\/\r\n.cogito-contact {\r\n text-align: center;\r\n max-width: 640px;\r\n margin: 0 auto;\r\n}\r\n.cogito-contact-btns {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n margin-top: 2.5rem;\r\n}\r\n.cogito-contact-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n border-radius: 6px;\r\n font-family: 'Rajdhani', sans-serif;\r\n font-weight: 500;\r\n font-size: 14px;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n}\r\n.cogito-contact-btn.cyan {\r\n border: 1px solid rgba(0, 255, 245, 0.2);\r\n color: var(--neon-cyan);\r\n background: transparent;\r\n}\r\n.cogito-contact-btn.cyan:hover {\r\n background: rgba(0, 255, 245, 0.08);\r\n border-color: rgba(0, 255, 245, 0.4);\r\n box-shadow: 0 0 20px rgba(0, 255, 245, 0.15);\r\n}\r\n.cogito-contact-btn.purple {\r\n border: 1px solid rgba(191, 0, 255, 0.2);\r\n color: var(--neon-purple);\r\n background: transparent;\r\n}\r\n.cogito-contact-btn.purple:hover {\r\n background: rgba(191, 0, 255, 0.08);\r\n border-color: rgba(191, 0, 255, 0.4);\r\n box-shadow: 0 0 20px rgba(191, 0, 255, 0.15);\r\n}\r\n\r\n\/* ========== Footer ========== *\/\r\n.cogito-footer {\r\n position: relative;\r\n z-index: 1;\r\n padding: 2rem 0;\r\n border-top: 1px solid rgba(0, 255, 245, 0.06);\r\n}\r\n.cogito-footer-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n}\r\n.cogito-footer-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.cogito-footer-dot {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 4px;\r\n background: linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));\r\n opacity: 0.6;\r\n}\r\n.cogito-footer-text {\r\n font-size: 12px;\r\n color: var(--text-muted);\r\n font-family: 'Rajdhani', sans-serif;\r\n}\r\n.cogito-footer-right {\r\n font-size: 10px;\r\n color: rgba(90, 88, 112, 0.5);\r\n font-family: 'Rajdhani', sans-serif;\r\n letter-spacing: 0.1em;\r\n}\r\n\r\n\/* ========== \u6eda\u52a8\u5165\u573a\u52a8\u753b ========== *\/\r\n.cogito-fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.cogito-fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* ========== \u81ea\u5b9a\u4e49\u6eda\u52a8\u6761 ========== *\/\r\n.cogito-site::-webkit-scrollbar { width: 6px; }\r\n.cogito-site::-webkit-scrollbar-track { background: var(--cosmos-black); }\r\n.cogito-site::-webkit-scrollbar-thumb { background: rgba(0, 255, 245, 0.3); border-radius: 3px; }\r\n.cogito-site::-webkit-scrollbar-thumb:hover { background: rgba(0, 255, 245, 0.5); }\r\n<\/style>\r\n\r\n<!-- ========== HTML \u4e3b\u4f53 ========== -->\r\n<div class=\"cogito-site\">\r\n <!-- Canvas \u661f\u7a7a\u80cc\u666f -->\r\n <canvas id=\"starfield-canvas\"><\/canvas>\r\n\r\n <!-- \u5bfc\u822a\u680f -->\r\n <nav class=\"cogito-nav\" id=\"cogito-nav\">\r\n <div class=\"cogito-nav-inner\">\r\n <div class=\"cogito-logo\" onclick=\"document.getElementById('cogito-hero').scrollIntoView({behavior:'smooth'})\">\r\n <div class=\"cogito-logo-icon\">Ting<\/div>\r\n <div class=\"cogito-logo-text\">Thinking<\/div>\r\n <\/div>\r\n <div class=\"cogito-nav-links\">\r\n <a href=\"#cogito-myworks\">\u6211\u7684\u4f5c\u54c1<\/a>\r\n <a href=\"#cogito-projects\">\u5f00\u6e90\u9879\u76ee<\/a>\r\n <a href=\"#cogito-about\">\u5173\u4e8e<\/a>\r\n <a href=\"#cogito-contact\">\u8054\u7cfb<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hero \u533a\u57df -->\r\n <section class=\"cogito-hero\" id=\"cogito-hero\">\r\n <div class=\"cogito-hero-bg\" id=\"cogito-hero-bg\"><\/div>\r\n <div class=\"cogito-hero-overlay\"><\/div>\r\n <div class=\"cogito-hero-content\">\r\n <div class=\"cogito-badge\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l1.5 3.5L17 8l-3.5 1.5L12 13l-1.5-3.5L7 8l3.5-1.5L12 3z\"\/><path d=\"M5 16l1 2.5L8.5 20l-2.5 1L5 23.5 4 21l-2.5-1L4 18.5 5 16z\"\/><path d=\"M19 14l1 2 2.5.5-2.5 1-1 2-1-2-2.5-1 2.5-1 1-2z\"\/><\/svg>\r\n OPEN SOURCE AI EXPLORER\r\n <\/div>\r\n <h1 class=\"cogito-title\">\u6211\u601d\u6545\u6211\u5728<\/h1>\r\n <p class=\"cogito-subtitle\">\u4e2a\u4eba\u4f5c\u54c1\u548c\u4f18\u8d28\u5f00\u6e90\u9879\u76ee\u63a8\u8350<\/p>\r\n <div class=\"cogito-typing-line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"4 17 10 11 4 5\"\/><line x1=\"12\" y1=\"19\" x2=\"20\" y2=\"19\"\/><\/svg>\r\n <span id=\"cogito-typing\"><\/span>\r\n <span class=\"cogito-cursor\"><\/span>\r\n <\/div>\r\n <div class=\"cogito-cta-group\">\r\n <button class=\"cogito-btn-secondary\" onclick=\"scrollToSection('cogito-myworks', this)\">\u6211\u7684\u4f5c\u54c1<\/button>\r\n <button class=\"cogito-btn-secondary\" onclick=\"scrollToSection('cogito-projects', this)\">\u5f00\u6e90\u9879\u76ee<\/button>\r\n <button class=\"cogito-btn-secondary\" onclick=\"scrollToSection('cogito-about', this)\">\u4e86\u89e3\u66f4\u591a<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cogito-scroll-indicator\">\r\n <span>SCROLL<\/span>\r\n <div class=\"cogito-scroll-arrow\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u6211\u7684\u4f5c\u54c1 -->\r\n <section class=\"cogito-section\" id=\"cogito-myworks\">\r\n <div class=\"cogito-container\">\r\n <div class=\"cogito-section-header cogito-fade-in\">\r\n <div class=\"cogito-section-badge gold\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"13.5\" cy=\"6.5\" r=\"2.5\"\/><path d=\"M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5z\"\/><\/svg>\r\n MY WORKS\r\n <\/div>\r\n <h2 class=\"cogito-section-title\">\u6211\u7684\u4f5c\u54c1<\/h2>\r\n <p class=\"cogito-section-desc\">\u6211\u5f00\u53d1\u7684AI\u5e94\u7528\u4e0e\u5de5\u5177,\u6301\u7eed\u66f4\u65b0\u4e2d<\/p>\r\n <\/div>\r\n\r\n <div class=\"cogito-works-grid\">\r\n <!-- \u62dc\u62dc\u7f51 -->\r\n <a href=\"https:\/\/r7ztjztn7s.coze.site\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\r\n <div class=\"cogito-work-card cogito-fade-in\">\r\n <div class=\"cogito-work-accent\" style=\"background:linear-gradient(to right, #f59e0b, #f97316, #ef4444);\"><\/div>\r\n <div class=\"cogito-work-body\">\r\n <div class=\"cogito-work-header\">\r\n <div class=\"cogito-work-icon\" style=\"background:linear-gradient(135deg, #f59e0b, #ef4444);\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-4-6h8v2H8z\"\/><path d=\"M9 9c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm0 4c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2z\"\/><path d=\"M16 9c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm0 4c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"cogito-work-name\">\u62dc\u62dc\u7f51<\/div>\r\n <div class=\"cogito-work-tags\">\r\n <span class=\"cogito-work-tag\">Coze<\/span>\r\n <span class=\"cogito-work-tag\">AI\u5e94\u7528<\/span>\r\n <span class=\"cogito-work-tag\">\u6587\u5316<\/span>\r\n <span class=\"cogito-work-tag\">\u4e92\u52a8\u4f53\u9a8c<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"cogito-work-desc\">AI\u9a71\u52a8\u7684\u7ebf\u4e0a\u793c\u4f5b\u5e73\u53f0\uff0c\u6536\u5f55\u4e2d\u56fd\u5404\u5927\u4f5b\u6559\u540d\u5c71\u4e0e\u9053\u6559\u5723\u5730\u3002\u652f\u6301\u7ebf\u4e0a\u5bfa\u5e99\u53c2\u62dc\u3001\u6c42\u7b7e\u95ee\u535c\u3001\u6728\u9c7c\u5ff5\u7ecf\u7b49\u7985\u610f\u4fee\u884c\u4f53\u9a8c\u3002<\/p>\r\n <div class=\"cogito-work-footer\">\r\n <span class=\"cogito-work-footer-label\">\u5728\u7ebf\u4f53\u9a8c<\/span>\r\n <span class=\"cogito-work-footer-link\">\u8bbf\u95ee\u5e94\u7528 \u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- \u5360\u4f4d\u5361\u72471 -->\r\n <div class=\"cogito-work-card placeholder cogito-fade-in\">\r\n <div class=\"cogito-work-accent\" style=\"background:linear-gradient(to right, #22d3ee, #3b82f6, #6366f1); opacity:0.2;\"><\/div>\r\n <div class=\"cogito-work-body\">\r\n <div class=\"cogito-work-header\">\r\n <div class=\"cogito-work-icon\" style=\"background:linear-gradient(135deg, #22d3ee, #6366f1);\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"cogito-work-name\">AI \u667a\u80fd\u52a9\u624b<\/div>\r\n <div class=\"cogito-work-tags\">\r\n <span class=\"cogito-work-tag coming\">\u5373\u5c06\u4e0a\u7ebf<\/span>\r\n <span class=\"cogito-work-tag\">AI<\/span>\r\n <span class=\"cogito-work-tag\">LLM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"cogito-work-desc\">\u5373\u5c06\u4e0a\u7ebf \u2014 \u57fa\u4e8e\u5927\u8bed\u8a00\u6a21\u578b\u7684\u4e2a\u4eba\u667a\u80fd\u52a9\u624b\uff0c\u652f\u6301\u591a\u8f6e\u5bf9\u8bdd\u3001\u77e5\u8bc6\u95ee\u7b54\u548c\u4efb\u52a1\u81ea\u52a8\u5316\u3002<\/p>\r\n <div class=\"cogito-work-footer\">\r\n <span class=\"cogito-work-footer-label\" style=\"color:rgba(90,88,112,0.5);\">\ud83c\udfae \u5f00\u53d1\u4e2d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5360\u4f4d\u5361\u72472 -->\r\n <div class=\"cogito-work-card placeholder cogito-fade-in\">\r\n <div class=\"cogito-work-accent\" style=\"background:linear-gradient(to right, #a78bfa, #c026d3, #e879f9); opacity:0.2;\"><\/div>\r\n <div class=\"cogito-work-body\">\r\n <div class=\"cogito-work-header\">\r\n <div class=\"cogito-work-icon\" style=\"background:linear-gradient(135deg, #a78bfa, #e879f9);\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"cogito-work-name\">\u81ea\u52a8\u5316\u5de5\u4f5c\u6d41<\/div>\r\n <div class=\"cogito-work-tags\">\r\n <span class=\"cogito-work-tag coming\">\u5373\u5c06\u4e0a\u7ebf<\/span>\r\n <span class=\"cogito-work-tag\">\u81ea\u52a8\u5316<\/span>\r\n <span class=\"cogito-work-tag\">\u6548\u7387<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"cogito-work-desc\">\u5373\u5c06\u4e0a\u7ebf \u2014 \u53ef\u89c6\u5316\u81ea\u52a8\u5316\u5de5\u4f5c\u6d41\u7f16\u6392\u5de5\u5177\uff0c\u8fde\u63a5\u591a\u79cdAPI\u548c\u670d\u52a1\uff0c\u8ba9\u91cd\u590d\u5de5\u4f5c\u81ea\u52a8\u5b8c\u6210\u3002<\/p>\r\n <div class=\"cogito-work-footer\">\r\n <span class=\"cogito-work-footer-label\" style=\"color:rgba(90,88,112,0.5);\">\ud83c\udfae \u5f00\u53d1\u4e2d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5360\u4f4d\u5361\u72473 -->\r\n <div class=\"cogito-work-card placeholder cogito-fade-in\">\r\n <div class=\"cogito-work-accent\" style=\"background:linear-gradient(to right, #34d399, #14b8a6, #22d3ee); opacity:0.2;\"><\/div>\r\n <div class=\"cogito-work-body\">\r\n <div class=\"cogito-work-header\">\r\n <div class=\"cogito-work-icon\" style=\"background:linear-gradient(135deg, #34d399, #22d3ee);\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"cogito-work-name\">\u6570\u636e\u53ef\u89c6\u5316<\/div>\r\n <div class=\"cogito-work-tags\">\r\n <span class=\"cogito-work-tag coming\">\u5373\u5c06\u4e0a\u7ebf<\/span>\r\n <span class=\"cogito-work-tag\">\u6570\u636e<\/span>\r\n <span class=\"cogito-work-tag\">\u53ef\u89c6\u5316<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"cogito-work-desc\">\u5373\u5c06\u4e0a\u7ebf \u2014 \u667a\u80fd\u6570\u636e\u5206\u6790\u4e0e\u53ef\u89c6\u5316\u5e73\u53f0\uff0c\u4e00\u952e\u751f\u6210\u4e13\u4e1a\u56fe\u8868\u548c\u6d1e\u5bdf\u62a5\u544a\u3002<\/p>\r\n <div class=\"cogito-work-footer\">\r\n <span class=\"cogito-work-footer-label\" style=\"color:rgba(90,88,112,0.5);\">\ud83c\udfae \u5f00\u53d1\u4e2d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5360\u4f4d\u5361\u72474 -->\r\n <div class=\"cogito-work-card placeholder cogito-fade-in\">\r\n <div class=\"cogito-work-accent\" style=\"background:linear-gradient(to right, #9ca3af, #6b7280, #4b5563); opacity:0.2;\"><\/div>\r\n <div class=\"cogito-work-body\">\r\n <div class=\"cogito-work-header\">\r\n <div class=\"cogito-work-icon\" style=\"background:linear-gradient(135deg, #9ca3af, #4b5563);\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"cogito-work-name\">\u66f4\u591a\u4f5c\u54c1<\/div>\r\n <div class=\"cogito-work-tags\">\r\n <span class=\"cogito-work-tag coming\">\u656c\u8bf7\u671f\u5f85<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"cogito-work-desc\">\u6301\u7eed\u5f00\u53d1\u4e2d\uff0c\u656c\u8bf7\u671f\u5f85\u66f4\u591a\u6709\u8da3\u7684AI\u5e94\u7528\u548c\u5de5\u5177\u2026\u2026<\/p>\r\n <div class=\"cogito-work-footer\">\r\n <span class=\"cogito-work-footer-label\" style=\"color:rgba(90,88,112,0.5);\">\ud83c\udfae \u5f00\u53d1\u4e2d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u7cbe\u9009\u5f00\u6e90AI\u9879\u76ee -->\r\n <section class=\"cogito-section\" id=\"cogito-projects\" style=\"background: linear-gradient(to bottom, rgba(5,5,16,1), rgba(5,5,16,0.8), rgba(5,5,16,1));\">\r\n <div class=\"cogito-container\">\r\n <div class=\"cogito-section-header cogito-fade-in\">\r\n <div class=\"cogito-section-badge purple\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n CURATED PROJECTS\r\n <\/div>\r\n <h2 class=\"cogito-section-title\">\u7cbe\u9009\u5f00\u6e90\u9879\u76ee<\/h2>\r\n <p class=\"cogito-section-desc\">\u7cbe\u5fc3\u7b5b\u9009GitHub\u4e0a\u6700\u5177\u5f71\u54cd\u529b\u7684AI\u4e0e\u6781\u5ba2\u9879\u76ee\uff0c\u805a\u7126\u5bf9\u4e2d\u56fd\u5f00\u53d1\u8005\u53cb\u597d\u7684\u5de5\u5177\u4e0e\u5e73\u53f0<\/p>\r\n <\/div>\r\n\r\n <!-- \u5206\u7c7b\u7b5b\u9009 -->\r\n <div class=\"cogito-filters cogito-fade-in\" id=\"cogito-filters\">\r\n <button class=\"cogito-filter-btn active\" data-category=\"\u5168\u90e8\">\u26a1 \u5168\u90e8<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"AI\u5e73\u53f0\">AI\u5e73\u53f0<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u81ea\u4e3bAgent\">\u81ea\u4e3bAgent<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u591aAgent\">\u591aAgent<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u5de5\u4f5c\u6d41\">\u5de5\u4f5c\u6d41<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u4ee3\u7801\u6267\u884c\">\u4ee3\u7801\u6267\u884c<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u5927\u6a21\u578b\">\u5927\u6a21\u578b<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\">\u6d4f\u89c8\u5668\u81ea\u52a8\u5316<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u77e5\u8bc6\u5e93\">\u77e5\u8bc6\u5e93<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"\u91d1\u878dAI\">\u91d1\u878dAI<\/button>\r\n <button class=\"cogito-filter-btn\" data-category=\"CLI\u5de5\u5177\">CLI\u5de5\u5177<\/button>\r\n <\/div>\r\n\r\n <!-- \u9879\u76ee\u7f51\u683c -->\r\n <div class=\"cogito-projects-grid\" id=\"cogito-projects-grid\">\r\n\r\n <!-- Dify -->\r\n <a href=\"https:\/\/github.com\/langgenius\/dify\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"AI\u5e73\u53f0\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #22d3ee, #3b82f6);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #22d3ee, #3b82f6);\">D<\/div>\r\n <div>\r\n <div class=\"cogito-project-name\">Dify<\/div>\r\n <div class=\"cogito-project-name-cn\">Dify<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 100K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\">\r\n <span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #22d3ee, #3b82f6);\">AI\u5e73\u53f0<\/span>\r\n <span class=\"cogito-project-highlight\">\u56fd\u4ea7\u4e4b\u5149<\/span>\r\n <\/div>\r\n <p class=\"cogito-project-desc\">\u5f00\u6e90LLM\u5e94\u7528\u5f00\u53d1\u5e73\u53f0\uff0c\u96c6\u6210AI\u5de5\u4f5c\u6d41\u3001RAG\u7ba1\u9053\u3001Agent\u80fd\u529b\u548c\u6a21\u578b\u7ba1\u7406\u4e8e\u4e00\u4f53\u3002\u652f\u6301\u53ef\u89c6\u5316\u7f16\u6392\u590d\u6742AI\u5de5\u4f5c\u6d41\uff0c\u8ba9\u975e\u6280\u672f\u4eba\u5458\u4e5f\u80fd\u5feb\u901f\u6784\u5efaAI\u5e94\u7528\u3002\u4e2d\u56fd\u56e2\u961f\u5f00\u53d1\uff0c\u4e2d\u6587\u6587\u6863\u5b8c\u5584\u3002<\/p>\r\n <div class=\"cogito-project-tags\">\r\n <span class=\"cogito-project-tag\">LLM<\/span>\r\n <span class=\"cogito-project-tag\">\u5de5\u4f5c\u6d41<\/span>\r\n <span class=\"cogito-project-tag\">RAG<\/span>\r\n <span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span>\r\n <\/div>\r\n <div class=\"cogito-project-footer\">\r\n <span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span>\r\n <span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- AutoGPT -->\r\n <a href=\"https:\/\/github.com\/Significant-Gravitas\/AutoGPT\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u81ea\u4e3bAgent\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #c084fc, #ec4899);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #c084fc, #ec4899);\">A<\/div>\r\n <div><div class=\"cogito-project-name\">AutoGPT<\/div><div class=\"cogito-project-name-cn\">\u81ea\u4e3bAI\u4ee3\u7406<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 170K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #c084fc, #ec4899);\">\u81ea\u4e3bAgent<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u81ea\u4e3bAI Agent\u5e73\u53f0\uff0c\u652f\u6301\u6784\u5efa\u3001\u90e8\u7f72\u548c\u8fd0\u884c\u6301\u7eed\u8fd0\u884c\u7684AI\u4ee3\u7406\u3002\u4ece\u65e9\u671f\u7684\u81ea\u4e3b\u5b9e\u9a8c\u8fdb\u5316\u4e3a\u5b8c\u6574\u7684Agent\u5e73\u53f0\uff0c\u652f\u6301\u957f\u671f\u4efb\u52a1\u5904\u7406\u548c\u81ea\u52a8\u5316\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u81ea\u4e3bAgent<\/span><span class=\"cogito-project-tag\">\u81ea\u52a8\u5316<\/span><span class=\"cogito-project-tag\">\u5e73\u53f0<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- MetaGPT -->\r\n <a href=\"https:\/\/github.com\/geekan\/MetaGPT\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u591aAgent\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #34d399, #14b8a6);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #34d399, #14b8a6);\">M<\/div>\r\n <div><div class=\"cogito-project-name\">MetaGPT<\/div><div class=\"cogito-project-name-cn\">\u591a\u667a\u80fd\u4f53\u534f\u4f5c<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 50K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #34d399, #14b8a6);\">\u591aAgent<\/span><span class=\"cogito-project-highlight\">\u56fd\u4ea7\u4e4b\u5149<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u591a\u667a\u80fd\u4f53\u6846\u67b6\uff0c\u6a21\u62df\u5b8c\u6574\u8f6f\u4ef6\u516c\u53f8\u5de5\u4f5c\u6d41\u3002\u4ece\u9700\u6c42\u5206\u6790\u5230\u4ee3\u7801\u63d0\u4ea4\uff0c\u591a\u4e2aAI\u89d2\u8272\u534f\u4f5c\u5b8c\u6210\u8f6f\u4ef6\u5f00\u53d1\u5168\u6d41\u7a0b\u3002\u4e2d\u56fd\u56e2\u961f\u5f00\u53d1\uff0c\u6df1\u5ea6\u652f\u6301\u4e2d\u6587\u573a\u666f\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u591aAgent<\/span><span class=\"cogito-project-tag\">\u8f6f\u4ef6\u5f00\u53d1<\/span><span class=\"cogito-project-tag\">\u89d2\u8272\u626e\u6f14<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- n8n -->\r\n <a href=\"https:\/\/github.com\/n8n-io\/n8n\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u5de5\u4f5c\u6d41\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #fb923c, #ef4444);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #fb923c, #ef4444);\">n<\/div>\r\n <div><div class=\"cogito-project-name\">n8n<\/div><div class=\"cogito-project-name-cn\">\u5de5\u4f5c\u6d41\u81ea\u52a8\u5316\u5f15\u64ce<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 179K<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #fb923c, #ef4444);\">\u5de5\u4f5c\u6d41<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u5de5\u4f5c\u6d41\u81ea\u52a8\u5316\u5e73\u53f0\uff0c\u5c06\u53ef\u89c6\u5316\u7f16\u6392\u3001\u4ee3\u7801\u6269\u5c55\u548cAI\u80fd\u529b\u878d\u5408\u5728\u4e00\u4e2a\u7cfb\u7edf\u4e2d\u3002\u652f\u6301\u8fde\u63a5\u6570\u636e\u6e90\u3001AI\u6a21\u578b\u548c\u5916\u90e8\u5de5\u5177\uff0c\u6784\u5efa\u7aef\u5230\u7aef\u81ea\u52a8\u5316\u7ba1\u9053\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u5de5\u4f5c\u6d41<\/span><span class=\"cogito-project-tag\">\u81ea\u52a8\u5316<\/span><span class=\"cogito-project-tag\">\u53ef\u89c6\u5316<\/span><span class=\"cogito-project-tag\">\u4f4e\u4ee3\u7801<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Open Interpreter -->\r\n <a href=\"https:\/\/github.com\/OpenInterpreter\/open-interpreter\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u4ee3\u7801\u6267\u884c\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #facc15, #f59e0b);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #facc15, #f59e0b);\">O<\/div>\r\n <div><div class=\"cogito-project-name\">Open Interpreter<\/div><div class=\"cogito-project-name-cn\">\u5f00\u653e\u89e3\u91ca\u5668<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 55K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #facc15, #f59e0b);\">\u4ee3\u7801\u6267\u884c<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u8ba9\u5927\u8bed\u8a00\u6a21\u578b\u5728\u672c\u5730\u8fd0\u884c\u4ee3\u7801\u7684AI\u52a9\u624b\u3002\u652f\u6301Python\u3001JavaScript\u3001Shell\u7b49\u591a\u79cd\u8bed\u8a00\uff0c\u53ef\u4ee5\u76f4\u63a5\u64cd\u4f5c\u6587\u4ef6\u7cfb\u7edf\u3001\u63a7\u5236\u6d4f\u89c8\u5668\uff0c\u662f\u771f\u6b63\u7684\u672c\u5730AI\u52a9\u624b\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u672c\u5730\u8fd0\u884c<\/span><span class=\"cogito-project-tag\">\u4ee3\u7801\u6267\u884c<\/span><span class=\"cogito-project-tag\">\u591a\u8bed\u8a00<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- ChatGLM -->\r\n <a href=\"https:\/\/github.com\/THUDM\/ChatGLM-6B\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u5927\u6a21\u578b\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #38bdf8, #6366f1);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #38bdf8, #6366f1);\">C<\/div>\r\n <div><div class=\"cogito-project-name\">ChatGLM<\/div><div class=\"cogito-project-name-cn\">\u667a\u8c31\u6e05\u8a00<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 40K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #38bdf8, #6366f1);\">\u5927\u6a21\u578b<\/span><span class=\"cogito-project-highlight\">\u56fd\u4ea7\u4e4b\u5149<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u667a\u8c31AI\u5f00\u6e90\u7684\u4e2d\u82f1\u53cc\u8bed\u5bf9\u8bdd\u5927\u6a21\u578b\u3002\u57fa\u4e8eGLM\u67b6\u6784\uff0c\u4e13\u4e3a\u4e2d\u6587\u4f18\u5316\uff0c\u652f\u6301\u591a\u8f6e\u5bf9\u8bdd\u3001\u4ee3\u7801\u751f\u6210\u3001\u6570\u5b66\u63a8\u7406\u7b49\u80fd\u529b\u3002\u5b8c\u5168\u5f00\u6e90\u53ef\u5546\u7528\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u4e2d\u6587\u5927\u6a21\u578b<\/span><span class=\"cogito-project-tag\">\u5bf9\u8bdd<\/span><span class=\"cogito-project-tag\">\u5f00\u6e90<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Qwen -->\r\n <a href=\"https:\/\/github.com\/QwenLM\/Qwen\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u5927\u6a21\u578b\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #8b5cf6, #9333ea);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #8b5cf6, #9333ea);\">Q<\/div>\r\n <div><div class=\"cogito-project-name\">Qwen<\/div><div class=\"cogito-project-name-cn\">\u901a\u4e49\u5343\u95ee<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 15K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #8b5cf6, #9333ea);\">\u5927\u6a21\u578b<\/span><span class=\"cogito-project-highlight\">\u56fd\u4ea7\u4e4b\u5149<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u963f\u91cc\u4e91\u5f00\u6e90\u5927\u8bed\u8a00\u6a21\u578b\u7cfb\u5217\uff0c\u652f\u6301\u6587\u672c\u3001\u56fe\u50cf\u3001\u97f3\u9891\u3001\u89c6\u9891\u591a\u6a21\u6001\u7406\u89e3\u4e0e\u751f\u6210\u3002Qwen3\u7cfb\u5217\u5728\u591a\u9879\u57fa\u51c6\u6d4b\u8bd5\u4e2d\u8868\u73b0\u4f18\u5f02\uff0c\u4e2d\u6587\u80fd\u529b\u4e1a\u754c\u9886\u5148\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u591a\u6a21\u6001<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u5927\u6a21\u578b<\/span><span class=\"cogito-project-tag\">\u963f\u91cc\u4e91<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- CrewAI -->\r\n <a href=\"https:\/\/github.com\/crewAIInc\/crewAI\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u591aAgent\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #fb7185, #db2777);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #fb7185, #db2777);\">C<\/div>\r\n <div><div class=\"cogito-project-name\">CrewAI<\/div><div class=\"cogito-project-name-cn\">AI\u56e2\u961f\u534f\u4f5c<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 25K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #fb7185, #db2777);\">\u591aAgent<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u591aAI\u4ee3\u7406\u534f\u4f5c\u6846\u67b6\uff0c\u8ba9\u591a\u4e2aAI\u89d2\u8272\u7ec4\u6210\u56e2\u961f\u534f\u540c\u5de5\u4f5c\u3002\u652f\u6301\u81ea\u5b9a\u4e49\u89d2\u8272\u3001\u5de5\u5177\u548c\u4efb\u52a1\u6d41\u7a0b\uff0c\u9002\u5408\u6784\u5efa\u590d\u6742\u7684\u591a\u6b65\u9aa4AI\u81ea\u52a8\u5316\u7cfb\u7edf\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u591aAgent<\/span><span class=\"cogito-project-tag\">\u56e2\u961f\u534f\u4f5c<\/span><span class=\"cogito-project-tag\">\u81ea\u52a8\u5316<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Browser Use -->\r\n <a href=\"https:\/\/github.com\/browser-use\/browser-use\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #2dd4bf, #06b6d4);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #2dd4bf, #06b6d4);\">B<\/div>\r\n <div><div class=\"cogito-project-name\">Browser Use<\/div><div class=\"cogito-project-name-cn\">AI\u6d4f\u89c8\u5668\u81ea\u52a8\u5316<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 55K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #2dd4bf, #06b6d4);\">\u6d4f\u89c8\u5668\u81ea\u52a8\u5316<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u8ba9AI\u50cf\u4eba\u7c7b\u4e00\u6837\u64cd\u4f5c\u6d4f\u89c8\u5668\u7684\u5de5\u5177\u5e93\u3002\u901a\u8fc7\u81ea\u7136\u8bed\u8a00\u6307\u4ee4\uff0cAI\u53ef\u81ea\u52a8\u5b8c\u6210\u7f51\u9875\u641c\u7d22\u3001\u8868\u683c\u586b\u5199\u3001\u6587\u4ef6\u4e0b\u8f7d\u7b49\u64cd\u4f5c\uff0c\u5b9e\u73b0\u771f\u6b63\u7684\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u6d4f\u89c8\u5668<\/span><span class=\"cogito-project-tag\">\u81ea\u52a8\u5316<\/span><span class=\"cogito-project-tag\">\u81ea\u7136\u8bed\u8a00<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Langchain-Chatchat -->\r\n <a href=\"https:\/\/github.com\/chatchat-space\/Langchain-Chatchat\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u77e5\u8bc6\u5e93\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #a3e635, #16a34a);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #a3e635, #16a34a);\">L<\/div>\r\n <div><div class=\"cogito-project-name\">Langchain-Chatchat<\/div><div class=\"cogito-project-name-cn\">\u672c\u5730\u77e5\u8bc6\u5e93\u95ee\u7b54<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 30K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #a3e635, #16a34a);\">\u77e5\u8bc6\u5e93<\/span><span class=\"cogito-project-highlight\">\u56fd\u4ea7\u4e4b\u5149<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u57fa\u4e8eLangChain\u7684\u672c\u5730\u77e5\u8bc6\u5e93\u95ee\u7b54\u5e94\u7528\uff0c\u652f\u6301\u79bb\u7ebf\u79c1\u6709\u90e8\u7f72\u3002\u53ef\u63a5\u5165\u591a\u79cd\u4e2d\u6587\u5927\u6a21\u578b\uff0c\u5b9e\u73b0\u4f01\u4e1a\u7ea7\u6587\u6863\u95ee\u7b54\u3001\u77e5\u8bc6\u7ba1\u7406\u7b49\u573a\u666f\u3002\u4e2d\u56fd\u5f00\u53d1\u8005\u793e\u533a\u7ef4\u62a4\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u77e5\u8bc6\u5e93<\/span><span class=\"cogito-project-tag\">RAG<\/span><span class=\"cogito-project-tag\">\u79c1\u6709\u90e8\u7f72<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- AI Stock Master -->\r\n <a href=\"https:\/\/github.com\/hengruiyun\/AI-Stock-Master\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"\u91d1\u878dAI\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #fbbf24, #ca8a04);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #fbbf24, #ca8a04);\">A<\/div>\r\n <div><div class=\"cogito-project-name\">AI Stock Master<\/div><div class=\"cogito-project-name-cn\">AI\u80a1\u7968\u5927\u5e08<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 \u70ed\u95e8<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #fbbf24, #ca8a04);\">\u91d1\u878dAI<\/span><span class=\"cogito-project-highlight\">\u4e2d\u56fd\u7279\u4f9b<\/span><\/div>\r\n <p class=\"cogito-project-desc\">\u57fa\u4e8eAI\u7684\u80a1\u7968\u8d8b\u52bf\u5206\u6790\u5e73\u53f0\uff0c\u878d\u5408\u4e09\u5927\u6838\u5fc3\u7b97\u6cd5\uff0c\u652f\u6301\u4e2d\u56fdA\u80a1\u3001\u6e2f\u80a1\u3001\u7f8e\u80a1\u5e02\u573a\u5206\u6790\u3002\u72ec\u5bb6\u9884\u5206\u6790\u591a\u7ef4\u6570\u636e\uff0c\u4e3a\u6295\u8d44\u8005\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u667a\u80fd\u5206\u6790\u652f\u6301\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u80a1\u7968\u5206\u6790<\/span><span class=\"cogito-project-tag\">A\u80a1<\/span><span class=\"cogito-project-tag\">\u6e2f\u80a1<\/span><span class=\"cogito-project-tag\">\u7f8e\u80a1<\/span><span class=\"cogito-project-tag\">\u4e2d\u6587\u539f\u751f<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Gemini CLI -->\r\n <a href=\"https:\/\/github.com\/google-gemini\/gemini-cli\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-project-card cogito-fade-in\" data-category=\"CLI\u5de5\u5177\">\r\n <div class=\"cogito-project-accent\" style=\"background:linear-gradient(to right, #60a5fa, #06b6d4);\"><\/div>\r\n <div class=\"cogito-project-body\">\r\n <div class=\"cogito-project-header\">\r\n <div class=\"cogito-project-header-left\">\r\n <div class=\"cogito-project-avatar\" style=\"background:linear-gradient(135deg, #60a5fa, #06b6d4);\">G<\/div>\r\n <div><div class=\"cogito-project-name\">Gemini CLI<\/div><div class=\"cogito-project-name-cn\">Gemini\u547d\u4ee4\u884c<\/div><\/div>\r\n <\/div>\r\n <div class=\"cogito-project-stars\">\u2b50 50K+<\/div>\r\n <\/div>\r\n <div class=\"cogito-project-badges\"><span class=\"cogito-project-category\" style=\"background:linear-gradient(to right, #60a5fa, #06b6d4);\">CLI\u5de5\u5177<\/span><\/div>\r\n <p class=\"cogito-project-desc\">Google\u5f00\u6e90\u7684\u547d\u4ee4\u884cAI Agent\u5de5\u5177\uff0c\u5c06Gemini\u76f4\u63a5\u5e26\u5165\u7ec8\u7aef\u3002\u652f\u6301\u672c\u5730\u9879\u76ee\u4e0a\u4e0b\u6587\u7406\u89e3\u3001\u4efb\u52a1\u81ea\u52a8\u5316\u548c\u5de5\u4f5c\u6d41\u6784\u5efa\uff0c\u662f\u5f00\u53d1\u8005\u7684\u7ec8\u7aefAI\u52a9\u624b\u3002<\/p>\r\n <div class=\"cogito-project-tags\"><span class=\"cogito-project-tag\">\u547d\u4ee4\u884c<\/span><span class=\"cogito-project-tag\">\u5f00\u53d1\u8005\u5de5\u5177<\/span><span class=\"cogito-project-tag\">Google<\/span><\/div>\r\n <div class=\"cogito-project-footer\"><span class=\"cogito-project-github\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg> GitHub<\/span><span class=\"cogito-project-view\">\u67e5\u770b\u9879\u76ee \u2192<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <!-- \u7edf\u8ba1\u6570\u636e -->\r\n <div class=\"cogito-stats cogito-fade-in\">\r\n <div class=\"cogito-stat\"><div class=\"cogito-stat-value\" data-target=\"12\">0<\/div><div class=\"cogito-stat-label\">\u7cbe\u9009\u9879\u76ee<\/div><\/div>\r\n <div class=\"cogito-stat\"><div class=\"cogito-stat-value\" data-target=\"800\">0<\/div><div class=\"cogito-stat-label\">\u7d2f\u8ba1Stars (K+)<\/div><\/div>\r\n <div class=\"cogito-stat\"><div class=\"cogito-stat-value\" data-target=\"5\">0<\/div><div class=\"cogito-stat-label\">\u56fd\u4ea7\u9879\u76ee<\/div><\/div>\r\n <div class=\"cogito-stat\"><div class=\"cogito-stat-value\" data-target=\"10\">0<\/div><div class=\"cogito-stat-label\">\u9879\u76ee\u5206\u7c7b<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u5173\u4e8e\u6211 -->\r\n <section class=\"cogito-section\" id=\"cogito-about\">\r\n <div class=\"cogito-container\">\r\n <div class=\"cogito-about-grid\">\r\n <div class=\"cogito-about-image cogito-fade-in\" id=\"cogito-about-img\">\r\n <img decoding=\"async\" src=\"\/images\/ai-brain-hologram.webp\" alt=\"AI Brain Hologram\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"cogito-fade-in\">\r\n <div class=\"cogito-section-badge cyan\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M15 2v2\"\/><path d=\"M15 20v2\"\/><path d=\"M2 15h2\"\/><path d=\"M2 9h2\"\/><path d=\"M20 15h2\"\/><path d=\"M20 9h2\"\/><path d=\"M9 2v2\"\/><path d=\"M9 20v2\"\/><\/svg>\r\n ABOUT ME\r\n <\/div>\r\n <h2 class=\"cogito-about-title\">\u5173\u4e8e\u6211<\/h2>\r\n <p class=\"cogito-about-text\">AI\u4e0e\u79d1\u6280\u7231\u597d\u8005,\u5728\u8fd9\u91cc\u5f00\u542fAI\u5b66\u4e60\u4e0e\u5b9e\u8df5<\/p>\r\n <p class=\"cogito-about-text muted\">\u8fd9\u4e2a\u7f51\u7ad9\u6c47\u96c6\u4e86\u6211\u7cbe\u5fc3\u7b5b\u9009\u7684\u5f00\u6e90\u9879\u76ee\uff0c\u5e0c\u671b\u80fd\u5e2e\u52a9\u4f60\u627e\u5230\u5408\u9002\u7684\u751f\u4ea7\u529b\u5de5\u5177\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u8054\u7cfb -->\r\n <section class=\"cogito-section\" id=\"cogito-contact\" style=\"background: linear-gradient(to bottom, transparent, rgba(15,12,30,0.4), rgba(5,5,16,1));\">\r\n <div class=\"cogito-container\">\r\n <div class=\"cogito-contact cogito-fade-in\">\r\n <div class=\"cogito-section-badge purple\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n GET IN TOUCH\r\n <\/div>\r\n <h2 class=\"cogito-section-title\" style=\"background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\">\u4fdd\u6301\u8054\u7cfb<\/h2>\r\n <p class=\"cogito-section-desc\">\u5982\u679c\u4f60\u5bf9AI\u548c\u5f00\u6e90\u9879\u76ee\u611f\u5174\u8da3,\u6216\u8005\u60f3\u8981\u4ea4\u6d41\u6280\u672f,\u6b22\u8fce\u901a\u8fc7\u4ee5\u4e0b\u65b9\u5f0f\u8054\u7cfb\u6211<\/p>\r\n <div class=\"cogito-contact-btns\">\r\n <a href=\"mailto:vvdmaster@163.com\" class=\"cogito-contact-btn cyan\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n \u53d1\u9001\u90ae\u4ef6\r\n <\/a>\r\n <a href=\"https:\/\/github.com\/vvdmaster\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cogito-contact-btn purple\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\"\/><\/svg>\r\n GitHub\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"cogito-footer\">\r\n <div class=\"cogito-container\">\r\n <div class=\"cogito-footer-inner\">\r\n <div class=\"cogito-footer-left\">\r\n <div class=\"cogito-footer-dot\"><\/div>\r\n <span class=\"cogito-footer-text\">© 2026 \u6211\u601d\u6545\u6211\u5728 · Cogito, ergo sum.<\/span>\r\n <\/div>\r\n <span class=\"cogito-footer-right\">BUILT WITH PASSION FOR OPEN SOURCE AI<\/span>\r\n <\/div>\r\n <div class=\"cogito-footer-beian\" style=\"text-align: center; margin-top: 1rem; font-size: 12px; color: var(--text-muted); font-family: 'Rajdhani', sans-serif;\">\r\n <a href=\"http:\/\/beian.miit.gov.cn\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: inherit; text-decoration: none;\">\r\n \u82cfICP\u59072026013686\u53f7\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div><!-- end .cogito-site -->\r\n\r\n<!-- ========== JavaScript ========== -->\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ===== \u661f\u7a7a Canvas =====\r\n const canvas = document.getElementById('starfield-canvas');\r\n if (!canvas) return;\r\n const ctx = canvas.getContext('2d', { alpha: false });\r\n if (!ctx) return;\r\n\r\n const STAR_COLORS = ['rgba(0,255,245,','rgba(191,0,255,','rgba(255,255,255,','rgba(100,180,255,','rgba(255,215,0,'];\r\n const METEOR_COLORS = ['rgba(0,255,245,','rgba(191,0,255,','rgba(100,200,255,','rgba(255,215,0,'];\r\n\r\n let stars = [], meteors = [];\r\n let mouseX = -1000, mouseY = -1000;\r\n let prevMX = -1000, prevMY = -1000;\r\n let lastMeteorTime = 0, lastAutoMeteor = 0;\r\n let time = 0;\r\n\r\n function createStars(w, h) {\r\n const count = Math.min(Math.floor((w * h) \/ 2500), 700);\r\n stars = [];\r\n for (let i = 0; i < count; i++) {\r\n stars.push({\r\n x: Math.random() * w, y: Math.random() * h,\r\n size: Math.random() * 2 + 0.3,\r\n opacity: Math.random() * 0.8 + 0.2,\r\n twinkleSpeed: Math.random() * 0.02 + 0.005,\r\n twinkleOffset: Math.random() * Math.PI * 2,\r\n color: STAR_COLORS[Math.floor(Math.random() * STAR_COLORS.length)],\r\n vx: (Math.random() - 0.5) * 0.04,\r\n vy: (Math.random() - 0.5) * 0.04\r\n });\r\n }\r\n }\r\n\r\n function spawnMeteor(x, y, vx, vy) {\r\n meteors.push({\r\n x, y, vx, vy, life: 0,\r\n maxLife: 60 + Math.random() * 40,\r\n size: 2.5 + Math.random() * 3,\r\n color: METEOR_COLORS[Math.floor(Math.random() * METEOR_COLORS.length)],\r\n trail: []\r\n });\r\n }\r\n\r\n function resize() {\r\n const dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n canvas.width = window.innerWidth * dpr;\r\n canvas.height = window.innerHeight * dpr;\r\n canvas.style.width = window.innerWidth + 'px';\r\n canvas.style.height = window.innerHeight + 'px';\r\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n createStars(window.innerWidth, window.innerHeight);\r\n }\r\n\r\n resize();\r\n window.addEventListener('resize', resize);\r\n\r\n \/\/ \u68c0\u67e5\u9f20\u6807\u662f\u5426\u5728\u6307\u5b9a\u5143\u7d20\u8303\u56f4\u5185\r\n function isMouseOverInteractiveElement(x, y) {\r\n \/\/ \u83b7\u53d6\u6240\u6709\u53ef\u80fd\u7684\u4ea4\u4e92\u5143\u7d20\r\n const interactiveElements = document.querySelectorAll(\r\n 'button, a, .cogito-work-card, .cogito-project-card, .cogito-nav, .cogito-hero-content, .cogito-section-header, .cogito-stat, .cogito-footer'\r\n );\r\n \r\n for (const element of interactiveElements) {\r\n const rect = element.getBoundingClientRect();\r\n if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n window.addEventListener('mousemove', function(e) {\r\n const now = Date.now();\r\n const dx = e.clientX - prevMX;\r\n const dy = e.clientY - prevMY;\r\n const speed = Math.sqrt(dx * dx + dy * dy);\r\n mouseX = e.clientX; mouseY = e.clientY;\r\n \r\n \/\/ \u53ea\u6709\u5f53\u9f20\u6807\u4e0d\u5728\u4ea4\u4e92\u5143\u7d20\u8303\u56f4\u5185\u65f6\u624d\u751f\u6210\u6d41\u661f\r\n if (speed > 2 && now - lastMeteorTime > 20 && !isMouseOverInteractiveElement(e.clientX, e.clientY)) {\r\n const nvx = (dx \/ speed) * (6 + Math.random() * 8);\r\n const nvy = (dy \/ speed) * (6 + Math.random() * 8);\r\n spawnMeteor(e.clientX, e.clientY, nvx, nvy);\r\n \/\/ \u589e\u52a0\u6d41\u661f\u6570\u91cf\r\n if (speed > 8) {\r\n const nvx2 = (dx \/ speed) * (4 + Math.random() * 6);\r\n const nvy2 = (dy \/ speed) * (4 + Math.random() * 6);\r\n spawnMeteor(e.clientX, e.clientY, nvx2, nvy2);\r\n }\r\n lastMeteorTime = now;\r\n }\r\n prevMX = e.clientX; prevMY = e.clientY;\r\n });\r\n\r\n function animate() {\r\n time++;\r\n const w = window.innerWidth, h = window.innerHeight;\r\n const now = Date.now();\r\n\r\n if (now - lastAutoMeteor > 2000 + Math.random() * 2500) {\r\n const sx = Math.random() * w, sy = Math.random() * h * 0.3;\r\n const angle = Math.PI * 0.15 + Math.random() * Math.PI * 0.2;\r\n const spd = 8 + Math.random() * 8;\r\n spawnMeteor(sx, sy, Math.cos(angle) * spd, Math.sin(angle) * spd);\r\n lastAutoMeteor = now;\r\n }\r\n\r\n ctx.fillStyle = '#050510';\r\n ctx.fillRect(0, 0, w, h);\r\n\r\n for (let i = 0; i < stars.length; i++) {\r\n const s = stars[i];\r\n s.x += s.vx; s.y += s.vy;\r\n if (s.x < 0) s.x = w; if (s.x > w) s.x = 0;\r\n if (s.y < 0) s.y = h; if (s.y > h) s.y = 0;\r\n const twinkle = Math.sin(time * s.twinkleSpeed + s.twinkleOffset) * 0.4 + 0.6;\r\n const alpha = s.opacity * twinkle;\r\n const dx = s.x - mouseX, dy = s.y - mouseY;\r\n const dist = Math.sqrt(dx * dx + dy * dy);\r\n const glowBoost = dist < 180 ? (1 - dist \/ 180) * 0.5 : 0;\r\n const fa = Math.min(alpha + glowBoost, 1);\r\n const fs = s.size + (glowBoost > 0 ? glowBoost * 2.5 : 0);\r\n ctx.beginPath(); ctx.arc(s.x, s.y, fs, 0, Math.PI * 2);\r\n ctx.fillStyle = s.color + fa + ')'; ctx.fill();\r\n if (fs > 1.8) {\r\n const g = ctx.createRadialGradient(s.x, s.y, 0, s.x, s.y, fs * 3);\r\n g.addColorStop(0, s.color + (fa * 0.25) + ')');\r\n g.addColorStop(1, s.color + '0)');\r\n ctx.beginPath(); ctx.arc(s.x, s.y, fs * 3, 0, Math.PI * 2);\r\n ctx.fillStyle = g; ctx.fill();\r\n }\r\n }\r\n\r\n for (let i = meteors.length - 1; i >= 0; i--) {\r\n const m = meteors[i]; m.life++;\r\n m.trail.push({ x: m.x, y: m.y, opacity: 1 - m.life \/ m.maxLife });\r\n if (m.trail.length > 50) m.trail.shift();\r\n m.x += m.vx; m.y += m.vy; m.vx *= 0.99; m.vy *= 0.99;\r\n for (let j = 0; j < m.trail.length; j++) m.trail[j].opacity *= 0.9;\r\n if (m.trail.length > 1) {\r\n for (let j = 1; j < m.trail.length; j++) {\r\n const t0 = m.trail[j-1], t1 = m.trail[j];\r\n const ta = t1.opacity * (1 - m.life \/ m.maxLife);\r\n const tw = m.size * (j \/ m.trail.length) * 1.2;\r\n if (ta > 0.01) {\r\n ctx.beginPath(); ctx.moveTo(t0.x, t0.y); ctx.lineTo(t1.x, t1.y);\r\n ctx.strokeStyle = m.color + ta + ')'; ctx.lineWidth = tw; ctx.lineCap = 'round'; ctx.stroke();\r\n \/\/ \u589e\u52a0\u5c3e\u8ff9\u7684\u5149\u6655\u6548\u679c\r\n const glowWidth = tw * 2;\r\n ctx.beginPath(); ctx.moveTo(t0.x, t0.y); ctx.lineTo(t1.x, t1.y);\r\n ctx.strokeStyle = m.color + (ta * 0.3) + ')'; ctx.lineWidth = glowWidth; ctx.lineCap = 'round'; ctx.stroke();\r\n }\r\n }\r\n }\r\n const ha = Math.max(1 - m.life \/ m.maxLife, 0);\r\n if (ha > 0.01) {\r\n ctx.beginPath(); ctx.arc(m.x, m.y, m.size * ha, 0, Math.PI * 2);\r\n ctx.fillStyle = m.color + ha + ')'; ctx.fill();\r\n const gr = m.size * 10 * ha;\r\n const hg = ctx.createRadialGradient(m.x, m.y, 0, m.x, m.y, gr);\r\n hg.addColorStop(0, m.color + (ha * 0.6) + ')');\r\n hg.addColorStop(0.5, m.color + (ha * 0.2) + ')');\r\n hg.addColorStop(1, m.color + '0)');\r\n ctx.beginPath(); ctx.arc(m.x, m.y, gr, 0, Math.PI * 2);\r\n ctx.fillStyle = hg; ctx.fill();\r\n }\r\n if (m.life >= m.maxLife) meteors.splice(i, 1);\r\n }\r\n\r\n requestAnimationFrame(animate);\r\n }\r\n requestAnimationFrame(animate);\r\n\r\n \/\/ ===== \u6309\u94ae\u9ad8\u4eae\u548c\u6eda\u52a8\u529f\u80fd =====\r\n window.scrollToSection = function(sectionId, button) {\r\n \/\/ \u79fb\u9664\u6240\u6709\u6309\u94ae\u7684\u9ad8\u4eae\u6548\u679c\r\n document.querySelectorAll('.cogito-cta-group button').forEach(btn => {\r\n btn.classList.remove('cogito-btn-primary');\r\n btn.classList.add('cogito-btn-secondary');\r\n });\r\n \/\/ \u4e3a\u5f53\u524d\u70b9\u51fb\u7684\u6309\u94ae\u6dfb\u52a0\u9ad8\u4eae\u6548\u679c\r\n button.classList.remove('cogito-btn-secondary');\r\n button.classList.add('cogito-btn-primary');\r\n \/\/ \u6eda\u52a8\u5230\u6307\u5b9a\u90e8\u5206\r\n const element = document.getElementById(sectionId);\r\n if (element) {\r\n \/\/ \u4f7f\u7528\u66f4\u76f4\u63a5\u7684\u6eda\u52a8\u65b9\u6cd5\r\n const elementTop = element.getBoundingClientRect().top + window.pageYOffset;\r\n window.scrollTo({\r\n top: elementTop - 80, \/\/ \u51cf\u53bb\u5bfc\u822a\u680f\u9ad8\u5ea6\uff0c\u786e\u4fdd\u5185\u5bb9\u4e0d\u88ab\u5bfc\u822a\u680f\u906e\u6321\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n\r\n \/\/ ===== \u6253\u5b57\u673a\u6548\u679c =====\r\n const TEXTS = ['\u4e2a\u4ebavibecoding\u9879\u76ee\u5206\u4eab', '\u6784\u5efa\u80fd\u843d\u5730\u7684\u751f\u4ea7\u529b\u5de5\u5177', '\u5168\u7f51\u4f18\u8d28\u5f00\u6e90\u9879\u76ee\u5b66\u4e60', '\u6211\u601d, \u6545\u6211\u5728.'];\r\n let tIdx = 0, tChar = 0, isDeleting = false;\r\n const typingEl = document.getElementById('cogito-typing');\r\n\r\n function typeLoop() {\r\n if (!typingEl) return;\r\n const current = TEXTS[tIdx];\r\n if (!isDeleting && tChar <= current.length) {\r\n typingEl.textContent = current.substring(0, tChar);\r\n tChar++;\r\n if (tChar > current.length) { setTimeout(function(){ isDeleting = true; typeLoop(); }, 2200); return; }\r\n setTimeout(typeLoop, 70);\r\n } else if (isDeleting && tChar >= 0) {\r\n typingEl.textContent = current.substring(0, tChar);\r\n tChar--;\r\n if (tChar < 0) { isDeleting = false; tIdx = (tIdx + 1) % TEXTS.length; tChar = 0; setTimeout(typeLoop, 200); return; }\r\n setTimeout(typeLoop, 35);\r\n }\r\n }\r\n typeLoop();\r\n\r\n \/\/ ===== \u5bfc\u822a\u680f\u6eda\u52a8\u6548\u679c =====\r\n const nav = document.getElementById('cogito-nav');\r\n window.addEventListener('scroll', function() {\r\n if (nav) {\r\n if (window.scrollY > 50) nav.classList.add('scrolled');\r\n else nav.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ ===== \u5e73\u6ed1\u6eda\u52a8 =====\r\n document.querySelectorAll('.cogito-nav-links a').forEach(function(a) {\r\n a.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) target.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n });\r\n\r\n \/\/ ===== \u6eda\u52a8\u5165\u573a\u52a8\u753b =====\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '-50px' });\r\n\r\n document.querySelectorAll('.cogito-fade-in').forEach(function(el) {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ ===== \u5206\u7c7b\u7b5b\u9009 =====\r\n const filterBtns = document.querySelectorAll('.cogito-filter-btn');\r\n const projectCards = document.querySelectorAll('.cogito-project-card');\r\n\r\n filterBtns.forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n filterBtns.forEach(function(b) { b.classList.remove('active'); });\r\n this.classList.add('active');\r\n const cat = this.getAttribute('data-category');\r\n projectCards.forEach(function(card) {\r\n if (cat === '\u5168\u90e8' || card.getAttribute('data-category') === cat) {\r\n card.style.display = '';\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n setTimeout(function() { card.style.opacity = '1'; card.style.transform = 'translateY(0)'; card.style.transition = 'opacity 0.4s, transform 0.4s'; }, 50);\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ===== \u6570\u5b57\u8ba1\u6570\u52a8\u753b =====\r\n const statObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n const target = parseInt(el.getAttribute('data-target'), 10);\r\n const duration = 1500;\r\n const start = Date.now();\r\n const timer = setInterval(function() {\r\n const elapsed = Date.now() - start;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const eased = 1 - Math.pow(1 - progress, 3);\r\n el.textContent = Math.floor(eased * target) + '+';\r\n if (progress >= 1) clearInterval(timer);\r\n }, 16);\r\n statObserver.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelectorAll('.cogito-stat-value').forEach(function(el) {\r\n statObserver.observe(el);\r\n });\r\n\r\n \/\/ ===== Hero \u80cc\u666f\u56fe =====\r\n var heroBg = document.getElementById('cogito-hero-bg');\r\n if (heroBg) {\r\n heroBg.style.backgroundImage = 'url(\/images\/galaxy-hero-bg.webp)';\r\n }\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6211\u601d\u6545\u6211\u5728 – AI\u9879\u76ee\u5bfc\u822a\u7ad9 Ting Thinking \u6211\u7684\u4f5c\u54c1 \u5f00\u6e90\u9879\u76ee \u5173\u4e8e \u8054\u7cfb OPE […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":8,"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/www.okr3.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}