{"id":500,"date":"2026-06-15T16:56:39","date_gmt":"2026-06-15T08:56:39","guid":{"rendered":"https:\/\/arkdoc.cc\/?page_id=500"},"modified":"2026-06-23T16:53:04","modified_gmt":"2026-06-23T08:53:04","slug":"500-2","status":"publish","type":"page","link":"https:\/\/arkdoc.cc\/","title":{"rendered":""},"content":{"rendered":"\n

<\/h1>\n\n\n\n\n\n\n \n \n Arkdoc \u00b7 \u4e91\u4e0a\u65b9\u821f<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&family=Orbitron:wght@700;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n background: #0a0c14 !important;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n \/* \u9875\u9762\u56db\u5468\u4fdd\u6301 60px 40px \u7684\u9ec4\u91d1\u6bd4\u4f8b\u7269\u7406\u7559\u767d \/\n padding: 60px 40px !important; \n color: #ecf0f1;\n overflow-x: hidden;\n position: relative;\n }\n \/ \u8d5b\u535a\u670b\u514b\u5fae\u5f31\u6570\u5b57\u77e9\u9635\u80cc\u666f \/\n body::before {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background: radial-gradient(circle at 50% 40%, rgba(0, 242, 254, 0.06), rgba(10, 12, 20, 1));\n z-index: -1;\n }\n header {\n text-align: center;\n margin-bottom: 4rem;\n }\n \/ \u5934\u90e8\u5927\u5c3a\u5bf8 Logo \u4e0e \u6807\u8bed \/\n .logo {\n font-family: 'Orbitron', sans-serif;\n font-size: 4.4rem !important; \n font-weight: 900;\n letter-spacing: 3px !important;\n background: linear-gradient(45deg, #00f2fe, #4facfe, #7f00ff, #00f2fe);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: textShine 4s linear infinite;\n filter: drop-shadow(0 2px 10px rgba(0, 242, 254, 0.2));\n margin-bottom: 0.5rem;\n }\n .slogan {\n font-size: 1.25rem !important; \n color: #8194b0 !important; \n margin-top: 0.6rem;\n letter-spacing: 4px !important;\n border-bottom: 1px solid rgba(0, 242, 254, 0.15);\n display: inline-block;\n padding-bottom: 0.8rem !important;\n font-weight: 500;\n }\n \n \/ \u6536\u7d27\u603b\u5bbd\u5ea6\uff0c\u5e76\u4f18\u5316\u6bd4\u4f8b\uff0c\u8ba9\u53f3\u4fa7\u5916\u90e8\u6846\u5b8c\u7f8e\u7f29\u7a84\uff0c\u4e0d\u518d\u5bbd\u6241 \/\n .container {\n display: grid;\n \/ \u6539\u53d8\u5206\u914d\uff1a\u8ba9\u5de6\u4fa7\u535a\u5ba2\u5360\u6bd4\u52a0\u5927(1.35)\uff0c\u53f3\u4fa7\u5360\u6bd4\u7f29\u5c0f(1.5)\u3002\u5f3a\u884c\u6324\u538b\u53f3\u4fa7\u65b9\u5757\u7684\u6a2a\u5411\u5bbd\u5ea6 \/\n grid-template-columns: 1.35fr 1.5fr;\n gap: 30px; \n max-width: 1020px !important; \/ \u603b\u5bbd\u4ece 1080px \u8fdb\u4e00\u6b65\u5fae\u8c03\u6536\u62e2\u81f3 1020px\uff0c\u9632\u6b62\u5927\u5c4f\u4e0b\u88ab\u62c9\u5f97\u592a\u5bbd \/\n width: 100%;\n perspective: 1500px;\n }\n\n \/ 3D \u7ffb\u8f6c\u7ed3\u6784 \/\n .flip-card-container {\n width: 100%;\n display: flex;\n position: relative;\n }\n .flip-card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.15);\n transform-style: preserve-3d;\n }\n \/ \u89e6\u53d1\u7ffb\u8f6c \/\n .flip-card-container:hover .flip-card-inner {\n transform: rotateY(180deg);\n }\n .card-face {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n border-radius: 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2.2rem 1.8rem;\n border: 1px solid rgba(79, 172, 254, 0.2);\n text-decoration: none;\n }\n \/ \u535a\u5ba2\u6b63\u9762 \/\n .card-face.front {\n background: rgba(15, 23, 42, 0.65);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n gap: 20px;\n z-index: 2;\n }\n \/ \u535a\u5ba2\u80cc\u9762 \/\n .card-face.back {\n background: rgba(10, 15, 30, 0.95);\n transform: rotateY(180deg);\n box-shadow: 0 15px 35px rgba(0, 242, 254, 0.1);\n border-color: rgba(0, 242, 254, 0.3);\n justify-content: flex-start;\n overflow: hidden;\n }\n \n \/ \u80cc\u9762\u6807\u9898 \/\n .back-title {\n margin-bottom: 1rem;\n border-bottom: 1px solid rgba(0, 242, 254, 0.2);\n width: 100%;\n padding-bottom: 0.5rem;\n text-align: left;\n transition: border-color 0.2s;\n }\n .back-title:hover {\n border-color: rgba(0, 242, 254, 0.5);\n }\n .back-title-link {\n text-decoration: none; \n color: #00f2fe; \n font-size: 1.05rem; \n letter-spacing: 2px; \n text-shadow: 0 0 8px rgba(0, 242, 254, 0.4); \n display: flex; \n justify-content: space-between; \n align-items: center; \n width: 100%;\n font-family: 'Orbitron', sans-serif;\n }\n .back-title-arrow {\n transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .back-title-link:hover .back-title-arrow {\n transform: translateX(4px);\n color: #4facfe;\n }\n\n \/ \u535a\u6587\u7b80\u56fe\u7f51\u683c \/\n .post-mini-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n width: 100%;\n height: calc(100% - 2.5rem);\n }\n .mini-post-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 1rem;\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n text-align: left;\n justify-content: flex-start;\n transition: background 0.2s, border-color 0.2s, transform 0.2s;\n text-decoration: none;\n overflow: hidden;\n }\n .mini-post-card:hover {\n background: rgba(0, 242, 254, 0.05);\n border-color: rgba(0, 242, 254, 0.3);\n transform: translateY(-2px);\n }\n .mini-thumb {\n width: 100%;\n height: 65px;\n border-radius: 0.5rem;\n background: rgba(19, 25, 38, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.02);\n }\n .mini-post-card h3 {\n font-size: 0.85rem;\n color: #ffffff;\n font-weight: 600;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n line-height: 1.2;\n }\n .mini-post-card p {\n font-size: 0.72rem;\n color: #64748b;\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 0;\n }\n\n \/ \u53f3\u4fa7\u5feb\u6377\u5bfc\u822a\u6846\u7f51\u683c \/\n .nav-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px; \n }\n \n \/ \u53f3\u4fa7\u5feb\u6377\u5bfc\u822a\u5916\u90e8\u5361\u7247 \/\n .card {\n background: rgba(13, 17, 30, 0.75);\n border-radius: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.05);\n \/ \u589e\u52a0\u4e0a\u4e0b\u5185\u8fb9\u8ddd\uff0c\u51cf\u5c11\u5de6\u53f3\u5185\u8fb9\u8ddd\uff0c\u914d\u5408\u5916\u90e8\u6324\u538b\uff0c\u5f7b\u5e95\u8ba9\u5361\u7247\u544a\u522b\u5bbd\u6241\uff0c\u66f4\u52a0\u7cbe\u5e72\u89c4\u6574 \/\n padding: 3rem 1rem !important; \n text-decoration: none;\n color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n transition: border-color 0.3s, box-shadow 0.3s;\n position: relative;\n overflow: hidden;\n transform-style: preserve-3d;\n transform: translateZ(0);\n }\n .card:hover {\n border-color: rgba(0, 242, 254, 0.3);\n box-shadow: 0 10px 20px -5px rgba(0, 242, 254, 0.1);\n }\n \/ \u5149\u8f68\u6548\u679c \/\n .card::after {\n content: '';\n position: absolute;\n top: 0; left: -100%; width: 30%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0, 242, 254, 0.04) 100%);\n transform: skewX(-25deg);\n transition: 0.9s ease;\n }\n .card:hover::after {\n left: 130%;\n }\n \n \/ \u53f3\u4fa7\u5feb\u6377\u5bfc\u822a\u5185\u90e8\u6846\uff08\u56fe\u6807\u5bb9\u5668\uff09\u5c3a\u5bf8\u7f29\u51cf\uff0c\u89e3\u51b3\u7565\u5927\u7684\u7a81\u5140\u611f \/\n .card-image {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n max-width: 72px !important; \/ \u4ece 85px \u8fdb\u4e00\u6b65\u7cbe\u81f4\u7f29\u5c0f\u5230 72px\uff0c\u66f4\u663e\u7d27\u51d1\u9ad8\u7ea7 \/\n margin-bottom: 1.2rem !important;\n border-radius: 1.2rem; \/ \u8fb9\u7f18\u5f27\u5ea6\u540c\u6b65\u5fae\u8c03\uff0c\u914d\u5408\u5c0f\u6846\u66f4\u52a0\u7cbe\u81f4 \/\n display: flex;\n align-items: center;\n justify-content: center;\n background: #131926;\n transition: transform 0.4s ease;\n box-shadow: 0 6px 15px rgba(0,0,0,0.35);\n transform: translateZ(15px);\n }\n \/ \u4e3b\u535a\u5ba2\u6b63\u9762\u72ec\u7acb\u5927\u56fe\u5fae\u8c03 \/\n .card.main-blog .card-image { \n background: #1a2336; \n max-width: 105px !important; \/ \u4e3b\u535a\u5ba2\u5185\u90e8\u6846\u4ece 120px \u7f29\u81f3 105px \u534f\u8c03\u6bd4\u4f8b \/\n margin-bottom: 1.2rem !important;\n }\n .card:hover .card-image {\n transform: translateZ(20px) scale(1.02);\n }\n .card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n opacity: 0.85;\n }\n .card:hover .card-image img {\n opacity: 1;\n }\n .card-info { transform: translateZ(10px); }\n .card h2 {\n font-size: 1.25rem !important; \/ \u5b57\u4f53\u5fae\u8c03\u914d\u5408\u7cbe\u81f4\u5c0f\u6846 \/\n font-weight: 700;\n margin-bottom: 0.4rem;\n color: #ffffff;\n letter-spacing: 0.5px;\n }\n .card.main-blog h2 { \n font-size: 1.5rem !important;\n color: #8bc34a; \n text-shadow: 0 0 6px rgba(139, 195, 74, 0.1); \n } \n .card:hover h2 { color: #00f2fe; }\n .card p { font-size: 0.8rem !important; color: #94a3b8; line-height: 1.5; }\n\n \/ \u5e95\u90e8\u8bf4\u660e \/\n .footer-note {\n text-align: center;\n margin-top: 4.5rem;\n font-size: 0.9rem;\n color: #475569;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-wrap: wrap;\n border-top: 1px solid rgba(255,255,255,0.05);\n padding-top: 1.8rem;\n width: 100%;\n max-width: 1020px; \/ \u540c\u6b65\u6536\u7d27 \/\n letter-spacing: 1px;\n }\n .wordpress-badge {\n background: rgba(0, 242, 254, 0.08);\n padding: 0.25rem 1rem;\n border-radius: 2rem;\n font-weight: 600;\n color: #00f2fe;\n border: 1px solid rgba(0, 242, 254, 0.15);\n margin-left: 0.3rem;\n }\n @keyframes textShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n \/ \u54cd\u5e94\u5f0f\u964d\u7ea7 *\/\n @media (max-width: 960px) {\n .container { grid-template-columns: 1fr; }\n .flip-card-container { min-height: 480px; }\n }\n @media (max-width: 580px) {\n .nav-grid, .post-mini-grid { grid-template-columns: 1fr; }\n .flip-card-container { min-height: auto; height: auto; aspect-ratio: 1\/1.5; }\n .logo { font-size: 2.8rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <div class=\"logo\">Arkdoc<\/div>\n <div class=\"slogan\">\u6816\u4e8e\u4e91\u4e0a \u00b7 \u821f\u8f7d\u4e07\u7269<\/div>\n <\/header>\n\n <div class=\"container\">\n <div class=\"flip-card-container\">\n <div class=\"flip-card-inner\">\n \n <a href=\"https:\/\/arkdoc.cc\/index.php\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card-face front card main-blog\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%231a2336'\/%3E%3Ccircle cx='100' cy='85' r='32' fill='%2300f2fe' opacity='0.15'\/%3E%3Cpath d='M76 98 L92 76 L108 98 L124 76 L140 98' stroke='%234facfe' stroke-width='4.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3Cline x1='100' y1='70' x2='100' y2='52' stroke='%234facfe' stroke-width='4' stroke-linecap='round'\/%3E%3Cpath d='M90 52 L110 52' stroke='%234facfe' stroke-width='3.5' stroke-linecap='round'\/%3E%3Ccircle cx='156' cy='148' r='22' fill='%237f00ff' opacity='0.3'\/%3E%3Ctext x='100' y='165' text-anchor='middle' font-family='Orbitron, sans-serif' font-size='15' fill='%23ffffff' font-weight='bold'%3EARKDOC%3C\/text%3E%3C\/svg%3E\" alt=\"Arkdoc \u5b66\u672f\u535a\u5ba2\">\n <\/div>\n <div class=\"card-info\">\n <h2>\u5b66\u672f\u535a\u5ba2<\/h2>\n <p>\u6df1\u5ea6\u4e13\u4e1a\u77e5\u8bc6\u5e93 \u00b7 \u60ac\u505c\u63a2\u79d8\u6700\u65b0\u52a8\u6001<\/p>\n <\/div> \n <\/a>\n\n <div class=\"card-face back\">\n <div class=\"back-title\">\n <a href=\"https:\/\/arkdoc.cc\/index.php\/news\/\" class=\"back-title-link\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\u67e5\u770b\u5168\u90e8\u535a\u6587\">\n <span>RECENT POSTS \/\/ \u5168\u90e8\u535a\u6587<\/span>\n <span class=\"back-title-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <div class=\"post-mini-grid\">\n <p style=\"grid-column: span 2; text-align:center; color:#475569; padding-top: 40px; font-size: 0.85rem;\">\u77e9\u9635\u52a0\u8f7d\u4e2d\uff0c\u8fde\u63a5\u6570\u636e\u6d41…<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"nav-grid\">\n <a href=\"https:\/\/lib.arkdoc.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card\" title=\"\u5b66\u672f\u641c\u7d22\u5bfc\u822a\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23131926'\/%3E%3Ccircle cx='85' cy='82' r='38' fill='%2300f2fe' opacity='0.1'\/%3E%3Ccircle cx='85' cy='82' r='28' fill='none' stroke='%2300f2fe' stroke-width='4'\/%3E%3Cline x1='112' y1='109' x2='135' y2='132' stroke='%234facfe' stroke-width='5' stroke-linecap='round'\/%3E%3Cpath d='M62 86 L108 86' stroke='%234facfe' stroke-width='4' stroke-linecap='round'\/%3E%3Ccircle cx='85' cy='82' r='10' fill='%237f00ff' opacity='0.5'\/%3E%3Ctext x='100' y='165' text-anchor='middle' font-family='Orbitron, sans-serif' font-size='16' fill='%23ffffff' font-weight='bold'%3ESEARCH%3C\/text%3E%3C\/svg%3E\" alt=\"\u5b66\u672f\u641c\u7d22\">\n <\/div>\n <div class=\"card-info\">\n <h2>\u5b66\u672f\u641c\u7d22<\/h2>\n <p>SCI-HUB\u4e0e\u6743\u5a01\u6587\u732e\u6570\u636e\u5e93\u76f4\u8fbe<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/media.arkdoc.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card\" title=\"\u5b66\u672f\u89c6\u9891\u4e0e\u8bb2\u5ea7\u5bfc\u822a\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23131926'\/%3E%3Crect x='52' y='58' width='96' height='68' rx='14' fill='%234facfe' opacity='0.15'\/%3E%3Cpolygon points='85,74 85,110 120,92' fill='%2300f2fe' stroke='%2300f2fe' stroke-width='2.5' stroke-linejoin='round'\/%3E%3Ccircle cx='100' cy='150' r='14' fill='none' stroke='%237f00ff' stroke-width='3'\/%3E%3Ctext x='100' y='168' text-anchor='middle' font-family='Orbitron, sans-serif' font-size='16' fill='%23ffffff' font-weight='bold'%3EVIDEO%3C\/text%3E%3C\/svg%3E\" alt=\"\u89c6\u9891\u5f71\u97f3\">\n <\/div>\n <div class=\"card-info\">\n <h2>\u89c6\u9891\u5f71\u97f3<\/h2>\n <p>\u6700\u65b0\u52a8\u6f2b\u3001\u7535\u5f71\u4e0e\u7535\u89c6\u5267\u89c6\u9891\u805a\u5408<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/game.arkdoc.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card\" title=\"\u6e38\u620f\u4e0e\u6a21\u62df\u5bfc\u822a\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23131926'\/%3E%3Crect x='60' y='58' width='36' height='30' rx='6' fill='%237f00ff' opacity='0.3'\/%3E%3Crect x='104' y='58' width='36' height='30' rx='6' fill='%237f00ff' opacity='0.3'\/%3E%3Ccircle cx='80' cy='116' r='18' fill='none' stroke='%2300f2fe' stroke-width='4'\/%3E%3Ccircle cx='120' cy='116' r='18' fill='none' stroke='%2300f2fe' stroke-width='4'\/%3E%3Cpath d='M80 134 L80 148 M120 134 L120 148' stroke='%234facfe' stroke-width='3'\/%3E%3Ctext x='100' y='172' text-anchor='middle' font-family='Orbitron, sans-serif' font-size='16' fill='%23ffffff' font-weight='bold'%3EGAME%3C\/text%3E%3C\/svg%3E\" alt=\"\u6e38\u620f\u7ade\u6280\">\n <\/div>\n <div class=\"card-info\">\n <h2>\u6e38\u620f\u7ade\u6280<\/h2>\n <p>\u9ad8\u6210\u957f\u6027\u3001\u673a\u5236\u6d41\u786c\u6838\u6e38\u620f\u57fa\u5730<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/tool.arkdoc.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card\" title=\"\u7ecf\u5178\u5b66\u672f\u5de5\u5177\u4e0e\u8d44\u6e90\">\n <div class=\"card-image\">\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23131926'\/%3E%3Crect x='62' y='56' width='76' height='60' rx='8' fill='none' stroke='%234facfe' stroke-width='4'\/%3E%3Ccircle cx='85' cy='86' r='10' fill='%2300f2fe'\/%3E%3Ccircle cx='115' cy='86' r='10' fill='%2300f2fe'\/%3E%3Cline x1='85' y1='96' x2='115' y2='96' stroke='%234facfe' stroke-width='3'\/%3E%3Crect x='88' y='106' width='24' height='8' fill='%237f00ff'\/%3E%3Ctext x='100' y='165' text-anchor='middle' font-family='Orbitron, sans-serif' font-size='15' fill='%23ffffff' font-weight='bold'%3ETOOLS%3C\/text%3E%3C\/svg%3E\" alt=\"\u667a\u80fd\u5de5\u5177\">\n <\/div>\n <div class=\"card-info\">\n <h2>\u7ecf\u5178\u5de5\u5177<\/h2>\n <p>\u79d1\u7814\u7ba1\u7406\u3001\u53ef\u89c6\u5316\u4e0e\u667a\u80fd\u4fbf\u6377\u5de5\u5177<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <span><\/span>\n <span class=\"wordpress-badge\">2026 Arkdoc Core SYSTEM<\/span>\n <span><\/span>\n <\/div>\n\n <script defer=\"\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.7.0\/vanilla-tilt.min.js\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const initTilt = () => {\n if (typeof VanillaTilt !== 'undefined') {\n VanillaTilt.init(document.querySelectorAll(\".nav-grid .card\"), { max: 4, speed: 1000, glare: true, \"max-glare\": 0.05, perspective: 1500 });\n } else { setTimeout(initTilt, 50); }\n };\n initTilt();\n\n \/\/ 3. \u5f02\u6b65\u8bf7\u6c42\u771f\u5b9e\u540e\u53f0\u535a\u6587\u63a7\u5236\u6d41\uff1a\u5df2\u5728\u6a21\u7248\u5b57\u7b26\u4e32\u52a8\u6001\u751f\u6210\u4e2d\u6ce8\u5165 target=\"_blank\"\n fetch('\/wp-json\/wp\/v2\/posts?per_page=4&_embed')\n .then(res => res.json())\n .then(posts => {\n const container = document.querySelector('.post-mini-grid');\n if (posts && posts.length > 0) {\n container.innerHTML = '';\n posts.forEach(post => {\n const title = post.title.rendered;\n const excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, '').substring(0, 35) + '...';\n let thumbUrl = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='65'%3E%3Crect width='120' height='65' fill='%23131926'\/%3E%3Cpath d='M20 45 Q 40 15, 60 35 T 100 20' stroke='%2300f2fe' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\";\n if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) { \n thumbUrl = post._embedded['wp:featuredmedia'][0].source_url; \n }\n \/\/ \u5728\u8fd9\u91cc\u7cbe\u51c6\u6dfb\u52a0\u4e86 target=\"_blank\" \u548c rel=\"noopener noreferrer\"\n container.insertAdjacentHTML('beforeend', `\n <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mini-post-card\">\n <div class=\"mini-thumb\">\n <img decoding=\"async\" src=\"${thumbUrl}\" alt=\"${title}\" style=\"width:100%; height:100%; object-fit:cover;\">\n <\/div>\n <h3>${title}<\/h3>\n <p>${excerpt}<\/p>\n <\/a>\n `);\n });\n } else { \n container.innerHTML = '<p style=\"grid-column: span 2; text-align:center; color:#475569; padding-top: 40px;\">\u6682\u65e0\u53d1\u5e03\u7684\u535a\u6587<\/p>'; \n }\n }).catch(() => {\n document.querySelector('.post-mini-grid').innerHTML = '<p style=\"grid-column: span 2; text-align:center; color:#475569; padding-top: 40px;\">\u6682\u65e0\u53d1\u5e03\u7684\u535a\u6587<\/p>';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Arkdoc \u00b7 \u4e91\u4e0a\u65b9\u821f Arkdoc \u6816\u4e8e\u4e91\u4e0a \u00b7 \u821f\u8f7d\u4e07\u7269 \u5b66\u672f\u535a\u5ba2 \u6df1\u5ea6\u4e13\u4e1a\u77e5\u8bc6\u5e93 \u00b7 \u60ac\u505c\u63a2\u79d8\u6700\u65b0\u52a8 … <a href=\"https:\/\/arkdoc.cc\/\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page-builder-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-500","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/pages\/500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/comments?post=500"}],"version-history":[{"count":13,"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/pages\/500\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/pages\/500\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/arkdoc.cc\/index.php\/wp-json\/wp\/v2\/media?parent=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}