{"id":149,"date":"2026-06-07T02:47:20","date_gmt":"2026-06-06T18:47:20","guid":{"rendered":"https:\/\/miaooky.cn\/?p=149"},"modified":"2026-06-07T03:48:56","modified_gmt":"2026-06-06T19:48:56","slug":"%e3%80%90%e7%a9%bagn9-10%e3%80%91%e3%80%8aexposure-%e6%88%91%e6%b7%98%e5%88%b0%e4%ba%86%e4%b8%80%e5%bc%a0%e8%83%8c%e5%bd%b1%e5%85%a8%e5%ae%b6%e7%a6%8f%e3%80%8b","status":"publish","type":"post","link":"https:\/\/miaooky.cn\/index.php\/2026\/06\/07\/%e3%80%90%e7%a9%bagn9-10%e3%80%91%e3%80%8aexposure-%e6%88%91%e6%b7%98%e5%88%b0%e4%ba%86%e4%b8%80%e5%bc%a0%e8%83%8c%e5%bd%b1%e5%85%a8%e5%ae%b6%e7%a6%8f%e3%80%8b\/","title":{"rendered":"\u3010\u7a7aGN9\/10\u3011\u300aExposure-\u6211\u6dd8\u5230\u4e86\u4e00\u5f20\u80cc\u5f71\u5168\u5bb6\u798f\u300b"},"content":{"rendered":"\n<style>\n  .sinner-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 2147483647;\n    pointer-events: none;\n    background: rgba(0, 0, 0, 0.75);\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.2s ease;\n  }\n  .sinner-overlay.active {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  \/* \u6025\u901f\u95ea\u5c4f\u52a8\u753b *\/\n  .sinner-overlay.flash-active {\n    animation: intenseFlash 0.08s ease-in-out infinite;\n  }\n  @keyframes intenseFlash {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.15; }\n  }\n\n  .sinner-text {\n    position: absolute;\n    font-weight: 900;\n    color: #cc0000;\n    text-shadow: 0 0 20px rgba(200, 0, 0, 0.8);\n    opacity: 0;\n    transition: opacity 0.25s ease;\n    user-select: none;\n  }\n  .sinner-text.show {\n    opacity: 1;\n  }\n\n  .center-text {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: clamp(4rem, 15vw, 10rem);\n    letter-spacing: 0.2em;\n  }\n\n  .group1 span { font-size: 5vw; }\n  .group2 span { font-size: 3.5vw; }\n  .group3 span { font-size: 2.5vw; }\n<\/style>\n\n<div class=\"sinner-overlay\" id=\"sinnerOverlay\">\n  <div id=\"centerText\" class=\"sinner-text center-text\">\u7f6a \u4eba<\/div>\n\n  <div class=\"group group1\">\n    <span class=\"sinner-text\" style=\"top: 15%; left: 10%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 15%; right: 10%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 15%; left: 10%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 15%; right: 10%;\">\u7f6a \u4eba<\/span>\n  <\/div>\n\n  <div class=\"group group2\">\n    <span class=\"sinner-text\" style=\"top: 5%; left: 30%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 5%; right: 30%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 30%; left: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 30%; right: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 30%; left: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 30%; right: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 5%; left: 30%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"bottom: 5%; right: 30%;\">\u7f6a \u4eba<\/span>\n  <\/div>\n\n  <div class=\"group group3\">\n    <span class=\"sinner-text\" style=\"top: 2%; left: 15%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 8%; left: 45%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 4%; left: 75%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 15%; left: 55%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 20%; left: 25%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 18%; left: 80%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 25%; left: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 30%; left: 35%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 28%; left: 65%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 35%; left: 85%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 40%; left: 10%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 42%; left: 50%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 38%; left: 70%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 48%; left: 30%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 50%; left: 60%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 55%; left: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 52%; left: 80%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 60%; left: 40%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 65%; left: 15%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 62%; left: 70%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 70%; left: 50%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 75%; left: 25%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 72%; left: 85%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 80%; left: 5%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 78%; left: 60%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 85%; left: 35%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 88%; left: 70%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 92%; left: 10%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 90%; left: 50%;\">\u7f6a \u4eba<\/span>\n    <span class=\"sinner-text\" style=\"top: 95%; left: 80%;\">\u7f6a \u4eba<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var overlay = document.getElementById('sinnerOverlay');\n  var centerText = document.getElementById('centerText');\n  var group1 = document.querySelectorAll('.group1 .sinner-text');\n  var group2 = document.querySelectorAll('.group2 .sinner-text');\n  var group3 = document.querySelectorAll('.group3 .sinner-text');\n\n  var triggered = false;\n  var twoSecondsPassed = false;\n  var scrolledEnough = false;\n\n  function checkScroll() {\n    if (window.scrollY >= window.innerHeight) {\n      scrolledEnough = true;\n      tryTrigger();\n    }\n  }\n\n  setTimeout(function() {\n    twoSecondsPassed = true;\n    tryTrigger();\n  }, 2000);\n\n  window.addEventListener('scroll', checkScroll);\n  checkScroll();\n\n  function tryTrigger() {\n    if (!triggered && twoSecondsPassed && scrolledEnough) {\n      triggered = true;\n      startEffect();\n    }\n  }\n\n  function startEffect() {\n    \/\/ 0s\uff1a\u80cc\u666f\u51fa\u73b0\uff0c\u540c\u65f6\u542f\u52a8\u6781\u901f\u95ea\u5c4f\n    overlay.classList.add('active', 'flash-active');\n\n    \/\/ \u51e0\u4e4e\u540c\u65f6\u663e\u793a\u4e2d\u592e\u5927\u5b57 (0.05s)\n    setTimeout(function() {\n      centerText.classList.add('show');\n    }, 50);\n\n    \/\/ 0.4s \u65f6\u663e\u793a\u7b2c\u4e00\u62794\u4e2a\u5b57\uff0c\u5e76\u7acb\u523b\u505c\u6b62\u95ea\u5c4f\n    setTimeout(function() {\n      group1.forEach(function(el) { el.classList.add('show'); });\n      overlay.classList.remove('flash-active');  \/\/ \u95ea\u5c4f\u7ed3\u675f\n    }, 400);\n\n    \/\/ 0.8s \u663e\u793a\u7b2c\u4e8c\u62798\u4e2a\u5b57\n    setTimeout(function() {\n      group2.forEach(function(el) { el.classList.add('show'); });\n    }, 800);\n\n    \/\/ 1.2s \u663e\u793a\u94fa\u6ee1\u7b2c\u4e09\u6279\n    setTimeout(function() {\n      group3.forEach(function(el) { el.classList.add('show'); });\n    }, 1200);\n\n    \/\/ 1.6s \u7a81\u5140\u5168\u90e8\u6d88\u5931\uff081.2 + 0.4\uff09\n    setTimeout(function() {\n      centerText.classList.remove('show');\n      group1.forEach(function(el) { el.classList.remove('show'); });\n      group2.forEach(function(el) { el.classList.remove('show'); });\n      group3.forEach(function(el) { el.classList.remove('show'); });\n      overlay.classList.remove('active', 'flash-active');\n      overlay.style.opacity = '0';\n      overlay.style.visibility = 'hidden';\n    }, 1600);\n  }\n})();\n<\/script>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><strong><a href=\"https:\/\/www.xiaohongshu.com\/discovery\/item\/69c244f0000000001a033604?source=webshare&amp;xhsshare=pc_web&amp;xsec_token=ABufKPCvZ_Zf5V4Sr84m5a3flf39LA1v0DhV_j-K_p_dw=&amp;xsec_source=pc_share\" target=\"_blank\" rel=\"noreferrer noopener\" rel=\"nofollow\" >\u627e\u5230\u6211<\/a><\/strong><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u200b<\/p>\n","protected":false},"author":1,"featured_media":152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-12"],"_links":{"self":[{"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/posts\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":20,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/posts\/149\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/posts\/149\/revisions\/179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/media\/152"}],"wp:attachment":[{"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/media?parent=149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/categories?post=149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miaooky.cn\/index.php\/wp-json\/wp\/v2\/tags?post=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}