{"id":46878,"date":"2025-05-26T16:01:08","date_gmt":"2025-05-26T08:01:08","guid":{"rendered":"https:\/\/www.junyiacademy.org\/event\/?page_id=46878"},"modified":"2025-05-27T10:18:05","modified_gmt":"2025-05-27T02:18:05","slug":"act-eng-prep-summer-25","status":"publish","type":"page","link":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/","title":{"rendered":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n \n \n \u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 | 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-blue: #1e40af;\n --primary-light: #3b82f6;\n --accent-orange: #f97316;\n --accent-yellow: #fbbf24;\n --bg-light: #f3f6fa;\n --white: #ffffff;\n --text-dark: #1f2937;\n --text-light: #6b7280;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n overflow-x: hidden;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-light) 100%);\n color: white;\n padding: 80px 0 60px;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n animation: fadeInUp 1s ease-out;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n background: linear-gradient(45deg, #ffffff, var(--accent-yellow));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero .subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0.9;\n }\n\n .hero .description {\n font-size: 1.1rem;\n max-width: 800px;\n margin: 0 auto 40px;\n opacity: 0.8;\n }\n\n .cta-button {\n display: inline-block;\n background: linear-gradient(45deg, var(--accent-orange), var(--accent-yellow));\n color: white;\n padding: 15px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.3);\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 40px rgba(249, 115, 22, 0.4);\n }\n\n \/* Stats Section *\/\n .stats {\n background: var(--bg-light);\n padding: 60px 0;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n text-align: center;\n }\n\n .stat-item {\n background: var(--white);\n padding: 30px 20px;\n border-radius: 15px;\n box-shadow: 0 8px 30px rgba(59,130,246,0.08);\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-blue);\n margin-bottom: 10px;\n }\n\n .stat-label {\n font-size: 1rem;\n color: var(--text-light);\n }\n\n \/* Course Info Section *\/\n .course-info {\n padding: 80px 0;\n background: var(--white);\n }\n\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.2rem;\n color: var(--text-light);\n margin-bottom: 60px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-bottom: 60px;\n }\n\n .info-card {\n background: var(--bg-light);\n padding: 40px 30px;\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n box-shadow: 0 4px 16px rgba(59,130,246,0.06);\n }\n\n .info-card:hover {\n border-color: var(--primary-light);\n transform: translateY(-5px);\n }\n\n .info-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(45deg, var(--primary-blue), var(--primary-light));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 1.5rem;\n color: white;\n }\n\n .info-card h3 {\n font-size: 1.3rem;\n margin-bottom: 15px;\n color: var(--text-dark);\n }\n\n .info-card p {\n color: var(--text-light);\n line-height: 1.6;\n }\n\n \/* Features Section *\/\n .features {\n background: var(--bg-light);\n padding: 80px 0;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n }\n\n .feature-item {\n background: var(--white);\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(59,130,246,0.05);\n transition: all 0.3s ease;\n }\n\n .feature-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n }\n\n .feature-item h4 {\n color: var(--primary-blue);\n margin-bottom: 15px;\n font-size: 1.2rem;\n }\n\n .feature-item p {\n color: var(--text-light);\n font-size: 0.95rem;\n }\n\n \/* Learning Outcomes *\/\n .outcomes {\n padding: 80px 0;\n background: var(--white);\n }\n\n .outcomes-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .outcome-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: var(--bg-light);\n border-radius: 12px;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(59,130,246,0.04);\n }\n\n .outcome-item:hover {\n background: var(--primary-light);\n color: white;\n transform: scale(1.02);\n }\n\n .outcome-number {\n width: 40px;\n height: 40px;\n background: var(--accent-orange);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n margin-right: 15px;\n flex-shrink: 0;\n }\n\n \/* Prizes Section *\/\n .prizes {\n background: linear-gradient(135deg, var(--accent-orange), var(--accent-yellow));\n padding: 80px 0;\n color: white;\n }\n\n .prizes-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .prize-item {\n background: rgba(255,255,255,0.18);\n backdrop-filter: blur(10px);\n padding: 30px;\n border-radius: 20px;\n text-align: center;\n border: 1px solid rgba(255,255,255,0.2);\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(251,191,36,0.08);\n }\n\n .prize-item:hover {\n transform: translateY(-5px);\n background: rgba(255,255,255,0.25);\n }\n\n .prize-rank {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .prize-desc {\n font-size: 1.1rem;\n margin-bottom: 10px;\n }\n\n .prize-count {\n font-size: 0.9rem;\n opacity: 0.8;\n }\n\n \/* CTA Section *\/\n .final-cta {\n background: var(--primary-blue);\n color: white;\n padding: 80px 0;\n text-align: center;\n }\n\n .final-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n margin-bottom: 40px;\n opacity: 0.8;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in-up {\n animation: fadeInUp 0.8s ease-out;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n \n .hero .subtitle {\n font-size: 1.1rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .container {\n padding: 0 15px;\n }\n \n .info-grid, .features-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Floating Action Button *\/\n .floating-btn {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: linear-gradient(135deg, var(--accent-orange), var(--accent-yellow));\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.4);\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 1000;\n font-size: 1.5rem;\n }\n\n .floating-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 12px 40px rgba(249, 115, 22, 0.5);\n }\n\n \/* Countdown Timer Styles *\/\n .countdown-section {\n background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-yellow) 100%);\n color: var(--text-dark);\n padding: 60px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .countdown-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.18) 0%, transparent 70%);\n }\n\n .countdown-content {\n position: relative;\n z-index: 2;\n }\n\n .countdown-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .countdown-subtitle {\n font-size: 1.3rem;\n margin-bottom: 40px;\n opacity: 0.9;\n }\n\n .countdown-timer {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin: 40px 0;\n flex-wrap: wrap;\n }\n\n .countdown-item {\n background: rgba(255,255,255,0.8);\n backdrop-filter: blur(6px);\n border: 2px solid var(--accent-yellow);\n border-radius: 20px;\n padding: 25px 20px;\n min-width: 120px;\n animation: pulse 2s infinite;\n box-shadow: 0 2px 12px rgba(251,191,36,0.10);\n }\n\n .countdown-number {\n font-size: 3rem;\n font-weight: 700;\n display: block;\n text-shadow: 1px 1px 6px rgba(249,115,22,0.12);\n color: var(--accent-orange);\n }\n\n .countdown-label {\n font-size: 1rem;\n opacity: 0.8;\n margin-top: 5px;\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n box-shadow: 0 0 20px rgba(255,255,255,0.3);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: 0 0 30px rgba(255,255,255,0.5);\n }\n }\n\n .status-message {\n font-size: 1.2rem;\n margin-top: 30px;\n padding: 15px 30px;\n background: rgba(255,255,255,0.2);\n border-radius: 25px;\n display: inline-block;\n border: 1px solid rgba(255,255,255,0.3);\n }\n\n .redirect-message {\n background: linear-gradient(45deg, #059669, #10b981);\n color: white;\n padding: 20px;\n margin: 20px 0;\n border-radius: 10px;\n font-size: 1.1rem;\n display: none;\n }\n\n \/* Responsive adjustments for countdown *\/\n @media (max-width: 768px) {\n .countdown-title {\n font-size: 2rem;\n }\n \n .countdown-timer {\n gap: 15px;\n }\n \n .countdown-item {\n min-width: 100px;\n padding: 20px 15px;\n }\n \n .countdown-number {\n font-size: 2.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751<\/h1>\n <p class=\"subtitle\">10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df<\/p>\n <p class=\"description\">\n \u4e09\u6c11\u66f8\u5c40 x \u5747\u4e00\u5e73\u53f0\uff0c\u5171\u540c\u63a8\u51fa\u6700\u6709\u6548\u7684\u5b78\u6e2c\u82f1\u6587\u6e96\u5099\u65b9\u6848\uff01<br>\n \u6bcf\u5929\u53ea\u970030\u5206\u9418\uff0c\u7cbe\u6e96\u638c\u63e1\u5b78\u6e2c\u91cd\u9ede\uff0c\u807d\u8aaa\u8b80\u5beb\u4e00\u6b21\u5230\u4f4d\n <\/p>\n <a href=\"#countdown\" class=\"cta-button\">\u67e5\u770b\u958b\u653e\u6642\u9593<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Countdown Section -->\n <section class=\"countdown-section\" id=\"countdown\">\n <div class=\"container\">\n <div class=\"countdown-content\">\n <h2 class=\"countdown-title\">\ud83d\ude80 \u8ab2\u7a0b\u5373\u5c07\u958b\u653e\uff01<\/h2>\n <p class=\"countdown-subtitle\">\u8ddd\u96e2\u8ab2\u7a0b\u958b\u653e\u9084\u6709...<\/p>\n \n <div class=\"countdown-timer\" id=\"countdown-timer\">\n <div class=\"countdown-item\">\n <span class=\"countdown-number\" id=\"days\">--<\/span>\n <span class=\"countdown-label\">\u5929<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-number\" id=\"hours\">--<\/span>\n <span class=\"countdown-label\">\u5c0f\u6642<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-number\" id=\"minutes\">--<\/span>\n <span class=\"countdown-label\">\u5206\u9418<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-number\" id=\"seconds\">--<\/span>\n <span class=\"countdown-label\">\u79d2<\/span>\n <\/div>\n <\/div>\n \n <div class=\"status-message\" id=\"status-message\">\n \u23f0 \u8ab2\u7a0b\u5c07\u65bc 2025\u5e748\u67081\u65e5 \u51cc\u66681:00 \u6b63\u5f0f\u958b\u653e\n <\/div>\n \n <div class=\"redirect-message\" id=\"redirect-message\">\n \ud83c\udf89 \u8ab2\u7a0b\u5df2\u958b\u653e\uff01\u6b63\u5728\u70ba\u60a8\u8f49\u5c0e\u81f3\u8ab2\u7a0b\u9801\u9762...\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Stats Section -->\n <section class=\"stats\">\n <div class=\"container\">\n <div class=\"stats-grid\">\n <div class=\"stat-item fade-in-up\">\n <div class=\"stat-number\">10<\/div>\n <div class=\"stat-label\">\u5929\u5b8c\u6574\u8ab2\u7a0b<\/div>\n <\/div>\n <div class=\"stat-item fade-in-up\">\n <div class=\"stat-number\">30<\/div>\n <div class=\"stat-label\">\u5206\u9418\/\u5929<\/div>\n <\/div>\n <div class=\"stat-item fade-in-up\">\n <div class=\"stat-number\">100<\/div>\n <div class=\"stat-label\">\u9ad8\u983b\u55ae\u5b57<\/div>\n <\/div>\n <div class=\"stat-item fade-in-up\">\n <div class=\"stat-number\">8\/1-8\/31<\/div>\n <div class=\"stat-label\">\u6d3b\u52d5\u671f\u9593<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Course Info Section -->\n <section class=\"course-info\" id=\"course-info\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u8ab2\u7a0b\u8cc7\u8a0a<\/h2>\n <p class=\"section-subtitle\">\u91dd\u5c0d115\u5b78\u6e2c\u7cbe\u5fc3\u8a2d\u8a08\uff0c\u8b93\u4f60\u572810\u5929\u5167\u5927\u5e45\u63d0\u5347\u82f1\u6587\u5be6\u529b<\/p>\n \n <div class=\"info-grid\">\n <div class=\"info-card\">\n <div class=\"info-icon\">\u23f0<\/div>\n <h3>\u6d3b\u52d5\u671f\u9593<\/h3>\n <p>2025\u5e748\u67081\u65e5\u81f38\u670831\u65e5<br>\u914d\u5408\u5404\u6821\u6691\u671f\u8f14\u5c0e\u6642\u9593\uff0c\u63a1\u5f48\u6027\u5b78\u7fd2\u6a21\u5f0f<\/p>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\">\ud83c\udfaf<\/div>\n <h3>\u9069\u5408\u5c0d\u8c61<\/h3>\n <p>\u9ad8\u4e8c\u5347\u9ad8\u4e09\u5b78\u751f<br>\u6e96\u5099115\u5b78\u6e2c\u7684\u9ad8\u4e2d\u751f<\/p>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-icon\">\ud83d\udcda<\/div>\n <h3>\u5b78\u7fd2\u6642\u9593<\/h3>\n <p>\u6bcf\u592920-30\u5206\u9418<br>\u517110\u5929\u8ab2\u7a0b\u5167\u5bb9<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u8ab2\u7a0b\u7279\u8272<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-item\">\n <h4>\ud83c\udfaf \u7cbe\u6e96\u8a2d\u8a08<\/h4>\n <p>\u91dd\u5c0d\u6b77\u5c46\u5b78\u6e2c\u984c\u578b\u7cbe\u5fc3\u8a2d\u8a08\uff0c\u6253\u9020\u6700\u7b26\u5408\u5b78\u6e2c\u5099\u8003\u7684\u5b78\u7fd2\u5167\u5bb9<\/p>\n <\/div>\n <div class=\"feature-item\">\n <h4>\ud83c\udfac \u591a\u5143\u6559\u5b78<\/h4>\n <p>\u5f71\u7247\u6559\u5b78+\u4e92\u52d5\u7df4\u7fd2\uff0c\u642d\u914dJutor\u807d\u529b\u8207\u5beb\u4f5c\uff0c\u5f37\u5316\u8a9e\u611f\u8207\u8868\u9054\u529b<\/p>\n <\/div>\n <div class=\"feature-item\">\n <h4>\u26a1 \u5f48\u6027\u5b89\u6392<\/h4>\n <p>\u7121\u8ad6\u662f\u81ea\u4e3b\u5b78\u7fd2\u6216\u52a0\u5165\u73ed\u7d1a\uff0c\u90fd\u80fd\u627e\u5230\u6700\u9069\u5408\u81ea\u5df1\u7684\u7bc0\u594f<\/p>\n <\/div>\n <div class=\"feature-item\">\n <h4>\ud83d\udcdc \u5b8c\u8ab2\u8b49\u660e<\/h4>\n <p>\u5b8c\u621010\u5929\u8ab2\u7a0b\uff0c\u5373\u53ef\u7533\u8acb\u5b8c\u8ab2\u8b49\u660e\uff0c\u8c50\u5bcc\u4f60\u7684\u5b78\u7fd2\u6b77\u7a0b\u6a94\u6848<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Learning Outcomes -->\n <section class=\"outcomes\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u4f60\u5c07\u5b78\u6703<\/h2>\n <div class=\"outcomes-list\">\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">100<\/div>\n <span>\u5b78\u7fd2100\u500b\u5b78\u6e2c\u9ad8\u983b\u55ae\u5b57<\/span>\n <\/div>\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">10<\/div>\n <span>\u95b1\u8b8010\u7bc7\u6709\u8da3\u9078\u6587<\/span>\n <\/div>\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">8<\/div>\n <span>\u7406\u89e38\u5927\u5fc5\u8003\u53e5\u578b<\/span>\n <\/div>\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">5<\/div>\n <span>\u807d\u61c25\u5927\u82f1\u807d\u984c\u578b<\/span>\n <\/div>\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">1<\/div>\n <span>\u5beb\u51fa1\u7bc7\u4f5c\u6587\u4e26\u6709AI\u6279\u6539<\/span>\n <\/div>\n <div class=\"outcome-item\">\n <div class=\"outcome-number\">1<\/div>\n <span>\u5b8c\u62101\u6b21\u5b78\u6e2c\u6a21\u64ec\u8003<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Prizes Section -->\n <section class=\"prizes\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u5b8c\u8ab2\u597d\u79ae<\/h2>\n <p class=\"section-subtitle\">\u5b8c\u6210\u8ab2\u7a0b\u586b\u5beb\u554f\u5377\uff0c\u5373\u53ef\u7372\u5f97\u62bd\u734e\u8cc7\u683c\uff01<\/p>\n \n <div class=\"prizes-grid\">\n <div class=\"prize-item\">\n <div class=\"prize-rank\">\ud83c\udfc6 \u982d\u734e<\/div>\n <div class=\"prize-desc\">\u4e09\u6c11\u5716\u66f8\u79ae\u5238500\u5143<\/div>\n <div class=\"prize-count\">1\u540d<\/div>\n <\/div>\n <div class=\"prize-item\">\n <div class=\"prize-rank\">\ud83e\udd48 \u4e8c\u734e<\/div>\n <div class=\"prize-desc\">2025\u66a2\u92b7\u65b0\u66f8\uff1a\u82f1\u6587\u5b78\u6e2c\u5168\u771f\u300c\u6a21\u300d\u529b\u984c\u672c<\/div>\n <div class=\"prize-count\">3\u540d<\/div>\n <\/div>\n <div class=\"prize-item\">\n <div class=\"prize-rank\">\ud83e\udd49 \u4e09\u734e<\/div>\n <div class=\"prize-desc\">\u4e09\u6c11\u5716\u66f8\u79ae\u5238200\u5143<\/div>\n <div class=\"prize-count\">3\u540d<\/div>\n <\/div>\n <div class=\"prize-item\">\n <div class=\"prize-rank\">\ud83c\udf81 \u56db\u734e<\/div>\n <div class=\"prize-desc\">\u4e09\u6c11\u9650\u5b9a\u7642\u7652\u624b\u672d<\/div>\n <div class=\"prize-count\">3\u540d<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Final CTA -->\n <section class=\"final-cta\">\n <div class=\"container\">\n <h2>\u6e96\u5099\u597d\u6210\u70ba\u5b78\u6e2c\u9078\u624b\u4e86\u55ce\uff1f<\/h2>\n <p>\u52a0\u5165\u6211\u5011\u768410\u65e5\u8ffd\u5206\u8a13\u7df4\u71df\uff0c\u8b93\u82f1\u6587\u6210\u7e3e\u5927\u8e8d\u9032\uff01<\/p>\n <a href=\"#\" class=\"cta-button\" onclick=\"scrollToTop(); return false;\">\u67e5\u770b\u958b\u653e\u6642\u9593<\/a>\n <\/div>\n <\/section>\n\n <!-- Floating Action Button -->\n <div class=\"floating-btn\" onclick=\"scrollToTop()\">\u2191<\/div>\n\n <script>\n \/\/ Target date: 2025\/08\/01 01:00:00 Taiwan Time (UTC+8)\n const targetDate = new Date('2025-08-01T01:00:00+08:00');\n const redirectUrl = 'https:\/\/www.junyiacademy.org\/junyi-english\/english-high\/eng-senior12\/2025-sm-summer';\n\n \/\/ Countdown Timer Function\n function updateCountdown() {\n const now = new Date();\n const timeDifference = targetDate.getTime() - now.getTime();\n\n \/\/ If target time has passed, redirect\n if (timeDifference <= 0) {\n document.getElementById('countdown-timer').style.display = 'none';\n document.getElementById('status-message').style.display = 'none';\n document.getElementById('redirect-message').style.display = 'block';\n \n \/\/ Show redirect message for 3 seconds then redirect\n setTimeout(() => {\n window.location.href = redirectUrl;\n }, 3000);\n return;\n }\n\n \/\/ Calculate time units\n const days = Math.floor(timeDifference \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((timeDifference % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((timeDifference % (1000 * 60)) \/ 1000);\n\n \/\/ Update countdown display\n document.getElementById('days').textContent = days.toString().padStart(2, '0');\n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n\n \/\/ Update status message based on time remaining\n const statusMessage = document.getElementById('status-message');\n if (days > 0) {\n statusMessage.innerHTML = `\u23f0 \u8ab2\u7a0b\u5c07\u65bc ${days} \u5929\u5f8c\u958b\u653e (2025\u5e748\u67081\u65e5 \u51cc\u66681:00)`;\n } else if (hours > 0) {\n statusMessage.innerHTML = `\u23f0 \u8ab2\u7a0b\u5c07\u65bc ${hours} \u5c0f\u6642 ${minutes} \u5206\u9418\u5f8c\u958b\u653e\uff01`;\n } else if (minutes > 0) {\n statusMessage.innerHTML = `\u23f0 \u8ab2\u7a0b\u5c07\u65bc ${minutes} \u5206\u9418 ${seconds} \u79d2\u5f8c\u958b\u653e\uff01`;\n } else {\n statusMessage.innerHTML = `\u23f0 \u8ab2\u7a0b\u5c07\u65bc ${seconds} \u79d2\u5f8c\u958b\u653e\uff01`;\n }\n }\n\n \/\/ Update countdown every second\n updateCountdown(); \/\/ Initial call\n const countdownInterval = setInterval(updateCountdown, 1000);\n\n \/\/ Check for redirect immediately when page loads (in case user refreshes after target time)\n window.addEventListener('load', function() {\n const now = new Date();\n if (now.getTime() >= targetDate.getTime()) {\n clearInterval(countdownInterval);\n document.getElementById('countdown-timer').style.display = 'none';\n document.getElementById('status-message').style.display = 'none';\n document.getElementById('redirect-message').style.display = 'block';\n \n setTimeout(() => {\n window.location.href = redirectUrl;\n }, 2000);\n }\n });\n\n \/\/ Smooth scrolling for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Scroll to top function\n function scrollToTop() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }\n\n \/\/ Show\/hide floating button based on scroll position\n window.addEventListener('scroll', function() {\n const floatingBtn = document.querySelector('.floating-btn');\n if (window.pageYOffset > 300) {\n floatingBtn.style.opacity = '1';\n floatingBtn.style.transform = 'scale(1)';\n } else {\n floatingBtn.style.opacity = '0';\n floatingBtn.style.transform = 'scale(0.8)';\n }\n });\n\n \/\/ Intersection Observer for animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe elements for animation\n document.addEventListener('DOMContentLoaded', function() {\n const animatedElements = document.querySelectorAll('.stat-item, .info-card, .feature-item, .outcome-item, .prize-item');\n animatedElements.forEach((el, index) => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = `all 0.8s ease ${index * 0.1}s`;\n observer.observe(el);\n });\n });\n\n \/\/ Counter animation for stats\n function animateCounters() {\n const counters = document.querySelectorAll('.stat-number');\n counters.forEach(counter => {\n const target = counter.textContent;\n if (!isNaN(target)) {\n const increment = target \/ 50;\n let current = 0;\n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n counter.textContent = target;\n clearInterval(timer);\n } else {\n counter.textContent = Math.floor(current);\n }\n }, 30);\n }\n });\n }\n\n \/\/ Trigger counter animation when stats section is visible\n const statsObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animateCounters();\n statsObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n\n document.addEventListener('DOMContentLoaded', function() {\n const statsSection = document.querySelector('.stats');\n if (statsSection) {\n statsObserver.observe(statsSection);\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 | 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u4e09\u6c11\u66f8\u5c40 x \u5747\u4e00\u5e73\u53f0\uff0c\u5171\u540c\u63a8\u51fa\u6700\u6709\u6548 […]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.6.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"og:description\" content=\"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 | 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u4e09\u6c11\u66f8\u5c40 x \u5747\u4e00\u5e73\u53f0\uff0c\u5171\u540c\u63a8\u51fa\u6700\u6709\u6548 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/\" \/>\n<meta property=\"og:site_name\" content=\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-27T02:18:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/\",\"name\":\"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"isPartOf\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\"},\"datePublished\":\"2025-05-26T08:01:08+00:00\",\"dateModified\":\"2025-05-27T02:18:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/\",\"name\":\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"description\":\"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/","og_locale":"zh_TW","og_type":"article","og_title":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","og_description":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 | 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751 10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df \u4e09\u6c11\u66f8\u5c40 x \u5747\u4e00\u5e73\u53f0\uff0c\u5171\u540c\u63a8\u51fa\u6700\u6709\u6548 […]","og_url":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/","og_site_name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","article_modified_time":"2025-05-27T02:18:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/","url":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/","name":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","isPartOf":{"@id":"https:\/\/www.junyiacademy.org\/event\/#website"},"datePublished":"2025-05-26T08:01:08+00:00","dateModified":"2025-05-27T02:18:05+00:00","breadcrumb":{"@id":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.junyiacademy.org\/event\/act-eng-prep-summer-25\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/"},{"@type":"ListItem","position":2,"name":"\u82f1\u6587\u5b78\u6e2c\u9078\u624b\u6751-10\u65e5\u8ffd\u5206\u8a13\u7df4\u71df"}]},{"@type":"WebSite","@id":"https:\/\/www.junyiacademy.org\/event\/#website","url":"https:\/\/www.junyiacademy.org\/event\/","name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","description":"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/46878"}],"collection":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/comments?post=46878"}],"version-history":[{"count":11,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/46878\/revisions"}],"predecessor-version":[{"id":47136,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/46878\/revisions\/47136"}],"wp:attachment":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/media?parent=46878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}