{"id":574,"date":"2026-02-11T16:15:00","date_gmt":"2026-02-11T08:15:00","guid":{"rendered":"https:\/\/www.posthubzengty.site\/?p=574"},"modified":"2026-02-11T14:52:34","modified_gmt":"2026-02-11T06:52:34","slug":"new_dawn","status":"publish","type":"post","link":"https:\/\/www.posthubzengty.site\/index.php\/2026\/02\/11\/new_dawn\/","title":{"rendered":"\u82b1\u604b\u8776"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p><audio id=\"background-music\" hidden autoplay=\"autoplay\" loop><source src=\"http:\/\/www.posthubzengty.site\/wp-content\/uploads\/2026\/02\/1770792604-lightness.mp3\" type=\"audio\/mpeg\"><\/source><\/audio><\/p>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ma+Shan+Zheng&amp;family=Dancing+Script:wght@700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- 1. &#33310;&#21488;&#32972;&#26223;&#65306;&#22686;&#21152;&#20869;&#36793;&#36317;&#20197;&#23481;&#32435;&#38452;&#24433; --- *\/\r\n  .final-stage {\r\n    display: flex; \r\n    justify-content: center; \r\n    align-items: center;\r\n    \/* &#26680;&#24515;&#20462;&#25913;&#65306;&#23558;&#26368;&#23567;&#39640;&#24230;&#22686;&#21152;&#65292;&#24182;&#22823;&#24133;&#22686;&#21152;&#19978;&#19979;&#20869;&#36793;&#36317; (Padding) *\/\r\n    min-height: 1100px; \r\n    padding: 150px 20px; \r\n    \r\n    background: transparent; \r\n    font-family: 'KaiTi', '&#26999;&#20307;', 'STKaiti', '&#21326;&#25991;&#26999;&#20307;', serif; \r\n    perspective: 1800px; \r\n    \/* &#26680;&#24515;&#20462;&#25913;&#65306;&#23558; overflow &#25913;&#20026; visible&#65292;&#30830;&#20445;&#38452;&#24433;&#19981;&#34987;&#35009;&#21098; *\/\r\n    overflow: visible; \r\n    position: relative;\r\n  }\r\n\r\n  \/* --- 2. &#20449;&#23553;&#23481;&#22120; --- *\/\r\n  .envelope-wrapper {\r\n    position: relative; \r\n    width: 500px; \r\n    height: 320px;\r\n    cursor: pointer; \r\n    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    \r\n    \/* &#26497;&#33268;&#24179;&#28369;&#30340;&#25193;&#25955;&#24433; *\/\r\n    filter: \r\n      drop-shadow(0 0 10px rgba(62, 39, 35, 0.12))\r\n      drop-shadow(0 0 40px rgba(62, 39, 35, 0.06));\r\n  }\r\n  .envelope-wrapper:hover { transform: scale(1.02); }\r\n\r\n  \/* --- &#26448;&#36136;&#23618; --- *\/\r\n  .paper-texture::after {\r\n    content: \"\"; position: absolute; top:0; left:0; width:100%; height:100%;\r\n    background-image: url('https:\/\/www.transparenttextures.com\/patterns\/cardboard.png');\r\n    opacity: 0.4; background-blend-mode: multiply; pointer-events: none;\r\n  }\r\n  \r\n  .env-back { position: absolute; bottom: 0; width: 100%; height: 100%; background: #3e2723; border-radius: 6px; z-index: 1; }\r\n  \r\n  .env-pocket {\r\n    position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none;\r\n    clip-path: polygon(0 0, 50% 40%, 100% 0, 100% 100%, 0 100%);\r\n    background-color: #5d4037; \r\n    background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, transparent 20%);\r\n    box-shadow: inset 0 1px 2px rgba(255,255,255,0.05);\r\n  }\r\n  \r\n  .env-flap {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4;\r\n    clip-path: polygon(0 0, 100% 0, 50% 48%);\r\n    transform-origin: top; transition: transform 0.6s ease, z-index 0.1s;\r\n    background-color: #795548; \r\n    background-image: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%);\r\n    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); \r\n  }\r\n\r\n  \/* --- &#28779;&#28422;&#21360; --- *\/\r\n  .real-seal-wrapper { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); z-index: 5; transition: all 0.4s ease; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2)); }\r\n  .real-wax-blob { width: 90px; height: 86px; background-color: #7f0000; background-image: radial-gradient(circle at 30% 30%, #c62828 0%, #8e0000 40%, #4a0000 100%); border-radius: 46% 54% 48% 52% \/ 52% 48% 56% 44%; box-shadow: inset 2px 2px 5px rgba(255,255,255,0.15), inset -3px -3px 10px rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; position: relative; border: 1px solid rgba(0,0,0,0.1); }\r\n  .wax-indent { width: 60px; height: 60px; border-radius: 50%; background: #8e0000; box-shadow: inset 0 4px 8px rgba(0,0,0,0.7), inset 0 -2px 4px rgba(255,255,255,0.1), 0 1px 1px rgba(255,255,255,0.15); display: flex; justify-content: center; align-items: center; position: relative; }\r\n  .wax-gloss { position: absolute; top: 18px; left: 18px; width: 12px; height: 6px; background: rgba(255,255,255,0.4); border-radius: 50%; transform: rotate(-45deg); filter: blur(2px); pointer-events: none; z-index: 10; }\r\n  .seal-text { font-family: 'Dancing Script', cursive; color: #ccb098; font-size: 26px; text-shadow: 0px -1px 1px rgba(0,0,0,0.5), 0px 1px 1px rgba(255,255,255,0.1); opacity: 0.85; transform: rotate(-3deg); }\r\n\r\n  \/* --- &#20449;&#32440;&#19982;&#25490;&#29256; --- *\/\r\n  .env-paper {\r\n    position: absolute; bottom: 0; left: 5%; width: 90%; height: 100%; \r\n    background: #fffcf5 url('https:\/\/www.transparenttextures.com\/patterns\/cream-paper.png');\r\n    border: 1px solid #d4af37; outline: 2px solid #d4af37; outline-offset: -8px;\r\n    padding: 40px 50px; box-sizing: border-box;\r\n    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n    transform: translateY(20px) scale(0.9); z-index: 2; overflow: hidden;\r\n  }\r\n\r\n  .paper-layout {\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: all 0.8s ease 0.6s;\r\n    height: 100%;\r\n    display: flex; flex-direction: column; justify-content: space-between;\r\n    text-align: center;\r\n  }\r\n\r\n  .ornament-top { font-size: 20px; color: #d4af37; margin-bottom: 20px; letter-spacing: 5px; opacity: 0.8; }\r\n  .poem-body { font-family: 'KaiTi', '&#26999;&#20307;', 'STKaiti', '&#21326;&#25991;&#26999;&#20307;', serif; color: #4a3b32; font-size: 17px; line-height: 2.2; letter-spacing: 1px; }\r\n  .poem-paragraph { margin-bottom: 25px; }\r\n  .birthday-badge { margin: 20px 0; position: relative; padding: 10px 0; }\r\n  .birthday-badge::before, .birthday-badge::after { content: \"\"; display: block; width: 40px; height: 1px; background: #d4af37; margin: 5px auto; opacity: 0.5; }\r\n  .bd-en { font-family: 'Dancing Script', cursive; font-size: 28px; color: #c21807; display: block; margin-bottom: 5px; }\r\n  .bd-cn { font-family: 'Ma Shan Zheng', cursive; font-size: 24px; color: #3e2723; letter-spacing: 5px; }\r\n\r\n  .footer-quote { text-align: center; margin-top: auto; position: relative; padding-top: 35px; }\r\n  .footer-quote::before { content: \"\"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; background: #d4af37; border-radius: 50%; box-shadow: inset 1px 1px 3px rgba(255,255,255,0.5), inset -1px -1px 3px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.1); z-index: 2; }\r\n  .footer-quote::after { content: \"\"; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 180px; height: 2px; background: linear-gradient(to right, transparent, #d4af37 20%, #d4af37 80%, transparent); opacity: 0.5; z-index: 1; }\r\n  .quote-text { font-family: 'Ma Shan Zheng', cursive; font-size: 22px; color: #3e2723; margin-bottom: 8px; text-shadow: 0 1px 1px rgba(0,0,0,0.1); }\r\n  .quote-source { font-family: 'KaiTi', '&#26999;&#20307;', serif; font-size: 13px; color: #795548; font-style: italic; letter-spacing: 1px; }\r\n\r\n  \/* --- &#20132;&#20114;&#21160;&#30011; --- *\/\r\n  .envelope-wrapper.open .env-flap { transform: rotateX(180deg); z-index: 1; background-color: #3e2723; background-image: none; filter: none; }\r\n  .envelope-wrapper.open .real-seal-wrapper { opacity: 0; transform: translate(-50%, -50%) scale(0.6); pointer-events: none; }\r\n  .envelope-wrapper.open .env-paper {\r\n    bottom: auto; top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n    width: 580px; height: auto; min-height: 680px; \r\n    z-index: 100; \r\n    box-shadow: 0 0 60px rgba(62, 39, 35, 0.2); \r\n    transition-delay: 0.5s; \r\n  }\r\n  .envelope-wrapper.open .paper-layout { opacity: 1; transform: translateY(0); }\r\n\r\n  .click-hint { \r\n    position: absolute; bottom: -80px; width: 100%; text-align: center; \r\n    color: #2c1a1a; \r\n    font-weight: bold; \r\n    font-size: 15px; letter-spacing: 3px; \r\n    animation: blink 2.5s infinite ease-in-out; \r\n    text-shadow: 0 0 10px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,0.8); \r\n  }\r\n  @keyframes blink { 0%,100% { opacity: 0.4; } 50% { opacity: 1; } }\r\n\r\n<\/style>\r\n\r\n<div class=\"final-stage\">\r\n  <div class=\"envelope-wrapper\" id=\"mailBox\" onclick=\"openMail()\">\r\n    <div class=\"env-back paper-texture\"><\/div>\r\n    <div class=\"env-paper\">\r\n      <div class=\"paper-layout\">\r\n        <div class=\"ornament-top\">&#10022; &#10022; &#10022;<\/div>\r\n        <div class=\"poem-body\">\r\n          <div class=\"poem-paragraph\">&#22914;&#26524;&#25104;&#20154;&#30340;&#19990;&#30028;&#22826;&#21927;&#22179;<br>&#24895;&#36825;&#21482;&#34676;&#34678;&#33021;&#24102;&#20320;&#22238;&#21040;&#24515;&#24213;&#37324;&#30340;&#31461;&#35805;<br>&#26080;&#35770;&#19990;&#30028;&#22914;&#20309;&#21464;&#36801;<br>&#25105;&#20381;&#28982;&#24895;&#24847;&#23613;&#19968;&#20999;&#23432;&#25252;&#20320;&#30340;&#26790;&#24187;<\/div>\r\n          <div class=\"poem-paragraph\">&#20063;&#35874;&#35874;&#20320;&#65292;&#20316;&#20026;&#36825;&#20010;&#22362;&#30828;&#19990;&#30028;&#37324;<br>&#25105;&#21807;&#19968;&#24819;&#23567;&#24515;&#32764;&#32764;&#25447;&#22312;&#25163;&#24515;&#37324;&#30340;<br>&#31881;&#32418;&#33394;&#30340;&#26790;<br>&#19968;&#30452;&#24102;&#30528;&#25105;&#24320;&#21551;&#26032;&#30340;&#31461;&#35805;<\/div>\r\n          <div class=\"poem-paragraph\"><b>&#21807;&#26377;&#32654;&#27704;&#23384;<b><br><b>&#32780;&#20320;&#26159;&#25105;&#24515;&#20013;&#27704;&#19981;&#20939;&#35874;&#30340;&#26149;&#22825;<b><\/b><\/b><\/b><\/b><\/div>\r\n        <\/div>\r\n        <div class=\"birthday-badge\">\r\n          <span class=\"bd-en\">Happy Birthday!<\/span>\r\n        <\/div>\r\n        <div class=\"footer-quote\">\r\n          <div class=\"quote-text\">&#20320;&#23601;&#20687;&#25105;&#30340;&#28789;&#39746;&#65292;&#19968;&#21482;&#26790;&#30340;&#34676;&#34678;&#12290;<\/div>\r\n          <div class=\"quote-source\">&mdash;&mdash;&#12298;&#20108;&#21313;&#39318;&#24773;&#35799;&#19982;&#19968;&#25903;&#32477;&#26395;&#30340;&#27468;&#12299;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"env-pocket paper-texture\"><\/div>\r\n    <div class=\"env-flap paper-texture\"><\/div>\r\n    <div class=\"real-seal-wrapper\">\r\n      <div class=\"real-wax-blob\"><div class=\"wax-gloss\"><\/div><div class=\"wax-indent\"><span class=\"seal-text\">Love<\/span><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"click-hint\">&#28857;&#20987;&#24320;&#21551;&#20449;&#31546;<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function openMail() {\r\n    var mail = document.getElementById('mailBox');\r\n    mail.classList.add('open');\r\n    mail.onclick = null; \r\n    mail.style.cursor = 'default';\r\n    document.querySelector('.click-hint').style.display = 'none';\r\n  }\r\n<\/script>\r\n\r\n\r\n\r\n<p><\/p>\r\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u4ecd\u60f3\u5b88\u62a4\u4f60\u5fc3\u91cc\u7684\u7ae5\u8bdd<\/p>\n","protected":false},"author":1,"featured_media":588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-574","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":12,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions\/593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/media\/588"}],"wp:attachment":[{"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.posthubzengty.site\/index.php\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}