{"id":45,"date":"2026-06-25T14:58:41","date_gmt":"2026-06-25T06:58:41","guid":{"rendered":"https:\/\/liubai.wuxiangsoft.com\/?page_id=45"},"modified":"2026-06-25T15:20:53","modified_gmt":"2026-06-25T07:20:53","slug":"nicetomeetyou","status":"publish","type":"page","link":"https:\/\/liubai.wuxiangsoft.com\/?page_id=45","title":{"rendered":"\u76f8\u8bc6\u7eaa\u5ff5\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\">\u6211\u4eec\u5df2\u7ecf\u76f8\u8bc6<\/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      \u76f8\u8bc6\u65e5\u671f\uff1a<span id=\"jc-start-date\">2026 \u5e74 6 \u6708 13 \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    position: relative;\n    overflow: visible;\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    z-index: 2;\n  }\n\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  #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  #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  #jenny-countdown .jc-date-text span {\n    color: #7f6972;\n    font-weight: 500;\n  }\n\n  .heart-rain-layer {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 9999;\n  }\n\n  .falling-heart {\n    position: absolute;\n    top: -40px;\n    font-size: 18px;\n    line-height: 1;\n    opacity: 0.9;\n    will-change: transform, opacity;\n    animation-name: heartFall;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n    text-shadow: 0 2px 6px rgba(233, 30, 99, 0.08);\n    user-select: none;\n  }\n\n  @keyframes heartFall {\n    0% {\n      transform: translate3d(0, -20px, 0) rotate(0deg) scale(0.9);\n      opacity: 0;\n    }\n    10% {\n      opacity: 0.9;\n    }\n    100% {\n      transform: translate3d(var(--driftX, 0px), 110vh, 0) rotate(var(--rotateDeg, 180deg)) scale(1.02);\n      opacity: 0;\n    }\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    .falling-heart {\n      font-size: 15px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const daysEl = document.getElementById(\"jc-days\");\n  const startDateEl = document.getElementById(\"jc-start-date\");\n  const startDate = new Date(2026, 5, 13);\n\n  function formatDateCN(date) {\n    return date.getFullYear() + \" \u5e74 \" + (date.getMonth() + 1) + \" \u6708 \" + date.getDate() + \" \u65e5\";\n  }\n\n  function getKnownDays() {\n    const now = new Date();\n    const today = new Date(now);\n    today.setHours(0, 0, 0, 0);\n\n    const begin = new Date(startDate);\n    begin.setHours(0, 0, 0, 0);\n\n    const diff = today - begin;\n    const days = Math.floor(diff \/ 86400000);\n    return days >= 0 ? days : 0;\n  }\n\n  function updateDays() {\n    const days = getKnownDays();\n    daysEl.textContent = String(days).padStart(3, \"0\");\n    startDateEl.textContent = formatDateCN(startDate);\n  }\n\n  updateDays();\n\n  const now = new Date();\n  const nextMidnight = new Date(now);\n  nextMidnight.setHours(24, 0, 0, 0);\n\n  setTimeout(() => {\n    updateDays();\n    setInterval(updateDays, 86400000);\n  }, nextMidnight - now);\n\n  let heartLayer = document.querySelector(\".heart-rain-layer\");\n  if (!heartLayer) {\n    heartLayer = document.createElement(\"div\");\n    heartLayer.className = \"heart-rain-layer\";\n    document.body.appendChild(heartLayer);\n  }\n\n  \/* \u6bd4 #E91E63 \u7a0d\u6d45\u4e00\u70b9\u7684\u7c89\u8272 *\/\n  const heartColors = [\n    \"#F06292\",\n    \"#F48FB1\",\n    \"#F6A5C0\",\n    \"#F8BBD0\",\n    \"#F3AFC6\"\n  ];\n\n  function random(min, max) {\n    return Math.random() * (max - min) + min;\n  }\n\n  function createHeart() {\n    const heart = document.createElement(\"span\");\n    heart.className = \"falling-heart\";\n    heart.textContent = \"\u2764\";\n\n    const left = random(6, 94);\n    const driftX = random(-55, 55);\n    const rotateDeg = random(-160, 160);\n    const duration = random(4.2, 5.8);\n    const delay = random(0, 0.45);\n    const size = random(13, 22);\n    const color = heartColors[Math.floor(Math.random() * heartColors.length)];\n\n    heart.style.left = left + \"vw\";\n    heart.style.fontSize = size + \"px\";\n    heart.style.color = color;\n    heart.style.animationDuration = duration + \"s\";\n    heart.style.animationDelay = delay + \"s\";\n    heart.style.setProperty(\"--driftX\", driftX + \"px\");\n    heart.style.setProperty(\"--rotateDeg\", rotateDeg + \"deg\");\n\n    heartLayer.appendChild(heart);\n\n    setTimeout(() => {\n      if (heart.parentNode) {\n        heart.parentNode.removeChild(heart);\n      }\n    }, (duration + delay + 0.3) * 1000);\n  }\n\n  function burstHearts() {\n    \/* \u6570\u91cf\u51cf\u5c11 *\/\n    const count = window.innerWidth < 768 ? 8 : 10;\n    for (let i = 0; i < count; i++) {\n      setTimeout(createHeart, i * 140);\n    }\n  }\n\n  document.addEventListener(\"click\", function () {\n    burstHearts();\n  }, { passive: true });\n})();\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u4eec\u5df2\u7ecf\u76f8\u8bc6 000 \u5929 \u76f8\u8bc6\u65e5\u671f\uff1a2026 \u5e74 6 \u6708 13 \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-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":7,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}