{"id":89,"date":"2025-11-28T13:53:16","date_gmt":"2025-11-28T05:53:16","guid":{"rendered":"https:\/\/husteread.com\/?page_id=89"},"modified":"2025-11-29T07:42:30","modified_gmt":"2025-11-28T23:42:30","slug":"album","status":"publish","type":"page","link":"https:\/\/husteread.com\/index.php\/album\/","title":{"rendered":"\u6211\u4eec\u7684\u5c0f\u76f8\u518c"},"content":{"rendered":"<!-- \u5916\u5c42\u5168\u5bbd\u5bb9\u5668\uff1a\u8986\u76d6\u6574\u4e2a\u9875\u9762\uff0c\u9002\u914d\u4e3b\u9898 -->\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\n  <!-- \u5916\u90e8\u8d44\u6e90\u5f15\u7528\uff1a\u7528 wp:html \u5757\u5305\u88f9 -->\n  \n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\" \/>\n  <link href=\"https:\/\/fonts.loli.net\/css2?family=ZCOOL+XiaoWei&#038;display=swap\" rel=\"stylesheet\" \/>\n\n  <!-- Tailwind \u914d\u7f6e -->\n  <script>\n  tailwind.config = {\n    darkMode: 'class',\n    theme: {\n      extend: {\n        colors: {\n          hust: { DEFAULT: '#b8860b', dark: '#8a6608', light: '#e6c875' },\n          ink: { DEFAULT: '#5a4b3c', dark: '#e8e6e3' },\n          paper: { DEFAULT: '#f8f5f0', dark: '#1a1a1a' }\n        }\n      }\n    }\n  }\n  <\/script>\n\n  <!-- \u6838\u5fc3\u6837\u5f0f\uff1a\u4ec5\u4f5c\u7528\u4e8e\u5f53\u524d\u5757\u5185\u5bb9\uff0c\u4e0d\u6c61\u67d3\u4e3b\u9898 -->\n  <style>\n    \/* \u5b57\u4f53\u5168\u5c40\u5e94\u7528\uff08\u4ec5\u5f53\u524d\u5757\u5185\uff09 *\/\n    .hust-container {\n      font-family: \"ZCOOL XiaoWei\", \"STKaiti\", \"KaiTi\", \"Microsoft YaHei\", serif !important;\n    }\n\n    \/* \u5bfc\u822a\u680f\u6837\u5f0f *\/\n    #hust-navbar {\n      transition: all 0.3s ease;\n      backdrop-filter: blur(8px);\n      position: fixed !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      z-index: 9999 !important;\n    }\n\n    \/* \u5361\u7247\u60ac\u505c\u6548\u679c\uff08\u6d3b\u52a8\u76f8\u518c\u5361\u7247\u5171\u7528\uff09 *\/\n    .hust-menu-card {\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      backdrop-filter: blur(10px);\n    }\n\n    .hust-menu-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n\n    html.dark .hust-menu-card:hover {\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u6e10\u53d8\u80cc\u666f *\/\n    .hust-gradient-bg {\n      background: linear-gradient(135deg, rgba(184, 134, 11, 0.1) 0%, rgba(230, 200, 117, 0.1) 100%);\n    }\n\n    html.dark .hust-gradient-bg {\n      background: linear-gradient(135deg, rgba(184, 134, 11, 0.2) 0%, rgba(230, 200, 117, 0.2) 100%);\n    }\n\n    \/* \u56fe\u6807\u52a8\u753b *\/\n    .hust-icon-animation {\n      transition: all 0.3s ease;\n    }\n\n    .hust-menu-card:hover .hust-icon-animation {\n      transform: scale(1.2) rotate(5deg);\n    }\n\n    \/* \u7acb\u5373\u8bbf\u95ee\u6309\u94ae\u52a8\u753b *\/\n    .hust-menu-card .flex.items-center.text-sm.text-hust.font-medium {\n      transition: all 0.3s ease;\n      transform: translateX(0);\n    }\n\n    .hust-menu-card:hover .flex.items-center.text-sm.text-hust.font-medium {\n      transform: translateX(8px);\n    }\n\n    .hust-menu-card .flex.items-center.text-sm.text-hust.font-medium i {\n      transition: all 0.3s ease;\n      transform: translateX(0);\n    }\n\n    .hust-menu-card:hover .flex.items-center.text-sm.text-hust.font-medium i {\n      transform: translateX(4px);\n    }\n\n    \/* \u9875\u9762\u80cc\u666f *\/\n    .hust-bg-parallax::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: #f8f5f0;\n      background-image:\n        linear-gradient(rgba(248, 245, 240, 0.95), rgba(248, 245, 240, 0.95)),\n        url(\"https:\/\/picsum.photos\/id\/307\/1920\/1080\");\n      background-attachment: fixed;\n      background-size: cover;\n      background-repeat: no-repeat;\n      z-index: -1;\n      transition: background-color 0.5s ease;\n    }\n\n    html.dark .hust-bg-parallax::before {\n      background-color: #111827;\n      background-image:\n        linear-gradient(rgba(20, 20, 20, 0.96), rgba(20, 20, 20, 0.96)),\n        url(\"https:\/\/picsum.photos\/id\/307\/1920\/1080\");\n    }\n\n    \/* \u6697\u9ed1\u6a21\u5f0f\u6587\u672c\u989c\u8272\u9002\u914d *\/\n    html.dark .hust-text-ink {\n      color: #e8e6e3 !important;\n    }\n\n    html.dark .hust-text-gray-600 {\n      color: #9ca3af !important;\n    }\n\n    \/* \u76f8\u518c\u9875\u9762\u4e13\u7528\u6837\u5f0f *\/\n    .hust-album-hero {\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hust-hero-shine::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.4), transparent 55%);\n      opacity: 0.7;\n      pointer-events: none;\n    }\n\n    .hust-photo-frame {\n      position: relative;\n      border-radius: 0.75rem;\n      overflow: hidden;\n      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);\n      background: rgba(255, 255, 255, 0.85);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .hust-photo-frame:nth-child(odd) {\n      transform: rotate(-1.2deg);\n    }\n\n    .hust-photo-frame:nth-child(even) {\n      transform: rotate(1.2deg);\n    }\n\n    .hust-photo-frame:hover {\n      transform: translateY(-6px) rotate(0deg);\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);\n    }\n\n    html.dark .hust-photo-frame {\n      background: rgba(31, 41, 55, 0.9);\n      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n    }\n\n    .hust-photo-image {\n      width: 100%;\n      height: 14rem;\n      object-fit: cover;\n      filter: saturate(1.05);\n    }\n\n    .hust-photo-tape {\n      position: absolute;\n      top: 0.5rem;\n      left: 1.2rem;\n      width: 4rem;\n      height: 1rem;\n      background: rgba(248, 231, 192, 0.9);\n      transform: rotate(-5deg);\n      opacity: 0.9;\n      pointer-events: none;\n    }\n\n    .hust-photo-item-small .hust-photo-image {\n      height: 10rem;\n    }\n\n    .hust-album-section {\n      scroll-margin-top: 7rem;\n      position: relative;\n    }\n\n    .hust-section-highlight {\n      box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.4);\n      border-radius: 1.5rem;\n      transition: box-shadow 0.6s ease;\n    }\n\n    .hust-chip {\n      display: inline-flex;\n      align-items: center;\n      padding: 0.4rem 0.9rem;\n      border-radius: 999px;\n      border: 1px dashed rgba(184, 134, 11, 0.6);\n      font-size: 0.85rem;\n      cursor: pointer;\n      background: rgba(255, 255, 255, 0.85);\n      transition: all 0.25s ease;\n    }\n\n    .hust-chip:hover {\n      transform: translateY(-1px);\n      background: rgba(248, 245, 240, 0.95);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    html.dark .hust-chip {\n      background: rgba(17, 24, 39, 0.9);\n      border-color: rgba(230, 200, 117, 0.8);\n    }\n\n    html.dark .hust-chip:hover {\n      background: rgba(31, 41, 55, 0.92);\n    }\n\n    .hust-like-btn {\n      position: absolute;\n      right: 0.75rem;\n      bottom: 0.75rem;\n      width: 2.1rem;\n      height: 2.1rem;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.9);\n      border: none;\n      cursor: pointer;\n      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n    }\n\n    .hust-like-btn i {\n      color: #f97373;\n      font-size: 1rem;\n      transition: transform 0.2s ease;\n    }\n\n    .hust-like-btn:hover {\n      transform: translateY(-2px) scale(1.05);\n      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);\n    }\n\n    .hust-like-btn.liked {\n      background: #fee2e2;\n    }\n\n    .hust-like-btn.liked i {\n      transform: scale(1.15);\n    }\n\n    .hust-photo-highlight {\n      box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.75), 0 18px 40px rgba(0, 0, 0, 0.2) !important;\n      transform: translateY(-10px) rotate(0deg) !important;\n    }\n\n    .hust-floating-toast {\n      position: fixed;\n      left: 50%;\n      bottom: 5rem;\n      transform: translateX(-50%);\n      background: rgba(0, 0, 0, 0.75);\n      color: #f9fafb;\n      padding: 0.55rem 1.2rem;\n      border-radius: 999px;\n      font-size: 0.85rem;\n      z-index: 99999;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.25s ease, transform 0.25s ease;\n    }\n\n    .hust-floating-toast.show {\n      opacity: 1;\n      transform: translateX(-50%) translateY(-6px);\n    }\n\n    .hust-pill-button {\n      border-radius: 999px;\n      padding-inline: 1.3rem;\n      padding-block: 0.5rem;\n    }\n\n    .hust-backtop-btn {\n      position: fixed;\n      right: 1.25rem;\n      bottom: 1.75rem;\n      z-index: 9999;\n      border-radius: 999px;\n      padding: 0.55rem 0.75rem;\n      background: rgba(248, 245, 240, 0.95);\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);\n      cursor: pointer;\n      transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .hust-backtop-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);\n    }\n\n    html.dark .hust-backtop-btn {\n      background: rgba(31, 41, 55, 0.98);\n      color: #e5e7eb;\n    }\n\n    \/* \u80cc\u666f\u97f3\u4e50\u5c0f\u95ea\u5149 *\/\n    .hust-music-pulse {\n      animation: hustPulse 1.5s ease-in-out infinite;\n    }\n\n    @keyframes hustPulse {\n      0% {\n        transform: scale(1);\n        opacity: 0.9;\n      }\n      50% {\n        transform: scale(1.15);\n        opacity: 1;\n      }\n      100% {\n        transform: scale(1);\n        opacity: 0.9;\n      }\n    }\n  <\/style>\n  \n\n  <!-- \u5bfc\u822a\u680f\uff1a\u7528 wp:group \u5305\u88f9\uff0c\u9002\u914d\u4e3b\u9898\u5b9a\u4f4d -->\n  \n  <div class=\"wp-block-group hust-container is-layout-flow wp-block-group-is-layout-flow\" style=\"position:fixed;top:0px;z-index:9999;padding-top:1.25rem;padding-bottom:1.25rem\">\n    \n    <div id=\"hust-navbar\" class=\"wp-block-group alignwide bg-white\/90 dark:bg-gray-900\/90 border border-gray-100 dark:border-gray-800 rounded-full px-4 md:px-6 py-3 shadow-sm is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-d93cb7ca wp-block-group-is-layout-flex\">\n      <!-- Logo + \u8fd4\u56de\u4e3b\u9875 -->\n      \n      <div class=\"wp-block-group flex items-center space-x-3 is-layout-flex wp-block-group-is-layout-flex\">\n        \n        <a href=\"https:\/\/husteread.com\" class=\"flex items-center space-x-2 group\">\n          <i class=\"fa fa-book text-2xl text-hust group-hover:rotate-12 transition-transform\"><\/i>\n          <span class=\"text-xl md:text-2xl font-bold tracking-wide group-hover:text-hust transition-colors dark:text-gray-200\">\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a<\/span>\n        <\/a>\n        <button type=\"button\" onclick=\"window.location.href='https:\/\/husteread.com'\" class=\"hidden sm:inline-flex items-center text-xs md:text-sm hust-pill-button border border-hust\/40 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 hover:bg-hust\/10 hover:-translate-y-0.5 transition-all\">\n          <i class=\"fa fa-home mr-1.5\"><\/i> \u8fd4\u56de\u4e3b\u9875\n        <\/button>\n        \n      <\/div>\n      \n\n      <!-- \u684c\u9762\u7aef\u83dc\u5355 -->\n      \n      <div class=\"wp-block-group hidden md:flex items-center space-x-5 is-layout-flex wp-block-group-is-layout-flex\">\n        \n        <a href=\"https:\/\/husteread.com\" class=\"hover:text-hust dark:text-gray-300 dark:hover:text-hust transition-colors text-sm font-medium\">\u9996\u9875<\/a>\n        <a href=\"https:\/\/husteread.com\/index.php\/tp\/\" class=\"hover:text-hust dark:text-gray-300 dark:hover:text-hust transition-colors text-sm font-medium\">\u529f\u80fd\u83dc\u5355<\/a>\n        <span class=\"text-sm font-semibold text-hust border-b border-hust\/60 pb-0.5\">\u6211\u4eec\u7684\u5c0f\u76f8\u518c<\/span>\n\n        <!-- \u97f3\u4e50\u64ad\u653e\u6309\u94ae -->\n        <button id=\"hust-music-toggle\" type=\"button\" class=\"ml-2 p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors text-ink dark:text-gray-100\" title=\"\u64ad\u653e \/ \u6682\u505c\u80cc\u666f\u97f3\u4e50\">\n          <i class=\"fa fa-play-circle hust-music-icon-play text-lg\"><\/i>\n          <i class=\"fa fa-pause-circle hust-music-icon-pause text-lg hidden\"><\/i>\n        <\/button>\n\n        <!-- \u591c\u95f4\u6a21\u5f0f -->\n        <button id=\"hust-theme-toggle\" type=\"button\" class=\"ml-1 p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors text-ink dark:text-gray-200\" title=\"\u5207\u6362\u591c\u8bfb\u6a21\u5f0f\">\n          <i class=\"fa fa-moon-o hust-theme-icon-moon\"><\/i>\n          <i class=\"fa fa-sun-o hust-theme-icon-sun hidden text-yellow-400\"><\/i>\n        <\/button>\n        \n      <\/div>\n      \n\n      <!-- \u79fb\u52a8\u7aef\u83dc\u5355\u89e6\u53d1\u5668 -->\n      \n      <div class=\"wp-block-group flex md:hidden items-center space-x-2 is-layout-flex wp-block-group-is-layout-flex\">\n        \n        <!-- \u79fb\u52a8\u7aef\u97f3\u4e50\u6309\u94ae -->\n        <button id=\"hust-music-toggle-mobile\" type=\"button\" class=\"text-xl p-2 text-hust\" title=\"\u5c0f\u76f8\u518c\u80cc\u666f\u97f3\u4e50\">\n          <i class=\"fa fa-music hust-music-icon-play\"><\/i>\n          <i class=\"fa fa-pause hust-music-icon-pause hidden\"><\/i>\n        <\/button>\n        <!-- \u6697\u9ed1\u6a21\u5f0f\u79fb\u52a8\u7aef -->\n        <button id=\"hust-theme-toggle-mobile\" type=\"button\" class=\"text-xl p-2 text-ink dark:text-gray-200\" title=\"\u591c\u8bfb\u6a21\u5f0f\">\n          <i class=\"fa fa-moon-o hust-theme-icon-moon\"><\/i>\n          <i class=\"fa fa-sun-o hust-theme-icon-sun hidden text-yellow-400\"><\/i>\n        <\/button>\n        <!-- \u79fb\u52a8\u7aef\u83dc\u5355 -->\n        <button class=\"text-2xl text-hust\" id=\"hust-menu-toggle\" type=\"button\"><i class=\"fa fa-bars\"><\/i><\/button>\n        \n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u79fb\u52a8\u7aef\u83dc\u5355\u5185\u5bb9 -->\n    \n    <div class=\"wp-block-group hidden md:hidden is-layout-flow wp-block-group-is-layout-flow\" id=\"hust-mobile-menu\" style=\"border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:1rem;padding-bottom:1rem;background-color:var(--wp--preset--color--base)\">\n      \n      <div class=\"wp-block-group text-center space-y-1.5 is-vertical is-layout-flex wp-container-core-group-is-layout-c65dcf6d wp-block-group-is-layout-flex\">\n        \n        <a href=\"https:\/\/husteread.com\" class=\"py-1.5 hover:text-hust block text-sm\">\u9996\u9875<\/a>\n        <a href=\"https:\/\/husteread.com\/index.php\/tp\/\" class=\"py-1.5 hover:text-hust block text-sm\">\u529f\u80fd\u83dc\u5355<\/a>\n        <span class=\"py-1.5 text-hust font-semibold block text-sm\">\u6211\u4eec\u7684\u5c0f\u76f8\u518c<\/span>\n        \n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  <!-- \u4e3b\u5185\u5bb9\u533a\uff1a\u5168\u5bbd + \u4e3b\u9898\u7ea6\u675f\u5e03\u5c40 -->\n  \n  <div class=\"wp-block-group alignfull hust-container hust-bg-parallax hust-text-ink is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:8rem;padding-bottom:4rem;padding-left:1rem;padding-right:1rem;position:relative\">\n    <!-- \u80cc\u666f\u97f3\u4e50\uff08\u8bf7\u5c06 src \u6362\u6210\u81ea\u5df1\u7684\u97f3\u9891\u5730\u5740\uff09 -->\n    \n    <audio id=\"hust-bgm\" src=\"https:\/\/husteread.com\/wp-content\/uploads\/hust-album-bgm.mp3\" loop><\/audio>\n    \n\n    <!-- \u6d6e\u52a8\u56de\u5230\u9876\u90e8\u6309\u94ae -->\n    \n    <button type=\"button\" id=\"hust-backtop\" class=\"hust-backtop-btn hidden\">\n      <div class=\"flex items-center space-x-1 text-xs\">\n        <i class=\"fa fa-arrow-up\"><\/i>\n        <span>\u56de\u5230\u9876\u90e8<\/span>\n      <\/div>\n    <\/button>\n    \n\n    <!-- Toast \u63d0\u793a -->\n    \n    <div id=\"hust-toast\" class=\"hust-floating-toast\">\u5df2\u6084\u6084\u6536\u85cf\u5230\u5fc3\u91cc<\/div>\n    \n\n    <!-- \u9875\u9762\u6807\u9898 -->\n    \n    <div class=\"wp-block-group alignwide hust-album-hero hust-hero-shine bg-white\/70 dark:bg-gray-900\/70 rounded-3xl shadow-xl px-6 md:px-10 py-10 md:py-14 border border-gray-100\/80 dark:border-gray-700\/80 has-global-padding is-layout-constrained wp-container-core-group-is-layout-f36bc466 wp-block-group-is-layout-constrained\">\n      \n      <h2 class=\"wp-block-heading has-text-align-center dark:text-gray-100 mb-4\" style=\"font-size:clamp(2.7rem, 5vw, 3.6rem)\">\n        \u6211\u4eec\u7684\u5c0f\u76f8\u518c\n      <\/h2>\n      \n\n      \n      <p class=\"has-text-align-center hust-text-gray-600 mb-5\" style=\"font-size:clamp(1rem, 2vw, 1.2rem)\">\n        \u6bcf\u4e00\u5f20\u7167\u7247\uff0c\u90fd\u662f\u8bfb\u4e66\u4f1a\u5199\u7ed9\u5927\u5bb6\u7684\u4e00\u5c01\u5c0f\u5c0f\u60c5\u4e66\u3002<br class=\"hidden md:block\" \/>\n        \u628a\u4e00\u6b21\u6b21\u6d3b\u52a8\u91cc\u7684\u7b11\u58f0\u548c\u706f\u5149\uff0c\u6162\u6162\u88c5\u8fdb\u6211\u4eec\u7684\u5171\u540c\u8bb0\u5fc6\u91cc\u3002\n      <\/p>\n      \n\n      <!-- \u9876\u90e8\u64cd\u4f5c\u533a -->\n      \n      <div class=\"wp-block-group flex flex-wrap justify-center gap-3 md:gap-4 mt-2 is-content-justification-center is-layout-flex wp-container-core-group-is-layout-9e7b6e01 wp-block-group-is-layout-flex\">\n        \n        <button id=\"hust-random-memory\" type=\"button\" class=\"hust-pill-button flex items-center text-xs md:text-sm bg-hust text-white shadow-md hover:shadow-xl hover:-translate-y-0.5 transition-all\">\n          <i class=\"fa fa-random mr-2\"><\/i> \u4eca\u5929\u7684\u7f18\u5206\u4e00\u5f20\n        <\/button>\n        <button id=\"hust-open-all\" type=\"button\" class=\"hust-pill-button flex items-center text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 hover:bg-hust\/10 hover:-translate-y-0.5 transition-all\">\n          <i class=\"fa fa-book mr-2\"><\/i> \u4e00\u6b21\u770b\u5b8c\u6240\u6709\u56de\u5fc6\n        <\/button>\n        <button id=\"hust-close-all\" type=\"button\" class=\"hust-pill-button flex items-center text-xs md:text-sm border border-gray-300 text-gray-600 bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-200 hover:bg-gray-100\/80 dark:hover:bg-gray-700\/80 hover:-translate-y-0.5 transition-all\">\n          <i class=\"fa fa-moon-o mr-2\"><\/i> \u8f7b\u6536\u76f8\u518c\n        <\/button>\n        \n      <\/div>\n      \n\n      <!-- \u5c0f\u63d0\u793a -->\n      \n      <p class=\"has-text-align-center text-gray-500 mt-4\" style=\"font-size:0.85rem\">\n        \u5c0f\u63d0\u793a\uff1a\u70b9\u51fb\u6bcf\u4e00\u5f20\u7167\u7247\u53f3\u4e0b\u89d2\u7684\u5c0f\u7231\u5fc3\uff0c\u53ef\u4ee5\u628a\u5b83\u201c\u5b58\u8fdb\u5fc3\u91cc\u7684\u76f8\u518c\u201d\uff1b<br class=\"hidden md:block\" \/>\n        \u591c\u95f4\u6a21\u5f0f + \u80cc\u666f\u97f3\u4e50\u4e00\u8d77\u5f00\uff0c\u4f1a\u66f4\u50cf\u4e00\u573a\u5b89\u9759\u7684\u201c\u6df1\u591c\u7ffb\u76f8\u518c\u201d\u3002\n      <\/p>\n      \n    <\/div>\n    \n\n    <!-- \u76f8\u518c\uff1a\u6d3b\u52a8\u5206\u533a -->\n    <!-- \u6d3b\u52a8\u4e00\uff1a\u65f6\u5149\u90ae\u5bc4 -->\n    \n    <div id=\"album-time-mail\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3.5rem\">\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        \n        <div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-envelope-open\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">\u65f6\u5149\u90ae\u5bc4 \u00b7 \u5199\u7ed9\u4e00\u5e74\u7684\u81ea\u5df1<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u90a3\u4e9b\u5199\u7ed9\u672a\u6765\u7684\u53e5\u5b50\uff0c\u4e5f\u6084\u6084\u7559\u5728\u4e86\u5f53\u65f6\u7684\u5149\u5f71\u91cc\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n        \n\n        \n        <div class=\"wp-block-group flex items-center space-x-2 is-layout-flow wp-block-group-is-layout-flow\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-time-mail-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/time-mail\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n        \n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-time-mail-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/S8OEUWCJTUZD3X5O75N-scaled.jpg\" alt=\"\u65f6\u5149\u90ae\u5bc4\u6d3b\u52a8\u73b0\u573a\uff0c\u684c\u4e0a\u94fa\u6ee1\u4fe1\u7eb8\u548c\u4fe1\u5c01\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u5199\u4fe1\u7684\u90a3\u5929\u4e0b\u5348\uff0c\u56fe\u4e66\u9986\u5916\u7684\u98ce\u521a\u521a\u597d\u3002\u6709\u4eba\u8ba4\u771f\u5730\u5199\u4e0b\u4e09\u9875\u7eb8\uff0c\u4e5f\u6709\u4eba\u53ea\u5199\u4e86\u4e00\u53e5\u201c\u8f9b\u82e6\u4e86\u5440\u201d\uff0c\u7136\u540e\u7b11\u7740\u53e0\u8d77\u4fe1\u5c01\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/4OCYRT1L1J4@CD50.jpg\" alt=\"\u8fd1\u666f\u62cd\u6444\u5199\u4fe1\u4e2d\u7684\u624b\u548c\u4fe1\u7eb8\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u7ed9\u672a\u6765\u7684\u81ea\u5df1\u753b\u4e86\u4e00\u4e2a\u7b11\u8138\uff0c\u8bf4\u201c\u5982\u679c\u770b\u5230\u8fd9\u5f20\u753b\uff0c\u5c31\u8bb0\u5f97\u5f53\u65f6\u4e5f\u5f88\u52c7\u6562\u3002\u201d\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/6_D3WUMLUYSREWT7OGLS.jpg\" alt=\"\u4fe1\u7bb1\u6216\u6536\u96c6\u4fe1\u4ef6\u7684\u76d2\u5b50\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6240\u6709\u7684\u4fe1\u88ab\u8f7b\u8f7b\u88c5\u8fdb\u540c\u4e00\u4e2a\u7bb1\u5b50\u91cc\uff0c\u50cf\u662f\u5927\u5bb6\u628a\u5404\u81ea\u7684\u201c\u5c0f\u5b87\u5b99\u201d\u5bc4\u5b58\u5728\u4e86\u540c\u4e00\u4e2a\u5730\u65b9\u3002\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u6d3b\u52a8\u4e8c\uff1a\u7ae5\u5fc3\u62fe\u5fc6 -->\n    \n    <div id=\"album-child-dream\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        \n        <div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-star\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">\u7ae5\u5fc3\u62fe\u68a6 \u00b7 \u516d\u4e00\u5f81\u6587<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u957f\u5927\u7684\u6211\u4eec\uff0c\u5728\u8fd9\u4e00\u5929\u53c8\u5077\u5077\u53d8\u56de\u4e86\u5c0f\u670b\u53cb\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n        \n\n        <!-- \u6309\u94ae -->\n        \n        <div class=\"wp-block-group flex items-center space-x-2 is-layout-flow wp-block-group-is-layout-flow\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-child-dream-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/child-dream\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n        \n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-child-dream-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/E4B8F7B1500D4C9CDBBF726866328DFE.jpg\" alt=\"\u53c2\u4e0e\u7ae5\u5fc3\u62fe\u68a6\u6d3b\u52a8\u7684\u540c\u5b66\u5408\u7167\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u8c01\u8bf4\u53ea\u6709\u5c0f\u5b69\u624d\u8fc7\u516d\u4e00\u5462\uff1f\u90a3\u5929\u7684\u6211\u4eec\uff0c\u7b11\u5f97\u6bd4\u793c\u7269\u888b\u4e0a\u7684\u5361\u901a\u4eba\u7269\u8fd8\u8981\u5f00\u5fc3\u4e00\u70b9\u70b9\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/C05A8DCDE52AB545F0C775569BDBC4EA.jpg\" alt=\"\u684c\u4e0a\u6446\u653e\u7684\u5f69\u8272\u4fbf\u7b7e\u4e0e\u5c0f\u793c\u7269\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u5199\u4e0b\u7ae5\u5e74\u7684\u96f6\u98df\u6e05\u5355\uff0c\u6709\u4eba\u8ba4\u771f\u5199\u201c\u957f\u5927\u540e\u4e5f\u8981\u8bb0\u5f97\u559c\u6b22\u81ea\u5df1\u201d\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/6B46F43F1E4DBDB7078DD772BDE86843.jpg\" alt=\"\u684c\u4e0a\u6446\u653e\u7684\u5f69\u8272\u4fbf\u7b7e\u4e0e\u5c0f\u793c\u7269\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u8ba9\u6211\u4eec\u770b\u4e00\u770b\u5927\u5bb6\u7684\u5206\u4eab\u5427~\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/281BDD6C37FB487A61AA352D4EBB02F8.jpg\" alt=\"\u6d3b\u52a8\u5c55\u677f\u524d\u9605\u8bfb\u6545\u4e8b\u7684\u540c\u5b66\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u90a3\u4e9b\u5173\u4e8e\u52a8\u753b\u7247\u3001\u73bb\u7483\u5f39\u73e0\u548c\u5c0f\u5356\u90e8\u7684\u6545\u4e8b\uff0c\u7a81\u7136\u628a\u6821\u56ed\u7684\u98ce\u90fd\u5439\u751c\u4e86\u4e00\u70b9\u3002\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u6d3b\u52a8\u4e09\uff1a\u6bcf\u65e5\u8bfb\u4e66\u5206\u4eab -->\n    \n    <div id=\"album-daily-sharing\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        <div class=\"wp-block-group\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-calendar\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">\u6bcf\u65e5\u8bfb\u4e66\u5206\u4eab \u00b7 \u65e5\u5e38\u77ac\u95f4<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u4e0d\u4e00\u5b9a\u6709\u7cbe\u5f69\u5927\u7247\uff0c\u4f46\u6709\u5f88\u591a\u666e\u901a\u53c8\u771f\u8bda\u7684\u5c0f\u65e5\u5e38\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n\n        <div class=\"wp-block-group flex items-center space-x-2\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-daily-sharing-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/daily-sharing\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-daily-sharing-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/daily-share-1\/800\/600\" alt=\"\u81ea\u4e60\u5ba4\u91cc\u9605\u8bfb\u7684\u80cc\u5f71\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u8bf4\uff0c\u80fd\u5b89\u9759\u8bfb\u4e66\u7684\u591c\u665a\uff0c\u5c31\u662f\u5f88\u597d\u7684\u6210\u5e74\u4eba\u7684\u201c\u8fc7\u5bb6\u5bb6\u201d\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/daily-share-2\/800\/600\" alt=\"\u624b\u673a\u4e0a\u663e\u793a\u7684\u8bfb\u4e66\u6253\u5361\u8bb0\u5f55\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u4e00\u5929\u4e00\u5c0f\u6bb5\u5206\u4eab\uff0c\u50cf\u662f\u7ed9\u65e5\u5b50\u505a\u4e86\u4e00\u4e2a\u6e29\u67d4\u7684\u6298\u89d2\u3002\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u6d3b\u52a8\u56db\uff1a21\u5929\u4e60\u60ef\u517b\u6210 -->\n    \n    <div id=\"album-21-days\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        <div class=\"wp-block-group\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-check-square-o\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">21\u5929\u4e60\u60ef\u517b\u6210 \u00b7 \u6253\u5361\u65e5\u5386<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u6bcf\u4e00\u6b21\u201c\u5df2\u5b8c\u6210\u201d\u7684\u52fe\u9009\uff0c\u770b\u8d77\u6765\u4e0d\u8d77\u773c\uff0c\u5176\u5b9e\u90fd\u5728\u6084\u6084\u6539\u53d8\u6211\u4eec\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n\n        <div class=\"wp-block-group flex items-center space-x-2\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-21-days-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/21-days-habit\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-21-days-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/21-days-1\/800\/600\" alt=\"\u5b66\u751f\u624b\u5199\u6253\u5361\u8868\u4e0e\u65e5\u8bb0\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u628a\u6253\u5361\u8868\u8d34\u5728\u5e8a\u8fb9\uff0c\u6709\u4eba\u653e\u5728\u4e66\u684c\u524d\uff0c\u6bcf\u5929\u52fe\u6389\u4e00\u4e2a\u5c0f\u683c\u5b50\uff0c\u4e5f\u987a\u624b\u7ed9\u90a3\u5929\u7684\u81ea\u5df1\u70b9\u4e2a\u8d5e\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/21-days-2\/800\/600\" alt=\"\u51e0\u4f4d\u540c\u5b66\u56f4\u5750\u4ea4\u6d41\u6253\u5361\u5fc3\u5f97\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u4e60\u60ef\u597d\u50cf\u6ca1\u90a3\u4e48\u96be\uff0c\u53ea\u8981\u6709\u4eba\u4e00\u8d77\u8d70\uff0c\u5c31\u4e0d\u4f1a\u592a\u60f3\u4e2d\u9014\u653e\u5f03\u3002\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u6d3b\u52a8\u4e94\uff1a\u767e\u56e2\u5927\u6218\u8bfb\u4e66\u4f1a\u644a\u4f4d -->\n    \n    <div id=\"album-battle-2021\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        <div class=\"wp-block-group\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-gamepad\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">\u767e\u56e2\u5927\u6218 \u00b7 \u8bfb\u4e66\u4f1a\u6e38\u620f\u644a\u4f4d<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u90a3\u4e24\u5929\uff0c\u64cd\u573a\u4e0a\u4eba\u58f0\u9f0e\u6cb8\uff0c\u6211\u4eec\u628a\u559c\u6b22\u7684\u4e66\u4e5f\u642c\u4e0a\u4e86\u201c\u6e38\u4e50\u573a\u201d\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n\n        <div class=\"wp-block-group flex items-center space-x-2\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-battle-2021-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/battle-of-clubs-2021\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-battle-2021-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309230359.jpg\" alt=\"\u767e\u56e2\u5927\u6218\u73b0\u573a\uff0c\u8bfb\u4e66\u4f1a\u644a\u4f4d\u524d\u4eba\u6765\u4eba\u5f80\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u88ab\u5c0f\u6e38\u620f\u5438\u5f15\u505c\u4e0b\u811a\u6b65\uff0c\u6709\u4eba\u53ea\u662f\u8def\u8fc7\uff0c\u5374\u88ab\u4e00\u53e5\u8bdd\u91cc\u7684\u67d0\u4e2a\u8bcd\u6253\u52a8\u4e86\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309230407.jpg\" alt=\"\u684c\u9762\u4e0a\u6446\u653e\u7684\u4e66\u672c\u548c\u6e38\u620f\u9053\u5177\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u4e66\u4e5f\u53ef\u4ee5\u5f88\u597d\u73a9\uff0c\u98de\u82b1\u4ee4\u3001\u770b\u56fe\u5199\u8bdd\u3001\u6210\u8bed\u63a5\u9f99\u2026\u2026\u6bcf\u4e2a\u6e38\u620f\u80cc\u540e\u90fd\u6709\u4e00\u4e2a\u5c0f\u5c0f\u7684\u6545\u4e8b\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309232551.jpg\" alt=\"\u684c\u9762\u4e0a\u6446\u653e\u7684\u4e66\u672c\u548c\u6e38\u620f\u9053\u5177\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6765\u770b\u4e00\u770b\u5927\u5bb6\u7684\u7cbe\u5f69\u4f5c\u54c1\u5427~\u3002\n          <\/figcaption>\n        <\/figure>        \n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309232543.jpg\" alt=\"\u684c\u9762\u4e0a\u6446\u653e\u7684\u4e66\u672c\u548c\u6e38\u620f\u9053\u5177\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6765\u770b\u4e00\u770b\u5927\u5bb6\u7684\u7cbe\u5f69\u4f5c\u54c1\u5427~\u3002\n          <\/figcaption>\n        <\/figure>  \n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309232540.jpg\" alt=\"\u684c\u9762\u4e0a\u6446\u653e\u7684\u4e66\u672c\u548c\u6e38\u620f\u9053\u5177\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6765\u770b\u4e00\u770b\u5927\u5bb6\u7684\u7cbe\u5f69\u4f5c\u54c1\u5427~\u3002\n          <\/figcaption>\n        <\/figure>  \n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/QQ\u56fe\u724720220309232535.jpg\" alt=\"\u684c\u9762\u4e0a\u6446\u653e\u7684\u4e66\u672c\u548c\u6e38\u620f\u9053\u5177\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6765\u770b\u4e00\u770b\u5927\u5bb6\u7684\u7cbe\u5f69\u4f5c\u54c1\u5427~\u3002\n          <\/figcaption>\n        <\/figure>  \n\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u8865\u5145\u6d3b\u52a8\u4e00\uff1aSunlight \u8bfb\u4e66\u4f1a -->\n    \n    <div id=\"album-sunlight\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        <div class=\"wp-block-group\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-sun-o\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">Sunlight \u8bfb\u4e66\u4f1a \u00b7 \u5348\u540e\u5c0f\u805a<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u9633\u5149\u521a\u597d\uff0c\u4e66\u9875\u521a\u597d\u7ffb\u5230\u559c\u6b22\u7684\u90a3\u4e00\u7ae0\uff0c\u4eba\u4e5f\u521a\u597d\u5750\u5728\u4e00\u8d77\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n\n        <div class=\"wp-block-group flex items-center space-x-2\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-sunlight-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/sunlight-club\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-sunlight-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a2-scaled.jpg\" alt=\"\u9633\u5149\u4e0b\u56f4\u5750\u9605\u8bfb\u7684\u540c\u5b66\u4eec\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u9760\u7740\u7a97\uff0c\u6709\u4eba\u8db4\u5728\u684c\u4e0a\u753b\u91cd\u70b9\uff0c\u5076\u5c14\u6709\u4eba\u62ac\u5934\uff0c\u9633\u5149\u5c31\u521a\u597d\u7167\u5728\u773c\u775b\u91cc\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a3-scaled.jpg\" alt=\"\u684c\u4e0a\u644a\u5f00\u7684\u4e66\u4e0e\u5496\u5561\u676f\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u8ba4\u771f\u5206\u4eab\u8bfb\u4e66\u7b14\u8bb0\uff0c\u6709\u4eba\u8d1f\u8d23\u51c6\u5907\u96f6\u98df\uff0c\u7136\u540e\u5168\u7a0b\u9f13\u638c\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a4-scaled.jpg\" alt=\"\u684c\u4e0a\u644a\u5f00\u7684\u4e66\u4e0e\u5496\u5561\u676f\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u5728\u8fd9\u4e2a\u79cb\u5b63\u7684\u5348\u540e\uff0c\u6211\u4eec\u9f50\u805a\u4e8e\u6b64\uff0c\u5171\u540c\u8c08\u8bba\u4e66\u76ee\u3002\n          <\/figcaption>\n\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u8865\u5145\u6d3b\u52a8\u4e8c\uff1a\u7ebf\u4e0b\u540c\u89c2\u5f71 -->\n    \n    <div id=\"album-movie-night\" class=\"wp-block-group alignwide hust-album-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem\">\n      <!-- \u6807\u9898\u884c -->\n      \n      <div class=\"wp-block-group flex flex-wrap items-center justify-between gap-3 mb-3 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-772c518f wp-block-group-is-layout-flex\">\n        <div class=\"wp-block-group\">\n          \n          <div class=\"flex items-center space-x-3\">\n            <div class=\"w-9 h-9 rounded-full bg-hust\/15 flex items-center justify-center text-hust\">\n              <i class=\"fa fa-film\"><\/i>\n            <\/div>\n            <div>\n              <h3 class=\"text-xl md:text-2xl font-bold dark:text-gray-100\">\u7ebf\u4e0b\u540c\u89c2\u5f71 \u00b7 \u4e66\u4e0e\u7535\u5f71\u7684\u665a\u4e0a<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                \u603b\u6709\u4eba\u8bf4\u201c\u770b\u5b8c\u7535\u5f71\u518d\u8d70\u5427\u201d\uff0c\u4e8e\u662f\u90a3\u5929\u665a\u4e0a\u597d\u50cf\u6bd4\u5e73\u5e38\u591a\u4e86\u4e00\u70b9\u70b9\u4e0d\u820d\u3002\n              <\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n\n        <div class=\"wp-block-group flex items-center space-x-2\">\n          \n          <button type=\"button\" class=\"hust-pill-button text-xs md:text-sm border border-hust\/50 text-hust bg-white\/80 dark:bg-gray-800\/80 dark:text-gray-100 flex items-center hust-album-toggle\" data-album-toggle=\"#album-movie-night-grid\">\n            <i class=\"fa fa-picture-o mr-1.5\"><\/i> \u5c55\u5f00 \/ \u6536\u8d77\u76f8\u518c\n          <\/button>\n          <a href=\"https:\/\/husteread.com\/index.php\/event\/movie-night\" target=\"_blank\" class=\"hust-pill-button text-xs md:text-sm bg-hust text-white flex items-center hover:shadow-md hover:-translate-y-0.5 transition-all\">\n            <i class=\"fa fa-external-link mr-1.5\"><\/i> \u524d\u5f80\u6d3b\u52a8\u9875\u9762\n          <\/a>\n          \n        <\/div>\n      <\/div>\n      \n\n      <!-- \u7167\u7247\u7f51\u683c -->\n      \n      <div id=\"album-movie-night-grid\" class=\"grid gap-5 md:gap-6 md:grid-cols-3 lg:grid-cols-4 mt-3 hidden\">\n\n        <figure class=\"hust-photo-frame hust-photo-item\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a1-scaled.jpg\" alt=\"\u89c2\u5f71\u6d3b\u52a8\u73b0\u573a\uff0c\u5c4f\u5e55\u53d1\u51fa\u660f\u9ec4\u7684\u5149\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u6709\u4eba\u7b11\u51fa\u58f0\uff0c\u6709\u4eba\u5077\u5077\u62b9\u773c\u6cea\uff0c\u6563\u573a\u65f6\u5927\u5bb6\u90fd\u591a\u7559\u4e86\u4e00\u4f1a\u513f\uff0c\u597d\u50cf\u820d\u4e0d\u5f97\u4ece\u7535\u5f71\u91cc\u62bd\u79bb\u51fa\u6765\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a5-scaled.jpg\" alt=\"\u89c2\u5f71\u7ed3\u675f\u540e\u5927\u5bb6\u56f4\u5750\u8ba8\u8bba\u7684\u753b\u9762\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u7535\u5f71\u6563\u573a\u4e4b\u540e\uff0c\u771f\u6b63\u7684\u4ea4\u6d41\u624d\u521a\u521a\u5f00\u59cb\u2014\u2014\u6709\u4eba\u4ece\u955c\u5934\u804a\u5230\u4e66\uff0c\u6709\u4eba\u4ece\u89d2\u8272\u804a\u5230\u81ea\u5df1\u3002\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"hust-photo-frame hust-photo-item hust-photo-item-small\">\n          <div class=\"relative\">\n            <span class=\"hust-photo-tape\"><\/span>\n            <img decoding=\"async\" src=\"http:\/\/husteread.com\/wp-content\/uploads\/2025\/11\/\u8bfb\u4e66\u4f1a6-scaled.jpg\" alt=\"\u89c2\u5f71\u7ed3\u675f\u540e\u5927\u5bb6\u56f4\u5750\u8ba8\u8bba\u7684\u753b\u9762\" class=\"hust-photo-image\">\n            <button type=\"button\" class=\"hust-like-btn\"><i class=\"fa fa-heart-o\"><\/i><\/button>\n          <\/div>\n          <figcaption class=\"p-3 pb-4 text-xs md:text-sm text-gray-600 dark:text-gray-300\">\n            \u7535\u5f71\u6563\u573a\u4e4b\u540e\uff0c\u771f\u6b63\u7684\u4ea4\u6d41\u624d\u521a\u521a\u5f00\u59cb\u2014\u2014\u6709\u4eba\u4ece\u955c\u5934\u804a\u5230\u4e66\uff0c\u6709\u4eba\u4ece\u89d2\u8272\u804a\u5230\u81ea\u5df1\u3002\n          <\/figcaption>\n        <\/figure>\n\n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u731c\u4f60\u60f3\u627e \u00b7 \u63a8\u8350\u533a -->\n    \n    <div class=\"wp-block-group alignwide hust-menu-card hust-gradient-bg border border-dashed border-hust\/40 rounded-3xl mt-16 px-5 md:px-7 py-6 is-layout-flow wp-block-group-is-layout-flow\">\n      \n      <h2 class=\"wp-block-heading dark:text-gray-100 mb-3\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.667), 1.3rem);\">\n        <i class=\"fa fa-lightbulb-o mr-2 text-hust\"><\/i> \u731c\u4f60\u60f3\u627e\n      <\/h2>\n      \n\n      \n      <p class=\"text-gray-600 dark:text-gray-300 mb-3\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.118), 0.95rem);\">\n        \u4e5f\u8bb8\u4f60\u8fd8\u5728\u627e\u67d0\u4e00\u573a\u6d3b\u52a8\u7684\u5408\u7167\uff0c\u6216\u8005\u67d0\u4e00\u5f20\u5f88\u4e45\u4e4b\u524d\u7684\u7b11\u8138\u3002\u4e0b\u9762\u8fd9\u4e9b\u5165\u53e3\uff0c\u53ef\u80fd\u521a\u597d\u53ef\u4ee5\u5e26\u4f60\u627e\u5230\u2014\u2014\n      <\/p>\n      \n\n      \n      <div class=\"wp-block-group flex flex-wrap gap-2.5 is-layout-flex wp-block-group-is-layout-flex\">\n        \n        <button type=\"button\" class=\"hust-chip\" data-scroll-target=\"#album-time-mail\">\n          <i class=\"fa fa-envelope-open mr-1.5 text-hust\"><\/i> \u65f6\u5149\u90ae\u5bc4\u6d3b\u52a8\u7167\u7247\n        <\/button>\n        <button type=\"button\" class=\"hust-chip\" data-scroll-target=\"#album-child-dream\">\n          <i class=\"fa fa-star-o mr-1.5 text-hust\"><\/i> \u516d\u4e00 \u00b7 \u7ae5\u5fc3\u62fe\u68a6\n        <\/button>\n        <button type=\"button\" class=\"hust-chip\" data-scroll-target=\"#album-battle-2021\">\n          <i class=\"fa fa-gamepad mr-1.5 text-hust\"><\/i> \u767e\u56e2\u5927\u6218 \u00b7 \u644a\u4f4d\u5408\u7167\n        <\/button>\n        <button type=\"button\" class=\"hust-chip\" data-scroll-target=\"#album-movie-night\">\n          <i class=\"fa fa-film mr-1.5 text-hust\"><\/i> \u7ebf\u4e0b\u540c\u89c2\u5f71 \u00b7 \u90a3\u4e2a\u665a\u4e0a\n        <\/button>\n        <button type=\"button\" class=\"hust-chip\" data-scroll-target=\"#album-sunlight\">\n          <i class=\"fa fa-sun-o mr-1.5 text-hust\"><\/i> Sunlight \u8bfb\u4e66\u4f1a \u00b7 \u5348\u540e\n        <\/button>\n        <a href=\"https:\/\/husteread.com\/index.php\/album\/more\" target=\"_blank\" class=\"hust-chip\">\n          <i class=\"fa fa-folder-open-o mr-1.5 text-hust\"><\/i> \u66f4\u591a\u5f80\u671f\u6d3b\u52a8\u76f8\u518c\n        <\/a>\n        \n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u6e29\u99a8\u7ed3\u8bed -->\n    \n    <div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:2.5rem\">\n      \n      <p class=\"has-text-align-center text-gray-500 dark:text-gray-400\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.039), 0.9rem);\">\n        \u5982\u679c\u6709\u4e00\u5929\uff0c\u6211\u4eec\u90fd\u5404\u81ea\u5fd9\u788c\u8d77\u6765\uff0c<br class=\"hidden md:block\" \/>\n        \u4e5f\u5e0c\u671b\u4f60\u5076\u5c14\u8fd8\u80fd\u6765\u8fd9\u91cc\u7ffb\u7ffb\u76f8\u518c\uff0c\u770b\u770b\u5f53\u65f6\u7684\u6211\u4eec\u2014\u2014<br class=\"hidden md:block\" \/>\n        \u90a3\u4e9b\u8ba4\u771f\u8bfb\u4e66\u3001\u8ba4\u771f\u751f\u6d3b\u3001\u4e5f\u8ba4\u771f\u7b11\u7740\u7684\u65e5\u5b50\uff0c\u90fd\u8fd8\u5728\u8fd9\u91cc\u7b49\u4f60\u3002\n      <\/p>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  <!-- \u9875\u811a\uff1a\u9002\u914d\u4e3b\u9898\u5757\u7ed3\u6784 -->\n  \n  <div class=\"wp-block-group alignfull hust-container has-white-color has-ink-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:3rem;padding-bottom:3rem\">\n    \n    <div class=\"wp-block-group alignwide grid md:grid-cols-3 gap-6 items-start is-layout-grid wp-container-core-group-is-layout-d03185b7 wp-block-group-is-layout-grid\">\n      <!-- \u9875\u811aLogo -->\n      \n      <div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n        \n        <h4 class=\"text-xl font-bold mb-2 text-hust-light\">\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a<\/h4>\n        <p class=\"text-sm text-gray-400 mb-1\">Since 2010<\/p>\n        <p class=\"text-xs text-gray-500\">\u8fd9\u91cc\u4fdd\u5b58\u7740\u6211\u4eec\u4e00\u8d77\u8bfb\u4e66\u3001\u4e00\u8d77\u957f\u5927\u7684\u8bc1\u636e\u3002<\/p>\n        \n      <\/div>\n      \n\n      <!-- \u8054\u7cfb\u65b9\u5f0f -->\n      \n      <div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n        \n        <h4 class=\"text-lg font-bold mb-3\">\u8054\u7cfb\u65b9\u5f0f<\/h4>\n        <p class=\"text-sm text-gray-400 mb-1\">\u5730\u5740\uff1a\u534e\u4e2d\u79d1\u6280\u5927\u5b66 \u56fe\u4e66\u9986<\/p>\n        <p class=\"text-sm text-gray-400 mb-1\">Email: 2158858577@qq.com<\/p>\n        <p class=\"text-xs text-gray-500 mt-1\">\u5982\u679c\u4f60\u6709\u60f3\u5206\u4eab\u7684\u7167\u7247\u6216\u6545\u4e8b\uff0c\u4e5f\u6b22\u8fce\u6295\u9012\u7ed9\u6211\u4eec\u3002<\/p>\n        \n      <\/div>\n      \n\n      <!-- \u53cb\u60c5\u94fe\u63a5 -->\n      \n      <div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n        \n        <h4 class=\"text-lg font-bold mb-3\">\u53cb\u60c5\u94fe\u63a5<\/h4>\n        <div class=\"flex justify-start space-x-4 text-gray-400 mb-2\">\n          <a href=\"#\" class=\"hover:text-hust-light\"><i class=\"fa fa-weixin\"><\/i><\/a>\n          <a href=\"#\" class=\"hover:text-hust-light\"><i class=\"fa fa-weibo\"><\/i><\/a>\n          <a href=\"#\" class=\"hover:text-hust-light\"><i class=\"fa fa-github\"><\/i><\/a>\n        <\/div>\n        <p class=\"text-xs text-gray-500\">\u671f\u5f85\u548c\u66f4\u591a\u559c\u6b22\u4e66\u3001\u559c\u6b22\u6545\u4e8b\u7684\u4eba\u76f8\u9047\u3002<\/p>\n        \n      <\/div>\n      \n    <\/div>\n    \n\n    <!-- \u7248\u6743\u4fe1\u606f -->\n    \n    <div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-color:var(--wp--preset--color--gray-700);border-top-width:1px;margin-top:2rem\">\n      \n      <p class=\"has-text-align-center text-gray-500\" style=\"font-size:0.875rem\">&copy; Person in charge: Kong Deyu, non-official HUST representative<\/p>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  <!-- \u529f\u80fd\u811a\u672c\uff1a\u7528 wp:html \u5757\u5305\u88f9 -->\n  \n  <script>\n    document.addEventListener('DOMContentLoaded', () => {\n      \/\/ \u6697\u9ed1\u6a21\u5f0f\u521d\u59cb\u5316\uff08\u517c\u5bb9\u672c\u5730\u5b58\u50a8\uff09\n      if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        document.documentElement.classList.add('dark');\n      } else {\n        document.documentElement.classList.remove('dark');\n      }\n\n      \/\/ \u6697\u9ed1\u6a21\u5f0f\u5207\u6362\n      const themeToggleBtns = document.querySelectorAll('#hust-theme-toggle, #hust-theme-toggle-mobile');\n      themeToggleBtns.forEach(btn => {\n        btn.addEventListener('click', () => {\n          const html = document.documentElement;\n          html.classList.toggle('dark');\n          localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';\n\n          \/\/ \u5207\u6362\u56fe\u6807\u663e\u793a\n          document.querySelectorAll('.hust-theme-icon-moon').forEach(i => i.classList.toggle('hidden', html.classList.contains('dark')));\n          document.querySelectorAll('.hust-theme-icon-sun').forEach(i => i.classList.toggle('hidden', !html.classList.contains('dark')));\n        });\n      });\n\n      \/\/ \u521d\u59cb\u5316\u4e3b\u9898\u56fe\u6807\u72b6\u6001\n      const htmlEl = document.documentElement;\n      document.querySelectorAll('.hust-theme-icon-moon').forEach(i => i.classList.toggle('hidden', htmlEl.classList.contains('dark')));\n      document.querySelectorAll('.hust-theme-icon-sun').forEach(i => i.classList.toggle('hidden', !htmlEl.classList.contains('dark')));\n\n      \/\/ \u79fb\u52a8\u7aef\u83dc\u5355\n      const menuToggle = document.getElementById('hust-menu-toggle');\n      const mobileMenu = document.getElementById('hust-mobile-menu');\n      if (menuToggle && mobileMenu) {\n        menuToggle.addEventListener('click', () => {\n          mobileMenu.classList.toggle('hidden');\n        });\n      }\n\n      \/\/ \u5bfc\u822a\u680f\u6eda\u52a8\u6548\u679c\n      const navbarShell = document.getElementById('hust-navbar');\n      if (navbarShell) {\n        window.addEventListener('scroll', () => {\n          if (window.scrollY > 50) {\n            navbarShell.classList.add('shadow-md');\n          } else {\n            navbarShell.classList.remove('shadow-md');\n          }\n        });\n      }\n\n      \/\/ \u80cc\u666f\u97f3\u4e50\u63a7\u5236\n      const bgm = document.getElementById('hust-bgm');\n      const musicToggleBtns = document.querySelectorAll('#hust-music-toggle, #hust-music-toggle-mobile');\n      let isPlaying = false;\n\n      function updateMusicIcon() {\n        document.querySelectorAll('#hust-music-toggle .hust-music-icon-play, #hust-music-toggle-mobile .hust-music-icon-play').forEach(i => {\n          i.classList.toggle('hidden', isPlaying);\n        });\n        document.querySelectorAll('#hust-music-toggle .hust-music-icon-pause, #hust-music-toggle-mobile .hust-music-icon-pause').forEach(i => {\n          i.classList.toggle('hidden', !isPlaying);\n        });\n\n        \/\/ \u5c0f\u95ea\u5149\u6548\u679c\n        musicToggleBtns.forEach(btn => {\n          if (isPlaying) {\n            btn.classList.add('hust-music-pulse');\n          } else {\n            btn.classList.remove('hust-music-pulse');\n          }\n        });\n      }\n\n      if (bgm && musicToggleBtns.length) {\n        musicToggleBtns.forEach(btn => {\n          btn.addEventListener('click', () => {\n            if (!isPlaying) {\n              bgm.play().then(() => {\n                isPlaying = true;\n                updateMusicIcon();\n              }).catch(() => {\n                \/\/ \u81ea\u52a8\u64ad\u653e\u5931\u8d25\u65f6\u9759\u9ed8\u5ffd\u7565\n              });\n            } else {\n              bgm.pause();\n              isPlaying = false;\n              updateMusicIcon();\n            }\n          });\n        });\n\n        bgm.addEventListener('ended', () => {\n          isPlaying = false;\n          updateMusicIcon();\n        });\n      }\n\n      \/\/ \u76f8\u518c\u5c55\u5f00\/\u6536\u8d77\n      const toggles = document.querySelectorAll('.hust-album-toggle');\n      toggles.forEach(btn => {\n        const targetSelector = btn.getAttribute('data-album-toggle');\n        const target = document.querySelector(targetSelector);\n        if (!target) return;\n        btn.addEventListener('click', () => {\n          target.classList.toggle('hidden');\n        });\n      });\n\n      \/\/ \u4e00\u952e\u5c55\u5f00 \/ \u6536\u8d77\u5168\u90e8\u76f8\u518c\n      const openAllBtn = document.getElementById('hust-open-all');\n      const closeAllBtn = document.getElementById('hust-close-all');\n      const allGrids = document.querySelectorAll('#album-time-mail-grid,#album-child-dream-grid,#album-daily-sharing-grid,#album-21-days-grid,#album-battle-2021-grid,#album-sunlight-grid,#album-movie-night-grid');\n\n      if (openAllBtn) {\n        openAllBtn.addEventListener('click', () => {\n          allGrids.forEach(g => g.classList.remove('hidden'));\n        });\n      }\n      if (closeAllBtn) {\n        closeAllBtn.addEventListener('click', () => {\n          allGrids.forEach(g => g.classList.add('hidden'));\n        });\n      }\n\n      \/\/ \u6536\u85cf\u6309\u94ae & Toast\n      const toast = document.getElementById('hust-toast');\n      function showToast(message) {\n        if (!toast) return;\n        toast.textContent = message || '\u5df2\u6084\u6084\u6536\u85cf\u5230\u5fc3\u91cc';\n        toast.classList.add('show');\n        setTimeout(() => {\n          toast.classList.remove('show');\n        }, 1500);\n      }\n\n      document.querySelectorAll('.hust-like-btn').forEach(btn => {\n        btn.addEventListener('click', () => {\n          btn.classList.toggle('liked');\n          const icon = btn.querySelector('i');\n          if (icon) {\n            icon.classList.toggle('fa-heart-o');\n            icon.classList.toggle('fa-heart');\n          }\n          if (btn.classList.contains('liked')) {\n            showToast('\u8fd9\u5f20\u7167\u7247\u5df2\u7ecf\u6536\u5165\u4f60\u7684\u201c\u5fc3\u91cc\u76f8\u518c\u201d');\n          } else {\n            showToast('\u5df2\u7ecf\u8f7b\u8f7b\u653e\u56de\u76f8\u518c\u5566');\n          }\n        });\n      });\n\n      \/\/ \u4eca\u65e5\u7f18\u5206\u4e00\u5f20\uff1a\u968f\u673a\u9ad8\u4eae\u67d0\u5f20\u7167\u7247\n      const randomBtn = document.getElementById('hust-random-memory');\n      if (randomBtn) {\n        randomBtn.addEventListener('click', () => {\n          const photos = Array.from(document.querySelectorAll('.hust-photo-frame'));\n          if (!photos.length) return;\n\n          \/\/ \u6e05\u9664\u65e7\u9ad8\u4eae\n          photos.forEach(p => p.classList.remove('hust-photo-highlight'));\n\n          const random = photos[Math.floor(Math.random() * photos.length)];\n          \/\/ \u786e\u4fdd\u6240\u5728\u76f8\u518c\u5c55\u5f00\n          const grid = random.closest('div[id$=\"-grid\"]');\n          if (grid && grid.classList.contains('hidden')) {\n            grid.classList.remove('hidden');\n          }\n          random.classList.add('hust-photo-highlight');\n          random.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n          showToast('\u7f18\u5206\u9009\u4e2d\u4e86\u8fd9\u5f20\u7167\u7247 \u2728');\n        });\n      }\n\n      \/\/ \u731c\u4f60\u60f3\u627e\uff1a\u5e73\u6ed1\u6eda\u52a8\u5230\u5bf9\u5e94\u6d3b\u52a8\n      document.querySelectorAll('[data-scroll-target]').forEach(chip => {\n        chip.addEventListener('click', () => {\n          const targetSelector = chip.getAttribute('data-scroll-target');\n          if (!targetSelector) return;\n          const section = document.querySelector(targetSelector);\n          if (!section) return;\n\n          section.classList.add('hust-section-highlight');\n          section.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          setTimeout(() => {\n            section.classList.remove('hust-section-highlight');\n          }, 1200);\n        });\n      });\n\n      \/\/ \u56de\u5230\u9876\u90e8\u6309\u94ae\n      const backtop = document.getElementById('hust-backtop');\n      if (backtop) {\n        window.addEventListener('scroll', () => {\n          if (window.scrollY > 400) {\n            backtop.classList.remove('hidden');\n            backtop.classList.add('flex');\n          } else {\n            backtop.classList.add('hidden');\n            backtop.classList.remove('flex');\n          }\n        });\n\n        backtop.addEventListener('click', () => {\n          window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n      }\n    });\n  <\/script>\n  \n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a \u8fd4\u56de\u4e3b\u9875 \u9996\u9875 \u529f\u80fd\u83dc\u5355 \u6211\u4eec\u7684\u5c0f\u76f8\u518c \u9996\u9875 \u529f\u80fd\u83dc\u5355 \u6211\u4eec\u7684\u5c0f\u76f8\u518c \u56de\u5230\u9876\u90e8 \u5df2\u6084\u6084\u6536\u85cf\u5230\u5fc3\u91cc [&hellip;]<\/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-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":5,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}