\u8054\u7cfb\u6211 \u00b7 RyanRen<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\nbackground: #ffffff;\ncolor: #1d1d1f;\nfont-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n-webkit-font-smoothing: antialiased;\nline-height: 1.5;\n}\n\n\/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n.hero {\nmin-height: 55vh;\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\njustify-content: center;\npadding: 3rem 4rem;\nbackground: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);\ngap: 4rem;\n}\n\n.hero-content {\nflex: 1;\nmax-width: 600px;\ntext-align: left;\n}\n\n.hero-eyebrow {\nfont-size: 0.9rem;\nfont-weight: 500;\ncolor: #86868b;\nletter-spacing: 0.05em;\ntext-transform: uppercase;\nmargin-bottom: 1rem;\n}\n\n.hero-title {\nfont-size: clamp(2.2rem, 4.5vw, 3.8rem);\nfont-weight: 700;\nletter-spacing: -0.035em;\nline-height: 1.12;\nmargin-bottom: 1.2rem;\ncolor: #1d1d1f;\n}\n\n.hero-sub {\nfont-size: clamp(1rem, 1.8vw, 1.2rem);\nfont-weight: 400;\ncolor: #6e6e73;\nline-height: 1.6;\n}\n\n\/* \u2500\u2500\u2500 IP \u5f62\u8c61 \u2500\u2500\u2500 *\/\n.hero-ip {\nflex: 0 0 auto;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n\n.hero-ip img {\nheight: clamp(280px, 40vh, 420px);\nwidth: auto;\ndisplay: block;\nobject-fit: contain;\n}\n\n\/* \u2500\u2500\u2500 Primary Contacts \u2500\u2500\u2500 *\/\n.contacts-section {\nmax-width: 860px;\nmargin: 0 auto;\npadding: 2rem 1.5rem 5rem;\n}\n\n.section-label {\nfont-size: 0.75rem;\nfont-weight: 600;\ncolor: #86868b;\nletter-spacing: 0.12em;\ntext-transform: uppercase;\nmargin-bottom: 1.2rem;\n}\n\n.contact-grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 1rem;\n}\n\n.contact-item {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ntext-align: center;\npadding: 2.5rem 1.5rem;\nbackground: #ffffff;\nborder: 1px solid #d2d2d7;\nborder-radius: 20px;\ntext-decoration: none;\ncolor: #1d1d1f;\ntransition: all 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.contact-item:hover {\nborder-color: #b8b8bf;\nbox-shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.15);\ntransform: translateY(-4px);\n}\n\n\/* \u63a8\u8350\u5fbd\u7ae0 *\/\n.contact-item.recommended::after {\ncontent: \"\u63a8\u8350\";\nposition: absolute;\ntop: -1px;\nright: 20px;\nbackground: #0071e3;\ncolor: #fff;\nfont-size: 0.65rem;\nfont-weight: 600;\npadding: 0.25rem 0.75rem;\nborder-radius: 0 0 10px 10px;\nletter-spacing: 0.03em;\n}\n\n.contact-icon {\nfont-size: 2.8rem;\nmargin-bottom: 1rem;\ntransition: transform 0.3s ease;\n}\n\n.contact-item:hover .contact-icon {\ntransform: scale(1.08);\n}\n\n.contact-item.wechat .contact-icon { color: #07c160; }\n.contact-item.qq .contact-icon { color: #12b7f5; }\n.contact-item.email .contact-icon { color: #6e6e73; }\n\n.contact-name {\nfont-size: 1.1rem;\nfont-weight: 600;\ncolor: #1d1d1f;\nmargin-bottom: 0.3rem;\n}\n\n.contact-hint {\nfont-size: 0.78rem;\ncolor: #86868b;\n}\n\n\/* \u2500\u2500\u2500 \u4e8c\u7ef4\u7801\u60ac\u6d6e \u2500\u2500\u2500 *\/\n.qr-popup {\ndisplay: none;\nposition: absolute;\nbottom: calc(100% + 16px);\nleft: 50%;\ntransform: translateX(-50%);\nwidth: 240px;\nheight: 240px;\nbackground: #fff;\nborder-radius: 20px;\npadding: 14px;\nbox-shadow: 0 25px 70px -15px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0,0,0,0.05);\nz-index: 100;\n}\n\n.qr-popup img {\nwidth: 100%;\nheight: 100%;\nobject-fit: contain;\nborder-radius: 10px;\n}\n\n.qr-popup-text {\nfont-size: 0.65rem;\ncolor: #86868b;\ntext-align: center;\nmargin-top: 0.5rem;\nfont-weight: 500;\n}\n\n.qr-popup::after {\ncontent: '';\nposition: absolute;\ntop: 100%;\nleft: 50%;\ntransform: translateX(-50%);\nborder: 9px solid transparent;\nborder-top-color: #fff;\n}\n\n\/* \u4e8c\u7ef4\u7801\u4ec5\u901a\u8fc7\u70b9\u51fb\u5f39 modal \u5927\u56fe\u663e\u793a\uff0c\u65e0 hover \u5c0f\u7a97 *\/\n\n@keyframes fadeUp {\nfrom { opacity: 0; transform: translateX(-50%) translateY(8px); }\nto { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n\n\/* \u2500\u2500\u2500 Divider \u2500\u2500\u2500 *\/\n.divider {\nheight: 1px;\nbackground: linear-gradient(90deg, transparent, #d2d2d7, transparent);\nmargin: 3.5rem 0 3rem;\n}\n\n\/* \u2500\u2500\u2500 Social Platforms \u2500\u2500\u2500 *\/\n.social-grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 0.75rem;\n}\n\n.social-item {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 1.25rem 0.5rem;\nborder-radius: 16px;\nbackground: #fafafa;\nborder: 1px solid #e8e8ed;\ntext-decoration: none;\ncolor: #1d1d1f;\ntransition: all 0.3s ease;\ncursor: pointer;\n}\n\n.social-item:hover {\nbackground: #f0f0f5;\nborder-color: #c8c8cf;\ntransform: translateY(-3px);\nbox-shadow: 0 6px 20px -8px rgba(0, 0, 0, 0.12);\n}\n\n.social-icon {\nfont-size: 1.6rem;\nmargin-bottom: 0.5rem;\ncolor: #515154;\ntransition: color 0.2s;\n}\n\n.social-item:hover .social-icon { color: #1d1d1f; }\n\n.social-label {\nfont-size: 0.72rem;\ncolor: #86868b;\nfont-weight: 500;\n}\n\n.social-item:hover .social-label { color: #515154; }\n\n\/* \u5e73\u53f0\u54c1\u724c\u8272 *\/\n.social-item.xhs:hover .social-icon { color: #fe2c55; }\n.social-item.weibo:hover .social-icon { color: #e6162d; }\n.social-item.bilibili:hover .social-icon { color: #fb7299; }\n.social-item.kuaishou:hover .social-icon { color: #00c6ff; }\n.social-item.discord:hover .social-icon { color: #5865f2; }\n.social-item.instagram:hover .social-icon { color: #e4405f; }\n.social-item.tiktok:hover .social-icon { color: #000; }\n.social-item.facebook:hover .social-icon { color: #1877f2; }\n.social-item.twitter:hover .social-icon { color: #1da1f2; }\n\n\/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\n.site-footer {\nborder-top: 1px solid #d2d2d7;\npadding: 2.5rem 1.5rem;\ntext-align: center;\n}\n\n.footer-links {\ndisplay: flex;\ngap: 0.6rem;\njustify-content: center;\nflex-wrap: wrap;\nmargin-bottom: 1.2rem;\n}\n\n.footer-links a {\ndisplay: inline-flex;\nalign-items: center;\ngap: 0.3rem;\npadding: 0.3rem 0.9rem;\nborder: 1px solid #d2d2d7;\nborder-radius: 980px;\nfont-size: 0.7rem;\ncolor: #6e6e73;\ntext-decoration: none;\ntransition: all 0.2s;\nbackground: #fafafa;\n}\n\n.footer-links a:hover {\nbackground: #f0f0f5;\ncolor: #1d1d1f;\nborder-color: #b8b8bf;\n}\n\n.footer-links img {\nwidth: 13px;\nheight: 13px;\n}\n\n.copyright {\nfont-size: 0.75rem;\ncolor: #86868b;\n}\n\n.copyright a {\ncolor: #0071e3;\ntext-decoration: none;\n}\n\n.copyright a:hover {\ntext-decoration: underline;\n}\n\n\/* \u2500\u2500\u2500 \u79fb\u52a8\u7aef\u6a21\u6001\u6846 \u2500\u2500\u2500 *\/\n#qrModal {\ndisplay: none;\nposition: fixed;\ninset: 0;\nbackground: rgba(0, 0, 0, 0.5);\nbackdrop-filter: blur(8px);\n-webkit-backdrop-filter: blur(8px);\nalign-items: center;\njustify-content: center;\nz-index: 2000;\n}\n\n#qrModal > div {\nbackground: #fff;\npadding: 1.5rem;\nborder-radius: 24px;\ntext-align: center;\nmax-width: 320px;\nbox-shadow: 0 30px 80px -20px rgba(0,0,0,0.45);\n}\n\n#qrModal img {\nwidth: 240px;\nheight: 240px;\nobject-fit: contain;\nborder-radius: 14px;\n}\n\n#qrModal p {\nmargin-top: 1rem;\nfont-size: 0.8rem;\ncolor: #86868b;\n}\n\n\/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500 *\/\n.fade-in {\nopacity: 0;\ntransform: translateY(18px);\nanimation: fadeIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;\n}\n\n.delay-1 { animation-delay: 0.1s; }\n.delay-2 { animation-delay: 0.2s; }\n.delay-3 { animation-delay: 0.3s; }\n.delay-4 { animation-delay: 0.4s; }\n.delay-ip { animation-delay: 0.5s; }\n\n@keyframes fadeIn {\nto { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n.hero {\nflex-direction: column;\npadding: 3rem 1.5rem;\ngap: 2rem;\ntext-align: center;\n}\n.hero-content {\ntext-align: center;\nmax-width: 100%;\n}\n.hero-ip img {\nheight: clamp(200px, 35vh, 300px);\n}\n}\n\n@media (max-width: 768px) {\n.contact-grid {\ngrid-template-columns: 1fr;\ngap: 0.8rem;\n}\n.contact-item {\nflex-direction: row;\npadding: 1.5rem;\ntext-align: left;\ngap: 1.2rem;\n}\n.contact-icon {\nfont-size: 2.2rem;\nmargin-bottom: 0;\n}\n.qr-popup { display: none !important; }\n.contact-item.recommended::after {\ntop: 50%;\nright: 1rem;\ntransform: translateY(-50%);\nborder-radius: 8px;\n}\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<section class=\"hero\">\n<div class=\"hero-content\">\n<p class=\"hero-eyebrow fade-in\">RyanRen \u00b7 \u8054\u7cfb\u6211<\/p>\n<h1 class=\"hero-title fade-in delay-1\">\u9009\u62e9\u6700\u4fbf\u6377\u7684\u65b9\u5f0f<br>\u968f\u65f6\u4e0e\u6211\u8fde\u63a5<\/h1>\n<p class=\"hero-sub fade-in delay-2\">\u7a7a\u95f4\u8bbe\u8ba1 \u00b7 \u54c1\u724c\u6807\u51c6\u5316 \u00b7 \u9879\u76ee\u5408\u4f5c<\/p>\n<\/div>\n\n\n<div class=\"hero-ip fade-in delay-ip\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/06\/lxw-e1782280142847.png\" alt=\"Ryan IP\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 458px; --smush-placeholder-aspect-ratio: 458\/1000;\">\n<\/div>\n<\/section>\n\n\n<div class=\"contacts-section\">\n<p class=\"section-label fade-in delay-2\">\u6838\u5fc3\u8054\u7cfb\u65b9\u5f0f<\/p>\n\n<div class=\"contact-grid fade-in delay-3\">\n\n<a href=\"javascript:void(0);\" class=\"contact-item wechat recommended\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/424272e04eb71ac15fd2aad2a5c48d19-e1768271859392.jpg\" id=\"qrWechat\">\n<i class=\"fab fa-weixin contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">\u5fae\u4fe1<\/div>\n<div class=\"contact-hint\">\u626b\u7801\u6dfb\u52a0 \u00b7 \u63a8\u8350<\/div>\n<\/div>\n<div class=\"qr-popup\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/424272e04eb71ac15fd2aad2a5c48d19-e1768271859392.jpg\" alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1074px; --smush-placeholder-aspect-ratio: 1074\/1074;\">\n<span class=\"qr-popup-text\">\ud83d\udc46 \u70b9\u51fb\u67e5\u770b\u5927\u56fe<\/span>\n<\/div>\n<\/a>\n\n\n<a href=\"javascript:void(0);\" class=\"contact-item qq\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/c811405e117ef195ce371d715f1ac31f-e1768271844110.jpg\" id=\"qrQQ\">\n<i class=\"fab fa-qq contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">QQ<\/div>\n<div class=\"contact-hint\">\u626b\u7801\u6dfb\u52a0<\/div>\n<\/div>\n<div class=\"qr-popup\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/c811405e117ef195ce371d715f1ac31f-e1768271844110.jpg\" alt=\"QQ\u4e8c\u7ef4\u7801\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 956px; --smush-placeholder-aspect-ratio: 956\/956;\">\n<span class=\"qr-popup-text\">\ud83d\udc46 \u70b9\u51fb\u67e5\u770b\u5927\u56fe<\/span>\n<\/div>\n<\/a>\n\n\n<a href=\"mailto:zhi20yuan10@qq.com\" class=\"contact-item email\">\n<i class=\"fas fa-envelope contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">\u90ae\u7bb1<\/div>\n<div class=\"contact-hint\">\u70b9\u51fb\u53d1\u9001<\/div>\n<\/div>\n<\/a>\n<\/div>\n\n<div class=\"divider\"><\/div>\n\n\n<p class=\"section-label fade-in\">\u793e\u4ea4\u5e73\u53f0<\/p>\n\n<div class=\"social-grid fade-in delay-1\">\n<a href=\"https:\/\/xhslink.com\/m\/Ap5mAFczFnH\" target=\"_blank\" class=\"social-item xhs\">\n<i class=\"fas fa-heart social-icon\"><\/i>\n<span class=\"social-label\">\u5c0f\u7ea2\u4e66<\/span>\n<\/a>\n<a href=\"https:\/\/m.weibo.cn\/profile\/5579464626\" target=\"_blank\" class=\"social-item weibo\">\n<i class=\"fab fa-weibo social-icon\"><\/i>\n<span class=\"social-label\">\u5fae\u535a<\/span>\n<\/a>\n<a href=\"https:\/\/www.douyin.com\/user\/MS4wLjABAAAAkGAyw4dEmt9AGX0OfdEKghofJyz6ajymyelOGiSrgPw?from_tab_name=main&vid=7605828581055847537\" target=\"_blank\" class=\"social-item tiktok\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/29fe8d4241f1e4c15ad67203fa853557-e1768271822100.jpg\">\n<i class=\"fab fa-tiktok social-icon\"><\/i>\n<span class=\"social-label\">\u6296\u97f3<\/span>\n<\/a>\n<a href=\"https:\/\/space.bilibili.com\/15026762\" target=\"_blank\" class=\"social-item bilibili\">\n<i class=\"fas fa-video social-icon\"><\/i>\n<span class=\"social-label\">\u54d4\u54e9\u54d4\u54e9<\/span>\n<\/a>\n<a href=\"https:\/\/v.kuaishou.com\/KLffGEm1\" target=\"_blank\" class=\"social-item kuaishou\">\n<i class=\"fas fa-play-circle social-icon\"><\/i>\n<span class=\"social-label\">\u5feb\u624b<\/span>\n<\/a>\n<a href=\"https:\/\/instagram.com\/zhi20yuan10\" target=\"_blank\" class=\"social-item instagram\">\n<i class=\"fab fa-instagram social-icon\"><\/i>\n<span class=\"social-label\">Instagram<\/span>\n<\/a>\n<a href=\"https:\/\/twitter.com\/starsmaxzy\" target=\"_blank\" class=\"social-item twitter\">\n<i class=\"fab fa-twitter social-icon\"><\/i>\n<span class=\"social-label\">Twitter<\/span>\n<\/a>\n<a href=\"https:\/\/facebook.com\/zhi20yuan10\" target=\"_blank\" class=\"social-item facebook\">\n<i class=\"fab fa-facebook-f social-icon\"><\/i>\n<span class=\"social-label\">Facebook<\/span>\n<\/a>\n\n<a href=\"https:\/\/discord.gg\/your-invite-code\" target=\"_blank\" class=\"social-item discord\">\n<i class=\"fab fa-discord social-icon\"><\/i>\n<span class=\"social-label\">Discord<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n<div class=\"site-footer\">\n<div class=\"footer-links\">\n<a href=\"https:\/\/beian.miit.gov.cn\/\" target=\"_blank\">\n<i class=\"fas fa-shield-alt\"><\/i> \u9c81ICP\u59072026001577\u53f7-1\n<\/a>\n<a href=\"https:\/\/beian.mps.gov.cn\/#\/query\/webSearch?code=37172402000457\" target=\"_blank\">\n<img decoding=\"async\" data-src=\"https:\/\/www.beian.gov.cn\/img\/ghs.png\" alt=\"\u516c\u5b89\u5907\u6848\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\"> \u9c81\u516c\u7f51\u5b89\u590737172402000457\u53f7\n<\/a>\n<\/div>\n<div class=\"copyright\">\n\u00a9 2026 RyanRen \u00b7 <a href=\"https:\/\/ryanren.top\">\u8fd4\u56de\u9996\u9875<\/a>\n<\/div>\n<\/div>\n\n\n<div id=\"qrModal\" onclick=\"closeModal(event)\">\n<div>\n<img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u4e8c\u7ef4\u7801\">\n<p>\u70b9\u51fb\u7a7a\u767d\u5173\u95ed<\/p>\n<\/div>\n<\/div>\n\n<script>\n(function() {\nconst modal = document.getElementById('qrModal');\nconst modalImg = document.getElementById('modalImage');\n\nwindow.closeModal = function(e) {\nif (e.target === modal) {\nmodal.style.display = 'none';\nmodalImg.src = '';\n}\n};\n\n\/\/ \u70b9\u51fb\u6574\u4e2a contact-item \u5f39\u51fa\u5927\u56fe\uff08\u684c\u9762\u7aef\uff09\ndocument.querySelectorAll('.contact-item[data-qr]').forEach(item => {\nitem.addEventListener('click', function(e) {\n\/\/ \u5982\u679c\u70b9\u4e86\u94fe\u63a5\u9ed8\u8ba4\u884c\u4e3a\u5c31\u7b97\u4e86\nconst qr = this.getAttribute('data-qr');\nif (qr) {\nmodalImg.src = qr;\nmodal.style.display = 'flex';\n}\n});\n});\n\n\/\/ \u79fb\u52a8\u7aef hover \u4e0d\u9700\u8981\uff0c\u4ea4\u7ed9\u70b9\u51fb\nconst isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\nif (isMobile) {\ndocument.querySelectorAll('[data-qr]').forEach(item => {\nitem.addEventListener('mouseenter', function() {\n\/\/ \u79fb\u52a8\u7aef\u7981\u7528 hover \u5f39\u7a97\nconst popup = this.querySelector('.qr-popup');\nif (popup) popup.style.display = 'none';\n});\n});\n}\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n<script src=\"https:\/\/lf-cdn.coze.cn\/obj\/unpkg\/flow-platform\/chat-app-sdk\/1.2.0-beta.19\/libs\/cn\/index.js\"><\/script>\n\n\n<style>\n.chat-guide-bubble {\n position: fixed;\n bottom: 100px;\n right: 30px;\n background: #ffffff;\n border-radius: 30px 30px 30px 8px;\n padding: 12px 20px;\n padding-right: 40px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.05);\n font-size: 1rem;\n color: #1e2b3a;\n font-weight: 500;\n z-index: 9999;\n display: flex;\n align-items: center;\n gap: 8px;\n animation: bubbleFloat 2s infinite ease-in-out;\n pointer-events: none;\n}\n.chat-guide-bubble::after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 20px;\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-top: 12px solid #ffffff;\n filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));\n}\n.chat-guide-bubble i:not(.bubble-close) {\n color: #07C160;\n font-size: 1.2rem;\n}\n.bubble-close {\n position: absolute;\n top: 8px;\n right: 12px;\n color: #999;\n font-size: 1rem;\n cursor: pointer;\n transition: color 0.2s;\n pointer-events: auto;\n z-index: 10000;\n}\n.bubble-close:hover {\n color: #333;\n}\n@keyframes bubbleFloat {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n 100% { transform: translateY(0); }\n}\n@media (max-width: 768px) {\n .chat-guide-bubble {\n bottom: 90px;\n right: 20px;\n padding: 8px 16px;\n padding-right: 35px;\n font-size: 0.9rem;\n }\n .bubble-close {\n top: 5px;\n right: 10px;\n }\n}\n<\/style>\n\n\n<div id=\"chatGuideBubble\" class=\"chat-guide-bubble\">\n <i class=\"fas fa-comment-dots\"><\/i>\n <span>\u6211\u662f\u4efb\u5fd7\u8fdc\u7684AI\u52a9\u7406 \u4efb\u4f55\u95ee\u9898\u53ef\u4ee5\u95ee\u6211\u270b\ufe0f<\/span>\n <i class=\"fas fa-times bubble-close\" id=\"closeBubbleBtn\"><\/i>\n<\/div>\n\n\n<script>\ndocument.getElementById('closeBubbleBtn').addEventListener('click', function() {\n var bubble = document.getElementById('chatGuideBubble');\n if (bubble) bubble.style.display = 'none';\n});\n<\/script>\n\n\n<script>\n new CozeWebSDK.WebChatClient({\n config: {\n bot_id: '7612944427740463142',\n },\n componentProps: {\n title: 'Coze',\n },\n auth: {\n type: 'token',\n token: 'pat_CRmA25UNPBbbCMfKGAxSOseEKTCZRly37QrJ8lpnnzX4iTvJVb0qjKmLKNtrPUwk',\n onRefreshToken: function () {\n return 'pat_CRmA25UNPBbbCMfKGAxSOseEKTCZRly37QrJ8lpnnzX4iTvJVb0qjKmLKNtrPUwk'\n }\n }\n });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211 \u00b7 RyanRen RyanRen \u00b7 \u8054\u7cfb\u6211 \u9009\u62e9\u6700\u4fbf\u6377\u7684\u65b9\u5f0f\u968f\u65f6\u4e0e\u6211\u8fde\u63a5 \u7a7a\u95f4\u8bbe\u8ba1 \u00b7 \u54c1\u724c\u6807\u51c6\u5316 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":32,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":132,"date":"2026-01-13T09:58:37","date_gmt":"2026-01-13T01:58:37","guid":{"rendered":"https:\/\/ryanren.top\/?page_id=132"},"modified":"2026-08-24T15:20:06","modified_gmt":"2026-08-24T07:20:06","slug":"lxw","status":"publish","type":"page","link":"https:\/\/ryanren.top\/index.php\/lxw\/","title":{"rendered":"\u8054\u7cfb\u6211"},"content":{"rendered":"\n\n\n\n\n\n\u8054\u7cfb\u6211 \u00b7 RyanRen<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\nbackground: #ffffff;\ncolor: #1d1d1f;\nfont-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n-webkit-font-smoothing: antialiased;\nline-height: 1.5;\n}\n\n\/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n.hero {\nmin-height: 55vh;\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\njustify-content: center;\npadding: 3rem 4rem;\nbackground: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);\ngap: 4rem;\n}\n\n.hero-content {\nflex: 1;\nmax-width: 600px;\ntext-align: left;\n}\n\n.hero-eyebrow {\nfont-size: 0.9rem;\nfont-weight: 500;\ncolor: #86868b;\nletter-spacing: 0.05em;\ntext-transform: uppercase;\nmargin-bottom: 1rem;\n}\n\n.hero-title {\nfont-size: clamp(2.2rem, 4.5vw, 3.8rem);\nfont-weight: 700;\nletter-spacing: -0.035em;\nline-height: 1.12;\nmargin-bottom: 1.2rem;\ncolor: #1d1d1f;\n}\n\n.hero-sub {\nfont-size: clamp(1rem, 1.8vw, 1.2rem);\nfont-weight: 400;\ncolor: #6e6e73;\nline-height: 1.6;\n}\n\n\/* \u2500\u2500\u2500 IP \u5f62\u8c61 \u2500\u2500\u2500 *\/\n.hero-ip {\nflex: 0 0 auto;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n\n.hero-ip img {\nheight: clamp(280px, 40vh, 420px);\nwidth: auto;\ndisplay: block;\nobject-fit: contain;\n}\n\n\/* \u2500\u2500\u2500 Primary Contacts \u2500\u2500\u2500 *\/\n.contacts-section {\nmax-width: 860px;\nmargin: 0 auto;\npadding: 2rem 1.5rem 5rem;\n}\n\n.section-label {\nfont-size: 0.75rem;\nfont-weight: 600;\ncolor: #86868b;\nletter-spacing: 0.12em;\ntext-transform: uppercase;\nmargin-bottom: 1.2rem;\n}\n\n.contact-grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 1rem;\n}\n\n.contact-item {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ntext-align: center;\npadding: 2.5rem 1.5rem;\nbackground: #ffffff;\nborder: 1px solid #d2d2d7;\nborder-radius: 20px;\ntext-decoration: none;\ncolor: #1d1d1f;\ntransition: all 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.contact-item:hover {\nborder-color: #b8b8bf;\nbox-shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.15);\ntransform: translateY(-4px);\n}\n\n\/* \u63a8\u8350\u5fbd\u7ae0 *\/\n.contact-item.recommended::after {\ncontent: \"\u63a8\u8350\";\nposition: absolute;\ntop: -1px;\nright: 20px;\nbackground: #0071e3;\ncolor: #fff;\nfont-size: 0.65rem;\nfont-weight: 600;\npadding: 0.25rem 0.75rem;\nborder-radius: 0 0 10px 10px;\nletter-spacing: 0.03em;\n}\n\n.contact-icon {\nfont-size: 2.8rem;\nmargin-bottom: 1rem;\ntransition: transform 0.3s ease;\n}\n\n.contact-item:hover .contact-icon {\ntransform: scale(1.08);\n}\n\n.contact-item.wechat .contact-icon { color: #07c160; }\n.contact-item.qq .contact-icon { color: #12b7f5; }\n.contact-item.email .contact-icon { color: #6e6e73; }\n\n.contact-name {\nfont-size: 1.1rem;\nfont-weight: 600;\ncolor: #1d1d1f;\nmargin-bottom: 0.3rem;\n}\n\n.contact-hint {\nfont-size: 0.78rem;\ncolor: #86868b;\n}\n\n\/* \u2500\u2500\u2500 \u4e8c\u7ef4\u7801\u60ac\u6d6e \u2500\u2500\u2500 *\/\n.qr-popup {\ndisplay: none;\nposition: absolute;\nbottom: calc(100% + 16px);\nleft: 50%;\ntransform: translateX(-50%);\nwidth: 240px;\nheight: 240px;\nbackground: #fff;\nborder-radius: 20px;\npadding: 14px;\nbox-shadow: 0 25px 70px -15px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0,0,0,0.05);\nz-index: 100;\n}\n\n.qr-popup img {\nwidth: 100%;\nheight: 100%;\nobject-fit: contain;\nborder-radius: 10px;\n}\n\n.qr-popup-text {\nfont-size: 0.65rem;\ncolor: #86868b;\ntext-align: center;\nmargin-top: 0.5rem;\nfont-weight: 500;\n}\n\n.qr-popup::after {\ncontent: '';\nposition: absolute;\ntop: 100%;\nleft: 50%;\ntransform: translateX(-50%);\nborder: 9px solid transparent;\nborder-top-color: #fff;\n}\n\n\/* \u4e8c\u7ef4\u7801\u4ec5\u901a\u8fc7\u70b9\u51fb\u5f39 modal \u5927\u56fe\u663e\u793a\uff0c\u65e0 hover \u5c0f\u7a97 *\/\n\n@keyframes fadeUp {\nfrom { opacity: 0; transform: translateX(-50%) translateY(8px); }\nto { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n\n\/* \u2500\u2500\u2500 Divider \u2500\u2500\u2500 *\/\n.divider {\nheight: 1px;\nbackground: linear-gradient(90deg, transparent, #d2d2d7, transparent);\nmargin: 3.5rem 0 3rem;\n}\n\n\/* \u2500\u2500\u2500 Social Platforms \u2500\u2500\u2500 *\/\n.social-grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 0.75rem;\n}\n\n.social-item {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 1.25rem 0.5rem;\nborder-radius: 16px;\nbackground: #fafafa;\nborder: 1px solid #e8e8ed;\ntext-decoration: none;\ncolor: #1d1d1f;\ntransition: all 0.3s ease;\ncursor: pointer;\n}\n\n.social-item:hover {\nbackground: #f0f0f5;\nborder-color: #c8c8cf;\ntransform: translateY(-3px);\nbox-shadow: 0 6px 20px -8px rgba(0, 0, 0, 0.12);\n}\n\n.social-icon {\nfont-size: 1.6rem;\nmargin-bottom: 0.5rem;\ncolor: #515154;\ntransition: color 0.2s;\n}\n\n.social-item:hover .social-icon { color: #1d1d1f; }\n\n.social-label {\nfont-size: 0.72rem;\ncolor: #86868b;\nfont-weight: 500;\n}\n\n.social-item:hover .social-label { color: #515154; }\n\n\/* \u5e73\u53f0\u54c1\u724c\u8272 *\/\n.social-item.xhs:hover .social-icon { color: #fe2c55; }\n.social-item.weibo:hover .social-icon { color: #e6162d; }\n.social-item.bilibili:hover .social-icon { color: #fb7299; }\n.social-item.kuaishou:hover .social-icon { color: #00c6ff; }\n.social-item.discord:hover .social-icon { color: #5865f2; }\n.social-item.instagram:hover .social-icon { color: #e4405f; }\n.social-item.tiktok:hover .social-icon { color: #000; }\n.social-item.facebook:hover .social-icon { color: #1877f2; }\n.social-item.twitter:hover .social-icon { color: #1da1f2; }\n\n\/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\n.site-footer {\nborder-top: 1px solid #d2d2d7;\npadding: 2.5rem 1.5rem;\ntext-align: center;\n}\n\n.footer-links {\ndisplay: flex;\ngap: 0.6rem;\njustify-content: center;\nflex-wrap: wrap;\nmargin-bottom: 1.2rem;\n}\n\n.footer-links a {\ndisplay: inline-flex;\nalign-items: center;\ngap: 0.3rem;\npadding: 0.3rem 0.9rem;\nborder: 1px solid #d2d2d7;\nborder-radius: 980px;\nfont-size: 0.7rem;\ncolor: #6e6e73;\ntext-decoration: none;\ntransition: all 0.2s;\nbackground: #fafafa;\n}\n\n.footer-links a:hover {\nbackground: #f0f0f5;\ncolor: #1d1d1f;\nborder-color: #b8b8bf;\n}\n\n.footer-links img {\nwidth: 13px;\nheight: 13px;\n}\n\n.copyright {\nfont-size: 0.75rem;\ncolor: #86868b;\n}\n\n.copyright a {\ncolor: #0071e3;\ntext-decoration: none;\n}\n\n.copyright a:hover {\ntext-decoration: underline;\n}\n\n\/* \u2500\u2500\u2500 \u79fb\u52a8\u7aef\u6a21\u6001\u6846 \u2500\u2500\u2500 *\/\n#qrModal {\ndisplay: none;\nposition: fixed;\ninset: 0;\nbackground: rgba(0, 0, 0, 0.5);\nbackdrop-filter: blur(8px);\n-webkit-backdrop-filter: blur(8px);\nalign-items: center;\njustify-content: center;\nz-index: 2000;\n}\n\n#qrModal > div {\nbackground: #fff;\npadding: 1.5rem;\nborder-radius: 24px;\ntext-align: center;\nmax-width: 320px;\nbox-shadow: 0 30px 80px -20px rgba(0,0,0,0.45);\n}\n\n#qrModal img {\nwidth: 240px;\nheight: 240px;\nobject-fit: contain;\nborder-radius: 14px;\n}\n\n#qrModal p {\nmargin-top: 1rem;\nfont-size: 0.8rem;\ncolor: #86868b;\n}\n\n\/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500 *\/\n.fade-in {\nopacity: 0;\ntransform: translateY(18px);\nanimation: fadeIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;\n}\n\n.delay-1 { animation-delay: 0.1s; }\n.delay-2 { animation-delay: 0.2s; }\n.delay-3 { animation-delay: 0.3s; }\n.delay-4 { animation-delay: 0.4s; }\n.delay-ip { animation-delay: 0.5s; }\n\n@keyframes fadeIn {\nto { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n.hero {\nflex-direction: column;\npadding: 3rem 1.5rem;\ngap: 2rem;\ntext-align: center;\n}\n.hero-content {\ntext-align: center;\nmax-width: 100%;\n}\n.hero-ip img {\nheight: clamp(200px, 35vh, 300px);\n}\n}\n\n@media (max-width: 768px) {\n.contact-grid {\ngrid-template-columns: 1fr;\ngap: 0.8rem;\n}\n.contact-item {\nflex-direction: row;\npadding: 1.5rem;\ntext-align: left;\ngap: 1.2rem;\n}\n.contact-icon {\nfont-size: 2.2rem;\nmargin-bottom: 0;\n}\n.qr-popup { display: none !important; }\n.contact-item.recommended::after {\ntop: 50%;\nright: 1rem;\ntransform: translateY(-50%);\nborder-radius: 8px;\n}\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<section class=\"hero\">\n<div class=\"hero-content\">\n<p class=\"hero-eyebrow fade-in\">RyanRen \u00b7 \u8054\u7cfb\u6211<\/p>\n<h1 class=\"hero-title fade-in delay-1\">\u9009\u62e9\u6700\u4fbf\u6377\u7684\u65b9\u5f0f<br>\u968f\u65f6\u4e0e\u6211\u8fde\u63a5<\/h1>\n<p class=\"hero-sub fade-in delay-2\">\u7a7a\u95f4\u8bbe\u8ba1 \u00b7 \u54c1\u724c\u6807\u51c6\u5316 \u00b7 \u9879\u76ee\u5408\u4f5c<\/p>\n<\/div>\n\n\n<div class=\"hero-ip fade-in delay-ip\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/06\/lxw-e1782280142847.png\" alt=\"Ryan IP\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 458px; --smush-placeholder-aspect-ratio: 458\/1000;\">\n<\/div>\n<\/section>\n\n\n<div class=\"contacts-section\">\n<p class=\"section-label fade-in delay-2\">\u6838\u5fc3\u8054\u7cfb\u65b9\u5f0f<\/p>\n\n<div class=\"contact-grid fade-in delay-3\">\n\n<a href=\"javascript:void(0);\" class=\"contact-item wechat recommended\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/424272e04eb71ac15fd2aad2a5c48d19-e1768271859392.jpg\" id=\"qrWechat\">\n<i class=\"fab fa-weixin contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">\u5fae\u4fe1<\/div>\n<div class=\"contact-hint\">\u626b\u7801\u6dfb\u52a0 \u00b7 \u63a8\u8350<\/div>\n<\/div>\n<div class=\"qr-popup\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/424272e04eb71ac15fd2aad2a5c48d19-e1768271859392.jpg\" alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1074px; --smush-placeholder-aspect-ratio: 1074\/1074;\">\n<span class=\"qr-popup-text\">\ud83d\udc46 \u70b9\u51fb\u67e5\u770b\u5927\u56fe<\/span>\n<\/div>\n<\/a>\n\n\n<a href=\"javascript:void(0);\" class=\"contact-item qq\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/c811405e117ef195ce371d715f1ac31f-e1768271844110.jpg\" id=\"qrQQ\">\n<i class=\"fab fa-qq contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">QQ<\/div>\n<div class=\"contact-hint\">\u626b\u7801\u6dfb\u52a0<\/div>\n<\/div>\n<div class=\"qr-popup\">\n<img decoding=\"async\" data-src=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/c811405e117ef195ce371d715f1ac31f-e1768271844110.jpg\" alt=\"QQ\u4e8c\u7ef4\u7801\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 956px; --smush-placeholder-aspect-ratio: 956\/956;\">\n<span class=\"qr-popup-text\">\ud83d\udc46 \u70b9\u51fb\u67e5\u770b\u5927\u56fe<\/span>\n<\/div>\n<\/a>\n\n\n<a href=\"mailto:zhi20yuan10@qq.com\" class=\"contact-item email\">\n<i class=\"fas fa-envelope contact-icon\"><\/i>\n<div>\n<div class=\"contact-name\">\u90ae\u7bb1<\/div>\n<div class=\"contact-hint\">\u70b9\u51fb\u53d1\u9001<\/div>\n<\/div>\n<\/a>\n<\/div>\n\n<div class=\"divider\"><\/div>\n\n\n<p class=\"section-label fade-in\">\u793e\u4ea4\u5e73\u53f0<\/p>\n\n<div class=\"social-grid fade-in delay-1\">\n<a href=\"https:\/\/xhslink.com\/m\/Ap5mAFczFnH\" target=\"_blank\" class=\"social-item xhs\">\n<i class=\"fas fa-heart social-icon\"><\/i>\n<span class=\"social-label\">\u5c0f\u7ea2\u4e66<\/span>\n<\/a>\n<a href=\"https:\/\/m.weibo.cn\/profile\/5579464626\" target=\"_blank\" class=\"social-item weibo\">\n<i class=\"fab fa-weibo social-icon\"><\/i>\n<span class=\"social-label\">\u5fae\u535a<\/span>\n<\/a>\n<a href=\"https:\/\/www.douyin.com\/user\/MS4wLjABAAAAkGAyw4dEmt9AGX0OfdEKghofJyz6ajymyelOGiSrgPw?from_tab_name=main&vid=7605828581055847537\" target=\"_blank\" class=\"social-item tiktok\" data-qr=\"https:\/\/ryanren.top\/wp-content\/uploads\/2026\/01\/29fe8d4241f1e4c15ad67203fa853557-e1768271822100.jpg\">\n<i class=\"fab fa-tiktok social-icon\"><\/i>\n<span class=\"social-label\">\u6296\u97f3<\/span>\n<\/a>\n<a href=\"https:\/\/space.bilibili.com\/15026762\" target=\"_blank\" class=\"social-item bilibili\">\n<i class=\"fas fa-video social-icon\"><\/i>\n<span class=\"social-label\">\u54d4\u54e9\u54d4\u54e9<\/span>\n<\/a>\n<a href=\"https:\/\/v.kuaishou.com\/KLffGEm1\" target=\"_blank\" class=\"social-item kuaishou\">\n<i class=\"fas fa-play-circle social-icon\"><\/i>\n<span class=\"social-label\">\u5feb\u624b<\/span>\n<\/a>\n<a href=\"https:\/\/instagram.com\/zhi20yuan10\" target=\"_blank\" class=\"social-item instagram\">\n<i class=\"fab fa-instagram social-icon\"><\/i>\n<span class=\"social-label\">Instagram<\/span>\n<\/a>\n<a href=\"https:\/\/twitter.com\/starsmaxzy\" target=\"_blank\" class=\"social-item twitter\">\n<i class=\"fab fa-twitter social-icon\"><\/i>\n<span class=\"social-label\">Twitter<\/span>\n<\/a>\n<a href=\"https:\/\/facebook.com\/zhi20yuan10\" target=\"_blank\" class=\"social-item facebook\">\n<i class=\"fab fa-facebook-f social-icon\"><\/i>\n<span class=\"social-label\">Facebook<\/span>\n<\/a>\n\n<a href=\"https:\/\/discord.gg\/your-invite-code\" target=\"_blank\" class=\"social-item discord\">\n<i class=\"fab fa-discord social-icon\"><\/i>\n<span class=\"social-label\">Discord<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n<div class=\"site-footer\">\n<div class=\"footer-links\">\n<a href=\"https:\/\/beian.miit.gov.cn\/\" target=\"_blank\">\n<i class=\"fas fa-shield-alt\"><\/i> \u9c81ICP\u59072026001577\u53f7-1\n<\/a>\n<a href=\"https:\/\/beian.mps.gov.cn\/#\/query\/webSearch?code=37172402000457\" target=\"_blank\">\n<img decoding=\"async\" data-src=\"https:\/\/www.beian.gov.cn\/img\/ghs.png\" alt=\"\u516c\u5b89\u5907\u6848\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\"> \u9c81\u516c\u7f51\u5b89\u590737172402000457\u53f7\n<\/a>\n<\/div>\n<div class=\"copyright\">\n\u00a9 2026 RyanRen \u00b7 <a href=\"https:\/\/ryanren.top\">\u8fd4\u56de\u9996\u9875<\/a>\n<\/div>\n<\/div>\n\n\n<div id=\"qrModal\" onclick=\"closeModal(event)\">\n<div>\n<img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\u4e8c\u7ef4\u7801\">\n<p>\u70b9\u51fb\u7a7a\u767d\u5173\u95ed<\/p>\n<\/div>\n<\/div>\n\n<script>\n(function() {\nconst modal = document.getElementById('qrModal');\nconst modalImg = document.getElementById('modalImage');\n\nwindow.closeModal = function(e) {\nif (e.target === modal) {\nmodal.style.display = 'none';\nmodalImg.src = '';\n}\n};\n\n\/\/ \u70b9\u51fb\u6574\u4e2a contact-item \u5f39\u51fa\u5927\u56fe\uff08\u684c\u9762\u7aef\uff09\ndocument.querySelectorAll('.contact-item[data-qr]').forEach(item => {\nitem.addEventListener('click', function(e) {\n\/\/ \u5982\u679c\u70b9\u4e86\u94fe\u63a5\u9ed8\u8ba4\u884c\u4e3a\u5c31\u7b97\u4e86\nconst qr = this.getAttribute('data-qr');\nif (qr) {\nmodalImg.src = qr;\nmodal.style.display = 'flex';\n}\n});\n});\n\n\/\/ \u79fb\u52a8\u7aef hover \u4e0d\u9700\u8981\uff0c\u4ea4\u7ed9\u70b9\u51fb\nconst isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\nif (isMobile) {\ndocument.querySelectorAll('[data-qr]').forEach(item => {\nitem.addEventListener('mouseenter', function() {\n\/\/ \u79fb\u52a8\u7aef\u7981\u7528 hover \u5f39\u7a97\nconst popup = this.querySelector('.qr-popup');\nif (popup) popup.style.display = 'none';\n});\n});\n}\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n<script src=\"https:\/\/lf-cdn.coze.cn\/obj\/unpkg\/flow-platform\/chat-app-sdk\/1.2.0-beta.19\/libs\/cn\/index.js\"><\/script>\n\n\n<style>\n.chat-guide-bubble {\n position: fixed;\n bottom: 100px;\n right: 30px;\n background: #ffffff;\n border-radius: 30px 30px 30px 8px;\n padding: 12px 20px;\n padding-right: 40px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.05);\n font-size: 1rem;\n color: #1e2b3a;\n font-weight: 500;\n z-index: 9999;\n display: flex;\n align-items: center;\n gap: 8px;\n animation: bubbleFloat 2s infinite ease-in-out;\n pointer-events: none;\n}\n.chat-guide-bubble::after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 20px;\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-top: 12px solid #ffffff;\n filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));\n}\n.chat-guide-bubble i:not(.bubble-close) {\n color: #07C160;\n font-size: 1.2rem;\n}\n.bubble-close {\n position: absolute;\n top: 8px;\n right: 12px;\n color: #999;\n font-size: 1rem;\n cursor: pointer;\n transition: color 0.2s;\n pointer-events: auto;\n z-index: 10000;\n}\n.bubble-close:hover {\n color: #333;\n}\n@keyframes bubbleFloat {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n 100% { transform: translateY(0); }\n}\n@media (max-width: 768px) {\n .chat-guide-bubble {\n bottom: 90px;\n right: 20px;\n padding: 8px 16px;\n padding-right: 35px;\n font-size: 0.9rem;\n }\n .bubble-close {\n top: 5px;\n right: 10px;\n }\n}\n<\/style>\n\n\n<div id=\"chatGuideBubble\" class=\"chat-guide-bubble\">\n <i class=\"fas fa-comment-dots\"><\/i>\n <span>\u6211\u662f\u4efb\u5fd7\u8fdc\u7684AI\u52a9\u7406 \u4efb\u4f55\u95ee\u9898\u53ef\u4ee5\u95ee\u6211\u270b\ufe0f<\/span>\n <i class=\"fas fa-times bubble-close\" id=\"closeBubbleBtn\"><\/i>\n<\/div>\n\n\n<script>\ndocument.getElementById('closeBubbleBtn').addEventListener('click', function() {\n var bubble = document.getElementById('chatGuideBubble');\n if (bubble) bubble.style.display = 'none';\n});\n<\/script>\n\n\n<script>\n new CozeWebSDK.WebChatClient({\n config: {\n bot_id: '7612944427740463142',\n },\n componentProps: {\n title: 'Coze',\n },\n auth: {\n type: 'token',\n token: 'pat_CRmA25UNPBbbCMfKGAxSOseEKTCZRly37QrJ8lpnnzX4iTvJVb0qjKmLKNtrPUwk',\n onRefreshToken: function () {\n return 'pat_CRmA25UNPBbbCMfKGAxSOseEKTCZRly37QrJ8lpnnzX4iTvJVb0qjKmLKNtrPUwk'\n }\n }\n });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211 \u00b7 RyanRen RyanRen \u00b7 \u8054\u7cfb\u6211 \u9009\u62e9\u6700\u4fbf\u6377\u7684\u65b9\u5f0f\u968f\u65f6\u4e0e\u6211\u8fde\u63a5 \u7a7a\u95f4\u8bbe\u8ba1 \u00b7 \u54c1\u724c\u6807\u51c6\u5316 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":32,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/ryanren.top\/index.php\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}