{"id":205,"date":"2026-03-17T15:32:55","date_gmt":"2026-03-17T07:32:55","guid":{"rendered":"http:\/\/10.140.25.199:8998\/?page_id=205"},"modified":"2026-03-19T15:48:04","modified_gmt":"2026-03-19T07:48:04","slug":"%e5%8a%a0%e5%85%a5%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/shijichuanmei.com\/index.php\/%e5%8a%a0%e5%85%a5%e6%88%91%e4%bb%ac\/","title":{"rendered":"\u52a0\u5165\u6211\u4eec"},"content":{"rendered":"\n<style>\n\/* =========================================\n   === \u7ec8\u6781\u66b4\u529b\u6e05\u96f6 & \u9ed1\u573a\u6e10\u663e\u4e13\u5c5e\u7248 ===\n========================================= *\/\nhtml, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    background-color: #05080e !important;\n    overflow-x: hidden !important;\n    width: 100vw !important;\n    min-height: 100vh !important; \n    visibility: hidden !important; \/* \u5168\u5c40\u9690\u85cf\u9632\u95ea\u70c1 *\/\n}\n\n@keyframes masterFadeIn {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n}\n\n#shiji-join-root, #shiji-join-root *,\n#wpadminbar, #wpadminbar * {\n    visibility: visible !important;\n}\n\n\/* \u6838\u5fc3\u5bb9\u5668\uff1a\u8131\u79bb\u4e00\u5207\u4e3b\u9898\u675f\u7f1a\uff0c\u52a0\u5165\u6e10\u663e\u5f15\u64ce *\/\n#shiji-join-root {\n    opacity: 0;\n    animation: masterFadeIn 1s ease-out 0.1s forwards;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    line-height: 1.6;\n    color: #ffffff;\n    background-color: #05080e;\n    background-image: radial-gradient(circle at 50% 0%, #0a1628 0%, #030509 100%);\n    width: 100vw !important;\n    min-height: 100vh;\n    position: relative;\n    z-index: 999999; \n    overflow-x: hidden;\n    padding: 120px 5vw 120px 5vw;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n#shiji-join-root * {\n    box-sizing: border-box;\n}\n\n\/* \u5185\u90e8\u5185\u5bb9\u9650\u5bbd\u5c45\u4e2d *\/\n.join-content-wrapper {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n#shiji-join-root h1, \n#shiji-join-root h2, \n#shiji-join-root h3 {\n    margin-top: 0;\n    font-weight: 700;\n}\n\n\/* === \u52a8\u753b\u5f15\u64ce === *\/\n.io-anim {\n    opacity: 0;\n    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\n    will-change: opacity, transform;\n}\n.io-fade-up { transform: translateY(40px); }\n.io-fade-right { transform: translateX(-40px); }\n.io-anim.is-visible {\n    opacity: 1 !important;\n    transform: translate(0, 0) !important;\n}\n\n\/* =========================================\n   === \u60ac\u6d6e\u8fd4\u56de\u6309\u94ae ===\n========================================= *\/\n.shiji-back-btn {\n    position: absolute;\n    top: 30px;\n    left: 30px;\n    z-index: 9999999;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    border-radius: 30px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #fff;\n    text-decoration: none;\n    font-size: 0.95rem;\n    letter-spacing: 1px;\n    transition: all 0.3s ease;\n}\n\n.shiji-back-btn:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateX(-5px);\n    color: #00e1ff;\n    border-color: rgba(0, 225, 255, 0.3);\n}\n\n\/* =========================================\n   === \u9875\u9762\u5934\u90e8 ===\n========================================= *\/\n.join-header { text-align: center; margin-bottom: 80px; }\n.join-title { font-size: 46px; color: #ffffff; margin-bottom: 24px; letter-spacing: 2px;}\n\n\/* \u7edf\u4e00\u98ce\u683c\u7684\u4eae\u84dd\u8272\u77ed\u6a2a\u7ebf *\/\n.join-blue-line { \n    width: 60px; height: 3px; \n    background: #00e1ff; \n    margin: 0 auto 30px auto; \n    border-radius: 2px; \n    box-shadow: 0 0 15px rgba(0, 225, 255, 0.5); \n}\n\n.join-subtitle { font-size: 18px; color: #8b95a5; max-width: 700px; margin: 0 auto; line-height: 1.8; }\n\n\/* =========================================\n   === \u6838\u5fc3\u5e03\u5c40\uff1a\u4e09\u5217\u62db\u8058\u5361\u7247 ===\n========================================= *\/\n.join-cards-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    margin-bottom: 80px;\n}\n\n.job-card {\n    background: rgba(255, 255, 255, 0.02); \n    border: 1px solid rgba(255, 255, 255, 0.05); \n    border-radius: 16px;\n    padding: 50px 30px;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n}\n\n.job-card:hover {\n    background: rgba(255, 255, 255, 0.05);\n    border-color: rgba(0, 225, 255, 0.3);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n    transform: translateY(-10px);\n}\n\n.job-icon {\n    width: 64px; height: 64px;\n    background: rgba(0, 225, 255, 0.05);\n    border-radius: 50%;\n    display: flex; justify-content: center; align-items: center;\n    color: #00e1ff; font-size: 28px;\n    margin-bottom: 24px;\n    transition: all 0.3s ease;\n}\n\n.job-card:hover .job-icon {\n    background: #00e1ff;\n    color: #05080e;\n    box-shadow: 0 0 20px rgba(0, 225, 255, 0.4);\n    transform: scale(1.1);\n}\n\n.job-content h4 { font-size: 20px; margin-bottom: 15px; color: #fff; letter-spacing: 1px;}\n.job-content p { font-size: 14px; color: #8b95a5; margin: 0 0 15px 0; line-height: 1.7;}\n\n\/* \u5e95\u90e8\u6295\u9012\u6309\u94ae *\/\n.join-btn-container { text-align: center; }\n.join-btn {\n    display: inline-block;\n    padding: 16px 50px;\n    border: 1px solid #00e1ff;\n    color: #00e1ff;\n    text-decoration: none;\n    border-radius: 40px;\n    font-weight: 600;\n    transition: all 0.3s;\n    font-size: 16px;\n    letter-spacing: 1px;\n}\n.join-btn:hover {\n    background: #00e1ff;\n    color: #05080e;\n    box-shadow: 0 0 30px rgba(0, 225, 255, 0.4);\n}\n\n\/* --- \u54cd\u5e94\u5f0f --- *\/\n@media (max-width: 992px) {\n    .join-cards-container { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto 60px auto; }\n}\n@media (max-width: 768px) {\n    #shiji-join-root { padding-top: 80px; padding-bottom: 80px; }\n    .join-title { font-size: 36px; }\n    .join-subtitle { font-size: 16px; }\n    .shiji-back-btn { top: 15px; left: 15px; font-size: 0.85rem; padding: 8px 15px; }\n}\n<\/style>\n\n<div id=\"shiji-join-root\">\n\n    <a href=\"javascript:history.back()\" class=\"shiji-back-btn io-anim io-fade-right\" style=\"transition-delay: 100ms;\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n            <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n        <\/svg>\n        \u8fd4\u56de\u4e0a\u4e00\u9875\n    <\/a>\n\n    <div class=\"join-content-wrapper\">\n\n        <div class=\"join-header\">\n            <h1 class=\"join-title io-anim io-fade-up\">\u52a0\u5165\u6211\u4eec<\/h1>\n            <div class=\"join-blue-line io-anim io-fade-up\"><\/div>\n            <p class=\"join-subtitle io-anim io-fade-up\" style=\"transition-delay: 100ms;\">\n                \u6211\u4eec\u5728\u5bfb\u627e\u6781\u5177\u5929\u8d4b\u7684\u5bfc\u6f14\u3001\u540e\u671f\u3001\u97f3\u9891\u5236\u4f5c\u53ca\u7248\u6743\u8fd0\u8425\u7b49\u884c\u4e1a\u9876\u5c16\u4eba\u624d\uff0c\u4e0e\u89c6\u8ff9\u4f20\u5a92\u5171\u521b\u89c6\u542c\u5dc5\u5cf0\u3002\n            <\/p>\n        <\/div>\n\n        <div class=\"join-cards-container\">\n            \n            <div class=\"job-card io-anim io-fade-up\" style=\"transition-delay: 200ms;\">\n                <div class=\"job-icon\">\ud83c\udfac<\/div>\n                <div class=\"job-content\">\n                    <h4>\u5bfc\u6f14 \/ \u8d44\u6df1\u5236\u7247<\/h4>\n                    <p>\u8d1f\u8d23\u6838\u5fc3\u5f71\u89c6\u9879\u76ee\u4e0eTVC\u5e7f\u544a\u7684\u7edf\u7b79\u4e0e\u6267\u5bfc\u3002\u62e5\u6709\u654f\u9510\u7684\u89c6\u89c9\u5ba1\u7f8e\uff0c\u80fd\u591f\u7cbe\u51c6\u628a\u63a7\u4ece\u524d\u671f\u7b56\u5212\u5230\u73b0\u573a\u8c03\u5ea6\u7684\u5168\u6d41\u7a0b\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"job-card io-anim io-fade-up\" style=\"transition-delay: 300ms;\">\n                <div class=\"job-icon\">\ud83d\udda5\ufe0f<\/div>\n                <div class=\"job-content\">\n                    <h4>\u540e\u671f\u89c6\u89c9 \/ \u6df7\u97f3\u5de5\u7a0b\u5e08<\/h4>\n                    <p>\u7cbe\u901a\u8fbe\u82ac\u5947\u8c03\u8272\u3001CG\u7279\u6548\uff0c\u6216\u719f\u7ec3\u638c\u63e1\u9876\u7ea7\u6bcd\u5e26\/\u6df7\u97f3\u5de5\u7a0b\u3002\u7528\u5de5\u4e1a\u7ea7\u7684\u624b\u6cd5\uff0c\u8d4b\u4e88\u6bcf\u4e00\u5e27\u753b\u9762\u548c\u97f3\u9891\u771f\u6b63\u7684\u7075\u9b42\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"job-card io-anim io-fade-up\" style=\"transition-delay: 400ms;\">\n                <div class=\"job-icon\">\ud83d\udcc8<\/div>\n                <div class=\"job-content\">\n                    <h4>\u5546\u52a1\u4e0e\u7248\u6743\u8fd0\u8425<\/h4>\n                    <p>\u719f\u6089\u97f3\u4e50\u53ca\u5f71\u89c6\u7248\u6743\u5e02\u573a\uff0c\u5177\u5907\u6781\u5f3a\u7684\u5546\u4e1a\u55c5\u89c9\u3002\u8d1f\u8d23\u62d3\u5bbd\u5168\u94fe\u8def\u53d1\u53d1\u6e20\u9053\uff0c\u8ba9\u597d\u5185\u5bb9\u5b9e\u73b0\u6700\u5927\u5316\u7684\u5546\u4e1a\u4ef7\u503c\u3002<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"join-btn-container io-anim io-fade-up\" style=\"transition-delay: 500ms;\">\n            <a href=\"mailto:hr@shijimedia.com\" class=\"join-btn\">\u53d1\u9001\u7b80\u5386\u81f3 hr@shijimedia.com<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ 1. \u540c\u6b65\u8282\u70b9\u593a\u6743\uff1a\u575a\u51b3\u79fb\u51fa WordPress \u539f\u751f\u5bb9\u5668\n    const container = document.getElementById('shiji-join-root');\n    if (container && container.parentElement !== document.body) {\n        document.body.prepend(container);\n    }\n\n    \/\/ 2. \u5f3a\u529b\u6e05\u573a\uff1a\u4e00\u5200\u5207\u5e72\u6389\u6240\u6709\u591a\u4f59\u5916\u58f3\n    const killStyle = document.createElement('style');\n    killStyle.innerHTML = `\n        body > *:not(#shiji-join-root):not(#wpadminbar):not(script):not(style):not(link):not(noscript) {\n            display: none !important;\n            opacity: 0 !important;\n            height: 0 !important;\n            overflow: hidden !important;\n        }\n    `;\n    document.head.appendChild(killStyle);\n\n    \/\/ 3. \u5ef6\u540e\u7ed1\u5b9a\u52a8\u753b\u76d1\u542c\uff0c\u786e\u4fdd\u6d41\u7545\u5ea6\n    function initJoinScripts() {\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\n        const observer = new IntersectionObserver(function(entries, obs) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    obs.unobserve(entry.target); \n                }\n            });\n        }, observerOptions);\n\n        const animElements = document.querySelectorAll('.io-anim');\n        animElements.forEach(function(el) { observer.observe(el); });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initJoinScripts);\n    } else {\n        initJoinScripts();\n    }\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd4\u56de\u4e0a\u4e00\u9875 \u52a0\u5165\u6211\u4eec \u6211\u4eec\u5728\u5bfb\u627e\u6781\u5177\u5929\u8d4b\u7684\u5bfc\u6f14\u3001\u540e &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":8,"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/shijichuanmei.com\/index.php\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}