{"id":383,"date":"2026-03-15T13:06:58","date_gmt":"2026-03-15T05:06:58","guid":{"rendered":"https:\/\/index.cmiteam.cn\/?page_id=383"},"modified":"2026-03-15T13:46:44","modified_gmt":"2026-03-15T05:46:44","slug":"%e5%8f%8b%e9%93%be","status":"publish","type":"page","link":"https:\/\/index.cmiteam.cn\/index.php\/%e5%8f%8b%e9%93%be\/","title":{"rendered":"\u53cb\u94fe"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u53cb\u94fe\u524d\u7f6e \u00b7 \u5b89\u5168\u4e0e\u751f\u6d3b<\/title>\n    <style>\n        \/* \u6781\u7b80\u98ce\u683c\u524d\u7f6e\u5bb9\u5668 - \u53ea\u4e3a\u53cb\u94fe\u6a21\u5757\u505a\u94fa\u57ab *\/\n        .friends-preamble {\n            max-width: 900px;\n            margin: 0 auto 2.5rem auto;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n        }\n\n        \/* \u4e3b\u8981\u5185\u5bb9\u6846 - \u5e72\u51c0\u7b80\u6d01 *\/\n        .preamble-card {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            border-radius: 28px;\n            padding: 2.2rem 2.5rem;\n            border: 1px solid #e2e8f0;\n            box-shadow: 0 8px 20px -8px rgba(0, 20, 40, 0.08);\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* \u6781\u7b80\u88c5\u9970\u7ebf - \u4ee3\u8868\u7f51\u7edc\u5b89\u5168\u4e0e\u751f\u6d3b\u7684\u4ea4\u6c47 *\/\n        .preamble-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #2563eb 0%, #f97316 50%, #2563eb 100%);\n            opacity: 0.6;\n        }\n\n        \/* \u5c0f\u5706\u70b9\u88c5\u9970 - \u6781\u7b80\u79d1\u6280\u611f *\/\n        .preamble-card::after {\n            content: \"\u25cf\u25cf\u25cf\";\n            position: absolute;\n            bottom: 12px;\n            right: 20px;\n            font-size: 1.2rem;\n            letter-spacing: 4px;\n            color: #cbd5e1;\n            opacity: 0.3;\n            font-family: monospace;\n        }\n\n        \/* \u6807\u9898\u533a\u57df *\/\n        .preamble-title {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 1.2rem;\n        }\n\n        .preamble-title h2 {\n            font-size: 1.9rem;\n            font-weight: 550;\n            color: #0f172a;\n            letter-spacing: -0.3px;\n            margin: 0;\n            line-height: 1.2;\n        }\n\n        .preamble-badge {\n            background: #dbeafe;\n            color: #1e40af;\n            padding: 0.2rem 1rem;\n            border-radius: 40px;\n            font-size: 0.85rem;\n            font-weight: 500;\n            border: 1px solid #bfdbfe;\n            white-space: nowrap;\n        }\n\n        \/* \u63cf\u8ff0\u6587\u672c - \u878d\u5408\u4e24\u4e2a\u4e3b\u9898 *\/\n        .preamble-description {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #334155;\n            margin-bottom: 1.8rem;\n            max-width: 85%;\n            font-weight: 380;\n        }\n\n        \/* \u53cc\u8272\u6807\u7b7e\u7ec4 - \u6781\u7b80\u5c55\u793a\u5206\u7c7b *\/\n        .preamble-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px 20px;\n            margin-bottom: 1.5rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 1px dashed #cbd5e1;\n        }\n\n        .tag-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.95rem;\n            color: #334155;\n        }\n\n        .tag-item .sec-dot {\n            width: 8px;\n            height: 8px;\n            background: #2563eb;\n            border-radius: 2px;  \/* \u65b9\u5f62\u5c0f\u70b9\uff0c\u4ee3\u8868\u79d1\u6280\u611f *\/\n        }\n\n        .tag-item .life-dot {\n            width: 8px;\n            height: 8px;\n            background: #f97316;\n            border-radius: 50%;  \/* \u5706\u5f62\u5c0f\u70b9\uff0c\u4ee3\u8868\u751f\u6d3b *\/\n        }\n\n        .tag-item span {\n            color: #475569;\n        }\n\n        \/* \u53cb\u597d\u7684\u811a\u6ce8 - \u5f15\u5bfc\u770b\u5411\u4e0b\u65b9\u7684\u53cb\u94fe\u6a21\u5757 *\/\n        .preamble-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n\n        .preamble-quote {\n            font-style: italic;\n            color: #64748b;\n            font-size: 0.95rem;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .preamble-quote .quote-line {\n            width: 30px;\n            height: 2px;\n            background: #94a3b8;\n            border-radius: 2px;\n        }\n\n        .preamble-arrow {\n            color: #475569;\n            font-size: 0.9rem;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            background: #e9eef3;\n            padding: 0.4rem 1.2rem;\n            border-radius: 40px;\n            border: 1px solid #d1d9e6;\n        }\n\n        .preamble-arrow svg {\n            width: 18px;\n            height: 18px;\n            stroke: #2563eb;\n            stroke-width: 2;\n            fill: none;\n        }\n\n        \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\n        @media (max-width: 600px) {\n            .preamble-card {\n                padding: 1.5rem 1.5rem;\n                border-radius: 24px;\n            }\n            .preamble-title h2 {\n                font-size: 1.6rem;\n            }\n            .preamble-description {\n                max-width: 100%;\n                font-size: 1rem;\n            }\n        }\n\n        \/* \u4e0b\u65b9\u7559\u51fa\u53cb\u94fe\u6a21\u5757\u7684\u4f4d\u7f6e\u793a\u610f (\u4ec5\u4e3a\u89c6\u89c9\u8f85\u52a9\uff0c\u5b9e\u9645\u4f7f\u7528\u65f6\u4e0b\u65b9\u653eWP\u53cb\u94fe) *\/\n        .mock-friendly-links {\n            max-width: 900px;\n            margin: 0 auto;\n            border: 2px dashed #cbd5e1;\n            border-radius: 20px;\n            padding: 3rem 2rem;\n            text-align: center;\n            color: #64748b;\n            background: #fafcff;\n            font-size: 1rem;\n        }\n        .mock-friendly-links span {\n            background: #f1f5f9;\n            padding: 0.3rem 1.2rem;\n            border-radius: 40px;\n        }\n        \/* \u8bf4\u660e\uff1a\u4ee5\u4e0b.mock-friendly-links\u4ec5\u4e3a\u5c55\u793a\u524d\u7f6e\u548c\u53cb\u94fe\u7684\u4f4d\u7f6e\u5173\u7cfb\uff0c\u5b9e\u9645\u4f7f\u7528\u65f6\u5220\u9664\u6b64\u5757 *\/\n    <\/style>\n<\/head>\n<body style=\"background: #fcfdff; padding: 2rem 1rem;\">\n\n    <!-- ===== \u8fd9\u5c31\u662f\u4f60\u8981\u7684\u3010\u524d\u7f6e\u5185\u5bb9\u3011 ===== -->\n    <!-- \u53ea\u8d1f\u8d23\u597d\u770b\uff0c\u4e0d\u5305\u542b\u4efb\u4f55\u53cb\u94fe\u5361\u7247\uff0c\u5b8c\u5168\u72ec\u7acb -->\n    <div class=\"friends-preamble\">\n        <div class=\"preamble-card\">\n            \n            <!-- \u6807\u9898\u884c\uff1a\u7f51\u7edc\u5b89\u5168 + \u65e5\u5e38\u4ea4\u6d41 -->\n            <div class=\"preamble-title\">\n                <h2>\ud83c\udf10 \u94fe\u4e0a\u00b7\u5b89\u5168\u4e0e\u751f\u6d3b<\/h2>\n                <span class=\"preamble-badge\">\u7f51\u7edc\u90bb\u5c45<\/span>\n            <\/div>\n            \n            <!-- \u7b80\u77ed\u63cf\u8ff0\uff1a\u70b9\u660e\u4e3b\u9898\uff0c\u5f15\u5bfc\u5411\u4e0b -->\n            <div class=\"preamble-description\">\n                \u8fd9\u91cc\u662f\u4e00\u4e9b\u503c\u5f97\u5e38\u53bb\u7684\u5730\u65b9 \u2014\u2014 \u6709\u7684\u8ba8\u8bba\u9632\u706b\u5899\u4e0e\u6f0f\u6d1e\uff0c\u6709\u7684\u8bb0\u5f55\u996d\u83dc\u4e0e\u65c5\u884c\u3002\n                \u5b89\u5168\u662f\u7406\u6027\u7684\u94e0\u7532\uff0c\u751f\u6d3b\u662f\u67d4\u8f6f\u7684\u5185\u5fc3\u3002\n            <\/div>\n            \n            <!-- \u6781\u7b80\u5206\u7c7b\u6807\u7b7e\uff1a\u4ec5\u7528\u989c\u8272\u548c\u5f62\u72b6\u533a\u5206\u4e24\u4e2a\u4e3b\u9898 -->\n            <div class=\"preamble-tags\">\n                <div class=\"tag-item\">\n                    <div class=\"sec-dot\"><\/div>\n                    <span>\u7f51\u7edc\u5b89\u5168 \u00b7 \u6280\u672f\u535a\u5ba2 \u00b7 \u5de5\u5177\u5206\u4eab<\/span>\n                <\/div>\n                <div class=\"tag-item\">\n                    <div class=\"life-dot\"><\/div>\n                    <span>\u65e5\u5e38\u968f\u7b14 \u00b7 \u6444\u5f71 \u00b7 \u751f\u6d3b\u89c2\u5bdf<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- \u811a\u6ce8\uff1a\u81ea\u7136\u5f15\u5bfc\u89c6\u7ebf\u5411\u4e0b\u770b\u53cb\u94fe -->\n            <div class=\"preamble-footer\">\n                <div class=\"preamble-quote\">\n                    <span class=\"quote-line\"><\/span>\n                    \u6b22\u8fce\u4e32\u95e8\uff0c\u53cb\u5584\u4ea4\u6d41\n                <\/div>\n                <div class=\"preamble-arrow\">\n                    <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M7 13L12 18L17 13M12 6L12 18\" \/>\n                    <\/svg>\n                    \u770b\u770b\u6709\u54ea\u4e9b\u670b\u53cb\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- \u4e0b\u65b9\u533a\u57df\uff1a\u8fd9\u91cc\u662f\u4f60\u7684WordPress\u53cb\u94fe\u6a21\u5757\u5c06\u51fa\u73b0\u7684\u4f4d\u7f6e -->\n    <!-- \u4e3a\u4e86\u8ba9\u4f60\u770b\u6e05\u6548\u679c\uff0c\u6211\u7528\u4e00\u4e2a\u5360\u4f4d\u6846\u8868\u793a\u53cb\u94fe\u6a21\u5757\u7684\u4f4d\u7f6e (\u5b9e\u9645\u4f7f\u7528\u65f6\u5220\u9664\u6b64\u5360\u4f4d\u6846) -->\n    <div class=\"mock-friendly-links\">\n        <span>\ud83d\udc47 \u770b\u770b\u6211\u7684\u4e92\u8054\u7f51\u90bb\u5c45\u4eec\uff0c\u6b22\u8fce\u524d\u6765\u4e32\u95e8 \ud83d\udc47<\/span>\n    <\/div>\n\n    <!-- \u6781\u7b80\u8bf4\u660e\uff1a\u6b64\u524d\u7f6e\u5185\u5bb9\u4e0d\u5305\u542b\u4efb\u4f55\u53cb\u94fe\u5361\u7247\uff0c\u5e72\u51c0\u5229\u843d -->\n    <div style=\"max-width:900px; margin:1.5rem auto 0; text-align:center; font-size:0.8rem; color:#94a3b8; font-family:monospace;\">\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u53cb\u94fe\u524d\u7f6e \u00b7 \u5b89\u5168\u4e0e\u751f\u6d3b \ud83c\udf10 \u94fe\u4e0a\u00b7\u5b89\u5168\u4e0e\u751f\u6d3b \u7f51\u7edc\u90bb\u5c45 \u8fd9\u91cc\u662f\u4e00\u4e9b\u503c\u5f97\u5e38\u53bb\u7684\u5730\u65b9 \u2014\u2014 \u6709\u7684\u8ba8\u8bba\u9632\u706b\u5899\u4e0e\u6f0f\u6d1e\uff0c\u6709\u7684\u8bb0\u5f55\u996d\u83dc\u4e0e\u65c5\u884c ...<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"user\/page-links.php","meta":{"emotion":"","emotion_color":"","title_style":"","license":""},"class_list":["post-383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/pages\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":0,"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/pages\/383\/revisions"}],"wp:attachment":[{"href":"https:\/\/index.cmiteam.cn\/index.php\/wp-json\/wp\/v2\/media?parent=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}