CAURIS - VISUAL DIRECTOR<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.geekzu.org\">\r\n <link href=\"https:\/\/fonts.geekzu.org\/css2?family=Syncopate:wght@800&family=Inter:wght@500;600;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --accent: #ff003c;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n background-color: #000;\r\n color: #fff;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* === \u89c6\u9891\u80cc\u666f === *\/\r\n .video-container {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n z-index: 0;\r\n }\r\n .bg-video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n opacity: 0.85;\r\n }\r\n\r\n \/* === \u566a\u70b9 === *\/\r\n .grain {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'\/%3E%3C\/svg%3E\");\r\n opacity: 0.08; z-index: 1; pointer-events: none;\r\n }\r\n\r\n \/* === 3. \u5de8\u578b\u6587\u5b57\u5c42 === *\/\r\n .hero-content {\r\n z-index: 10;\r\n position: fixed;\r\n left: 50%;\r\n top: 42%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n text-align: center;\r\n mix-blend-mode: exclusion;\r\n pointer-events: none; \r\n }\r\n\r\n .giant-text {\r\n font-family: 'Syncopate', sans-serif !important;\r\n font-size: clamp(2rem, 14vw, 20rem);\r\n font-weight: 800 !important;\r\n line-height: 1;\r\n letter-spacing: -0.01em;\r\n color: #fff;\r\n white-space: nowrap; \r\n text-transform: uppercase;\r\n transform-origin: center center;\r\n animation: slideUpText 1.2s cubic-bezier(0.2, 1, 0.3, 1) forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sub-text {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(0.65rem, 1.1vw, 1rem);\r\n letter-spacing: 0.8em;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n margin-top: 1.5vh;\r\n padding-left: 0.8em; \r\n opacity: 0;\r\n animation: fadeIn 1.5s ease 0.8s forwards;\r\n }\r\n\r\n \/* === 4. \u5e95\u90e8\u6309\u94ae === *\/\r\n .button-container {\r\n position: fixed;\r\n bottom: 8%;\r\n left: 50%; \r\n transform: translateX(-50%);\r\n z-index: 20;\r\n display: flex;\r\n gap: 10px;\r\n padding: 10px;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n border-radius: 100px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n opacity: 0;\r\n animation: floatUpButtons 1s cubic-bezier(0.2, 1, 0.3, 1) 1.6s forwards;\r\n }\r\n\r\n .button {\r\n text-decoration: none;\r\n color: rgba(255,255,255,0.9);\r\n padding: 12px 30px;\r\n border-radius: 100px;\r\n font-size: 0.95rem;\r\n font-weight: 600; \r\n font-family: 'Inter', sans-serif;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .button:hover {\r\n background: #fff;\r\n color: #000;\r\n box-shadow: 0 0 25px rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* === 5. \u89d2\u843d UI === *\/\r\n .hud-corner {\r\n position: fixed;\r\n padding: 25px; \r\n z-index: 15;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.7);\r\n letter-spacing: 1px;\r\n pointer-events: none;\r\n mix-blend-mode: exclusion;\r\n line-height: 1.6;\r\n }\r\n \r\n .top-left { \r\n top: 0; left: 0; \r\n \/* \u79fb\u9664\u4e86 pointer-events: auto\uff0c\u56e0\u4e3a\u5b83\u73b0\u5728\u53ea\u662f\u4e2a\u6807\u7b7e\uff0c\u4e0d\u9700\u8981\u70b9\u51fb *\/\r\n opacity: 0.7; \r\n mix-blend-mode: normal;\r\n }\r\n\r\n .brand-name {\r\n display: block;\r\n font-weight: 700;\r\n color: #fff;\r\n \/* \u5fae\u5fae\u589e\u52a0\u4e00\u70b9\u9634\u5f71\uff0c\u4fdd\u8bc1\u4efb\u4f55\u80cc\u666f\u4e0b\u90fd\u6e05\u6670 *\/\r\n text-shadow: 0 1px 5px rgba(0,0,0,0.8);\r\n }\r\n\r\n .top-right { top: 0; right: 0; text-align: right; display: flex; align-items: center;}\r\n body.admin-bar .top-left, body.admin-bar .top-right { top: 32px; }\r\n\r\n .rec-dot {\r\n width: 10px; height: 10px;\r\n background-color: var(--accent);\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n box-shadow: 0 0 8px var(--accent);\r\n animation: blink 1.5s infinite;\r\n }\r\n\r\n @keyframes slideUpText { \r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn { to { opacity: 1; } }\r\n @keyframes floatUpButtons { \r\n 0% { opacity: 0; transform: translateX(-50%) translateY(30px); }\r\n 100% { opacity: 1; transform: translateX(-50%) translateY(0); } \r\n }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n \/* === \u624b\u673a\u7aef\u9002\u914d === *\/\r\n @media (max-width: 900px) { \r\n .sub-text { letter-spacing: 0.4em; padding-left: 0.4em; }\r\n .hud-corner { padding: 15px; } \r\n .hero-content { top: 40%; }\r\n\r\n .button-container {\r\n display: grid !important; \r\n grid-template-columns: repeat(4, 1fr); \r\n gap: 6px; \r\n width: 94%; \r\n padding: 6px; \r\n bottom: 50px;\r\n justify-content: center; \r\n }\r\n\r\n .button {\r\n width: 100%; \r\n padding: 10px 0; \r\n text-align: center;\r\n font-size: 0.8rem;\r\n white-space: nowrap; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n letter-spacing: 0.02em; \r\n }\r\n\r\n .giant-text {\r\n font-family: 'Inter', system-ui, sans-serif !important;\r\n font-weight: 900 !important; \r\n font-size: 15vw !important;\r\n transform: scaleX(1.2) scaleY(1) !important;\r\n margin-bottom: 2vh;\r\n letter-spacing: -0.04em !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"video-container\">\r\n <video class=\"bg-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/chk.show\/wp-content\/uploads\/2024\/11\/\u5c01\u9762-v4.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n\r\n <div class=\"grain\"><\/div>\r\n\r\n <div class=\"hud-corner top-left\">\r\n <span class=\"brand-name\">PORTFOLIO \u00a92026<\/span>\r\n <\/div>\r\n\r\n <div class=\"hud-corner top-right\">\r\n <span class=\"rec-dot\"><\/span>REC\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"giant-text\">CAURIS<\/div>\r\n <div class=\"sub-text\">Director & Editor<\/div>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/xcp2\/\" class=\"button\">\u5ba3\u4f20\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/dp2\/\" class=\"button\">\u77ed\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/jlp2\/\" class=\"button\">\u7eaa\u5f55\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/about\/\" class=\"button\">ME<\/a>\r\n <\/div>\r\n\r\n <script>\r\n const hero = document.querySelector('.hero-content');\r\n document.addEventListener('mousemove', (e) => {\r\n const x = (window.innerWidth \/ 2 - e.pageX) \/ 80; \r\n const y = (window.innerHeight \/ 2 - e.pageY) \/ 80;\r\n hero.style.transform = `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))`;\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAURIS – VISUAL DIRECTOR PORTFOLIO \u00a92026 REC CAUR […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-2505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/comments?post=2505"}],"version-history":[{"count":196,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505\/revisions"}],"predecessor-version":[{"id":2803,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505\/revisions\/2803"}],"wp:attachment":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/media?parent=2505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t

