{"id":11,"date":"2026-06-25T13:52:28","date_gmt":"2026-06-25T05:52:28","guid":{"rendered":"https:\/\/liubai.wuxiangsoft.com\/?page_id=11"},"modified":"2026-06-25T15:04:14","modified_gmt":"2026-06-25T07:04:14","slug":"jennysbirthday","status":"publish","type":"page","link":"https:\/\/liubai.wuxiangsoft.com\/?page_id=11","title":{"rendered":"\u73cd\u59ae\u7684\u751f\u65e5"},"content":{"rendered":"\n<div id=\"jenny-countdown\" class=\"jc-wrap\">\n  <div class=\"jc-card\">\n    <div class=\"jc-topline\"><\/div>\n\n    <div class=\"jc-title\">\u8ddd\u79bb\u73cd\u59ae\u751f\u65e5\u8fd8\u6709<\/div>\n\n    <div class=\"jc-number-row\">\n      <div class=\"jc-number\" id=\"jc-days\">000<\/div>\n      <div class=\"jc-unit\">\u5929<\/div>\n    <\/div>\n\n    <div class=\"jc-divider\"><\/div>\n\n    <div class=\"jc-date-text\">\n      \u4e0b\u4e00\u6b21\u751f\u65e5\uff1a<span id=\"jc-next-date\">2027 \u5e74 5 \u6708 21 \u65e5<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  #jenny-countdown.jc-wrap {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 36px 20px;\n    box-sizing: border-box;\n  }\n\n  #jenny-countdown .jc-card {\n    width: 100%;\n    max-width: 560px;\n    padding: 34px 30px 30px;\n    box-sizing: border-box;\n    border-radius: 24px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,248,251,0.96) 100%);\n    border: 1px solid rgba(233, 30, 99, 0.10);\n    box-shadow:\n      0 10px 30px rgba(160, 120, 140, 0.10),\n      0 2px 8px rgba(160, 120, 140, 0.06);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", Arial, sans-serif;\n    position: relative;\n  }\n\n  \/* \u5012\u8ba1\u65f6\u6570\u5b57\u4e0a\u9762\u90a3\u6761\u6a2a\u7ebf *\/\n  #jenny-countdown .jc-topline {\n    width: 64px;\n    height: 4px;\n    margin: 0 auto 20px;\n    border-radius: 999px;\n    background: #E91E63;\n  }\n\n  #jenny-countdown .jc-title {\n    font-size: 22px;\n    font-weight: 600;\n    color: #6f5a63;\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n    line-height: 1.5;\n  }\n\n  #jenny-countdown .jc-number-row {\n    display: flex;\n    justify-content: center;\n    align-items: baseline;\n    gap: 10px;\n    margin-bottom: 22px;\n  }\n\n  \/* \u5012\u8ba1\u65f6\u6570\u5b57 *\/\n  #jenny-countdown .jc-number {\n    font-size: 84px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 3px;\n    color: #E91E63;\n  }\n\n  #jenny-countdown .jc-unit {\n    font-size: 22px;\n    font-weight: 500;\n    color: #9a7d89;\n  }\n\n  \/* \u65e5\u671f\u4e0a\u9762\u7684\u5206\u9694\u7ebf\u4fdd\u6301\u6de1\u96c5 *\/\n  #jenny-countdown .jc-divider {\n    width: 100%;\n    max-width: 240px;\n    height: 1px;\n    margin: 0 auto 18px;\n    background: linear-gradient(\n      90deg,\n      rgba(233,30,99,0) 0%,\n      rgba(233,30,99,0.18) 50%,\n      rgba(233,30,99,0) 100%\n    );\n  }\n\n  #jenny-countdown .jc-date-text {\n    font-size: 15px;\n    color: #9b8790;\n    line-height: 1.8;\n  }\n\n  \/* \u65e5\u671f\u4fdd\u6301\u539f\u6765\u7684\u6de1\u96c5\u989c\u8272 *\/\n  #jenny-countdown .jc-date-text span {\n    color: #7f6972;\n    font-weight: 500;\n  }\n\n  @media (max-width: 768px) {\n    #jenny-countdown.jc-wrap {\n      padding: 28px 16px;\n    }\n\n    #jenny-countdown .jc-card {\n      padding: 28px 22px 24px;\n      border-radius: 20px;\n    }\n\n    #jenny-countdown .jc-title {\n      font-size: 20px;\n      margin-bottom: 18px;\n    }\n\n    #jenny-countdown .jc-number {\n      font-size: 64px;\n    }\n\n    #jenny-countdown .jc-unit {\n      font-size: 18px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    #jenny-countdown .jc-card {\n      padding: 24px 18px 22px;\n    }\n\n    #jenny-countdown .jc-title {\n      font-size: 18px;\n    }\n\n    #jenny-countdown .jc-number-row {\n      gap: 8px;\n      margin-bottom: 18px;\n    }\n\n    #jenny-countdown .jc-number {\n      font-size: 50px;\n      letter-spacing: 2px;\n    }\n\n    #jenny-countdown .jc-unit {\n      font-size: 16px;\n    }\n\n    #jenny-countdown .jc-date-text {\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const daysEl = document.getElementById(\"jc-days\");\n  const dateEl = document.getElementById(\"jc-next-date\");\n\n  function getNextBirthday() {\n    const now = new Date();\n    const year = now.getFullYear();\n\n    let birthday = new Date(year, 4, 21); \/\/ 5\u670821\u65e5\n    birthday.setHours(0, 0, 0, 0);\n\n    const today = new Date(now);\n    today.setHours(0, 0, 0, 0);\n\n    if (today > birthday) {\n      birthday = new Date(year + 1, 4, 21);\n      birthday.setHours(0, 0, 0, 0);\n    }\n\n    return birthday;\n  }\n\n  function getRemainingDays() {\n    const now = new Date();\n    const today = new Date(now);\n    today.setHours(0, 0, 0, 0);\n\n    const target = getNextBirthday();\n    const diff = target - today;\n    return Math.ceil(diff \/ (1000 * 60 * 60 * 24));\n  }\n\n  function formatDateCN(date) {\n    return date.getFullYear() + \" \u5e74 \" + (date.getMonth() + 1) + \" \u6708 \" + date.getDate() + \" \u65e5\";\n  }\n\n  function updateCountdown() {\n    const target = getNextBirthday();\n    const days = getRemainingDays();\n\n    daysEl.textContent = String(days).padStart(3, \"0\");\n    dateEl.textContent = formatDateCN(target);\n  }\n\n  updateCountdown();\n\n  const now = new Date();\n  const nextMidnight = new Date(now);\n  nextMidnight.setHours(24, 0, 0, 0);\n\n  setTimeout(function () {\n    updateCountdown();\n    setInterval(updateCountdown, 24 * 60 * 60 * 1000);\n  }, nextMidnight - now);\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8ddd\u79bb\u73cd\u59ae\u751f\u65e5\u8fd8\u6709 000 \u5929 \u4e0b\u4e00\u6b21\u751f\u65e5\uff1a2027 \u5e74 5 \u6708 21 \u65e5<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":7,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}