{"id":77,"date":"2025-11-27T22:11:38","date_gmt":"2025-11-27T14:11:38","guid":{"rendered":"https:\/\/husteread.com\/?page_id=77"},"modified":"2025-11-29T07:07:54","modified_gmt":"2025-11-28T23:07:54","slug":"tp","status":"publish","type":"page","link":"https:\/\/husteread.com\/index.php\/tp\/","title":{"rendered":"\u300eTP &#8211; \u529f\u80fd\u533a\u300f"},"content":{"rendered":"<div class=\"wp-block-group alignfull\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\n<p>  <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.googleapis.com\/css2?family=ZCOOL+XiaoWei&#038;display=swap\" rel=\"stylesheet\" \/>\n<p>  <script>\n  tailwind.config = {\n    darkMode: 'class',\n    theme: {\n      extend: {\n        colors: {\n          hust: { DEFAULT: '#d4af37', dark: '#b8860b', glow: '#ffd700' }, \/\/ \u91d1\u8272\u7cfb\u4f18\u5316\n          ink: { DEFAULT: '#2c2c2c', dark: '#f0f0f0' },\n          night: { DEFAULT: '#0f172a', lighter: '#1e293b' }\n        },\n        boxShadow: {\n          'neon': '0 0 20px rgba(212, 175, 55, 0.5), 0 0 40px rgba(212, 175, 55, 0.3)',\n          'neon-blue': '0 0 20px rgba(56, 189, 248, 0.5), 0 0 40px rgba(56, 189, 248, 0.3)',\n        }\n      }\n    }\n  }\n  <\/script><\/p>\n<style>\n    \/* \u5168\u5c40\u5b57\u4f53 *\/\n    .hust-app {\n      font-family: \"ZCOOL XiaoWei\", \"STKaiti\", serif !important;\n      overflow-x: hidden; \/* \u9632\u6b62\u5149\u6655\u6ea2\u51fa *\/\n    }<\/p>\n<p>    \/* \u9690\u85cf\u6eda\u52a8\u6761\u4f46\u4fdd\u7559\u529f\u80fd *\/\n    .scrollbar-hide::-webkit-scrollbar {\n        display: none;\n    }\n    .scrollbar-hide {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u52a8\u6001\u5149\u6655 *\/\n    .ambient-light {\n      position: fixed;\n      border-radius: 50%;\n      filter: blur(80px);\n      z-index: -1;\n      opacity: 0.4;\n      animation: float 10s infinite ease-in-out;\n    }\n    .light-1 { top: -10%; left: -10%; width: 500px; height: 500px; background: #4f46e5; animation-delay: 0s; }\n    .light-2 { bottom: -10%; right: -10%; width: 600px; height: 600px; background: #d4af37; animation-delay: -5s; }<\/p>\n<p>    html.dark .light-1 { opacity: 0.2; background: #312e81; }\n    html.dark .light-2 { opacity: 0.2; background: #713f12; }<\/p>\n<p>    @keyframes float {\n      0%, 100% { transform: translate(0, 0); }\n      50% { transform: translate(30px, 50px); }\n    }<\/p>\n<p>    \/* === \u5361\u7247\u6838\u5fc3\u4ea4\u4e92 CSS === *\/\n    .hust-card-group {\n      perspective: 1000px;\n    }<\/p>\n<p>    \/* \u5361\u7247\u672c\u4f53\uff1a\u9ed8\u8ba4\u72b6\u6001 *\/\n    .hust-card-body {\n      transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n      transform-origin: center bottom;\n      z-index: 10;\n      position: relative;\n      background: rgba(255, 255, 255, 0.85);\n      backdrop-filter: blur(12px);\n    }\n    html.dark .hust-card-body {\n      background: rgba(30, 41, 59, 0.85);\n      border: 1px solid rgba(255,255,255,0.1);\n    }<\/p>\n<p>    \/* \u60ac\u505c\u65f6\uff1a\u5361\u7247\u4e0b\u6c89 *\/\n    .hust-card-group:hover .hust-card-body {\n      transform: translateY(15px) scale(0.95);\n      filter: brightness(0.9);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }<\/p>\n<p>    \/* \u60ac\u6d6e\u56fe\u7247\uff1a\u9ed8\u8ba4\u9690\u85cf *\/\n    .hust-pop-img {\n      position: absolute;\n      top: -60px; \/* \u4f4d\u4e8e\u5361\u7247\u4e0a\u65b9 *\/\n      left: 50%;\n      transform: translateX(-50%) translateY(40px) scale(0.8);\n      width: 90%;\n      height: 140px;\n      object-fit: cover;\n      border-radius: 12px;\n      opacity: 0;\n      transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n      z-index: 20;\n      pointer-events: none; \/* \u8ba9\u70b9\u51fb\u7a7f\u900f\u5230\u5e95\u5c42\u94fe\u63a5 *\/\n      box-shadow: 0 0 0 rgba(0,0,0,0);\n    }<\/p>\n<p>    \/* \u60ac\u505c\u65f6\uff1a\u56fe\u7247\u6d6e\u51fa\u3001\u53d1\u5149 *\/\n    .hust-card-group:hover .hust-pop-img {\n      opacity: 1;\n      transform: translateX(-50%) translateY(0px) scale(1);\n      box-shadow: 0 0 25px rgba(212, 175, 55, 0.6); \/* \u91d1\u8272\u5149\u6655 *\/\n      border: 2px solid rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    \/* \u5bfc\u822a\u680f\u78e8\u7802 *\/\n    #hust-navbar {\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      transition: all 0.3s ease;\n    }\n  <\/style>\n<div class=\"wp-block-group hust-app min-h-screen text-ink dark:text-gray-100 transition-colors duration-500\">\n<div class=\"ambient-light light-1\"><\/div>\n<div class=\"ambient-light light-2\"><\/div>\n<div class=\"fixed inset-0 bg-white\/60 dark:bg-slate-900\/90 -z-20 transition-colors duration-500\"><\/div>\n<div class=\"wp-block-group sticky top-0 z-50\">\n<nav id=\"hust-navbar\" class=\"border-b border-gray-200\/50 dark:border-gray-700\/50 bg-white\/70 dark:bg-slate-900\/70\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex justify-between items-center h-16\">\n            <a href=\"https:\/\/husteread.com\" class=\"flex items-center gap-3 group\"><br \/>\n              <span class=\"w-8 h-8 rounded-lg bg-hust flex items-center justify-center text-white shadow-lg group-hover:rotate-12 transition-transform\"><br \/>\n                <i class=\"fa fa-book\"><\/i><br \/>\n              <\/span><br \/>\n              <span class=\"text-xl font-bold tracking-wider text-hust-dark dark:text-hust\">\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a<\/span><br \/>\n            <\/a><\/p>\n<div class=\"hidden md:flex items-center space-x-8\">\n              <a href=\"https:\/\/husteread.com\" class=\"hover:text-hust transition-colors\">\u9996\u9875<\/a><br \/>\n              <span class=\"text-hust font-bold border-b-2 border-hust\">\u529f\u80fd\u83dc\u5355<\/span><br \/>\n              <button onclick=\"toggleTheme()\" class=\"p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors text-xl\"><br \/>\n                <i class=\"fa fa-moon-o dark:hidden\"><\/i><br \/>\n                <i class=\"fa fa-sun-o hidden dark:inline text-yellow-400\"><\/i><br \/>\n              <\/button>\n            <\/div>\n<div class=\"flex items-center gap-4 md:hidden\">\n               <button onclick=\"toggleTheme()\" class=\"text-xl p-2\"><br \/>\n                <i class=\"fa fa-moon-o dark:hidden\"><\/i><br \/>\n                <i class=\"fa fa-sun-o hidden dark:inline text-yellow-400\"><\/i><br \/>\n              <\/button>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/nav><\/div>\n<div class=\"wp-block-group\" style=\"padding-top:6rem;padding-bottom:2rem\">\n<div class=\"text-center px-4 relative z-10\">\n<h1 class=\"text-5xl md:text-7xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-hust-dark to-yellow-500 dark:from-hust dark:to-yellow-200 drop-shadow-sm\">\n          \u529f\u80fd\u83dc\u5355<br \/>\n        <\/h1>\n<p class=\"text-lg md:text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto\">\n          \u63a2\u7d22\u9605\u8bfb\u7684\u65e0\u9650\u53ef\u80fd\uff0c\u70b9\u4eae\u601d\u60f3\u7684\u706b\u82b1\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"wp-block-group w-full max-w-[1400px] mx-auto px-4 md:px-8 mb-16\">\n<div class=\"flex items-center justify-between mb-8\">\n<h2 class=\"text-3xl font-bold border-l-4 border-hust pl-4 flex items-center gap-3\">\n          <i class=\"fa fa-users text-hust\"><\/i> \u8bfb\u4e66\u4f1a\u680f\u76ee<br \/>\n        <\/h2>\n<div class=\"flex gap-2\">\n          <button onclick=\"scrollGrid('grid-a', -1)\" class=\"w-10 h-10 rounded-full bg-white dark:bg-gray-800 shadow-md flex items-center justify-center hover:bg-hust hover:text-white transition-colors z-10\"><br \/>\n            <i class=\"fa fa-chevron-left\"><\/i><br \/>\n          <\/button><br \/>\n          <button onclick=\"scrollGrid('grid-a', 1)\" class=\"w-10 h-10 rounded-full bg-white dark:bg-gray-800 shadow-md flex items-center justify-center hover:bg-hust hover:text-white transition-colors z-10\"><br \/>\n            <i class=\"fa fa-chevron-right\"><\/i><br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<div id=\"grid-a\" class=\"flex overflow-x-auto gap-6 pb-12 pt-16 px-2 scrollbar-hide snap-x snap-mandatory scroll-smooth -mt-10\">\n<p>        <a href=\"https:\/\/aimfllying.feishu.cn\/share\/base\/dashboard\/shrcneZF8pBZfhC3zDAsE6wPvO2\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511553677255-ba939e5537e0?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Event\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-hust\/20 flex items-center justify-center text-hust mb-4 text-xl\">\n                <i class=\"fa fa-calendar-check-o\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6d3b\u52a8\u62a5\u540d\u53e3<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u53c2\u4e0e\u8bfb\u4e66\u6d3b\u52a8\uff0c\u5f00\u542f\u601d\u60f3\u4e4b\u65c5\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-hust font-bold text-sm\">\n              <span>\u7acb\u5373\u62a5\u540d<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/aimfllying.feishu.cn\/share\/base\/dashboard\/shrcng1zWTMSNjvBFvfHcObBg2g\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Admin\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-blue-500\/20 flex items-center justify-center text-blue-500 mb-4 text-xl\">\n                <i class=\"fa fa-cogs\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6d3b\u52a8\u90e8\u540e\u53f0<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u6210\u5458\u7ba1\u7406\u4e0e\u7b56\u5212\u6838\u5fc3\u533a\u57df\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-blue-500 font-bold text-sm\">\n              <span>\u8fdb\u5165\u540e\u53f0<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/album\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520390138845-fd2d229dd552?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Album\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-pink-500\/20 flex items-center justify-center text-pink-500 mb-4 text-xl\">\n                <i class=\"fa fa-photo\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6211\u4eec\u7684\u5c0f\u76f8\u518c<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u5b9a\u683c\u7f8e\u597d\u77ac\u95f4\uff0c\u73cd\u85cf\u5171\u540c\u56de\u5fc6\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-pink-500 font-bold text-sm\">\n              <span>\u67e5\u770b\u7167\u7247<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/vlog\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Vlog\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-purple-500\/20 flex items-center justify-center text-purple-500 mb-4 text-xl\">\n                <i class=\"fa fa-video-camera\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6211\u4eec\u7684 Vlog<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u52a8\u6001\u5f71\u50cf\uff0c\u8bb0\u5f55\u9c9c\u6d3b\u7684\u8bfb\u4e66\u751f\u6d3b\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-purple-500 font-bold text-sm\">\n              <span>\u89c2\u770b\u89c6\u9891<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/members\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Members\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-green-500\/20 flex items-center justify-center text-green-500 mb-4 text-xl\">\n                <i class=\"fa fa-users\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6211\u4eec\u7684\u6210\u5458<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u8ba4\u8bc6\u6709\u8da3\u7684\u7075\u9b42\uff0c\u7ed3\u8bc6\u65b0\u670b\u53cb\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-green-500 font-bold text-sm\">\n              <span>\u8ba4\u8bc6\u5927\u5bb6<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p><\/div>\n<\/p><\/div>\n<div class=\"wp-block-group w-full max-w-[1400px] mx-auto px-4 md:px-8 pb-20\">\n<div class=\"flex items-center justify-between mb-8\">\n<h2 class=\"text-3xl font-bold border-l-4 border-hust pl-4 flex items-center gap-3\">\n          <i class=\"fa fa-user-circle-o text-hust\"><\/i> \u7fbd\u5347\u672c\u4eba<br \/>\n        <\/h2>\n<div class=\"flex gap-2\">\n          <button onclick=\"scrollGrid('grid-b', -1)\" class=\"w-10 h-10 rounded-full bg-white dark:bg-gray-800 shadow-md flex items-center justify-center hover:bg-hust hover:text-white transition-colors z-10\"><br \/>\n            <i class=\"fa fa-chevron-left\"><\/i><br \/>\n          <\/button><br \/>\n          <button onclick=\"scrollGrid('grid-b', 1)\" class=\"w-10 h-10 rounded-full bg-white dark:bg-gray-800 shadow-md flex items-center justify-center hover:bg-hust hover:text-white transition-colors z-10\"><br \/>\n            <i class=\"fa fa-chevron-right\"><\/i><br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<div id=\"grid-b\" class=\"flex overflow-x-auto gap-6 pb-12 pt-16 px-2 scrollbar-hide snap-x snap-mandatory scroll-smooth -mt-10\">\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/about-me\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"About Me\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-indigo-500\/20 flex items-center justify-center text-indigo-500 mb-4 text-xl\">\n                <i class=\"fa fa-id-card-o\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6211\u7684\u81ea\u4ecb<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u6211\u662f\u8c01\uff1f\u6211\u5728\u505a\u4ec0\u4e48\uff1f<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-indigo-500 font-bold text-sm\">\n              <span>\u4e86\u89e3\u66f4\u591a<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/my-notes\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517842645767-c639042777db?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Notes\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-yellow-500\/20 flex items-center justify-center text-yellow-600 mb-4 text-xl\">\n                <i class=\"fa fa-pencil-square-o\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u6211\u7684\u7b14\u8bb0<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u601d\u7ef4\u7684\u788e\u7247\u4e0e\u5b66\u4e60\u7684\u8f68\u8ff9\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-yellow-600 font-bold text-sm\">\n              <span>\u9605\u8bfb\u7b14\u8bb0<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/tribute-to-woods\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441974231531-c6227db76b6e?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Woods\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-emerald-500\/20 flex items-center justify-center text-emerald-600 mb-4 text-xl\">\n                <i class=\"fa fa-tree\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u81f4\u656c\u6811\u6797<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u81ea\u7136\u4e4b\u7f8e\uff0c\u9759\u8c27\u4e4b\u529b\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-emerald-600 font-bold text-sm\">\n              <span>\u6b65\u5165\u68ee\u6797<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>        <a href=\"https:\/\/husteread.com\/index.php\/app-test\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551650975-87deedd944c3?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Tech\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-gray-500\/20 flex items-center justify-center text-gray-600 dark:text-gray-300 mb-4 text-xl\">\n                <i class=\"fa fa-mobile\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u5e94\u7528\u6d4b\u8bd5\u533a<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u4e71\u4e03\u516b\u7cdf\u7684\u5de5\u5177\u8bd5\u9a8c\u573a\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-gray-600 dark:text-gray-300 font-bold text-sm\">\n              <span>\u5f00\u59cb\u6d4b\u8bd5<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<p>         <a href=\"https:\/\/husteread.com\/index.php\/mathwjf\/\" target=\"_blank\" class=\"hust-card-group flex-shrink-0 w-80 snap-center group relative block\"><br \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635070041078-e363dbe005cb?auto=format&#038;fit=crop&#038;w=400&#038;q=80\" class=\"hust-pop-img\" alt=\"Math\"><\/p>\n<div class=\"hust-card-body p-6 rounded-2xl border border-gray-100 dark:border-gray-700 shadow-lg h-full flex flex-col justify-between\">\n<div>\n<div class=\"w-12 h-12 rounded-full bg-red-500\/20 flex items-center justify-center text-red-500 mb-4 text-xl\">\n                <i class=\"fa fa-calculator\"><\/i>\n              <\/div>\n<h3 class=\"text-xl font-bold mb-2\">\u5fae\u79ef\u5206\u6211\u7231\u4f60<\/h3>\n<p class=\"text-sm text-gray-500 dark:text-gray-400\">\u6570\u5b66\u4e4b\u7f8e\uff0c\u7406\u6027\u4e4b\u5149\u3002<\/p>\n<\/p><\/div>\n<div class=\"mt-4 flex items-center text-red-500 font-bold text-sm\">\n              <span>\u89e3\u9898\u53bb<\/span> <i class=\"fa fa-long-arrow-right ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n            <\/div>\n<\/p><\/div>\n<p>        <\/a><\/p><\/div>\n<\/p><\/div>\n<div class=\"wp-block-group alignfull border-t border-gray-200 dark:border-gray-800 bg-white\/50 dark:bg-black\/20 backdrop-blur-md mt-auto\">\n<div class=\"wp-block-group\" style=\"padding-top:3rem;padding-bottom:3rem\">\n<div class=\"flex flex-col md:flex-row justify-between items-center text-center md:text-left gap-6\">\n<div>\n<h4 class=\"font-bold text-lg text-hust\">\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a<\/h4>\n<p class=\"text-sm text-gray-500 mt-1\">HUST Library Reading Club<\/p>\n<\/p><\/div>\n<div class=\"text-sm text-gray-500\">\n<p>&copy; Person in charge: Kong Deyu<\/p>\n<p class=\"text-xs opacity-70\">non-official HUST representative<\/p>\n<\/p><\/div>\n<div class=\"flex gap-4 text-xl text-gray-400\">\n            <a href=\"#\" class=\"hover:text-hust\"><i class=\"fa fa-weixin\"><\/i><\/a><br \/>\n            <a href=\"#\" class=\"hover:text-hust\"><i class=\"fa fa-github\"><\/i><\/a><br \/>\n            <a href=\"#\" class=\"hover:text-hust\"><i class=\"fa fa-envelope\"><\/i><\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <script>\n    \/\/ 1. \u4fee\u590d\u7684\u4e3b\u9898\u5207\u6362\u903b\u8f91\n    function toggleTheme() {\n      const html = document.documentElement;\n      const isDark = html.classList.toggle('dark');\n      localStorage.theme = isDark ? 'dark' : 'light';\n    }<\/p>\n<p>    \/\/ \u521d\u59cb\u5316\u68c0\u67e5\n    (function initTheme() {\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    })();<\/p>\n<p>    \/\/ 2. \u8f6e\u64ad\u6eda\u52a8\u903b\u8f91\n    function scrollGrid(id, direction) {\n      const container = document.getElementById(id);\n      const scrollAmount = 340; \/\/ \u5361\u7247\u5bbd\u5ea6 + \u95f4\u8ddd\n      if (container) {\n        container.scrollBy({\n          left: direction * scrollAmount,\n          behavior: 'smooth'\n        });\n      }\n    }\n  <\/script>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6211\u4eec\u7684\u8bfb\u4e66\u4f1a \u9996\u9875 \u529f\u80fd\u83dc\u5355 \u529f\u80fd\u83dc\u5355 \u63a2\u7d22\u9605\u8bfb\u7684\u65e0\u9650\u53ef\u80fd\uff0c\u70b9\u4eae\u601d\u60f3\u7684\u706b\u82b1 \u8bfb\u4e66\u4f1a\u680f\u76ee \u6d3b\u52a8\u62a5\u540d\u53e3 \u53c2\u4e0e\u8bfb\u4e66\u6d3b [&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-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":14,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/husteread.com\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}