\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n CAURIS - VISUAL DIRECTOR<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.geekzu.org\">\r\n <link href=\"https:\/\/fonts.geekzu.org\/css2?family=Syncopate:wght@800&family=Inter:wght@500;600;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --accent: #ff003c;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n background-color: #000;\r\n color: #fff;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* === \u89c6\u9891\u80cc\u666f === *\/\r\n .video-container {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n z-index: 0;\r\n }\r\n .bg-video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n opacity: 0.85;\r\n }\r\n\r\n \/* === \u566a\u70b9 === *\/\r\n .grain {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'\/%3E%3C\/svg%3E\");\r\n opacity: 0.08; z-index: 1; pointer-events: none;\r\n }\r\n\r\n \/* === 3. \u5de8\u578b\u6587\u5b57\u5c42 === *\/\r\n .hero-content {\r\n z-index: 10;\r\n position: fixed;\r\n left: 50%;\r\n top: 42%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n text-align: center;\r\n mix-blend-mode: exclusion;\r\n pointer-events: none; \r\n }\r\n\r\n .giant-text {\r\n font-family: 'Syncopate', sans-serif !important;\r\n font-size: clamp(2rem, 14vw, 20rem);\r\n font-weight: 800 !important;\r\n line-height: 1;\r\n letter-spacing: -0.01em;\r\n color: #fff;\r\n white-space: nowrap; \r\n text-transform: uppercase;\r\n transform-origin: center center;\r\n animation: slideUpText 1.2s cubic-bezier(0.2, 1, 0.3, 1) forwards;\r\n opacity: 0;\r\n }\r\n\r\n .sub-text {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(0.65rem, 1.1vw, 1rem);\r\n letter-spacing: 0.8em;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n margin-top: 1.5vh;\r\n padding-left: 0.8em; \r\n opacity: 0;\r\n animation: fadeIn 1.5s ease 0.8s forwards;\r\n }\r\n\r\n \/* === 4. \u5e95\u90e8\u6309\u94ae === *\/\r\n .button-container {\r\n position: fixed;\r\n bottom: 8%;\r\n left: 50%; \r\n transform: translateX(-50%);\r\n z-index: 20;\r\n display: flex;\r\n gap: 10px;\r\n padding: 10px;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n border-radius: 100px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n opacity: 0;\r\n animation: floatUpButtons 1s cubic-bezier(0.2, 1, 0.3, 1) 1.6s forwards;\r\n }\r\n\r\n .button {\r\n text-decoration: none;\r\n color: rgba(255,255,255,0.9);\r\n padding: 12px 30px;\r\n border-radius: 100px;\r\n font-size: 0.95rem;\r\n font-weight: 600; \r\n font-family: 'Inter', sans-serif;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .button:hover {\r\n background: #fff;\r\n color: #000;\r\n box-shadow: 0 0 25px rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* === 5. \u89d2\u843d UI === *\/\r\n .hud-corner {\r\n position: fixed;\r\n padding: 25px; \r\n z-index: 15;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.7);\r\n letter-spacing: 1px;\r\n pointer-events: none;\r\n mix-blend-mode: exclusion;\r\n line-height: 1.6;\r\n }\r\n \r\n .top-left { \r\n top: 0; left: 0; \r\n \/* \u79fb\u9664\u4e86 pointer-events: auto\uff0c\u56e0\u4e3a\u5b83\u73b0\u5728\u53ea\u662f\u4e2a\u6807\u7b7e\uff0c\u4e0d\u9700\u8981\u70b9\u51fb *\/\r\n opacity: 0.7; \r\n mix-blend-mode: normal;\r\n }\r\n\r\n .brand-name {\r\n display: block;\r\n font-weight: 700;\r\n color: #fff;\r\n \/* \u5fae\u5fae\u589e\u52a0\u4e00\u70b9\u9634\u5f71\uff0c\u4fdd\u8bc1\u4efb\u4f55\u80cc\u666f\u4e0b\u90fd\u6e05\u6670 *\/\r\n text-shadow: 0 1px 5px rgba(0,0,0,0.8);\r\n }\r\n\r\n .top-right { top: 0; right: 0; text-align: right; display: flex; align-items: center;}\r\n body.admin-bar .top-left, body.admin-bar .top-right { top: 32px; }\r\n\r\n .rec-dot {\r\n width: 10px; height: 10px;\r\n background-color: var(--accent);\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n box-shadow: 0 0 8px var(--accent);\r\n animation: blink 1.5s infinite;\r\n }\r\n\r\n @keyframes slideUpText { \r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn { to { opacity: 1; } }\r\n @keyframes floatUpButtons { \r\n 0% { opacity: 0; transform: translateX(-50%) translateY(30px); }\r\n 100% { opacity: 1; transform: translateX(-50%) translateY(0); } \r\n }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n \/* === \u624b\u673a\u7aef\u9002\u914d === *\/\r\n @media (max-width: 900px) { \r\n .sub-text { letter-spacing: 0.4em; padding-left: 0.4em; }\r\n .hud-corner { padding: 15px; } \r\n .hero-content { top: 40%; }\r\n\r\n .button-container {\r\n display: grid !important; \r\n grid-template-columns: repeat(4, 1fr); \r\n gap: 6px; \r\n width: 94%; \r\n padding: 6px; \r\n bottom: 50px;\r\n justify-content: center; \r\n }\r\n\r\n .button {\r\n width: 100%; \r\n padding: 10px 0; \r\n text-align: center;\r\n font-size: 0.8rem;\r\n white-space: nowrap; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n letter-spacing: 0.02em; \r\n }\r\n\r\n .giant-text {\r\n font-family: 'Inter', system-ui, sans-serif !important;\r\n font-weight: 900 !important; \r\n font-size: 15vw !important;\r\n transform: scaleX(1.2) scaleY(1) !important;\r\n margin-bottom: 2vh;\r\n letter-spacing: -0.04em !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"video-container\">\r\n <video class=\"bg-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/chk.show\/wp-content\/uploads\/2024\/11\/\u5c01\u9762-v4.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n\r\n <div class=\"grain\"><\/div>\r\n\r\n <div class=\"hud-corner top-left\">\r\n <span class=\"brand-name\">PORTFOLIO \u00a92026<\/span>\r\n <\/div>\r\n\r\n <div class=\"hud-corner top-right\">\r\n <span class=\"rec-dot\"><\/span>REC\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"giant-text\">CAURIS<\/div>\r\n <div class=\"sub-text\">Director & Editor<\/div>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/xcp2\/\" class=\"button\">\u5ba3\u4f20\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/dp2\/\" class=\"button\">\u77ed\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/jlp2\/\" class=\"button\">\u7eaa\u5f55\u7247<\/a>\r\n <a href=\"https:\/\/chk.show\/index.php\/index.php\/about\/\" class=\"button\">ME<\/a>\r\n <\/div>\r\n\r\n <script>\r\n const hero = document.querySelector('.hero-content');\r\n document.addEventListener('mousemove', (e) => {\r\n const x = (window.innerWidth \/ 2 - e.pageX) \/ 80; \r\n const y = (window.innerHeight \/ 2 - e.pageY) \/ 80;\r\n hero.style.transform = `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))`;\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAURIS – VISUAL DIRECTOR PORTFOLIO \u00a92026 REC CAUR […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-2505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/comments?post=2505"}],"version-history":[{"count":196,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505\/revisions"}],"predecessor-version":[{"id":2803,"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/pages\/2505\/revisions\/2803"}],"wp:attachment":[{"href":"https:\/\/chk.show\/index.php\/wp-json\/wp\/v2\/media?parent=2505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}