{"id":7010,"date":"2026-09-20T17:34:16","date_gmt":"2026-09-20T09:34:16","guid":{"rendered":"https:\/\/fy.run\/en\/?page_id=7010"},"modified":"2026-09-20T18:15:04","modified_gmt":"2026-09-20T10:15:04","slug":"category","status":"publish","type":"page","link":"https:\/\/fy.run\/en\/business\/category\/","title":{"rendered":"Wonderful Moments"},"content":{"rendered":"
\n\n\n \n \n Wonderful Moments<\/title>\n <style>\n \/* \u57fa\u7840\u91cd\u7f6e\u4e0e\u5168\u5c40\u6837\u5f0f *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;\n background-color: #f5f7fa;\n color: #333;\n line-height: 1.6;\n }\n\n \/* \u7b5b\u9009\u6309\u94ae\u533a\u57df *\/\n .filter-container {\n display: flex;\n justify-content: center;\n gap: 15px;\n padding: 30px 20px;\n flex-wrap: wrap;\n width: 100%;\n }\n .filter-btn {\n padding: 10px 25px;\n border: 2px solid #e0e0e0;\n background: white;\n border-radius: 30px;\n cursor: pointer;\n font-size: 1rem;\n transition: all 0.3s ease;\n font-weight: 500;\n color: #555;\n }\n .filter-btn:hover, .filter-btn.active {\n background-color: #667eea;\n color: white;\n border-color: #667eea;\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\n }\n\n \/* \u7167\u7247\u7f51\u683c\u5e03\u5c40 *\/\n .gallery-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px 60px;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n }\n\n \/* \u7167\u7247\u5361\u7247\u6837\u5f0f *\/\n .photo-card {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n cursor: pointer;\n opacity: 1;\n transform: scale(1);\n }\n .photo-card.hide {\n display: none;\n }\n .photo-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n .photo-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n }\n .photo-card:hover img {\n transform: scale(1.05);\n }\n .card-info {\n padding: 20px;\n }\n .card-info h3 {\n font-size: 1.1rem;\n margin-bottom: 8px;\n color: #222;\n }\n .card-info p {\n font-size: 0.9rem;\n color: #666;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .tag {\n background-color: #f0f2f5;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 0.8rem;\n color: #667eea;\n font-weight: 600;\n }\n\n \/* \u7b80\u5355\u7684\u9875\u811a *\/\n footer {\n text-align: center;\n padding: 20px;\n color: #999;\n font-size: 0.9rem;\n border-top: 1px solid #eee;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- <header>\n <h1>\u6d3b\u52a8\u7cbe\u5f69\u77ac\u95f4<\/h1>\n <p>\u8bb0\u5f55\u6bcf\u4e00\u6b21\u76f8\u805a\u4e0e\u6210\u957f\u7684\u96be\u5fd8\u65f6\u523b<\/p>\n <\/header> -->\n\n <!-- \u7b5b\u9009\u6309\u94ae -->\n <div class=\"filter-container\">\n <button class=\"filter-btn active\" data-filter=\"all\">All<\/button>\n <button class=\"filter-btn\" data-filter=\"sports\">International Events<\/button>\n <button class=\"filter-btn\" data-filter=\"study\">Study Tour<\/button>\n <button class=\"filter-btn\" data-filter=\"products\">Peripheral Products<\/button>\n <\/div>\n\n <!-- \u7167\u7247\u5c55\u793a\u533a -->\n <div class=\"gallery-container\">\n <!-- \u5361\u7247 1 -->\n <div class=\"photo-card\" data-category=\"sports\">\n <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-1.jpg\">\n <div class=\"card-info\">\n <h3><\/h3>\n <p>\n <span class=\"tag\">International Events<\/span>\n <span><\/span>\n <\/p>\n <\/div>\n <\/div>\n\n <!-- \u5361\u7247 2 -->\n <div class=\"photo-card\" data-category=\"study\">\n <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-1.jpg\" alt=\"\">\n <div class=\"card-info\">\n <h3><\/h3>\n <p>\n <span class=\"tag\">Study Tour<\/span>\n <span><\/span>\n <\/p>\n <\/div>\n <\/div>\n\n <!-- \u5361\u7247 3 -->\n <div class=\"photo-card\" data-category=\"products\">\n <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/zb-1.jpg\" alt=\"\">\n <div class=\"card-info\">\n <h3><\/h3>\n <p>\n <span class=\"tag\">Peripheral Products<\/span>\n <span><\/span>\n <\/p>\n <\/div>\n <\/div>\n\n <!-- \u5361\u7247 4 -->\n <div class=\"photo-card\" data-category=\"sports\">\n <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-2.jpg\" alt=\"\">\n <div class=\"card-info\">\n <h3><\/h3>\n <p>\n <span class=\"tag\">International Events<\/span>\n <span><\/span>\n <\/p>\n <\/div>\n <\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-4.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"sports\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-3.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">International Events<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"products\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/zb-2.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Peripheral Products<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"photo-card\" data-category=\"sports\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-4.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">International Events<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-9.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"sports\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-6.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">International Events<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-10.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-12.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"sports\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/bs-5.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">International Events<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t\n\n <!-- \u5361\u7247 5 -->\n <div class=\"photo-card\" data-category=\"study\">\n <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-3.jpg\" alt=\"\">\n <div class=\"card-info\">\n <h3><\/h3>\n <p>\n <span class=\"tag\">Study Tour<\/span>\n <span><\/span>\n <\/p>\n <\/div>\n <\/div>\n\t\t\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-5.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"products\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/zb-3.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Peripheral Products<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-6.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-7.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t<div class=\"photo-card\" data-category=\"study\">\n\t\t <img src=\"https:\/\/fy.run\/wp-content\/uploads\/2026\/09\/yx-8.jpg\" alt=\"\">\n\t\t <div class=\"card-info\">\n\t\t <h3><\/h3>\n\t\t <p>\n\t\t <span class=\"tag\">Study Tour<\/span>\n\t\t <span><\/span>\n\t\t <\/p>\n\t\t <\/div>\n\t\t<\/div>\n\t\t\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\t\t\tconst filterBtns = document.querySelectorAll('.filter-btn');\n\t\t\tconst photoCards = document.querySelectorAll('.photo-card');\n\n\t\t\t\/\/ 1. \u83b7\u53d6 URL \u4e2d\u7684 category \u53c2\u6570\n\t\t\tconst urlParams = new URLSearchParams(window.location.search);\n\t\t\tconst categoryParam = urlParams.get('category');\n\n\t\t\t\/\/ 2. \u5b9a\u4e49\u4e00\u4e2a\u6267\u884c\u7b5b\u9009\u7684\u51fd\u6570\n\t\t\tconst applyFilter = (filterValue) => {\n\t\t\t\t\/\/ \u66f4\u65b0\u6309\u94ae\u72b6\u6001\n\t\t\t\tfilterBtns.forEach(btn => {\n\t\t\t\t\tif (btn.getAttribute('data-filter') === filterValue) {\n\t\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tbtn.classList.remove('active');\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\t\/\/ \u8fc7\u6ee4\u7167\u7247\u5361\u7247\n\t\t\t\tphotoCards.forEach(card => {\n\t\t\t\t\tif (filterValue === 'all' || card.getAttribute('data-category') === filterValue) {\n\t\t\t\t\t\tcard.classList.remove('hide');\n\t\t\t\t\t\tcard.style.opacity = '0';\n\t\t\t\t\t\tsetTimeout(() => card.style.opacity = '1', 50);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcard.classList.add('hide');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t};\n\n\t\t\t\/\/ 3. \u9875\u9762\u521d\u59cb\u5316\uff1a\u6839\u636e URL \u53c2\u6570\u6267\u884c\u7b5b\u9009\uff0c\u5982\u679c\u6ca1\u6709\u53c2\u6570\u5219\u9ed8\u8ba4\u663e\u793a\u5168\u90e8\n\t\t\tconst initialFilter = categoryParam ? categoryParam : 'all';\n\t\t\tapplyFilter(initialFilter);\n\n\t\t\t\/\/ 4. \u7ed1\u5b9a\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n\t\t\tfilterBtns.forEach(btn => {\n\t\t\t\tbtn.addEventListener('click', () => {\n\t\t\t\t\tconst filterValue = btn.getAttribute('data-filter');\n\t\t\t\t\tapplyFilter(filterValue);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n <\/script>\n<\/body>\n<\/html><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 50px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":6938,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/pages\/7010"}],"collection":[{"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/comments?post=7010"}],"version-history":[{"count":5,"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/pages\/7010\/revisions"}],"predecessor-version":[{"id":7018,"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/pages\/7010\/revisions\/7018"}],"up":[{"embeddable":true,"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/pages\/6938"}],"wp:attachment":[{"href":"https:\/\/fy.run\/en\/wp-json\/wp\/v2\/media?parent=7010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}