{"id":1437,"date":"2026-06-14T18:18:18","date_gmt":"2026-06-14T10:18:18","guid":{"rendered":"https:\/\/braimu.com\/?page_id=1437"},"modified":"2026-06-14T18:23:56","modified_gmt":"2026-06-14T10:23:56","slug":"%e6%88%91%e7%9a%84%e6%8e%a8%e8%8d%90","status":"publish","type":"page","link":"https:\/\/braimu.com\/index.php\/%e6%88%91%e7%9a%84%e6%8e%a8%e8%8d%90\/","title":{"rendered":"\u6211\u7684\u63a8\u8350"},"content":{"rendered":"<div class=\"author-tab-container dark-theme-ctx\"><div class=\"author-tabs-nav\"><button class=\"author-tab-btn active\" data-target=\"author-panel-0\">\u5468\u6811\u4eba<\/button><button class=\"author-tab-btn\" data-target=\"author-panel-1\">\u9c81\u8fc5<\/button><\/div><div class=\"author-tabs-content\"><div id=\"author-panel-0\" class=\"posts-grid-layout\" style=\"display: grid;\"><a href=\"https:\/\/braimu.com\/index.php\/2026\/06\/14\/%e6%8e%a8%e8%8d%90-2\/\" class=\"horizontal-post-card ct-backdrop-s ct-boxshadow\"><div class=\"card-left-img\"><img decoding=\"async\" src=\"https:\/\/braimu.com\/wp-content\/uploads\/2026\/06\/Marilyn-Manson-300x196.png\" alt=\"Marilyn Manson\"><\/div><div class=\"card-right-info\"><h3 class=\"card-title\">Marilyn Manson<\/h3><p class=\"card-excerpt\">\u5410\u75f0\u739b\u4e3d<\/p><\/div><\/a><\/div><div id=\"author-panel-1\" class=\"posts-grid-layout\" style=\"display: none;\"><a href=\"https:\/\/braimu.com\/index.php\/2026\/06\/15\/%e6%8e%a8%e8%8d%90-3\/\" class=\"horizontal-post-card ct-backdrop-s ct-boxshadow\"><div class=\"card-left-img\"><img decoding=\"async\" src=\"https:\/\/braimu.com\/wp-content\/uploads\/2026\/06\/lose-yourself-8-Mile-300x224.png\" alt=\"lose yourself-8 Mile\"><\/div><div class=\"card-right-info\"><h3 class=\"card-title\">lose yourself-8 Mile<\/h3><p class=\"card-excerpt\">\u59c6\u7237<\/p><\/div><\/a><a href=\"https:\/\/braimu.com\/index.php\/2026\/06\/14\/%e6%8e%a8%e8%8d%90\/\" class=\"horizontal-post-card ct-backdrop-s ct-boxshadow\"><div class=\"card-left-img\"><img decoding=\"async\" src=\"https:\/\/braimu.com\/wp-content\/uploads\/2025\/11\/blog-article-image-4-300x180.webp\" alt=\"\u63a8\u8350\"><\/div><div class=\"card-right-info\"><h3 class=\"card-title\">\u63a8\u8350<\/h3><p class=\"card-excerpt\">\u8fd9\u91cc\u662f\u6458\u8981\u7684\u5185\u5bb9<\/p><\/div><\/a><a href=\"https:\/\/braimu.com\/index.php\/2026\/06\/13\/my-post\/\" class=\"horizontal-post-card ct-backdrop-s ct-boxshadow\"><div class=\"card-left-img\"><img decoding=\"async\" src=\"https:\/\/braimu.com\/wp-content\/uploads\/2025\/11\/blog-article-image-10-300x180.webp\" alt=\"\u63a8\u8350\"><\/div><div class=\"card-right-info\"><h3 class=\"card-title\">\u63a8\u8350<\/h3><p class=\"card-excerpt\">\u8fd9\u91cc\u662f\u6458\u8981\u7684\u5185\u5bb9<\/p><\/div><\/a><\/div><\/div><\/div><style>\n        .author-tab-container.dark-theme-ctx {\n            width: 100%;\n            margin: 20px 0;\n        }\n        \/* Tab \u5bfc\u822a\u6761 *\/\n        .author-tabs-nav {\n            display: flex;\n            gap: 12px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            padding-bottom: 12px;\n            margin-bottom: 25px;\n            overflow-x: auto;\n            white-space: nowrap;\n        }\n        .author-tabs-nav::-webkit-scrollbar {\n            display: none;\n        }\n        \/* \u672a\u9009\u4e2d Tab \u6837\u5f0f *\/\n        .author-tab-btn {\n            background: rgba(255, 255, 255, 0.06);\n            color: rgba(255, 255, 255, 0.7);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            padding: 6px 18px;\n            font-size: 0.9rem;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            font-weight: 500;\n        }\n        .author-tab-btn:hover {\n            color: #39a751;\n            background: rgba(255, 255, 255, 0.1);\n        }\n        \/* \u6fc0\u6d3b\uff08\u9009\u4e2d\uff09\u65f6\u7684\u7eff\u8272\u6837\u5f0f *\/\n        .author-tab-btn.active {\n            background-color: #39a751 !important;\n            color: #ffffff !important;\n            border-color: #39a751;\n            font-weight: bold;\n            box-shadow: 0 2px 10px rgba(57, 167, 81, 0.3);\n        }\n        \n        \/* \u6805\u683c\uff1a\u4e00\u884c\u4e09\u4e2a *\/\n        .posts-grid-layout {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n        \n        \/* \u6a2a\u5411\u5361\u7247\u94fe\u63a5 *\/\n        .horizontal-post-card {\n            display: flex;\n            background: transparent !important;\n            text-decoration: none !important;\n            border-radius: 8px;\n            overflow: hidden;\n            \/* \u5173\u952e\u6539\u52a8\uff1a\u9ed8\u8ba4\u672a\u6fc0\u6d3b\u72b6\u6001\u4e0b\u4e0d\u8bbe\u4efb\u4f55\u8fb9\u6846\u8272 *\/\n            border: 1px solid transparent; \n            transition: transform 0.25s ease, border-color 0.25s ease;\n            height: 160px;\n            box-sizing: border-box;\n        }\n        \/* \u9f20\u6807\u60ac\u505c\u5361\u7247\u65f6\uff1a\u8f7b\u5fae\u6d6e\u8d77\uff0c\u5e76\u663e\u73b0\u51fa\u7eff\u8272\u7684\u8fb9\u6846 *\/\n        .horizontal-post-card:hover {\n            transform: translateY(-4px);\n            border-color: #39a751;\n        }\n        \n        \/* \u5de6\u4fa7\u56fe\u7247\u533a\u57df *\/\n        .card-left-img {\n            width: 120px;\n            min-width: 120px;\n            height: 100%;\n            position: relative;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 6px; \/* \u4e3a\u56fe\u7247\u52a0\u4e00\u70b9\u5c0f\u5706\u89d2\u8ba9\u65e0\u8fb9\u6846\u65f6\u66f4\u7cbe\u81f4 *\/\n            overflow: hidden;\n        }\n        .card-left-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n        .horizontal-post-card:hover .card-left-img img {\n            transform: scale(1.05);\n        }\n        .card-left-img.no-img {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11px;\n            color: rgba(255,255,255,0.4);\n        }\n        \n        \/* \u53f3\u4fa7\u6587\u672c\u533a *\/\n        .card-right-info {\n            padding: 14px 14px 14px 16px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            flex-grow: 1;\n            text-align: left;\n        }\n        \/* \u6807\u9898 *\/\n        .card-title {\n            margin: 0 0 8px 0;\n            font-size: 1.2rem;\n            font-weight: 600;\n            line-height: 1.4;\n            color: rgba(255, 255, 255, 0.95);\n            transition: color 0.2s;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-shadow: none !important;\n        }\n        \/* \u60ac\u505c\u65f6\u6807\u9898\u53d8\u7eff *\/\n        .horizontal-post-card:hover .card-title {\n            color: #39a751;\n        }\n        \/* \u6458\u8981 *\/\n        .card-excerpt {\n            margin: 0;\n            font-size: 0.82rem;\n            color: rgba(255, 255, 255, 0.6);\n            line-height: 1.5;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-align: justify;\n        }\n        .dark-hint {\n            color: rgba(255,255,255,0.4);\n            font-style: italic;\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n        @media (max-width: 1150px) {\n            .posts-grid-layout { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 720px) {\n            .posts-grid-layout { grid-template-columns: 1fr; gap: 14px; }\n            .horizontal-post-card { height: 130px; }\n            .card-left-img { width: 100px; min-width: 100px; }\n        }\n    <\/style><script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const tabs = document.querySelectorAll(\".author-tab-btn\");\n            tabs.forEach(tab => {\n                tab.addEventListener(\"click\", function() {\n                    tabs.forEach(t => t.classList.remove(\"active\"));\n                    this.classList.add(\"active\");\n                    \n                    const panels = document.querySelectorAll(\".posts-grid-layout\");\n                    panels.forEach(p => p.style.display = \"none\");\n                    \n                    const targetId = this.getAttribute(\"data-target\");\n                    const targetPanel = document.getElementById(targetId);\n                    if (targetPanel) {\n                        targetPanel.style.display = \"grid\";\n                    }\n                });\n            });\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1437","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/pages\/1437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/comments?post=1437"}],"version-history":[{"count":2,"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/pages\/1437\/revisions"}],"predecessor-version":[{"id":1439,"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/pages\/1437\/revisions\/1439"}],"wp:attachment":[{"href":"https:\/\/braimu.com\/index.php\/wp-json\/wp\/v2\/media?parent=1437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}