{"id":36,"date":"2026-04-19T11:05:15","date_gmt":"2026-04-19T03:05:15","guid":{"rendered":"https:\/\/www.xiaozongbao.com\/cidian\/?page_id=36"},"modified":"2026-04-19T11:26:20","modified_gmt":"2026-04-19T03:26:20","slug":"%e5%b0%8f%e7%b2%bd%e5%ae%9d%e6%83%85%e7%bb%aa%e8%af%8d%e5%85%b8","status":"publish","type":"page","link":"https:\/\/www.xiaozongbao.com\/cidian\/","title":{"rendered":"\u5c0f\u7cbd\u5b9d\u60c5\u7eea\u8bcd\u5178"},"content":{"rendered":"    <style>\r\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@400;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap');\r\n\r\n      .emo-app {\r\n        \/* \u4e3b\u9898\u8272\u5f69 - \u60c5\u7eea\u70b9\u7f00 *\/\r\n        --fire:#e25822; --fire-light:#fef0e8; --fire-dark:#a33d12;\r\n        --sad:#4a8fe7;  --sad-light:#e8f2fd;  --sad-dark:#2a5fa7;\r\n        --fear:#8b8b8b; --fear-light:#f0f0f0; --fear-dark:#444444;\r\n        --happy:#f5a623;--happy-light:#fef6e4;--happy-dark:#c47d08;\r\n        --calm:#7bb686; --calm-light:#edf7ef; --calm-dark:#3a7a48;\r\n        --hug:#e87da0;  --hug-light:#fdeef3;  --hug-dark:#b44d6e;\r\n        --gold:#c9a84c; --gold-light:#f7f0d8; --gold-dark:#8b6914;\r\n        \r\n        --ink: #111827;\r\n        --muted: #6b7280;\r\n        \r\n        \/* \u6d45\u8272\u5bf9\u8bdd\u80cc\u666f *\/\r\n        --child-bg: #f5f3ff;\r\n        --child-text: #5b21b6;\r\n        --child-border: #ddd6fe;\r\n        \r\n        --adult-bg: #f0fdfa;\r\n        --adult-text: #0f766e;\r\n        --adult-border: #99f6e4;\r\n\r\n        font-family: 'Noto Sans SC', sans-serif;\r\n        background: transparent;\r\n        padding: 16px 0 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 80vh;\r\n      }\r\n\r\n      \/* \u5934\u90e8\u6392\u7248 *\/\r\n      .emo-app .page-title {\r\n        font-family: 'Noto Serif SC', serif;\r\n        font-size: 24px;\r\n        font-weight: 900;\r\n        color: var(--ink);\r\n        text-align: center;\r\n        margin: 0 0 8px;\r\n        line-height: 1.25;\r\n      }\r\n      .emo-app .page-title a { color: inherit; text-decoration: none; }\r\n      .emo-app .page-sub {\r\n        font-size: 13px;\r\n        color: var(--muted);\r\n        text-align: center;\r\n        margin: 0 0 20px;\r\n      }\r\n\r\n      \/* \u9876\u90e8\u94fe\u63a5 *\/\r\n      .emo-top-links {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        margin-bottom: 28px;\r\n      }\r\n      .emo-top-links a {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 8px 18px;\r\n        background: #f3f4f6;\r\n        border: 1px solid #e5e7eb;\r\n        color: #4b5563;\r\n        border-radius: 100px;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        transition: all 0.2s ease;\r\n      }\r\n      .emo-top-links a:hover {\r\n        background: #e5e7eb;\r\n        color: var(--ink);\r\n      }\r\n      .emo-top-links svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        opacity: 0.7;\r\n      }\r\n\r\n      \/* =========================================\r\n         \u5168\u65b0\u6807\u7b7e\u6392\u7248\uff1a\u7edd\u5bf9\u4e0d\u4f1a\u906e\u6321\uff0c\u81ea\u52a8\u6362\u884c\u9002\u914d\r\n         ========================================= *\/\r\n      .emo-tag-container {\r\n        width: 100%;\r\n        max-width: 720px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 32px;\r\n      }\r\n      .emo-tag-group {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        background: #fff;\r\n        border: 1px solid #d1d5db; \/* \u52a0\u6df1\u6807\u7b7e\u7ec4\u8fb9\u6846 *\/\r\n        border-radius: 16px;\r\n        padding: 12px 16px;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n      }\r\n      .emo-tag-label {\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        color: #9ca3af;\r\n        padding-top: 6px;\r\n        margin-right: 16px;\r\n        white-space: nowrap;\r\n      }\r\n      .emo-tag-list {\r\n        display: flex;\r\n        flex-wrap: wrap; \/* \u6838\u5fc3\uff1a\u8d85\u51fa\u5c4f\u5e55\u81ea\u52a8\u6362\u884c\uff0c\u7edd\u4e0d\u906e\u6321 *\/\r\n        gap: 8px;\r\n        flex: 1;\r\n      }\r\n      .emo-tag-btn {\r\n        background: #f3f4f6;\r\n        border: 1px solid #e5e7eb;\r\n        color: #4b5563;\r\n        padding: 6px 14px;\r\n        border-radius: 100px;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n      }\r\n      .emo-tag-btn:hover {\r\n        background: #e5e7eb;\r\n        color: var(--ink);\r\n      }\r\n      .emo-tag-btn.active {\r\n        background: var(--ink);\r\n        color: #fff;\r\n        border-color: var(--ink);\r\n        font-weight: 600;\r\n      }\r\n\r\n      \/* =========================================\r\n         \u5361\u7247\u91cd\u6784\uff1a\u52a0\u6df1\u8fb9\u6846\u7ebf\uff0c\u5f3a\u5316\u5361\u7247\u5b9e\u4f53\u611f\r\n         ========================================= *\/\r\n      .emo-app .card {\r\n        width: 100%;\r\n        max-width: 580px;\r\n        background: #fff;\r\n        border-radius: 24px;\r\n        border: 1px solid #b0b8c4; \/* \u66f4\u6df1\u7684\u5361\u7247\u8fb9\u6cbf\u7ebf *\/\r\n        box-shadow: 0 6px 20px rgba(0,0,0,0.06); \/* \u66f4\u6e05\u6670\u7684\u9634\u5f71 *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin-bottom: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n      }\r\n      .emo-app .card-top {\r\n        padding: 24px 32px 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n      }\r\n      .emo-app .card-badge {\r\n        padding: 6px 14px;\r\n        border-radius: 100px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n      }\r\n      .emo-app .card-badge.child {\r\n        background: var(--child-bg); color: var(--child-text);\r\n        border: 1px solid var(--child-border);\r\n      }\r\n      .emo-app .card-badge.adult {\r\n        background: var(--adult-bg); color: var(--adult-text);\r\n        border: 1px solid var(--adult-border);\r\n      }\r\n      .emo-app .card-num {\r\n        font-size: 12px; font-weight: 600; color: #9ca3af;\r\n      }\r\n\r\n      .emo-app .card-center {\r\n        padding: 20px 40px 10px;\r\n        text-align: center;\r\n      }\r\n      .emo-app .card-emoji-big { font-size: 56px; margin-bottom: 8px; line-height: 1; }\r\n      .emo-app .card-title {\r\n        font-family: 'Noto Serif SC', serif;\r\n        font-size: 26px;\r\n        font-weight: 900;\r\n        line-height: 1.4;\r\n        margin-bottom: 4px;\r\n      }\r\n      .emo-app .card-scene {\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        color: var(--muted);\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      \/* \u5bf9\u8bdd\u6c14\u6ce1\u4e5f\u52a0\u4e0a\u660e\u663e\u7684\u8fb9\u6846\u7ebf *\/\r\n      .emo-app .card-speech {\r\n        margin: 0 28px 24px;\r\n        padding: 28px 24px 24px;\r\n        border-radius: 16px;\r\n        position: relative;\r\n        text-align: center;\r\n        border: 1px solid; \/* \u65b0\u589e\u8fb9\u6846\u7ebf *\/\r\n      }\r\n      .emo-app .child-cmd { \r\n        background: var(--child-bg); \r\n        border-color: var(--child-border); \r\n      }\r\n      .emo-app .adult-cmd { \r\n        background: var(--adult-bg); \r\n        border-color: var(--adult-border); \r\n      }\r\n\r\n      .emo-app .tag {\r\n        position: absolute;\r\n        top: -12px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 4px 16px;\r\n        border-radius: 100px;\r\n      }\r\n      .emo-app .child-l { background: var(--child-text); color: #fff; }\r\n      .emo-app .adult-l { background: var(--adult-text); color: #fff; }\r\n\r\n      .emo-app .card-speech p {\r\n        font-size: 17px;\r\n        font-weight: 600;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n      }\r\n      .emo-app .child-cmd p { color: var(--child-text); }\r\n      .emo-app .adult-cmd p { color: var(--adult-text); }\r\n\r\n      \/* \u5e95\u90e8\u6d1e\u5bdf\u533a\u589e\u52a0\u9876\u90e8\u9694\u79bb\u7ebf *\/\r\n      .emo-app .card-insight {\r\n        padding: 18px 32px;\r\n        text-align: center;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        border-top: 1px solid #e5e7eb; \/* \u589e\u52a0\u7ebf\u9694\u79bb *\/\r\n      }\r\n\r\n      \/* \u60c5\u7eea\u70b9\u7f00\u8272 *\/\r\n      .emo-app .fire .card-title { color: var(--fire); }\r\n      .emo-app .fire .card-insight { background: var(--fire-light); color: var(--fire-dark); }\r\n      .emo-app .sad .card-title { color: var(--sad); }\r\n      .emo-app .sad .card-insight { background: var(--sad-light); color: var(--sad-dark); }\r\n      .emo-app .fear .card-title { color: var(--fear-dark); }\r\n      .emo-app .fear .card-insight { background: var(--fear-light); color: var(--fear-dark); }\r\n      .emo-app .happy .card-title { color: var(--happy-dark); }\r\n      .emo-app .happy .card-insight { background: var(--happy-light); color: var(--happy-dark); }\r\n      .emo-app .calm .card-title { color: var(--calm-dark); }\r\n      .emo-app .calm .card-insight { background: var(--calm-light); color: var(--calm-dark); }\r\n      .emo-app .hug .card-title { color: var(--hug-dark); }\r\n      .emo-app .hug .card-insight { background: var(--hug-light); color: var(--hug-dark); }\r\n      .emo-app .gold .card-title { color: var(--gold-dark); }\r\n      .emo-app .gold .card-insight { background: var(--gold-light); color: var(--gold-dark); }\r\n\r\n      .emo-empty {\r\n        margin-top: 20px;\r\n        text-align: center;\r\n        color: var(--muted);\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n      }\r\n\r\n      \/* \u79fb\u52a8\u7aef\u9002\u914d\uff1a\u7edd\u5bf9\u4e0d\u906e\u6321 *\/\r\n      @media(max-width: 640px) {\r\n        .emo-tag-group { padding: 12px; }\r\n        .emo-tag-label { margin-right: 10px; font-size: 12px; }\r\n        .emo-app .card { max-width: 100%; border-radius: 20px; }\r\n        .emo-app .card-top { padding: 20px 24px 0; }\r\n        .emo-app .card-center { padding: 16px 20px 8px; }\r\n        .emo-app .card-speech { margin: 0 16px 20px; padding: 24px 16px 20px; }\r\n        .emo-app .card-insight { padding: 16px 20px; }\r\n      }\r\n    <\/style>\r\n\r\n    <script>\r\n      function emoSearch(q){\r\n        const url = new URL(window.location.href);\r\n        if (q) {\r\n          url.searchParams.set('es', q);\r\n        } else {\r\n          url.searchParams.delete('es');\r\n        }\r\n        window.location.href = url.toString();\r\n      }\r\n    <\/script>\r\n\r\n    <div class=\"emo-app\">\r\n      <h1 class=\"page-title\">\r\n        <a href=\"https:\/\/www.xiaozongbao.com\/\">\u9636\u6bb5\u4e09\uff1a\u57fa\u7840\u8bed\u8a00\u6a21\u5757\uff08\u5fc5\u5b66\uff09<\/a>\r\n      <\/h1>\r\n\r\n \r\n      <div class=\"emo-top-links\">\r\n        <a href=\"https:\/\/www.xiaozongbao.com\/\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n \u00a0 \u00a0 <span style=\"color: blue;\"> \u56de\u5230\u9996\u9875<\/span>\r\n\r\n        <\/a>\r\n\r\n\t\t \u00a0<a href=\"https:\/\/www.xiaozongbao.com\/cidian\/fd1\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"\/><\/svg>\r\n \u00a0<span style=\"color: blue;\"> \u9636\u6bb5\u4e00 \u52a8\u753b\u7247<\/span>\r\n<\/a>\r\n\r\n\t\t \u00a0<a href=\"https:\/\/www.xiaozongbao.com\/step2.html\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"\/><\/svg>\r\n \u00a0<span style=\"color: blue;\"> \u9636\u6bb5\u4e8c  <\/span>\r\n<\/a>\r\n        <a href=\"https:\/\/www.xiaozongbao.com\/cidian\/docs\/kids001\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"\/><\/svg>\r\n \u00a0  <span style=\"color: blue;\">\u9636\u6bb5\u56db<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- \u6807\u7b7e\u6392\u7248\uff1a\u7edd\u5bf9\u4e0d\u4f1a\u906e\u6321\uff0c\u8d85\u957f\u81ea\u52a8\u6362\u884c -->\r\n      <div class=\"emo-tag-container\">\r\n        <!-- \u89d2\u8272\u7ec4 -->\r\n        <div class=\"emo-tag-group\">\r\n          <div class=\"emo-tag-label\">\u89d2\u8272<\/div>\r\n          <div class=\"emo-tag-list\">\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u78b0\u706b\u9f99')\"\r\n              >\r\n                \u78b0\u706b\u9f99              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u6015\u6015\u9f20')\"\r\n              >\r\n                \u6015\u6015\u9f20              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u60b2\u4f24\u9c7c')\"\r\n              >\r\n                \u60b2\u4f24\u9c7c              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u5feb\u4e50\u7334')\"\r\n              >\r\n                \u5feb\u4e50\u7334              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u5e73\u9759\u732b')\"\r\n              >\r\n                \u5e73\u9759\u732b              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u73b0\u5728\u662f\u5c0f\u7cbd\u5b9d')\"\r\n              >\r\n                \u5c0f\u7cbd\u5b9d \u62b1\u4e00\u62b1              <\/button>\r\n                      <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u573a\u666f\u7ec4 -->\r\n        <div class=\"emo-tag-group\">\r\n          <div class=\"emo-tag-label\">\u573a\u666f<\/div>\r\n          <div class=\"emo-tag-list\">\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u5988\u5988\u7684\u78b0\u706b\u9f99\u6765\u4e86')\"\r\n              >\r\n                \u5988\u5988\u543c\u6211\u4e86              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u7528\u78b0\u706b\u9f99\u5efa\u7acb\u8fb9\u754c')\"\r\n              >\r\n                \u5efa\u7acb\u8fb9\u754c              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u73a9\u5177\u88ab\u62a2\u4e86')\"\r\n              >\r\n                \u73a9\u5177\u88ab\u62a2\u4e86              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u7238\u7238\u5988\u5988\u5435\u67b6\u4e86')\"\r\n              >\r\n                \u7238\u7238\u5988\u5988\u5435\u67b6              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u6211\u4e0d\u6562\u4e3e\u624b')\"\r\n              >\r\n                \u6211\u4e0d\u6562\u4e3e\u624b              <\/button>\r\n                          <button\r\n                type=\"button\"\r\n                class=\"emo-tag-btn \"\r\n                onclick=\"emoSearch('\u8001\u5e08\u6279\u8bc4\u6211')\"\r\n              >\r\n                \u8001\u5e08\u6279\u8bc4\u6211              <\/button>\r\n                      <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div style=\"width:100%; display:flex; flex-direction:column; align-items:center;\">\r\n        <div class=\"emo-empty\"><div style=\"font-size:32px; margin-bottom:12px;\">\u2728<\/div>\u5148\u70b9\u51fb\u4e0a\u65b9\u4efb\u610f\u4e00\u4e2a\u6807\u7b7e<br>\u5c31\u4f1a\u76f4\u63a5\u51fa\u73b0\u5bf9\u5e94\u5361\u7247<\/div>      <\/div>\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":1,"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/pages\/36\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/www.xiaozongbao.com\/cidian\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}