2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd - \u6df1\u5316 AI \u6280\u8853\u5be6\u529b<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap\"\r\n rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* \u7af6\u8cfd\u9808\u77e5\u9023\u7d50 hover \u4e0d\u8b8a\u8272 *\/\r\n #register-notice a,\r\n #register-notice a:hover {\r\n color: #5835e5 !important;\r\n text-decoration: underline;\r\n }\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u5361\u7247\u6a19\u984c\u6587\u5b57\u7f6e\u4e2d\uff08\u5982\u7406\u5de5\u5b78\u9662\uff09 *\/\r\n #organizers .info-card-item h5 {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u3001\u6307\u5c0e\u55ae\u4f4d\u5361\u7247\u5167\u5bb9\u7f6e\u4e2d *\/\r\n .guidance-orgs .info-card-item,\r\n #organizers .info-card-item {\r\n text-align: center;\r\n }\r\n\r\n .guidance-orgs .info-card-item>a,\r\n #organizers .info-card-item>a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .guidance-orgs .info-card-item h5,\r\n #organizers .info-card-item h5 {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u6307\u5c0e\u55ae\u4f4d .info-card-item \u8b8a\u7a84\uff08\u5f37\u5236\u8986\u84cb\uff09 *\/\r\n .guidance-orgs .info-card-item {\r\n min-width: 180px !important;\r\n max-width: 200px !important;\r\n }\r\n\r\n \/* AI \u7af6\u8cfd\u7db2\u7ad9 - \u6df1\u8272\u79d1\u6280\u98a8\u683c *\/\r\n\r\n \/* \u9328\u9ede\u504f\u79fb\u8a2d\u5b9a - \u4f7f\u7528\u591a\u7a2e\u65b9\u6cd5\u78ba\u4fdd\u6548\u679c *\/\r\n #announcement::before,\r\n #themes::before,\r\n #qualification::before {\r\n content: \"\";\r\n display: block;\r\n height: 280px;\r\n \/* \u5927\u5e45\u589e\u52a0\u504f\u79fb\u9ad8\u5ea6 *\/\r\n margin-top: -280px;\r\n \/* \u8ca0\u908a\u8ddd\u88dc\u511f *\/\r\n visibility: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u984d\u5916\u7684\u9328\u9ede\u504f\u79fb\u65b9\u6cd5 *\/\r\n #announcement,\r\n #themes,\r\n #qualification {\r\n scroll-margin-top: 280px;\r\n \/* \u73fe\u4ee3\u700f\u89bd\u5668\u652f\u63f4 - \u5927\u5e45\u589e\u52a0\u504f\u79fb *\/\r\n -webkit-scroll-margin-top: 280px;\r\n \/* Webkit \u700f\u89bd\u5668\u652f\u63f4 - \u5927\u5e45\u589e\u52a0\u504f\u79fb *\/\r\n }\r\n\r\n \/* \u5168\u57df\u8a2d\u5b9a *\/\r\n \/* \u684c\u9762\u7248\u5f37\u5236\u96b1\u85cf hamburger\uff0c\u907f\u514d\u7e2e\u653e\u6642\u51fa\u73fe *\/\r\n @media (min-width: 1368px) {\r\n .hamburger {\r\n display: none !important;\r\n }\r\n\r\n .nav-menu {\r\n position: static !important;\r\n flex-direction: row !important;\r\n background: none !important;\r\n width: auto !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n left: 0 !important;\r\n top: auto !important;\r\n transition: none !important;\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0 !important;\r\n }\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n \/* \u6df1\u8272\u4e3b\u984c\u914d\u8272 *\/\r\n --primary-dark: #0a0a0f;\r\n --secondary-dark: #1a1a2e;\r\n --accent-dark: #16213e;\r\n --highlight: #00d4ff;\r\n --highlight-secondary: #0066ff;\r\n --gradient-primary: linear-gradient(135deg, #00d4ff, #0066ff);\r\n --gradient-secondary: linear-gradient(135deg, #16213e, #1a1a2e);\r\n --gradient-bg: linear-gradient(135deg, #0a0a0f, #1a1a2e);\r\n\r\n \/* \u6587\u5b57\u984f\u8272 *\/\r\n --text-primary: #ffffff;\r\n --text-secondary: #b8c5d1;\r\n --text-muted: #8892b0;\r\n --text-accent: #00d4ff;\r\n\r\n \/* \u529f\u80fd\u8272\u5f69 *\/\r\n --success: #00ff88;\r\n --warning: #ffaa00;\r\n --error: #ff4757;\r\n --info: #00d4ff;\r\n\r\n \/* \u908a\u6846\u8207\u9670\u5f71 *\/\r\n --border-light: #2d3748;\r\n --border-accent: #00d4ff;\r\n --shadow-dark: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n --shadow-glow: 0 0 20px rgba(0, 212, 255, 0.3);\r\n --shadow-hover: 0 15px 40px rgba(0, 212, 255, 0.2);\r\n\r\n \/* \u52d5\u756b *\/\r\n --transition-fast: all 0.2s ease;\r\n --transition-normal: all 0.3s ease;\r\n --transition-slow: all 0.5s ease;\r\n\r\n \/* \u908a\u89d2 *\/\r\n --radius-small: 8px;\r\n --radius-normal: 12px;\r\n --radius-large: 20px;\r\n }\r\n\r\n \/* \u9ed1\u8272\u5c0f\u5c0e\u89bd\u5217\u6a23\u5f0f *\/\r\n .mini-navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n background: #111 !important;\r\n color: #fff !important;\r\n font-size: 14px !important;\r\n padding: 5px 0 !important;\r\n z-index: 10000;\r\n border-bottom: 1px solid #333;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .mini-navbar-left span {\r\n color: #fff;\r\n font-weight: 500;\r\n }\r\n\r\n .mini-navbar-left i {\r\n margin-right: 8px;\r\n color: var(--highlight);\r\n }\r\n\r\n .mini-navbar-right a {\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease;\r\n font-size: 13px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mini-navbar-right a:hover {\r\n color: var(--highlight) !important;\r\n background: rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .mini-navbar-right a i {\r\n margin-right: 4px;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u5c0f\u5c0e\u89bd\u5217 *\/\r\n @media (max-width: 1024px) {\r\n .mini-navbar {\r\n font-size: 12px !important;\r\n padding: 4px 0 !important;\r\n }\r\n\r\n .mini-navbar-right {\r\n gap: 12px !important;\r\n }\r\n\r\n .mini-navbar-right a {\r\n font-size: 11px;\r\n padding: 2px 6px;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u6d77\u5831\u5340\u57df\u9593\u8ddd\u8abf\u6574 *\/\r\n .poster-section {\r\n margin-top: 40px !important;\r\n \/* \u5e73\u677f\u4e0a\u4fdd\u6301\u76f8\u540c\u9593\u8ddd\u907f\u514d\u91cd\u758a *\/\r\n }\r\n }\r\n\r\n \/* \u8abf\u6574\u539f\u6709\u5167\u5bb9\u7684 margin-top \u4ee5\u907f\u514d\u88ab\u65b0\u5c0e\u89bd\u5217\u906e\u853d *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', 'Microsoft JhengHei', sans-serif;\r\n line-height: 1.5;\r\n color: var(--text-primary);\r\n background: var(--primary-dark);\r\n overflow-x: hidden;\r\n padding-top: 40px;\r\n \/* \u8abf\u6574\u70ba\u65b0\u7684\u5c0e\u89bd\u5217\u9ad8\u5ea6 (30px\u5c0f\u5c0e\u89bd\u5217 + 40px\u9802\u90e8\u689d + 76px\u5c0e\u89bd\u5217) *\/\r\n font-size: 16px;\r\n \/* \u589e\u52a0\u5168\u5c40\u5b57\u9ad4\u5927\u5c0f *\/\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n \/* \u6e1b\u5c11\u5074\u908a\u8ddd *\/\r\n }\r\n\r\n \/* \u9802\u90e8\u6de1\u85cd\u8272\u5340\u584a *\/\r\n .top-bar {\r\n position: fixed;\r\n top: 0px;\r\n \/* \u5728\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n left: 0;\r\n width: 100%;\r\n height: 20px;\r\n background: linear-gradient(135deg, #87ceeb, #b0e0e6);\r\n \/* \u6de1\u85cd\u8272\u6f38\u5c64 *\/\r\n box-shadow: 0 2px 10px rgba(135, 206, 235, 0.3);\r\n z-index: 999;\r\n transition: var(--transition-normal);\r\n }\r\n\r\n \/* \u5c0e\u822a\u5217 *\/\r\n \/* \u5c0e\u822a\u5217\uff08\u7e2e\u5c0f\u7248\uff09 *\/\r\n .navbar {\r\n position: fixed;\r\n top: calc(30px + 40px);\r\n \/* \u9ed1\u8272\u521730 + \u6df1\u85cd\u521740 = 70px *\/\r\n left: 0;\r\n width: 100%;\r\n height: 70px;\r\n \/* \u6bd4 60px \u7a0d\u5927 *\/\r\n line-height: 70px;\r\n \/* \u5167\u6587\u5b57\u5782\u76f4\u7f6e\u4e2d *\/\r\n background: #007bff !important;\r\n box-shadow: 0 2px 20px rgba(0, 123, 255, 0.3);\r\n z-index: 1000;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-bottom: 2px solid #0056b3;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n\r\n \/* \u6efe\u52d5\u6642\u7684\u5c0e\u822a\u6a23\u5f0f - \u7e2e\u5c0f\u5230\u53f3\u4e0a\u89d2 *\/\r\n .navbar.scrolled {\r\n top: 30px !important;\r\n \/* \u79fb\u5230\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n right: 20px !important;\r\n \/* \u79fb\u5230\u53f3\u5074 *\/\r\n left: auto !important;\r\n \/* \u53d6\u6d88\u5de6\u5074\u56fa\u5b9a *\/\r\n width: 300px !important;\r\n \/* \u7e2e\u5c0f\u5bec\u5ea6 *\/\r\n height: 60px !important;\r\n \/* \u7e2e\u5c0f\u9ad8\u5ea6 *\/\r\n border-radius: 30px !important;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n background: rgba(0, 123, 255, 0.95) !important;\r\n \/* \u85cd\u8272\u80cc\u666f *\/\r\n box-shadow: 0 8px 32px rgba(0, 123, 255, 0.4) !important;\r\n \/* \u85cd\u8272\u9670\u5f71 *\/\r\n border-bottom: none !important;\r\n \/* \u79fb\u9664\u5e95\u7dda *\/\r\n backdrop-filter: blur(20px) !important;\r\n \/* \u589e\u5f37\u6a21\u7cca\u6548\u679c *\/\r\n transform: scale(0.9) !important;\r\n \/* \u6574\u9ad4\u7e2e\u5c0f *\/\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n \/* \u5e73\u6ed1\u904e\u6e21 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n padding: 0 15px !important;\r\n justify-content: center !important;\r\n \/* \u6efe\u52d5\u6642\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-logo {\r\n display: none !important;\r\n \/* \u6efe\u52d5\u6642\u96b1\u85cf logo *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 15px !important;\r\n \/* \u6efe\u52d5\u6642\u7e2e\u5c0f\u9593\u8ddd *\/\r\n justify-content: center !important;\r\n \/* \u6efe\u52d5\u6642\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.9rem !important;\r\n \/* \u6efe\u52d5\u6642\u7e2e\u5c0f\u5b57\u9ad4 *\/\r\n padding: 8px 12px !important;\r\n \/* \u6efe\u52d5\u6642\u8abf\u6574\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n \/* \u6efe\u52d5\u6642\u4e0b\u62c9\u9078\u55ae\u7684 z-index \u8abf\u6574 *\/\r\n .navbar.scrolled .dropdown-menu {\r\n z-index: 999999 !important;\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n height: 60px !important;\r\n \/* \u914d\u5408\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n padding: 0 15px !important;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n max-width: none !important;\r\n \/* \u79fb\u9664\u6700\u5927\u5bec\u5ea6\u9650\u5236 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-logo {\r\n font-size: 1.2rem !important;\r\n \/* \u7e2e\u5c0flogo\u5b57\u9ad4 *\/\r\n display: none !important;\r\n \/* \u6efe\u52d5\u6642\u96b1\u85cflogo\uff0c\u7bc0\u7701\u7a7a\u9593 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 5px !important;\r\n \/* \u7e2e\u5c0f\u9078\u55ae\u9593\u8ddd *\/\r\n justify-content: center !important;\r\n \/* \u5c45\u4e2d\u5c0d\u9f4a *\/\r\n width: 100% !important;\r\n \/* \u4f54\u6eff\u5bb9\u5668 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.8rem !important;\r\n \/* \u7e2e\u5c0f\u5b57\u9ad4 *\/\r\n padding: 6px 12px !important;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n min-width: auto !important;\r\n \/* \u79fb\u9664\u6700\u5c0f\u5bec\u5ea6 *\/\r\n max-width: none !important;\r\n \/* \u79fb\u9664\u6700\u5927\u5bec\u5ea6 *\/\r\n height: 36px !important;\r\n \/* \u7e2e\u5c0f\u9ad8\u5ea6 *\/\r\n margin: 0 1px !important;\r\n \/* \u7e2e\u5c0f\u5916\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu li:not(:last-child)::after {\r\n display: none !important;\r\n \/* \u96b1\u85cf\u5206\u9694\u7dda *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger {\r\n padding: 8px !important;\r\n \/* \u7e2e\u5c0f\u6f22\u5821\u9078\u55ae\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger span {\r\n width: 20px !important;\r\n \/* \u7e2e\u5c0f\u6f22\u5821\u9078\u55ae\u7dda\u689d *\/\r\n height: 3px !important;\r\n }\r\n\r\n \/* \u589e\u52a0\u5c0e\u822a\u9805\u76ee\u7684\u5206\u9694\u8996\u89ba\u6548\u679c *\/\r\n .nav-menu li:not(:last-child) {\r\n position: relative;\r\n }\r\n\r\n .nav-menu li:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: -8px;\r\n \/* \u8abf\u6574\u4f4d\u7f6e *\/\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 2px;\r\n height: 30px;\r\n \/* \u589e\u52a0\u5206\u9694\u7dda\u9ad8\u5ea6 *\/\r\n background: rgba(255, 255, 255, 0.3);\r\n \/* \u6dfa\u767d\u8272\u5206\u9694\u7dda\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n border-radius: 1px;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n \/* \u589e\u52a0\u6700\u5927\u5bec\u5ea6\u63d0\u4f9b\u66f4\u591a\u7a7a\u9593 *\/\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n \/* \u8abf\u6574\u5167\u908a\u8ddd\u5e73\u8861\u7a7a\u9593\u4f7f\u7528 *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 76px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.4rem;\r\n \/* \u9069\u5ea6\u589e\u5927logo\u5b57\u9ad4\u5927\u5c0f *\/\r\n font-weight: 700;\r\n \/* \u8abf\u6574\u7c97\u9ad4\u7a0b\u5ea6 *\/\r\n color: #ffffff !important;\r\n \/* \u767d\u8272\u6587\u5b57\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n text-decoration: none;\r\n letter-spacing: 0.3px;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n \/* \u589e\u52a0\u6587\u5b57\u9670\u5f71 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62logo\u6587\u5b57\u63db\u884c *\/\r\n flex-shrink: 0;\r\n \/* \u9632\u6b62logo\u88ab\u58d3\u7e2e *\/\r\n margin-top: -10px;\r\n \/* \u5411\u4e0a\u8abf\u6574logo\u4f4d\u7f6e *\/\r\n justify-content: flex-start !important;\r\n text-align: left !important;\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 12px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5716\u793a\u9593\u8ddd *\/\r\n font-size: 1.6rem;\r\n \/* \u9069\u5ea6\u589e\u5927\u5716\u793a\u5927\u5c0f *\/\r\n color: #ffffff;\r\n \/* \u767d\u8272\u5716\u793a\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n background: none;\r\n -webkit-background-clip: unset;\r\n -webkit-text-fill-color: unset;\r\n background-clip: unset;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 12px;\r\n \/* \u9069\u5ea6\u7684\u9805\u76ee\u9593\u8ddd *\/\r\n align-items: center;\r\n \/* \u5782\u76f4\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n flex-wrap: nowrap;\r\n \/* \u9632\u6b62\u63db\u884c *\/\r\n margin: 0;\r\n padding: 0;\r\n justify-content: flex-end;\r\n \/* \u53f3\u5c0d\u9f4a\u5c0e\u89bd\u9805\u76ee *\/\r\n }\r\n\r\n .nav-menu li {\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u9805\u76ee\u6587\u5b57\u63db\u884c *\/\r\n flex-shrink: 0;\r\n \/* \u9632\u6b62\u9805\u76ee\u88ab\u58d3\u7e2e *\/\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: #ffffff;\r\n \/* \u767d\u8272\u6587\u5b57\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n font-weight: 600;\r\n \/* \u8abf\u6574\u7c97\u9ad4\u7a0b\u5ea6 *\/\r\n font-size: 0.9rem;\r\n \/* \u9069\u5ea6\u589e\u5927\u5b57\u9ad4 *\/\r\n transition: var(--transition-fast);\r\n position: relative;\r\n padding: 12px 16px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5167\u908a\u8ddd *\/\r\n border-radius: 10px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5713\u89d2 *\/\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n \/* \u7e2e\u5c0f\u908a\u6846 *\/\r\n letter-spacing: 0.15px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5b57\u6bcd\u9593\u8ddd *\/\r\n text-transform: uppercase;\r\n \/* \u5927\u5beb\u5b57\u6bcd\u66f4\u6e05\u695a *\/\r\n background: rgba(255, 255, 255, 0.1);\r\n \/* \u6dfa\u8272\u534a\u900f\u660e\u80cc\u666f *\/\r\n margin: -20px 2px 0 2px;\r\n \/* \u9032\u4e00\u6b65\u5411\u4e0a\u8abf\u6574\u6309\u9215\u4f4d\u7f6e\uff1a\u5f9e-5px\u6539\u70ba-15px *\/\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);\r\n \/* \u9069\u5ea6\u589e\u52a0\u9670\u5f71 *\/\r\n min-width: 80px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u6700\u5c0f\u5bec\u5ea6 *\/\r\n max-width: 110px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u6700\u5927\u5bec\u5ea6 *\/\r\n text-align: center;\r\n \/* \u6587\u5b57\u5c45\u4e2d *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u6587\u5b57 *\/\r\n text-overflow: ellipsis;\r\n \/* \u6ea2\u51fa\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 42px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u56fa\u5b9a\u9ad8\u5ea6 *\/\r\n line-height: 1.15;\r\n \/* \u9069\u5ea6\u589e\u52a0\u884c\u9ad8 *\/\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57\u4e0d\u8b8a *\/\r\n background: rgba(255, 255, 255, 0.2);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u80cc\u666f\u900f\u660e\u5ea6 *\/\r\n border-color: rgba(255, 255, 255, 0.5);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u908a\u6846\u900f\u660e\u5ea6 *\/\r\n transform: translateY(-2px);\r\n \/* \u6e1b\u5c11\u4e0a\u79fb\u8ddd\u96e2 *\/\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n \/* \u7c21\u5316\u9670\u5f71\u6548\u679c *\/\r\n }\r\n\r\n .nav-menu a:focus {\r\n outline: 3px solid #ffc107;\r\n \/* \u9ec3\u8272\u805a\u7126\u908a\u6846 *\/\r\n outline-offset: 2px;\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57 *\/\r\n background: rgba(255, 255, 255, 0.2);\r\n \/* \u4fdd\u6301\u4e00\u81f4\u7684\u80cc\u666f *\/\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .nav-menu a.active {\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57 *\/\r\n background: rgba(255, 255, 255, 0.25);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u80cc\u666f\u900f\u660e\u5ea6\u4ee5\u793a\u5340\u5225 *\/\r\n border-color: rgba(255, 255, 255, 0.6);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u908a\u6846\u900f\u660e\u5ea6 *\/\r\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);\r\n \/* \u7a0d\u5fae\u52a0\u6df1\u9670\u5f71 *\/\r\n font-weight: 800;\r\n \/* \u52a0\u7c97\u5b57\u9ad4\u4ee5\u793a\u7576\u524d\u9801\u9762 *\/\r\n }\r\n\r\n .nav-menu a::after {\r\n display: none;\r\n \/* \u79fb\u9664\u5e95\u7dda\u6548\u679c *\/\r\n }\r\n\r\n \/* Dropdown Menu Styles *\/\r\n .dropdown {\r\n position: relative;\r\n }\r\n\r\n .dropdown-toggle {\r\n cursor: pointer;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .dropdown-arrow {\r\n margin-left: 8px;\r\n font-size: 0.8em;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .dropdown:hover .dropdown-arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 10px) !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: var(--secondary-dark) !important;\r\n border-radius: 12px !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n min-width: 200px !important;\r\n z-index: 999999 !important;\r\n padding: 8px 0 !important;\r\n margin: 0 !important;\r\n list-style: none !important;\r\n border: 1px solid var(--border-light) !important;\r\n pointer-events: none !important;\r\n display: block !important;\r\n }\r\n\r\n .dropdown:hover .dropdown-menu,\r\n .dropdown.active .dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n display: block !important;\r\n }\r\n\r\n \/* \u9ede\u64ca\u72c0\u614b\u4e0b\u7684\u7bad\u982d\u65cb\u8f49 *\/\r\n .dropdown.active .dropdown-arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .dropdown-menu li {\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n white-space: nowrap;\r\n flex-shrink: 1;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .dropdown-menu a {\r\n color: var(--text-primary) !important;\r\n padding: 12px 20px !important;\r\n display: block !important;\r\n border-radius: 0 !important;\r\n border: none !important;\r\n background: transparent !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 500 !important;\r\n text-transform: none !important;\r\n letter-spacing: normal !important;\r\n min-width: auto !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n line-height: 1.4 !important;\r\n margin: 0 !important;\r\n box-shadow: none !important;\r\n pointer-events: auto !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n overflow: visible !important;\r\n text-overflow: clip !important;\r\n text-align: left !important;\r\n transition: background-color 0.3s ease, color 0.3s ease !important;\r\n transform: none !important;\r\n }\r\n\r\n .dropdown-menu a:hover {\r\n background: var(--accent-dark) !important;\r\n color: var(--text-accent) !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n border: none !important;\r\n }\r\n\r\n .dropdown-menu li:first-child a {\r\n border-top-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n }\r\n\r\n .dropdown-menu li:last-child a {\r\n border-bottom-left-radius: 10px;\r\n border-bottom-right-radius: 10px;\r\n }\r\n\r\n \/* Process Flow Styles *\/\r\n .process-flow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n margin: 20px 0;\r\n }\r\n\r\n .flow-item {\r\n flex: 1;\r\n min-width: 200px;\r\n min-height: 180px;\r\n text-align: center;\r\n padding: 20px;\r\n background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);\r\n border-radius: 15px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .flow-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);\r\n border-color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n \/* Special styling for registration flow item *\/\r\n .flow-item:first-child {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:first-child:hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(3) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(3):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(5) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(5):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(7) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(7):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n color: white;\r\n font-size: 24px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .flow-content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .flow-content h4 {\r\n color: white;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .flow-date {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .flow-content p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.95rem;\r\n line-height: 1.4;\r\n margin: 0;\r\n }\r\n\r\n .flow-arrow {\r\n color: #6b7280;\r\n font-size: 24px;\r\n opacity: 0.8;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Responsive design for process flow *\/\r\n @media (max-width: 1024px) {\r\n .process-flow {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .flow-arrow {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n }\r\n\r\n .flow-item {\r\n min-width: auto;\r\n width: 100%;\r\n min-height: 160px;\r\n }\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n padding: 6px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .hamburger-icon {\r\n width: 22px;\r\n height: 22px;\r\n filter: brightness(0) invert(1);\r\n \/* \u5c07\u5716\u7247\u8f49\u70ba\u767d\u8272 *\/\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .hamburger:hover .hamburger-icon {\r\n transform: scale(1.1);\r\n filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255, 255, 255, 0.8));\r\n }\r\n\r\n \/* \u79fb\u9664\u539f\u6709\u7684span\u6a23\u5f0f\uff0c\u56e0\u70ba\u73fe\u5728\u4f7f\u7528PNG *\/\r\n .hamburger span {\r\n display: none;\r\n }\r\n\r\n \/* \u4e3b\u8996\u89ba\u5340\u57df *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n background: var(--gradient-bg);\r\n overflow: hidden;\r\n padding-top: 110px;\r\n \/* \u914d\u5408\u4e0b\u79fb\u7684\u5c0e\u822a\u5217\u4f4d\u7f6e (20px + 90px) *\/\r\n }\r\n\r\n .neural-network-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 20% 80%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 40% 40%, rgba(22, 33, 62, 0.3) 0%, transparent 50%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-content {\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(0, 212, 255, 0.1);\r\n border: 1px solid var(--border-accent);\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n color: var(--text-accent);\r\n margin-bottom: 1.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .hero-title {\r\n font-size: 4rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.1;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 3rem;\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 3rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .stat {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n display: block;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-normal);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: var(--transition-normal);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-accent);\r\n border: 2px solid var(--border-accent);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--text-accent);\r\n color: var(--primary-dark);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--text-secondary);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--border-light);\r\n color: var(--text-primary);\r\n }\r\n\r\n .btn-large {\r\n padding: 18px 36px;\r\n font-size: 1.15rem;\r\n }\r\n\r\n \/* AI \u52d5\u756b\u6548\u679c *\/\r\n .hero-visual {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .ai-animation {\r\n width: 400px;\r\n height: 400px;\r\n position: relative;\r\n }\r\n\r\n .neural-node {\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n box-shadow: var(--shadow-glow);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n .neural-node:nth-child(1) {\r\n top: 20%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .neural-node:nth-child(2) {\r\n top: 20%;\r\n right: 20%;\r\n animation-delay: 0.4s;\r\n }\r\n\r\n .neural-node:nth-child(3) {\r\n bottom: 20%;\r\n left: 20%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .neural-node:nth-child(4) {\r\n bottom: 20%;\r\n right: 20%;\r\n animation-delay: 1.2s;\r\n }\r\n\r\n .neural-node:nth-child(5) {\r\n top: 50%;\r\n left: 50%;\r\n animation-delay: 1.6s;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .neural-connection {\r\n position: absolute;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--text-accent), transparent);\r\n animation: dataTransfer 3s infinite;\r\n }\r\n\r\n .neural-connection:nth-child(6) {\r\n top: 25%;\r\n left: 25%;\r\n width: 50%;\r\n transform: rotate(15deg);\r\n animation-delay: 0s;\r\n }\r\n\r\n .neural-connection:nth-child(7) {\r\n top: 55%;\r\n left: 20%;\r\n width: 60%;\r\n transform: rotate(-20deg);\r\n animation-delay: 1s;\r\n }\r\n\r\n .neural-connection:nth-child(8) {\r\n top: 75%;\r\n left: 25%;\r\n width: 50%;\r\n transform: rotate(25deg);\r\n animation-delay: 2s;\r\n }\r\n\r\n .neural-connection:nth-child(9) {\r\n top: 45%;\r\n left: 30%;\r\n width: 40%;\r\n transform: rotate(-45deg);\r\n animation-delay: 1.5s;\r\n }\r\n\r\n \/* \u5340\u6bb5\u6a19\u984c *\/\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n color: var(--text-primary);\r\n }\r\n\r\n .section-title i {\r\n color: var(--text-accent);\r\n margin-right: 12px;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n width: 60px;\r\n height: 3px;\r\n background: var(--gradient-primary);\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* \u6d77\u5831\u5340\u57df - \u6eff\u7248\u8a2d\u8a08 *\/\r\n .poster-section {\r\n margin: 0 !important;\r\n\r\n padding: 0px;\r\n background: var(--primary-color);\r\n margin-top: 30px !important;\r\n \/* \u78ba\u4fdd\u5b8c\u5168\u4e0d\u91cd\u758a\uff1a\u9ed1\u8272\u5c0e\u89bd\u5217(30px) + \u6de1\u85cd\u8272\u5340\u584a(0px) + \u85cd\u8272\u5c0e\u89bd\u5217(70px) + \u5c0e\u89bd\u5217\u9ad8\u5ea6(70px) = 190px\uff0c\u4fdd\u5b88\u8a2d\u70ba150px *\/\r\n }\r\n\r\n .poster-title-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .poster-fullwidth {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg,\r\n rgba(0, 212, 255, 0.1) 0%,\r\n rgba(26, 26, 46, 0.3) 50%,\r\n rgba(0, 212, 255, 0.1) 100%);\r\n }\r\n\r\n .poster-placeholder {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 60vh !important;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .poster-placeholder:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .poster-image {\r\n max-width: 90%;\r\n max-height: 80vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 20px;\r\n box-shadow:\r\n 0 20px 60px rgba(0, 0, 0, 0.4),\r\n 0 0 40px rgba(0, 212, 255, 0.2),\r\n inset 0 0 0 1px rgba(0, 212, 255, 0.1);\r\n transition: all 0.3s ease;\r\n filter: brightness(0.6);\r\n }\r\n\r\n .poster-placeholder:hover .poster-image {\r\n box-shadow:\r\n 0 30px 80px rgba(0, 0, 0, 0.5),\r\n 0 0 60px rgba(0, 212, 255, 0.4),\r\n inset 0 0 0 1px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n \/* \u6d77\u5831\u4e0a\u7684\u8986\u84cb\u6587\u5b57\u6a23\u5f0f *\/\r\n .poster-overlay-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 15;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n animation: fadeInScale 0.8s ease forwards;\r\n max-width: 80%;\r\n }\r\n\r\n \/* \u4e0a\u65b9\u5167\u5bb9\u5340 *\/\r\n .poster-content-top {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .poster-main-title {\r\n font-size: 2.8rem;\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.1;\r\n text-shadow:\r\n 2px 2px 8px rgba(0, 0, 0, 0.6),\r\n 0 0 25px rgba(0, 212, 255, 0.4);\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n .poster-main-title+.poster-subtitle {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0.3rem 0 0 0;\r\n text-shadow:\r\n 2px 2px 8px rgba(0, 0, 0, 0.6),\r\n 0 0 20px rgba(255, 255, 255, 0.3);\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n \/* \u4e2d\u9593\u5167\u5bb9\u5340 *\/\r\n .poster-content-middle {\r\n text-align: center;\r\n margin: 1.5rem 0;\r\n }\r\n\r\n .registration-period {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1.5rem;\r\n backdrop-filter: blur(6px);\r\n padding: 1rem 2rem;\r\n border: 2px solid rgba(0, 212, 255, 0.5);\r\n border-radius: 50px;\r\n background: rgba(0, 212, 255, 0.08);\r\n margin: 1rem 0;\r\n }\r\n\r\n .period-label {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #00d4ff;\r\n letter-spacing: 0.1em;\r\n border-right: 2px solid rgba(0, 212, 255, 0.4);\r\n padding-right: 1.5rem;\r\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n .period-date {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #00d4ff;\r\n letter-spacing: 0.05em;\r\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n .poster-description {\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n margin: 0;\r\n text-shadow:\r\n 3px 3px 8px rgba(0, 0, 0, 0.7),\r\n 0 0 30px rgba(0, 212, 255, 0.4);\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n \/* \u4e0b\u65b9\u5167\u5bb9\u5340 *\/\r\n .poster-content-bottom {\r\n display: none;\r\n }\r\n\r\n .poster-footer {\r\n font-size: 0.7rem;\r\n color: #b8c5d1;\r\n margin: 0;\r\n line-height: 1.3;\r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .poster-placeholder:hover .poster-overlay-text {\r\n transform: translate(-50%, -50%) scale(1.02);\r\n }\r\n\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.9);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n\r\n \/* \u5e73\u677f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .poster-overlay-text {\r\n max-width: 85%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n \/* \u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 768px) {\r\n .poster-overlay-text {\r\n max-width: 90%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 2rem;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 50vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 70vh;\r\n }\r\n }\r\n\r\n \/* \u5c0f\u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 480px) {\r\n .poster-overlay-text {\r\n max-width: 95%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 1.5rem;\r\n text-shadow:\r\n 2px 2px 6px rgba(0, 0, 0, 0.7),\r\n 0 0 20px rgba(0, 212, 255, 0.3);\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 40vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 60vh;\r\n }\r\n }\r\n\r\n .poster-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(0, 212, 255, 0.9);\r\n color: var(--primary-color);\r\n padding: 1rem 0rem;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-weight: 600;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .poster-placeholder:hover .poster-overlay {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1.1);\r\n }\r\n\r\n .poster-overlay i {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .poster-info h3 {\r\n font-size: 2.2rem;\r\n margin-bottom: 1.2rem;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .poster-info p {\r\n font-size: 1.15rem;\r\n line-height: 1.6;\r\n color: var(--text-secondary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .poster-highlights {\r\n list-style: none;\r\n }\r\n\r\n .poster-highlights li {\r\n padding: 0.5rem 0;\r\n color: var(--text-secondary);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .poster-highlights i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n \/* \u7af6\u8cfd\u8cc7\u8a0a *\/\r\n .competition-info {\r\n padding: 20px 0;\r\n background: var(--primary-dark);\r\n }\r\n\r\n .info-card {\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-large);\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .info-card:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .info-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .info-header i {\r\n font-size: 1.6rem;\r\n color: var(--text-accent);\r\n }\r\n\r\n .info-header h2 {\r\n font-size: 2.8rem;\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .info-content {\r\n color: var(--text-secondary);\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .announcement-item {\r\n padding: 1rem 0;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n\r\n .announcement-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .announcement-item .date {\r\n display: inline-block;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n padding: 4px 12px;\r\n border-radius: var(--radius-small);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .theme-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n \/* \u56fa\u5b9a\u56db\u500b\u4e00\u7d44 *\/\r\n gap: 1rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n max-width: 100%;\r\n \/* \u78ba\u4fdd\u4e0d\u8d85\u51fa\u5bb9\u5668 *\/\r\n }\r\n\r\n .theme-item {\r\n background: var(--accent-dark);\r\n padding: 1.2rem;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n border-radius: var(--radius-normal);\r\n text-align: center;\r\n transition: var(--transition-normal);\r\n border: 1px solid var(--border-light);\r\n min-height: auto;\r\n \/* \u5141\u8a31\u9ad8\u5ea6\u81ea\u9069\u61c9 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u5167\u5bb9 *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .theme-item:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .theme-item i {\r\n font-size: 2rem;\r\n \/* \u7e2e\u5c0f\u5716\u793a *\/\r\n color: var(--text-accent);\r\n margin-bottom: 0.5rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n }\r\n\r\n .theme-item h4 {\r\n font-size: 1.1rem;\r\n \/* \u7a0d\u5fae\u653e\u5927\u6a19\u984c\u5b57\u9ad4 *\/\r\n margin-bottom: 0.5rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n color: var(--text-primary);\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6a19\u984c\u63db\u884c *\/\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n \/* \u6587\u5b57\u904e\u9577\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n }\r\n\r\n .theme-item p {\r\n line-height: 1.4;\r\n \/* \u8abf\u6574\u884c\u9ad8 *\/\r\n font-size: 0.9rem;\r\n \/* \u7a0d\u5fae\u653e\u5927\u63cf\u8ff0\u6587\u5b57 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u63cf\u8ff0\u63db\u884c *\/\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n \/* \u6587\u5b57\u904e\u9577\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n max-width: 100%;\r\n }\r\n\r\n \/* \u5e73\u677f\u7248\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n .theme-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n \/* \u5e73\u677f\u7248\u4e09\u500b\u4e00\u7d44 *\/\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n \/* \u5c0f\u87a2\u5e55\u512a\u5316 *\/\r\n @media (max-width: 480px) {\r\n .theme-grid {\r\n grid-template-columns: 1fr;\r\n \/* \u8d85\u5c0f\u87a2\u5e55\u4e00\u500b\u4e00\u7d44 *\/\r\n gap: 0.5rem;\r\n }\r\n\r\n .theme-item {\r\n padding: 0.8rem;\r\n white-space: normal;\r\n \/* \u8d85\u5c0f\u87a2\u5e55\u5141\u8a31\u6587\u5b57\u63db\u884c *\/\r\n }\r\n\r\n .theme-item h4,\r\n .theme-item p {\r\n white-space: normal;\r\n \/* \u5141\u8a31\u6587\u5b57\u63db\u884c *\/\r\n overflow: visible;\r\n text-overflow: initial;\r\n }\r\n }\r\n\r\n .qualification-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .qualification-item {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n overflow: hidden;\r\n }\r\n\r\n .qualification-item.clickable {\r\n cursor: pointer;\r\n }\r\n\r\n .qualification-item.clickable:hover {\r\n border-color: var(--border-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .qualification-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.5rem;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .qualification-item.expanded .qualification-header {\r\n background: rgba(0, 212, 255, 0.05);\r\n }\r\n\r\n .qualification-item i:first-child {\r\n font-size: 1.5rem;\r\n color: var(--text-accent);\r\n margin-top: 0.25rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .qualification-text {\r\n flex: 1;\r\n }\r\n\r\n .qualification-text h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .expand-icon {\r\n font-size: 0.8em;\r\n color: var(--text-accent);\r\n transition: transform 0.3s ease;\r\n margin-left: 8px;\r\n }\r\n\r\n .qualification-item.expanded .expand-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .qualification-details {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n background: rgba(0, 212, 255, 0.02);\r\n }\r\n\r\n .qualification-item.expanded .qualification-details {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem 4rem;\r\n }\r\n\r\n .detail-content h5 {\r\n color: var(--text-accent);\r\n font-size: 1rem;\r\n margin: 1rem 0 0.5rem 0;\r\n font-weight: 600;\r\n }\r\n\r\n .detail-content h5:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n .detail-content ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1rem 0;\r\n }\r\n\r\n .detail-content ul li {\r\n color: var(--text-secondary);\r\n padding: 0.3rem 0 0.3rem 1.2rem;\r\n position: relative;\r\n line-height: 1.4;\r\n }\r\n\r\n .detail-content ul li::before {\r\n content: \"\u25b8\";\r\n color: var(--text-accent);\r\n position: absolute;\r\n left: 0;\r\n top: 0.3rem;\r\n }\r\n\r\n \/* \u7af6\u8cfd\u6d41\u7a0b *\/\r\n .competition-process {\r\n padding: 100px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .process-timeline {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .process-timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: var(--gradient-primary);\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n margin-bottom: 4rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-item:nth-child(odd) {\r\n flex-direction: row;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .timeline-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n height: 60px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .timeline-icon i {\r\n font-size: 1.5rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .timeline-content {\r\n flex: 1;\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n margin: 0 2rem;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n max-width: calc(50% - 50px);\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-content {\r\n margin-right: calc(50% + 50px);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-content {\r\n margin-left: calc(50% + 50px);\r\n }\r\n\r\n .timeline-content:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .timeline-content h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .timeline-date {\r\n font-size: 0.9rem;\r\n color: var(--text-accent);\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .timeline-content p:last-child {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u8a55\u5206\u6a19\u6e96 *\/\r\n .evaluation-criteria {\r\n padding: 60px 0 40px 0;\r\n background: var(--primary-dark);\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* \u8b93\u5169\u500b\u8a55\u5206\u6a19\u6e96\u5340\u584a\u7dca\u9130 *\/\r\n .evaluation-criteria+.evaluation-criteria {\r\n margin-top: -40px;\r\n padding-top: 0;\r\n }\r\n\r\n .criteria-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .criteria-card {\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-large);\r\n padding: 1.5rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .criteria-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-primary);\r\n }\r\n\r\n .criteria-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .criteria-header {\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .criteria-main {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .criteria-details {\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n padding: 0 1rem;\r\n margin-top: 0;\r\n }\r\n\r\n .criteria-card.expanded .criteria-details {\r\n max-height: 800px;\r\n opacity: 1;\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n border-top: 1px solid var(--border-light);\r\n }\r\n\r\n .criteria-card.expanded {\r\n transform: scale(1.02);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .criteria-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 2rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .criteria-icon i {\r\n font-size: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .criteria-card h3 {\r\n font-size: 1.6rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .criteria-weight {\r\n display: none;\r\n \/* \u96b1\u85cf\u6b0a\u91cd\u986f\u793a *\/\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 1.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .criteria-card ul {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .criteria-card li {\r\n padding: 0.6rem 0;\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n border-bottom: 1px solid var(--border-light);\r\n position: relative;\r\n padding-left: 20px;\r\n }\r\n\r\n .criteria-card li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .criteria-card li::before {\r\n content: '\u25b6';\r\n position: absolute;\r\n left: 0;\r\n color: var(--text-accent);\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f *\/\r\n .rewards-section {\r\n padding: 80px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .rewards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .reward-card {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-large);\r\n padding: 3rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .reward-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 6px;\r\n background: var(--gradient-primary);\r\n }\r\n\r\n .reward-card.champion::before {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .reward-card.runner-up::before {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .reward-card.third-place::before {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .reward-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .reward-badge {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 2rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 2.5rem;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .reward-card h2 {\r\n font-size: 2.6rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .reward-amount {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 0.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .reward-subtitle {\r\n color: var(--text-muted);\r\n margin-bottom: 2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .reward-benefits {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .reward-benefits li {\r\n padding: 0.75rem 0;\r\n color: var(--text-secondary);\r\n border-bottom: 1px solid var(--border-light);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .reward-benefits li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .reward-benefits i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n .special-awards {\r\n text-align: center;\r\n }\r\n\r\n .special-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .special-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .special-award {\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .special-award:hover {\r\n border-color: var(--border-accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .special-award i {\r\n font-size: 2rem;\r\n color: var(--text-accent);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .special-award h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .special-award p {\r\n color: var(--text-accent);\r\n font-weight: 600;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n \/* \u5831\u540d\u5340\u57df - \u91cd\u65b0\u8a2d\u8a08 *\/\r\n .register-section {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #0a0a0f 0%, #16213e 100%);\r\n }\r\n\r\n .register-main {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n text-align: center;\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 20px;\r\n padding: 50px 40px;\r\n box-shadow: 0 20px 60px rgba(22, 33, 62, 0.6);\r\n border: 1px solid rgba(0, 212, 255, 0.2);\r\n }\r\n\r\n .register-header h2 {\r\n font-size: 2.5rem;\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n }\r\n\r\n .register-header .register-desc {\r\n font-size: 1.2rem;\r\n color: var(--text-secondary);\r\n margin-bottom: 3rem;\r\n }\r\n\r\n \/* \u8cc7\u8a0a\u5361\u7247 *\/\r\n .register-info-cards {\r\n display: flex;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n }\r\n\r\n\r\n .info-card-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n border-radius: 12px;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(10, 10, 15, 0.5);\r\n min-width: 140px;\r\n max-width: 140px;\r\n flex: 1;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* =============================\r\n \u6307\u5c0e\u55ae\u4f4d .info-card-item \u6a23\u5f0f\r\n ============================= *\/\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u5340\u584a\uff08#organizers\uff09.info-card-item \u5bec\u4e00\u9ede *\/\r\n #organizers .info-card-item {\r\n min-width: 180px;\r\n max-width: 220px;\r\n }\r\n\r\n\r\n .info-card-item:hover {\r\n border-color: var(--highlight);\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(0, 212, 255, 0.4);\r\n background: linear-gradient(135deg, #2d3748, #1a1a2e);\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.5rem;\r\n color: var(--highlight);\r\n min-width: 30px;\r\n }\r\n\r\n .info-card-item h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.2rem;\r\n font-size: 0.95rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .info-card-item p {\r\n color: var(--text-secondary);\r\n margin: 0;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* CTA \u5340\u57df *\/\r\n .register-cta {\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 20px;\r\n padding: 3rem 2rem;\r\n margin: 3rem 0;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n box-shadow: 0 8px 25px rgba(22, 33, 62, 0.5);\r\n }\r\n\r\n .cta-content h3 {\r\n font-size: 1.8rem;\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .cta-content p {\r\n color: var(--text-secondary);\r\n margin-bottom: 2rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* \u4e3b\u8981\u5831\u540d\u6309\u9215 *\/\r\n .primary-register-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1rem;\r\n padding: 1.2rem 2.5rem;\r\n background: var(--gradient-primary);\r\n color: white !important;\r\n text-decoration: none !important;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-glow);\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .primary-register-btn:visited {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:active {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:link {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: var(--shadow-hover);\r\n border-color: var(--highlight);\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn .btn-icon {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .primary-register-btn .btn-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .primary-register-btn .btn-main {\r\n font-size: 1.1rem;\r\n line-height: 1.2;\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn .btn-sub {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n font-weight: 400;\r\n color: white !important;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u6309\u9215\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u70ba\u767d\u8272 *\/\r\n .primary-register-btn *,\r\n .primary-register-btn .btn-main,\r\n .primary-register-btn .btn-sub,\r\n .primary-register-btn .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:visited *,\r\n .primary-register-btn:visited .btn-main,\r\n .primary-register-btn:visited .btn-sub,\r\n .primary-register-btn:visited .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:hover *,\r\n .primary-register-btn:hover .btn-main,\r\n .primary-register-btn:hover .btn-sub,\r\n .primary-register-btn:hover .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:active *,\r\n .primary-register-btn:active .btn-main,\r\n .primary-register-btn:active .btn-sub,\r\n .primary-register-btn:active .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n \/* \u622a\u6b62\u65e5\u671f\u8b66\u544a *\/\r\n .deadline-warning {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 1rem;\r\n background: rgba(251, 191, 36, 0.1);\r\n border: 1px solid #fbbf24;\r\n border-radius: 20px;\r\n color: #fbbf24;\r\n font-weight: 600;\r\n animation: pulse-warning 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-warning {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n \/* \u8b66\u544a\u8a0a\u606f\u884c *\/\r\n .warning-note-line {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 1rem;\r\n margin-top: 1rem;\r\n background: rgba(59, 130, 246, 0.1);\r\n border: 1px solid #3b82f6;\r\n border-radius: 15px;\r\n color: #60a5fa;\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .warning-note-line i {\r\n font-size: 1rem;\r\n color: #3b82f6;\r\n }\r\n\r\n \/* \u5831\u540d\u9808\u77e5 *\/\r\n .register-requirements {\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n text-align: left;\r\n box-shadow: 0 4px 15px rgba(22, 33, 62, 0.5);\r\n }\r\n\r\n .register-requirements h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .requirements-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .requirement-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n border-radius: 10px;\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n box-shadow: 0 2px 8px rgba(10, 10, 15, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .requirement-item:hover {\r\n border-color: var(--highlight);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .requirement-item i {\r\n color: var(--highlight);\r\n font-size: 1.2rem;\r\n min-width: 20px;\r\n }\r\n\r\n .requirement-item span {\r\n color: var(--text-primary);\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* \u5e6b\u52a9\u9023\u7d50 *\/\r\n .help-links {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .help-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 1.5rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n color: var(--text-secondary) !important;\r\n text-decoration: none !important;\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n border-radius: 10px;\r\n transition: all 0.3s ease;\r\n font-size: 0.95rem;\r\n box-shadow: 0 2px 8px rgba(10, 10, 15, 0.3);\r\n }\r\n\r\n .help-link:visited {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:active {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:link {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:hover {\r\n background: linear-gradient(135deg, #2d3748, #1a1a2e);\r\n color: var(--highlight) !important;\r\n border-color: var(--highlight);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n \/* \u78ba\u4fdd\u5e6b\u52a9\u9023\u7d50\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u4fdd\u6301\u6b63\u78ba\u984f\u8272 *\/\r\n .help-link *,\r\n .help-link i {\r\n color: inherit !important;\r\n }\r\n\r\n .help-link:visited *,\r\n .help-link:visited i {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:hover *,\r\n .help-link:hover i {\r\n color: var(--highlight) !important;\r\n }\r\n\r\n .help-link:active *,\r\n .help-link:active i {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n \/* \u91cd\u8981\u6ce8\u610f\u4e8b\u9805\u6a23\u5f0f *\/\r\n .register-notice {\r\n background: linear-gradient(135deg, #2d1b4e, #1a1a2e);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n border: 2px solid rgba(255, 193, 7, 0.4);\r\n margin-top: 2rem;\r\n box-shadow: 0 4px 15px rgba(45, 27, 78, 0.5);\r\n }\r\n\r\n .register-notice h4 {\r\n color: #ffc107;\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n text-align: left;\r\n }\r\n\r\n .notice-content {\r\n color: var(--text-primary);\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n margin-bottom: 1.5rem;\r\n padding: 1rem;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n border-left: 4px solid #ffc107;\r\n text-align: left;\r\n }\r\n\r\n .notice-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .notice-item p {\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n margin-bottom: 0.5rem;\r\n font-size: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ul {\r\n margin-left: 1rem;\r\n margin-top: 0.5rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ol {\r\n margin-left: 1rem;\r\n margin-top: 0.5rem;\r\n padding-left: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ol li {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n margin-bottom: 0.4rem;\r\n list-style-type: decimal;\r\n text-align: left;\r\n }\r\n\r\n .notice-item li {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n margin-bottom: 0.4rem;\r\n list-style-type: disc;\r\n text-align: left;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .register-main {\r\n padding: 30px 15px;\r\n margin: 0 15px;\r\n }\r\n\r\n .register-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .register-info-cards {\r\n gap: 0.5rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n overflow-x: auto;\r\n }\r\n\r\n .info-card-item {\r\n min-width: 100px;\r\n max-width: 120px;\r\n padding: 0.6rem;\r\n flex: 0 0 auto;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.8rem;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.7rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.2rem;\r\n min-width: 25px;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .register-cta {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .primary-register-btn {\r\n padding: 1rem 2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .requirements-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .help-links {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .register-notice {\r\n padding: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .register-notice h4 {\r\n font-size: 1.1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n padding: 0.8rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item p,\r\n .notice-item li {\r\n font-size: 0.9rem;\r\n text-align: left;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .register-info-cards {\r\n gap: 0.6rem;\r\n }\r\n\r\n .info-card-item {\r\n min-width: 120px;\r\n max-width: 140px;\r\n padding: 0.7rem;\r\n flex: 1 1 120px;\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.3rem;\r\n min-width: 25px;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .register-notice {\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .register-notice h4 {\r\n font-size: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n padding: 0.6rem;\r\n margin-bottom: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item p,\r\n .notice-item li {\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ul,\r\n .notice-item ol {\r\n margin-left: 0.5rem;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .register-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n }\r\n\r\n .register-info h3 {\r\n font-size: 1.8rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.5rem;\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .info-item:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.5rem;\r\n color: var(--text-accent);\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .info-text h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .info-text p {\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-section {\r\n background: var(--secondary-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .notice-section h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .notice-section i {\r\n color: var(--warning);\r\n }\r\n\r\n .notice-list {\r\n list-style: none;\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-list li {\r\n padding: 0.5rem 0;\r\n padding-left: 20px;\r\n position: relative;\r\n }\r\n\r\n .notice-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: var(--text-accent);\r\n }\r\n\r\n .register-form-container {\r\n background: var(--secondary-dark);\r\n padding: 3rem;\r\n border-radius: var(--radius-large);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .google-form-embed h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .google-form-embed p {\r\n color: var(--text-secondary);\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .form-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n }\r\n\r\n .form-preview h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-items {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .form-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 1rem;\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-small);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .form-item i {\r\n color: var(--text-accent);\r\n }\r\n\r\n .form-item span {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* \u6587\u4ef6\u4e0b\u8f09\u5340 *\/\r\n .downloads-section {\r\n padding: 80px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .download-card {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-large);\r\n padding: 2rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .download-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .download-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .download-icon i {\r\n font-size: 1.8rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .download-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.8rem;\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n }\r\n\r\n .download-card p {\r\n color: var(--text-secondary);\r\n margin-bottom: 1.2rem;\r\n line-height: 1.5;\r\n font-size: 1rem;\r\n }\r\n\r\n .download-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 1.2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .file-size {\r\n color: var(--text-muted);\r\n font-size: 1rem;\r\n }\r\n\r\n .file-type {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n padding: 6px 14px;\r\n border-radius: var(--radius-small);\r\n font-weight: 600;\r\n font-family: 'Space Mono', monospace;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .download-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary) !important;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-normal);\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .download-btn:visited {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:active {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:link {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u4e0b\u8f09\u6309\u9215\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u4fdd\u6301\u539f\u8272 *\/\r\n .download-btn *,\r\n .download-btn i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:visited *,\r\n .download-btn:visited i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:hover *,\r\n .download-btn:hover i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:active *,\r\n .download-btn:active i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-notice {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .notice-box {\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .notice-box i {\r\n font-size: 1.5rem;\r\n color: var(--info);\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .notice-content h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .notice-content ul {\r\n list-style: none;\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-content li {\r\n padding: 0.25rem 0;\r\n padding-left: 15px;\r\n position: relative;\r\n }\r\n\r\n .notice-content li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success);\r\n }\r\n\r\n \/* \u9801\u5c3e *\/\r\n .footer {\r\n background: var(--primary-dark);\r\n border-top: 1px solid var(--border-light);\r\n padding: 20px 0 10px;\r\n \/* \u5f9e 60px 0 20px \u8abf\u6574\u70ba 40px 0 15px *\/\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: 2fr 3fr;\r\n gap: 3rem;\r\n \/* \u5f9e 4rem \u8abf\u6574\u70ba 3rem *\/\r\n margin-bottom: 2rem;\r\n \/* \u5f9e 3rem \u8abf\u6574\u70ba 2rem *\/\r\n }\r\n\r\n .footer-main {\r\n color: var(--text-secondary);\r\n }\r\n\r\n .footer-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .footer-logo i {\r\n margin-right: 12px;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .footer-description {\r\n line-height: 1.7;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact-item i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n .footer-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .footer-section h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-section ul li a {\r\n color: var(--text-secondary);\r\n text-decoration: none;\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .footer-section ul li a:hover {\r\n color: var(--text-accent);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .social-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n background: var(--secondary-dark);\r\n border: 1px solid var(--border-light);\r\n border-radius: 50%;\r\n color: var(--text-secondary);\r\n text-decoration: none;\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .social-link:hover {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n border-color: var(--border-accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border-light);\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* \u8fd4\u56de\u9802\u90e8\u6309\u9215 *\/\r\n .back-to-top {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition-normal);\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 1000;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .back-to-top.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .back-to-top:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n \/* \u52d5\u756b\u6548\u679c *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: scale(1.1);\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n @keyframes dataTransfer {\r\n 0% {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n\r\n \/* \u8abf\u6574\u4e3b\u8981\u6a19\u984c\u5728\u624b\u6a5f\u4e0a\u7684\u5927\u5c0f *\/\r\n .info-header h2 {\r\n font-size: 2.2rem !important;\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* WordPress \u517c\u5bb9\u6027\uff1a\u884c\u52d5\u7248\u6f22\u5821\u9078\u55ae\u5f37\u5316\u986f\u793a *\/\r\n .hamburger {\r\n display: flex;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n margin-left: auto !important;\r\n margin-right: 0px !important;\r\n \/* \u8b93\u6f22\u5821\u5716\u6a19\u5f80\u5de6\u79fb\u52d5\u4e00\u9ede *\/\r\n margin-top: -20px;\r\n flex-shrink: 0 !important;\r\n position: relative !important;\r\n z-index: 999 !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* WordPress \u74b0\u5883\uff1a\u78ba\u4fdd\u884c\u52d5\u7248\u6f22\u5821\u5716\u6a19\u6b63\u78ba\u986f\u793a *\/\r\n .hamburger .hamburger-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n display: block !important;\r\n margin: 0 auto !important;\r\n object-fit: contain !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n background: none !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n \/* \u884c\u52d5\u7248\u5c0e\u89bd\u5bb9\u5668\u8abf\u6574 *\/\r\n .nav-container {\r\n padding: 0 16px;\r\n height: 70px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u884c\u52d5\u7248logo\u986f\u793a\u4e26\u5c0d\u9f4a *\/\r\n .nav-logo {\r\n display: flex !important;\r\n align-items: center;\r\n font-size: 1.2rem;\r\n color: #ffffff !important;\r\n margin-top: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 8px;\r\n font-size: 1.4rem;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u6f22\u5821\u9078\u55ae\u5c0d\u9f4a *\/\r\n .hamburger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 8px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n width: 44px;\r\n height: 44px;\r\n position: relative;\r\n z-index: 1001;\r\n }\r\n\r\n .hamburger-icon {\r\n width: 24px;\r\n height: 24px;\r\n filter: brightness(0) invert(1);\r\n \/* \u5c07\u5716\u7247\u8f49\u70ba\u767d\u8272 *\/\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger:hover .hamburger-icon {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u79fb\u9664span\u76f8\u95dc\u6a23\u5f0f\uff0c\u56e0\u70ba\u4f7f\u7528PNG *\/\r\n .hamburger span {\r\n display: none;\r\n }\r\n\r\n \/* \u6f22\u5821\u9078\u55ae\u6fc0\u6d3b\u72c0\u614b *\/\r\n .hamburger.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(5px, 5px);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -6px);\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n left: -100%;\r\n top: 90px;\r\n \/* \u914d\u5408\u65b0\u7684\u5c0e\u822a\u9ad8\u5ea6 *\/\r\n flex-direction: column;\r\n background: #007bff !important;\r\n \/* \u5f37\u5236\u85cd\u8272\u80cc\u666f\uff0c\u624b\u6a5f\u7248\u4e5f\u4e0d\u8b8a\u767d *\/\r\n width: 100%;\r\n text-align: center;\r\n transition: var(--transition-normal);\r\n padding: 2rem 0;\r\n border-top: 3px solid #0056b3;\r\n \/* \u6df1\u85cd\u8272\u908a\u6846 *\/\r\n box-shadow: 0 4px 20px rgba(0, 123, 255, 0.3);\r\n z-index: 999;\r\n }\r\n\r\n .nav-menu a {\r\n margin: 12px 20px;\r\n \/* \u589e\u52a0\u5916\u908a\u8ddd *\/\r\n display: flex;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n color: #ffffff;\r\n padding: 18px 20px;\r\n \/* \u8abf\u6574\u5167\u908a\u8ddd\u907f\u514d\u8dd1\u7248 *\/\r\n font-size: 1rem;\r\n \/* \u8abf\u6574\u5b57\u9ad4\u5927\u5c0f *\/\r\n border-radius: 12px;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n min-height: 50px;\r\n \/* \u8a2d\u5b9a\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n align-items: center;\r\n justify-content: center;\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n text-overflow: ellipsis;\r\n \/* \u6ea2\u51fa\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u6587\u5b57 *\/\r\n max-width: calc(100% - 40px);\r\n \/* \u9650\u5236\u6700\u5927\u5bec\u5ea6 *\/\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u6efe\u52d5\u6642\u7684\u5c0e\u822a\u6a23\u5f0f *\/\r\n .navbar.scrolled {\r\n top: 30px;\r\n \/* \u79fb\u5230\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n right: 10px;\r\n \/* \u79fb\u5230\u53f3\u5074\uff0c\u624b\u6a5f\u7248\u7559\u66f4\u5c11\u908a\u8ddd *\/\r\n left: auto;\r\n \/* \u53d6\u6d88\u5de6\u5074\u56fa\u5b9a *\/\r\n width: 200px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5bec\u5ea6 *\/\r\n height: 50px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9ad8\u5ea6 *\/\r\n border-radius: 25px;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n transform: scale(0.85);\r\n \/* \u624b\u6a5f\u7248\u7e2e\u5c0f\u66f4\u591a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n height: 50px;\r\n \/* \u914d\u5408\u624b\u6a5f\u7248\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n padding: 0 10px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* \u6efe\u52d5\u72c0\u614b\u4e0b\u78ba\u4fddlogo\u4ecd\u7136\u986f\u793a *\/\r\n .navbar.scrolled .nav-logo {\r\n display: flex !important;\r\n font-size: 0.9rem;\r\n color: #ffffff !important;\r\n margin-top: 0;\r\n }\r\n\r\n .navbar.scrolled .nav-logo i {\r\n margin-right: 6px;\r\n font-size: 1rem;\r\n color: #ffffff;\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 2px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9593\u8ddd *\/\r\n top: 50px;\r\n \/* \u8abf\u6574\u624b\u6a5f\u7248\u9078\u55ae\u4f4d\u7f6e *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.7rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5b57\u9ad4 *\/\r\n padding: 6px 8px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n height: 30px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9ad8\u5ea6 *\/\r\n margin: 0;\r\n \/* \u79fb\u9664\u5916\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger {\r\n display: flex !important;\r\n \/* \u624b\u6a5f\u7248\u6efe\u52d5\u6642\u4ecd\u986f\u793a\u6f22\u5821\u9078\u55ae *\/\r\n padding: 5px;\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .navbar.scrolled .hamburger span {\r\n width: 18px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u6f22\u5821\u9078\u55ae *\/\r\n height: 2px;\r\n margin: 1px 0;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 3rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n gap: 2rem;\r\n }\r\n\r\n .ai-animation {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .poster-title-container {\r\n padding: 3rem 1rem 1.5rem;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 0vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 70vh;\r\n }\r\n\r\n .poster-overlay {\r\n padding: 0.8rem 1.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .process-timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column !important;\r\n padding-left: 60px;\r\n }\r\n\r\n .timeline-icon {\r\n left: 20px !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .timeline-content {\r\n margin: 0 !important;\r\n max-width: none !important;\r\n }\r\n\r\n .register-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer-content {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n \/* \u5f9e 2rem \u8abf\u6574\u70ba 1.5rem *\/\r\n }\r\n\r\n .footer-links {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n \/* \u5f9e 1.5rem \u8abf\u6574\u70ba 1rem *\/\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n gap: 1rem;\r\n text-align: center;\r\n }\r\n\r\n \/* \u884c\u52d5\u88dd\u7f6efooter\u9ad8\u5ea6\u8abf\u6574 *\/\r\n .footer {\r\n padding: 20px 0 10px;\r\n \/* \u9032\u4e00\u6b65\u6e1b\u5c11\u884c\u52d5\u88dd\u7f6e\u7684footer\u9ad8\u5ea6 *\/\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .form-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .rewards-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .reward-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 1rem;\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .reward-card h2 {\r\n font-size: 1.9rem;\r\n margin-bottom: 0.8rem;\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .reward-amount {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .reward-subtitle {\r\n font-size: 0.75rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .special-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n\r\n .special-award {\r\n padding: 1rem;\r\n }\r\n\r\n .special-award h4 {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .special-award p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .criteria-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n\r\n .downloads-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n\r\n \/* \u4e3b\u984c\u7db2\u683c\u624b\u6a5f\u7248\u6a23\u5f0f *\/\r\n .theme-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n \/* \u624b\u6a5f\u7248\u6539\u70ba\u5169\u500b\u4e00\u7d44 *\/\r\n gap: 0.8rem;\r\n \/* \u7e2e\u5c0f\u624b\u6a5f\u7248\u9593\u8ddd *\/\r\n }\r\n\r\n .theme-item {\r\n padding: 1rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n .theme-item i {\r\n font-size: 1.5rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5716\u793a *\/\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .theme-item h4 {\r\n font-size: 0.9rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u6a19\u984c *\/\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .theme-item p {\r\n font-size: 0.75rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u63cf\u8ff0\u6587\u5b57 *\/\r\n }\r\n }\r\n\r\n \/* \u5c0e\u822a\u5217 *\/\r\n .navbar {\r\n position: fixed;\r\n top: 35px;\r\n width: 100%;\r\n background: rgba(116, 118, 234, 0.95);\r\n backdrop-filter: blur(10px);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 85px;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 10px;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 2rem;\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: var(--text-dark);\r\n font-weight: 500;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-color);\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary-color);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--text-dark);\r\n margin: 3px 0;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* \u4e3b\u8996\u89ba\u5340\u57df *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"80\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n color: var(--white);\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n background: linear-gradient(45deg, var(--white), var(--accent-color));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.9;\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .stat {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n display: block;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--accent-color);\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n border-radius: var(--border-radius);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-color);\r\n color: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 30px rgba(240, 147, 251, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--white);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--white);\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* \u7a0b\u5f0f\u78bc\u52d5\u756b *\/\r\n .hero-image {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .code-animation {\r\n width: 400px;\r\n height: 300px;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 15px;\r\n padding: 20px;\r\n position: relative;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .code-line {\r\n height: 20px;\r\n margin: 15px 0;\r\n border-radius: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .code-line::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\r\n animation: codeLine 3s infinite;\r\n }\r\n\r\n .code-line:nth-child(1) {\r\n width: 80%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .code-line:nth-child(2) {\r\n width: 60%;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .code-line:nth-child(3) {\r\n width: 90%;\r\n animation-delay: 1s;\r\n }\r\n\r\n .code-line:nth-child(4) {\r\n width: 70%;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n @keyframes codeLine {\r\n 0% {\r\n left: -100%;\r\n }\r\n\r\n 100% {\r\n left: 100%;\r\n }\r\n }\r\n\r\n \/* \u901a\u7528\u5340\u6bb5\u6a23\u5f0f *\/\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 3rem;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u95dc\u65bc\u6bd4\u8cfd\u5340\u6bb5 *\/\r\n .about {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .about-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n margin-bottom: 3rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature {\r\n background: var(--white);\r\n padding: 2rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .feature i {\r\n font-size: 3rem;\r\n color: var(--primary-color);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .feature p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u8cfd\u7a0b\u5b89\u6392 *\/\r\n .schedule {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .timeline {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: var(--primary-color);\r\n transform: translateX(-50%);\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n margin-bottom: 3rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-item:nth-child(odd) {\r\n flex-direction: row;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .timeline-date {\r\n flex: 1;\r\n text-align: center;\r\n padding: 1rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-date::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n background: var(--primary-color);\r\n border-radius: 50%;\r\n transform: translateY(-50%);\r\n border: 4px solid var(--white);\r\n box-shadow: 0 0 0 4px var(--primary-color);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-date::before {\r\n right: auto;\r\n left: -8px;\r\n }\r\n\r\n .date {\r\n display: block;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n }\r\n\r\n .time {\r\n font-size: 0.9rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .timeline-content {\r\n flex: 1;\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n margin: 0 1rem;\r\n }\r\n\r\n .timeline-content h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .timeline-content p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u734e\u9805\u8a2d\u7f6e *\/\r\n .prizes {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .prizes-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .prize-card {\r\n background: var(--white);\r\n border-radius: var(--border-radius);\r\n padding: 2rem;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .prize-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n }\r\n\r\n .prize-card.gold::before {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .prize-card.silver::before {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .prize-card.bronze::before {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .prize-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .prize-icon {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .gold .prize-icon {\r\n color: #ffd700;\r\n }\r\n\r\n .silver .prize-icon {\r\n color: #c0c0c0;\r\n }\r\n\r\n .bronze .prize-icon {\r\n color: #cd7f32;\r\n }\r\n\r\n .special .prize-icon {\r\n color: var(--primary-color);\r\n }\r\n\r\n .prize-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .prize-amount {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .prize-benefits {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .prize-benefits li {\r\n padding: 0.5rem 0;\r\n color: var(--text-light);\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n\r\n .prize-benefits li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n \/* \u5831\u540d\u8868\u55ae *\/\r\n .register {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .register-content {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 4rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .register-info h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.5rem;\r\n color: var(--primary-color);\r\n margin-right: 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .info-item strong {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-item p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n .register-form {\r\n background: var(--light-bg);\r\n padding: 2rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n font-size: 1rem;\r\n transition: var(--transition);\r\n font-family: inherit;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--primary-color);\r\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkbox-group input[type=\"checkbox\"] {\r\n width: auto;\r\n margin-right: 0.5rem;\r\n }\r\n\r\n .terms-link {\r\n color: var(--primary-color);\r\n text-decoration: none;\r\n }\r\n\r\n .terms-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .btn-full {\r\n width: 100%;\r\n padding: 15px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .team-members {\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: var(--border-radius);\r\n margin-top: 1rem;\r\n }\r\n\r\n .team-members h4 {\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n \/* \u806f\u7d61\u8cc7\u8a0a *\/\r\n .contact {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .contact-content {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 4rem;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .contact-item i {\r\n font-size: 1.5rem;\r\n color: var(--primary-color);\r\n margin-right: 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .contact-item h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .contact-item p {\r\n color: var(--text-light);\r\n }\r\n\r\n .social-links h3 {\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .social-icons {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .social-icons a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n color: var(--white);\r\n border-radius: 50%;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icons a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n \/* \u9801\u5c3e *\/\r\n .footer {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n padding: 2rem 0;\r\n text-align: center;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .footer-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-logo i {\r\n margin-right: 10px;\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* \u8fd4\u56de\u9802\u90e8\u6309\u9215 *\/\r\n .back-to-top {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 1000;\r\n }\r\n\r\n .back-to-top.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .back-to-top:hover {\r\n background: var(--secondary-color);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .hamburger {\r\n display: flex;\r\n z-index: 100000;\r\n \/* \u78ba\u4fdd\u6f22\u5821\u9078\u55ae\u5728\u6700\u4e0a\u5c64 *\/\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n left: -100%;\r\n top: 70px;\r\n flex-direction: column;\r\n background-color: var(--white);\r\n width: 100%;\r\n text-align: center;\r\n transition: 0.3s;\r\n box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);\r\n padding: 2rem 0;\r\n z-index: 99998;\r\n \/* \u78ba\u4fdd\u624b\u6a5f\u9078\u55ae\u5728\u4e0b\u62c9\u9078\u55ae\u4e0b\u65b9\u4f46\u5728\u5176\u4ed6\u5167\u5bb9\u4e0a\u65b9 *\/\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u4e0b\u62c9\u9078\u55ae\u6a23\u5f0f *\/\r\n .nav-menu .dropdown-menu {\r\n position: static;\r\n display: none;\r\n background: transparent;\r\n box-shadow: none;\r\n border: none;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-menu .dropdown:hover .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .nav-menu .dropdown-menu li a {\r\n color: var(--text-primary);\r\n padding: 0.5rem 0;\r\n font-size: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 2rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .code-animation {\r\n width: 300px;\r\n height: 200px;\r\n }\r\n\r\n .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column !important;\r\n padding-left: 50px;\r\n }\r\n\r\n .timeline-date::before {\r\n left: -28px !important;\r\n right: auto !important;\r\n }\r\n\r\n .timeline-content {\r\n margin: 0;\r\n }\r\n\r\n .register-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .features {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .prizes-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .container {\r\n padding: 0 15px;\r\n }\r\n }\r\n\r\n \/* \u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u6d77\u5831\u5340\u57df *\/\r\n @media (max-width: 480px) {\r\n .poster-section {\r\n margin-top: 40px !important;\r\n \/* \u624b\u6a5f\u4e0a\u4fdd\u6301\u76f8\u540c\u9593\u8ddd\u907f\u514d\u91cd\u758a *\/\r\n }\r\n\r\n .poster-title-container {\r\n padding: 2rem 1rem 1rem;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 0vh !important;\r\n }\r\n\r\n .poster-overlay span {\r\n display: none;\r\n }\r\n\r\n .poster-overlay {\r\n padding: 0.8rem;\r\n border-radius: 50%;\r\n width: 50px;\r\n height: 50px;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* WordPress \u517c\u5bb9\u6027 CSS - \u5f37\u5236\u8986\u84cb\u4e3b\u984c\u6a23\u5f0f *\/\r\n .navbar .dropdown-menu,\r\n #navbar .dropdown-menu,\r\n nav .dropdown-menu,\r\n .navigation .dropdown-menu,\r\n .menu .dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 5px) !important;\r\n \/* \u8abf\u6574\u70ba5px\uff0c\u964d\u4f4e\u4e0b\u62c9\u9078\u55ae\u4f4d\u7f6e *\/\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: var(--secondary-dark) !important;\r\n border-radius: 12px !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n min-width: 200px !important;\r\n z-index: 999999 !important;\r\n padding: 8px 0 !important;\r\n margin: 0 !important;\r\n list-style: none !important;\r\n border: 1px solid var(--border-light) !important;\r\n pointer-events: none !important;\r\n display: block !important;\r\n width: auto !important;\r\n float: none !important;\r\n clear: none !important;\r\n }\r\n\r\n .navbar .dropdown:hover .dropdown-menu,\r\n #navbar .dropdown:hover .dropdown-menu,\r\n nav .dropdown:hover .dropdown-menu,\r\n .navigation .dropdown:hover .dropdown-menu,\r\n .menu .dropdown:hover .dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n display: block !important;\r\n }\r\n\r\n \/* WordPress \u7279\u5b9a\uff1a\u9632\u6b62\u4e3b\u984cCSS\u5e72\u64fe *\/\r\n .navbar li.dropdown ul,\r\n .navbar li.dropdown ul.dropdown-menu,\r\n nav li.dropdown ul,\r\n nav li.dropdown ul.dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 5px) !important;\r\n \/* \u8abf\u6574\u70ba5px\uff0c\u4fdd\u6301\u4e00\u81f4\u6027 *\/\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n z-index: 999999 !important;\r\n display: block !important;\r\n }\r\n\r\n .navbar li.dropdown:hover ul,\r\n .navbar li.dropdown:hover ul.dropdown-menu,\r\n nav li.dropdown:hover ul,\r\n nav li.dropdown:hover ul.dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n \/* \u8a55\u5206\u6a19\u6e96\u7d44\u5225\u9078\u64c7\u5668 *\/\r\n .criteria-selector {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .criteria-selector h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .selector-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .selector-btn {\r\n background: var(--secondary-dark);\r\n color: var(--text-secondary);\r\n border: 2px solid var(--border-light);\r\n padding: 16px 32px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .selector-btn:hover {\r\n border-color: var(--border-accent);\r\n color: var(--text-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .selector-btn.active {\r\n background: var(--highlight);\r\n color: var(--primary-dark);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .selector-btn.active:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .selector-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .selector-btn {\r\n width: 100%;\r\n max-width: 300px;\r\n padding: 14px 28px;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f\u9078\u64c7\u5668 *\/\r\n .rewards-selector {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .rewards-selector h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .rewards-selector .selector-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .rewards-selector .selector-btn {\r\n background: var(--secondary-dark);\r\n color: var(--text-secondary);\r\n border: 2px solid var(--border-light);\r\n padding: 16px 32px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .rewards-selector .selector-btn:hover {\r\n border-color: var(--border-accent);\r\n color: var(--text-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .rewards-selector .selector-btn.active {\r\n background: var(--highlight);\r\n color: var(--primary-dark);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .rewards-selector .selector-btn.active:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f\u5167\u5bb9\u6a23\u5f0f *\/\r\n .rewards-summary {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .rewards-summary h4 {\r\n color: #00d4ff;\r\n font-size: 1.8rem;\r\n font-weight: bold;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n margin: 0;\r\n }\r\n\r\n .rewards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 450px;\r\n justify-self: center;\r\n transform: scale(1.05);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u5728\u7b2c\u4e8c\u884c\u958b\u59cb\u6392\u5217 *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 3;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 4;\r\n grid-row: 2;\r\n }\r\n\r\n .reward-card {\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(20, 20, 30, 0.8));\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n border-radius: 20px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .reward-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #00d4ff, #ffffff, #00d4ff);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .reward-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0, 212, 255, 0.2);\r\n border-color: #00d4ff;\r\n }\r\n\r\n .reward-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 15px;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 1.8rem;\r\n color: #0a0a0f;\r\n }\r\n\r\n .reward-card h2 {\r\n color: #ffffff;\r\n font-size: 2.1rem;\r\n font-weight: bold;\r\n margin: 0 0 12px 0;\r\n text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .reward-amount {\r\n color: #00d4ff;\r\n font-size: 1.6rem;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n .reward-subtitle {\r\n color: #cccccc;\r\n font-size: 1rem;\r\n margin: 8px 0;\r\n }\r\n\r\n .reward-total {\r\n color: #ffd700;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n \/* \u4e0d\u540c\u7b49\u7d1a\u7684\u734e\u9805\u984f\u8272 *\/\r\n .reward-card.champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffcc00);\r\n width: 70px;\r\n height: 70px;\r\n box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n .reward-card.champion .reward-badge i {\r\n color: #333;\r\n font-size: 2rem;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7279\u6b8a\u6a23\u5f0f *\/\r\n .rewards-grid .reward-card:first-child.champion {\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.08), rgba(255, 193, 7, 0.03));\r\n border: 2px solid #ffd700;\r\n box-shadow: 0 15px 40px rgba(255, 215, 0, 0.25);\r\n }\r\n\r\n .rewards-grid .reward-card:first-child.champion h3 {\r\n font-size: 1.6rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 12px rgba(255, 215, 0, 0.5);\r\n }\r\n\r\n .rewards-grid .reward-card:first-child.champion .reward-amount {\r\n font-size: 1.8rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);\r\n }\r\n\r\n .reward-card.runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #a8a8a8);\r\n }\r\n\r\n .reward-card.third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #b8860b);\r\n }\r\n\r\n .reward-card.special .reward-badge {\r\n background: linear-gradient(135deg, #9370db, #8a2be2);\r\n }\r\n\r\n .reward-card.merit .reward-badge {\r\n background: linear-gradient(135deg, #32cd32, #228b22);\r\n }\r\n\r\n .rewards-note {\r\n text-align: center;\r\n margin-top: 20px;\r\n padding: 15px;\r\n background: rgba(255, 215, 0, 0.1);\r\n border: 1px solid rgba(255, 215, 0, 0.3);\r\n border-radius: 10px;\r\n }\r\n\r\n .rewards-note p {\r\n color: #ffd700;\r\n margin: 0;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .rewards-note i {\r\n margin-right: 8px;\r\n color: #ffd700;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u734e\u52f5\u65b9\u5f0f *\/\r\n @media (max-width: 1200px) {\r\n .rewards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u4ecd\u7136\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 350px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u91cd\u65b0\u6392\u5217 *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 3;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 1 \/ 3;\r\n grid-row: 3;\r\n justify-self: center;\r\n max-width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .rewards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 400px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u5169\u5169\u4e00\u884c *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 1;\r\n grid-row: 3;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 2;\r\n grid-row: 3;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .rewards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u6240\u6709\u5361\u7247\u55ae\u5217\u6392\u5217\uff0c\u7b2c\u4e00\u540d\u4ecd\u7136\u7a81\u51fa *\/\r\n .rewards-grid .reward-card:nth-child(n) {\r\n grid-column: 1;\r\n grid-row: auto;\r\n max-width: none;\r\n }\r\n\r\n .rewards-grid .reward-card:first-child {\r\n transform: scale(1.02);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .reward-card {\r\n padding: 20px 15px;\r\n }\r\n\r\n .rewards-summary h4 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .reward-amount {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44\u5c08\u7528\u4f48\u5c40\uff1a\u7b2c\u4e8c\u884c3\u500b\u734e\u9805\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n \/* AI\u8077\u57f9\u7d44\u5c08\u7528\u4f48\u5c40 *\/\r\n .rewards-grid.ai-training-layout {\r\n display: grid;\r\n \/* \u5efa\u7acb\u4e00\u500b 24 \u6b04\u7684\u7db2\u683c\uff0c\u9019\u53ef\u4ee5\u63d0\u4f9b\u66f4\u7cbe\u78ba\u7684\u5bec\u5ea6\u63a7\u5236\u3002 *\/\r\n grid-template-columns: repeat(24, 1fr);\r\n gap: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u734e\u9805\uff1a\u7368\u81ea\u4e00\u6392\uff0c\u4e26\u5c45\u4e2d\u3002 *\/\r\n .rewards-grid.ai-training-layout .reward-card:first-child {\r\n \/* \u8b93\u5b83\u5f9e\u7b2c 1 \u6b04\u8de8\u5230\u7b2c 25 \u6b04\uff0c\u4f54\u64da\u6240\u6709\u6b04\u4f4d\u3002 *\/\r\n grid-column: 1 \/ 25;\r\n grid-row: 1;\r\n transform: scale(1.05);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u7b2c\u4e8c\u6392\u734e\u9805\uff1a\u9280\u724c\u3001\u9285\u724c\u3001\u4f73\u4f5c\u3002\u5b83\u5011\u5171\u540c\u7d44\u6210\u66f4\u5bec\u7684\u4e00\u6392\u3002 *\/\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(2) {\r\n \/* \u9280\u724c\u5f9e\u7b2c 3 \u6b04\u8de8\u5230\u7b2c 9 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002 *\/\r\n grid-column: 3 \/ 9;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(3) {\r\n \/* \u9285\u724c\u5f9e\u7b2c 10 \u6b04\u8de8\u5230\u7b2c 16 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002\r\n \u9019\u5c07\u63d0\u4f9b\u4e00\u500b\u6bd4 5\/9 \u7a84\u3001\u6bd4 6\/8 \u5bec\u7684\u5b8c\u7f8e\u4e2d\u7b49\u5bec\u5ea6\u3002 *\/\r\n grid-column: 10 \/ 16;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(4) {\r\n \/* \u4f73\u4f5c\u5f9e\u7b2c 17 \u6b04\u8de8\u5230\u7b2c 23 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002 *\/\r\n grid-column: 17 \/ 23;\r\n grid-row: 2;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u6240\u6709 AI \u8077\u57f9\u7d44\u5361\u7247\u6709\u56fa\u5b9a\u7684\u5916\u89c0 *\/\r\n .reward-card.ai-training-card {\r\n padding: 25px 20px;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u91d1\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.champion {\r\n \/* \u8abf\u6574\u5361\u7247\u672c\u8eab\u7684\u5927\u5c0f *\/\r\n width: 80%;\r\n \/* \u7bc4\u4f8b\uff1a\u5c07\u5361\u7247\u5bec\u5ea6\u8a2d\u70ba 80% *\/\r\n max-width: 250px;\r\n \/* \u7bc4\u4f8b\uff1a\u8a2d\u5b9a\u6700\u5927\u5bec\u5ea6\uff0c\u907f\u514d\u5728\u8d85\u5927\u87a2\u5e55\u4e0a\u904e\u5927 *\/\r\n height: auto;\r\n \/* \u8b93\u9ad8\u5ea6\u81ea\u52d5\u9069\u61c9\u5167\u5bb9 *\/\r\n\r\n \/* \u4fdd\u6301\u539f\u6709\u7684\u80cc\u666f\u548c\u908a\u6846\u6548\u679c *\/\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(40, 30, 10, 0.8));\r\n border: 2px solid rgba(255, 215, 0, 0.4);\r\n\r\n \/* \u79fb\u9664\u7b2c\u4e00\u540d\u5361\u7247\u5728 grid \u4e2d\u7684\u7279\u5b9a\u5bec\u9ad8\u8a2d\u5b9a\uff0c\u8b93\u5b83\u7531\u4f60\u5728\u6b64\u5b9a\u7fa9 *\/\r\n grid-column: 1 \/ -1;\r\n \/* \u4ecd\u7136\u8de8\u8d8a\u6240\u6709\u5217 *\/\r\n justify-self: center;\r\n \/* \u8b93\u5b83\u5728\u7db2\u683c\u4e2d\u5c45\u4e2d *\/\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(40, 30, 10, 0.8));\r\n border: 2px solid rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.champion::before {\r\n background: linear-gradient(90deg, #ffd700, #ffed4e, #ffd700);\r\n }\r\n\r\n .reward-card.ai-training-card.champion:hover {\r\n border-color: #ffd700;\r\n box-shadow: 0 12px 30px rgba(255, 215, 0, 0.3);\r\n }\r\n\r\n .reward-card.ai-training-card.champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .reward-card.ai-training-card.champion .reward-amount {\r\n color: #ffed4e;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u9280\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.runner-up {\r\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.1), rgba(30, 30, 35, 0.8));\r\n border: 2px solid rgba(192, 192, 192, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up::before {\r\n background: linear-gradient(90deg, #c0c0c0, #e8e8e8, #c0c0c0);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up:hover {\r\n border-color: #c0c0c0;\r\n box-shadow: 0 12px 30px rgba(192, 192, 192, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #e8e8e8);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up .reward-amount {\r\n color: #e8e8e8;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u9285\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.third-place {\r\n background: linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(35, 25, 15, 0.8));\r\n border: 2px solid rgba(205, 127, 50, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place::before {\r\n background: linear-gradient(90deg, #cd7f32, #daa564, #cd7f32);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place:hover {\r\n border-color: #cd7f32;\r\n box-shadow: 0 12px 30px rgba(205, 127, 50, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #daa564);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place .reward-amount {\r\n color: #daa564;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u4f73\u4f5c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.merit {\r\n background: linear-gradient(135deg, rgba(102, 153, 255, 0.1), rgba(20, 25, 40, 0.8));\r\n border: 2px solid rgba(102, 153, 255, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.merit::before {\r\n background: linear-gradient(90deg, #6699ff, #99bbff, #6699ff);\r\n }\r\n\r\n .reward-card.ai-training-card.merit:hover {\r\n border-color: #6699ff;\r\n box-shadow: 0 12px 30px rgba(102, 153, 255, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.merit .reward-badge {\r\n background: linear-gradient(135deg, #6699ff, #99bbff);\r\n }\r\n\r\n .reward-card.ai-training-card.merit .reward-amount {\r\n color: #99bbff;\r\n }\r\n\r\n \/* \u901a\u7528\u5fbd\u7ae0\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 15px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge i {\r\n font-size: 1.8rem;\r\n color: #0a0a0f;\r\n }\r\n\r\n \/* \u901a\u7528\u6587\u5b57\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card h2 {\r\n color: #ffffff;\r\n font-size: 2.1rem;\r\n font-weight: bold;\r\n margin: 0 0 12px 0;\r\n text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-amount {\r\n color: #00d4ff;\r\n font-size: 1.6rem;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08\uff1a\u624b\u6a5f\u7248\u4fdd\u6301\u539f\u6709\u4f48\u5c40 *\/\r\n @media (max-width: 1024px) {\r\n .rewards-grid.ai-training-layout {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u91cd\u7f6e\u6240\u6709AI\u8077\u80fd\u57f9\u529b\u7d44\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u5b9a\u4f4d *\/\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(n) {\r\n grid-column: 1;\r\n grid-row: auto;\r\n max-width: none;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u7279\u6b8a\u8a2d\u7f6e\u91cd\u7f6e *\/\r\n .rewards-grid.ai-training-layout .reward-card:first-child {\r\n grid-column: 1;\r\n grid-row: auto;\r\n transform: scale(1.02);\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* \u91d1\u724c\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u7279\u6b8a\u8a2d\u7f6e\u91cd\u7f6e *\/\r\n .reward-card.ai-training-card.champion {\r\n width: 100%;\r\n max-width: none;\r\n justify-self: stretch;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44\u624b\u6a5f\u7248\u5361\u7247\u8abf\u6574 *\/\r\n .reward-card.ai-training-card {\r\n max-width: 100%;\r\n padding: 20px 15px;\r\n \/* \u8207\u5176\u4ed6\u7d44\u624b\u6a5f\u7248\u76f8\u540c *\/\r\n margin-bottom: 15px;\r\n }\r\n\r\n .reward-card.ai-training-card h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-amount {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge i {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n \/* \u79fb\u52d5\u5c0f\u5716\u5f62\u6a23\u5f0f *\/\r\n .floating-logo {\r\n position: fixed;\r\n bottom: 70px;\r\n \/* \u63d0\u9ad8\u4f4d\u7f6e\uff0c\u8ddd\u96e2\u5e95\u90e8\u66f4\u9060 *\/\r\n right: 40px;\r\n z-index: 998;\r\n \/* \u4f4e\u65bc\u5411\u4e0a\u6309\u9215\u7684 z-index *\/\r\n pointer-events: auto;\r\n \/* \u5141\u8a31\u9ede\u64ca\u4e8b\u4ef6 *\/\r\n opacity: 0.9;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .floating-help-text {\r\n background: rgba(0, 212, 255, 0.9);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 8px rgba(0, 212, 255, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .floating-logo:hover .floating-help-text {\r\n background: rgba(0, 212, 255, 1);\r\n transform: scale(1.05);\r\n }\r\n\r\n .floating-logo-img {\r\n width: 90px;\r\n height: 120px;\r\n border-radius: 50%;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .floating-logo:hover .floating-logo-img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .floating-logo {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-help-text {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-logo-img {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .floating-logo {\r\n display: none;\r\n \/* \u5728\u624b\u6a5f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-help-text {\r\n display: none;\r\n }\r\n\r\n .floating-logo-img {\r\n display: none;\r\n \/* \u5728\u624b\u6a5f\u4e0a\u96b1\u85cf *\/\r\n }\r\n }\r\n\r\n\r\n\r\n \/* \u79fb\u9664\u6240\u6709\u87a2\u5e55\u5c3a\u5bf8\u4e0b\u7684\u6d77\u5831\u5340\u57df\u7a7a\u767d *\/\r\n \/* \u6d77\u5831\u5bb9\u5668\u5340\u584a *\/\r\n .poster-fullwidth {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(26, 26, 46, 0.3) 50%, rgba(0, 212, 255, 0.1) 100%);\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* \u5716\u7247\u4f54\u4f4d\u7b26 *\/\r\n\r\n .poster-placeholder {\r\n width: 100%;\r\n height: auto;\r\n min-height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent !important;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u6d77\u5831\u5716\u7247 *\/\r\n .poster-image {\r\n width: 90%;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 212, 255, 0.2), inset 0 0 0 1px rgba(0, 212, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u884c\u52d5\u88dd\u7f6e\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n \/* .poster-placeholder \u97ff\u61c9\u5f0f\u5df2\u7531\u4e3b\u898f\u5247\u7d71\u4e00\u8655\u7406\uff0c\u79fb\u9664\u591a\u9918\u8a2d\u5b9a *\/\r\n\r\n .poster-image {\r\n width: 95%;\r\n }\r\n\r\n .\u6d77\u5831\u4e0b\u65b9\u7684\u5143\u7d20 {\r\n margin-top: 0px !important;\r\n \/* \u5e73\u677f\u7e2e\u5c0f\u4e0a\u65b9\u5143\u7d20\u7684\u908a\u8ddd *\/\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n \/* .poster-placeholder \u97ff\u61c9\u5f0f\u5df2\u7531\u4e3b\u898f\u5247\u7d71\u4e00\u8655\u7406\uff0c\u79fb\u9664\u591a\u9918\u8a2d\u5b9a *\/\r\n\r\n .poster-image {\r\n width: 98%;\r\n border-radius: 10px;\r\n }\r\n\r\n .\u6d77\u5831\u4e0b\u65b9\u7684\u5143\u7d20 {\r\n margin-top: 10px;\r\n \/* \u624b\u6a5f\u9032\u4e00\u6b65\u7e2e\u5c0f\u4e0a\u65b9\u5143\u7d20\u7684\u908a\u8ddd *\/\r\n }\r\n }\r\n\r\n \/* \u6d77\u5831\u6587\u5b57\u758a\u52a0\u6a23\u5f0f *\/\r\n .poster-placeholder {\r\n position: relative;\r\n \/* \u78ba\u4fdd\u7d55\u5c0d\u5b9a\u4f4d\u7684\u5b50\u5143\u7d20\u4ee5\u6b64\u70ba\u57fa\u6e96 *\/\r\n }\r\n\r\n .poster-overlay-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n text-align: center;\r\n z-index: 10;\r\n pointer-events: none;\r\n \/* \u8b93\u9ede\u64ca\u7a7f\u900f\u5230\u5716\u7247 *\/\r\n }\r\n\r\n .poster-description {\r\n color: #ffffff;\r\n font-weight: bold;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 212, 255, 0.5);\r\n margin: 0;\r\n\r\n \/* \u95dc\u9375\uff1a\u624b\u6a5f\u7248\u4e0d\u63db\u884c\u4e14\u7b49\u6bd4\u4f8b\u7e2e\u5c0f *\/\r\n white-space: nowrap;\r\n font-size: 5vw;\r\n \/* \u4f7f\u7528\u8996\u7a97\u5bec\u5ea6\u55ae\u4f4d\uff0c\u5be6\u73fe\u7b49\u6bd4\u4f8b\u7e2e\u653e *\/\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u5927\u87a2\u5e55\u9650\u5236\u6700\u5927\u5b57\u9ad4\u5927\u5c0f *\/\r\n @media (min-width: 1024px) {\r\n .poster-description {\r\n font-size: 3.5rem;\r\n letter-spacing: 5px;\r\n }\r\n }\r\n\r\n\r\n \/* === \u5e6b\u52a9\u8a0a\u606f\u5f48\u7a97\u6a23\u5f0f === *\/\r\n .help-message-popup .help-message-content {\r\n text-align: center;\r\n }\r\n\r\n .help-message-popup h4 {\r\n margin: 0 0 15px 0;\r\n color: #00d4ff;\r\n font-size: 18px;\r\n }\r\n\r\n .help-message-popup p {\r\n margin: 8px 0;\r\n line-height: 1.5;\r\n }\r\n\r\n .close-help-btn {\r\n background: #00d4ff;\r\n color: #1a1a2e;\r\n border: none;\r\n padding: 8px 16px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n margin-top: 15px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .close-help-btn:hover {\r\n background: #0099cc;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* \u52d5\u756b\u6548\u679c *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n\r\n @keyframes fadeOutScale {\r\n from {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n }\r\n\r\n \/* \u8996\u983b\u5bb9\u5668 - \u97ff\u61c9\u5f0f16:9\u5bec\u9ad8\u6bd4 *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n overflow: hidden;\r\n border-radius: var(--radius-normal);\r\n margin-top: 1.5rem;\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .video-container iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n border-radius: var(--radius-normal);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .video-container {\r\n margin-top: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .video-container {\r\n padding-bottom: 56.25%;\r\n margin-top: 1rem;\r\n }\r\n }\r\n <\/style>\r\n\r\n <style>\r\n \/* \u26a0 icon \u6a23\u5f0f + \u547c\u5438\u653e\u5927\u6548\u679c *\/\r\n .warning-icon {\r\n color: #f4c20d;\r\n \/* \u9ec3\u8272\u8b66\u544a icon *\/\r\n font-size: 26px;\r\n margin-right: 8px;\r\n\r\n animation: breathing 1.5s ease-in-out infinite;\r\n }\r\n\r\n \/* \u547c\u5438\u52d5\u756b *\/\r\n @keyframes breathing {\r\n 0% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: scale(1.35);\r\n opacity: 0.85;\r\n }\r\n\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .warning-text {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n <div class=\"mini-navbar\" style=\"background: #111; color: #fff; font-size: 14px; padding: 6px 0;\">\r\n <div\r\n style=\"max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 24px;\">\r\n <div class=\"mini-navbar-left\">\r\n <span> 2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u5b98\u65b9\u7db2\u7ad9<\/span>\r\n <\/div>\r\n <div class=\"mini-navbar-right\" style=\"display: flex; gap: 18px;\">\r\n <a href=\"#register\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-user-plus\"><\/i> \u5831\u540d<\/a>\r\n <a href=\"#downloads\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-download\"><\/i>\r\n \u6587\u4ef6\u4e0b\u8f09<\/a>\r\n <a href=\"#contact\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-envelope\"><\/i> \u806f\u7d61<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"nav-container\">\r\n <div class=\"nav-logo\">\r\n \r\n\r\n\r\n <style>\r\n .nav-logo {\r\n justify-content: flex-start !important;\r\n text-align: left !important;\r\n }\r\n <\/style>\r\n <\/div>\r\n <ul class=\"nav-menu\">\r\n <li class=\"dropdown\">\r\n\r\n <a href=\"#\" class=\"dropdown-toggle\" onclick=\"return false;\">\r\n \u7af6\u8cfd\u8cc7\u8a0a\r\n <i class=\"fas fa-chevron-down dropdown-arrow\"><\/i>\r\n <\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"#announcement\">\u7af6\u8cfd\u516c\u544a<\/a><\/li>\r\n <li><a href=\"#qualification\">\u53c3\u8cfd\u8cc7\u683c<\/a><\/li>\r\n <li><a href=\"#process\">\u7af6\u8cfd\u6642\u7a0b<\/a><\/li>\r\n <li><a href=\"#criteria\">\u8a55\u5206\u6a19\u6e96<\/a><\/li>\r\n <li><a href=\"#rewards\">\u734e\u52f5\u65b9\u5f0f<\/a><\/li>\r\n <li><a href=\"#organizers\">\u6307\u5c0e\u55ae\u4f4d\u8207\u4e3b\u8fa6\u55ae\u4f4d<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li><a href=\"#register\">\u7acb\u5373\u5831\u540d<\/a><\/li>\r\n <li><a href=\"#downloads\">\u6587\u4ef6\u4e0b\u8f09<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/08\/hamburger-icon.png\"\r\n alt=\"\u9078\u55ae\" class=\"hamburger-icon\">\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"poster\" class=\"poster-section\">\r\n <div class=\"poster-fullwidth\">\r\n <div class=\"poster-placeholder\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u5168\u570bAI\u5c08\u984c\u5275\u610f\u7af6\u8cfd_banner_\u5de5\u4f5c\u5340\u57df-1-scaled.jpg\"\r\n alt=\"AI\u7af6\u8cfd\u6d77\u5831\" class=\"poster-image\" style=\"user-select: none; -webkit-user-select: none;\"\r\n draggable=\"false\" oncontextmenu=\"return false;\" onselectstart=\"return false;\"\r\n onmousedown=\"return false;\">\r\n <div class=\"poster-overlay-text\">\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<p class=\"poster-description\">\u300a2026 \u76db\u5927\u8209\u8fa6 \u656c\u8acb\u671f\u5f85\u300b<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"info\" class=\"competition-info\">\r\n <div class=\"container\">\r\n \r\n <div class=\"info-card\" id=\"announcement\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-bullhorn\"><\/i>\r\n <h2>\u7af6\u8cfd\u516c\u544a<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/15<\/span>\r\n <p style=\"font-size:1rem; font-weight:600; color:white\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u73fe\u5834\u7167\u7247\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3453\" style=\"color: #00d4ff;\">\u9ede\u6211\u524d\u5f80<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/13<\/span>\r\n <p style=\"font-size:1rem; font-weight:600; color:white\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u901a\u904e\u6c7a\u8cfd\u8a55\u9078\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/12\/\u6c7a\u8cfd\u7d50\u679c.pdf\"\r\n target=\"_blank\" style=\"color: #00d4ff;\">\u7372\u734e\u540d\u55ae<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/11<\/span>\r\n <link rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n <p class=\"warning-text\">\r\n <i\r\n class=\"fa-solid fa-triangle-exclamation warning-icon\"><\/i>\u7dca\u6025\u901a\u77e5\uff1a\u6c7a\u8cfd\u73fe\u5834\u5c55\u793a\u6d77\u5831\u3001ppt\u3001\u6587\u5ba3\u7b49\u53ca\u53e3\u982d\u5831\u544a\u6642\u6bb5\uff0c\u7686\u4e0d\u80fd\u900f\u9732\u8207\u5448\u73fe\u5c31\u8b80\u5b78\u6821\u6821\u5fbd\u3001\u5b78\u6821\u540d\u7a31\u3001\u7cfb\u6240\u8207\u6307\u5c0e\u8001\u5e2b\u7b49\u76f8\u95dc\u8cc7\u8a0a\uff0c\u9055\u53cd\u4e0a\u8ff0\u898f\u5b9a\u8005\u6703\u659f\u914c\u4e88\u4ee5\u6263\u5206\u8655\u7406\uff01\r\n <\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/06<\/span>\r\n \r\n <p style=\"font-size:1rem; font-weight:600;\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u521d\u8cfd\u7d50\u679c\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/12\/\u901a\u904e\u521d\u8cfd\u540d\u55ae.pdf\"\r\n target=\"_blank\" style=\"color: #00d4ff;\">\u901a\u904e\u521d\u8cfd\u540d\u55ae<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/09\/10<\/span>\r\n <p style=\"font-size:1rem; font-weight:600;\">\u8a73\u7d30\u8cc7\u8a0a\u8acb\u53c3\u95b1\u5404\u9805\u76ee\u8aaa\u660e<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card\" id=\"video-review\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <h2>\u7af6\u8cfd\u56de\u9867\u5f71\u7247<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <p style=\"margin-bottom: 1.5rem;\">\u89c0\u770b\u904e\u53bb\u7af6\u8cfd\u7684\u7cbe\u5f69\u4eae\u9ede\u8207\u5f97\u734e\u4f5c\u54c1\u5c55\u793a<\/p>\r\n <div class=\"video-container\">\r\n <iframe loading=\"lazy\" width=\"100%\" height=\"600\"\r\n src=\"https:\/\/www.youtube.com\/embed\/JDiqpuS5k8g\" title=\"\u7af6\u8cfd\u56de\u9867\u5f71\u7247\"\r\n frameborder=\"0\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card\" id=\"themes\" style=\"display: none;\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <h2>\u7af6\u8cfd\u4e3b\u984c<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"theme-grid\">\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <h4>\u96fb\u8166\u8996\u89ba<\/h4>\r\n <p>\u5f71\u50cf\u8fa8\u8b58\u3001\u7269\u4ef6\u5075\u6e2c\u3001\u5716\u50cf\u5206\u6790\u7b49\u76f8\u95dc\u61c9\u7528<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <h4>\u81ea\u7136\u8a9e\u8a00\u8655\u7406<\/h4>\r\n <p>\u6587\u672c\u5206\u6790\u3001\u8a9e\u8a00\u7ffb\u8b6f\u3001\u5c0d\u8a71\u7cfb\u7d71\u7b49 AI \u61c9\u7528<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-robot\"><\/i>\r\n <h4>\u6a5f\u5668\u5b78\u7fd2<\/h4>\r\n <p>\u9810\u6e2c\u6a21\u578b\u3001\u6df1\u5ea6\u5b78\u7fd2\u3001\u667a\u80fd\u63a8\u85a6\u7cfb\u7d71<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-brain\"><\/i>\r\n <h4>\u667a\u80fd\u5275\u65b0<\/h4>\r\n <p>\u5275\u65b0 AI \u61c9\u7528\u3001\u8de8\u9818\u57df\u6574\u5408\u89e3\u6c7a\u65b9\u6848<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div><\/div>\r\n <div class=\"info-card\" id=\"qualification\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-user-check\"><\/i>\r\n\r\n <h2>\u7af6\u8cfd\u7d44\u5225\u8207\u53c3\u8cfd\u8cc7\u683c<\/h2>\r\n\r\n <\/div>\r\n <div class=\"info-content\">\r\n <p>\u5404\u7d44\u6bcf\u7d44\u6210\u54e1\u70ba2\u81f36\u4eba\uff0c\u63a1\u5718\u9ad4\u5831\u540d\uff0c\u53ef\u8de8\u6821\u7d44\u968a\uff0c\u6bcf\u4eba\u9650\u5831\u4e00\u7d44\uff0c\u8acb\u52ff\u91cd\u8907\u5831\u540d\u3002<\/p>\r\n <p>\u5168\u570b\u516c\u79c1\u7acb\u5927\u5c08\u6821\u9662\u5177\u5b78\u7c4d\u4e4b\u5728\u5b78\u5b78\u751f(\u5305\u542b\u5b78\u58eb\u73ed\u3001\u78a9\u58eb\u73ed\u53ca\u535a\u58eb\u73ed)\u6216\u53c3\u52a0\u52de\u52d5\u90e8 AI \u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\u4e4b\u5b78\u54e1\u3002<\/p>\r\n <br>\r\n <div class=\"qualification-list\">\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-microchip\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">\u8cc7\u96fb\u9818\u57df\u7d44<\/h4>\r\n <p>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-puzzle-piece\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">\u8de8\u9818\u57df\u7d44<\/h4>\r\n <p>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-atom\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">AI \u8077\u80fd\u57f9\u529b\u7d44<\/h4>\r\n <p>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u66fe\u65bc\u4eca\u5e74\u5ea6(114\u5e74\u5ea6)\u53c3\u52a0\u52de\u52d5\u90e8\u76f8\u95dc\u8077\u696d\u8a13\u7df4\u3002<br>\r\n 1.\u53c3\u8a13\u73ed\u5225\u540d\u7a31\u9808\u5305\u542b\u300cAI\u300d\u3002<br>\r\n 2.\u7d50\u8a13\u5b78\u54e1\u9700\u63d0\u4f9b\u7d50\u8a13\u8b49\u66f8\u3002<br>\r\n 3.\u5728\u8a13\u5b78\u54e1\u9700\u63d0\u4f9b\u5728\u8a13\u8b49\u660e\u66f8\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u9808\u65bc\u6d3b\u52d5\u524d7\u500b\u6708\u5167(114.5.1-114.11.26\r\n )\u5b8c\u6210\u52de\u52d5\u90e8AI\u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\u4e26\u53d6\u5f97\u52de\u52d5\u90e8\u81ea\u8fa6\u53ca\u59d4\u8fa6\u8a08\u756b\u7d50\u8a13\u8b49\u66f8\u8005\u6216\u76ee\u524d\u6b63\u5728\u53c3\u52a0\u52de\u52d5\u90e8AI\u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\uff08\u9700\u63d0\u4f9b\u8b49\u660e\u6587\u4ef6\uff0c\u53c3\u8a13\u73ed\u5225\u547d\u540d\u7a31\u9808\u5305\u542b\u300cAI\u300d)\u3002\r\n <\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u5177\u5099 AI \u57f9\u8a13\u80cc\u666f(\u8acb\u53c3\u8003\u8a73\u7d30\u8cc7\u683c\u8981\u6c42)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44<\/h4>\r\n <p>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/p>\r\n <p>Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u5831\u540d:<a\r\n href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/home\"\r\n style=\"font-size: 18px; color: #00d4ff;\">Quantum AI\r\n \u9ad4\u9a57\u61c9\u7528\u7d44\u5831\u540d\u9023\u7d50<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"process\" class=\"competition-process\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-route\"><\/i>\r\n <h2>\u7af6\u8cfd\u6642\u7a0b<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"process-flow\">\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-user-plus\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u53d7\u7406\u5831\u540d<\/h4>\r\n <span class=\"flow-date\">114\u5e749\u67088\u65e5- 11\u670826\u65e5<\/span>\r\n <p>\u7dda\u4e0a\u5831\u540d\u53ca<br>\u8cc7\u6599\u6aa2\u6838<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-code\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u521d\u8cfd<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u67086\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u4f5c\u54c1\u521d\u5be9\u3001\u4f5c\u54c1\u8aaa\u660e\u66f8\u521d\u5be9\u8207\u7dda\u4e0a\u5c55\u793a(\u901a\u904e\u8005\uff0c\u5c07\u9080\u8acb\u53c3\u52a0\u6c7a\u8cfd)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u6c7a\u8cfd<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u670813\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u73fe\u5834\u5c55\u793a<br>\u8207\u8a55\u9078<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u9812\u734e\u5178\u79ae\u66a8\u6210\u679c\u767c\u8868<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u670813\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u516c\u5e03\u5f97\u734e\u540d\u55ae<br>\u8207\u9812\u767c\u734e\u91d1<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"criteria\" class=\"evaluation-criteria\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-clipboard-check\"><\/i>\r\n <h2>\u8a55\u5206\u6a19\u6e96(\u521d\u8cfd)<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"criteria-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u8a55\u5206\u6a19\u6e96\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\">\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\">AI\u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"criteria-content\" class=\"criteria-grid\">\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"criteria-note\" style=\"margin-top: 18px; color: #e0e0e0; font-size: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: #00d4ff; margin-right: 6px;\"><\/i>\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u67e5\u770b\u8a55\u5206\u6a19\u6e96\uff1a\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/competition-method\/evaluation-criterion\"\r\n target=\"_blank\" style=\"color: #00d4ff; text-decoration: underline;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8a55\u5206\u6a19\u6e96<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"criteria-final\" class=\"evaluation-criteria\" style=\"margin-top:0;\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <h2>\u8a55\u5206\u6a19\u6e96(\u8907\u8cfd)<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"criteria-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u8a55\u5206\u6a19\u6e96\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\" data-stage=\"final\">\u8cc7\u96fb\u9818\u57df\u7d44 &\r\n \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\" data-stage=\"final\">AI\u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"criteria-content-final\" class=\"criteria-grid\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-note\" style=\"margin-top: 18px; color: #e0e0e0; font-size: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: #00d4ff; margin-right: 6px;\"><\/i>\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u67e5\u770b\u8a55\u5206\u6a19\u6e96\uff1a\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/competition-method\/evaluation-criterion\"\r\n target=\"_blank\" style=\"color: #00d4ff; text-decoration: underline;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8a55\u5206\u6a19\u6e96<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"rewards\" class=\"rewards-section\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <h2>\u734e\u52f5\u65b9\u5f0f<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"rewards-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u734e\u52f5\u65b9\u5f0f\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\">\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\">AI \u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"quantum\">Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"rewards-content\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"register\" class=\"register-section\">\r\n <div class=\"container\">\r\n <div class=\"register-main\">\r\n <div class=\"register-header\">\r\n <h2><i class=\"fas fa-user-plus\"><\/i> \u7acb\u5373\u5831\u540d\u53c3\u8cfd<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-info-cards guidance-orgs\">\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <div>\r\n <h4>\u5831\u540d\u671f\u9593<\/h4>\r\n <p>114\u5e749\u67088\u65e5- <br>114\u5e7411\u670826\u65e5<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-gift\"><\/i>\r\n <div>\r\n <h4>\u5831\u540d\u8cbb\u7528<\/h4>\r\n <p>\u5b8c\u5168\u514d\u8cbb<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <div>\r\n <h4>\u53c3\u8cfd\u65b9\u5f0f<\/h4>\r\n <p>\u5718\u968a(2-6\u4eba)<\/p>\r\n <p>\u63a1\u5718\u9ad4\u5831\u540d<br>\u7d44\u9577\u7d71\u4e00\u5831\u540d<br>\u53ef\u8de8\u6821\u7d44\u968a<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <div>\r\n <h4>\u6bd4\u8cfd\u5f62\u5f0f<\/h4>\r\n <p>\u521d\u8cfd\u5be9\u67e5 +<br>\u73fe\u5834\u6c7a\u8cfd<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-cta\">\r\n <div class=\"cta-content\">\r\n <h3 style=\"display: inline;\">\u5831\u540d\u9808\u900f\u904e Google \u8868\u55ae\u5b8c\u6210\u4e26\u8acb\u95b1\u8b80<\/h3>\r\n <a href=\"#register-notice\"\r\n style=\"color: #e53935; text-decoration: underline; font-size: 2em; font-weight: bold;\">\u7af6\u8cfd\u9808\u77e5<\/a>\r\n <br>\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScVOnxHCB2hCUyVy7cRaBE_jOujc2iD5xQPjPax-h_FTuCmeg\/closedform?pli=1\"\r\n target=\"_blank\" class=\"primary-register-btn\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fab fa-google\"><\/i>\r\n <\/div>\r\n <div class=\"btn-content\">\r\n <span class=\"btn-main\">\u524d\u5f80 Google \u8868\u55ae\u5831\u540d<\/span>\r\n <span class=\"btn-sub\">\u7acb\u5373\u586b\u5beb \u27a4<\/span>\r\n <\/div>\r\n\r\n\r\n <\/a>\r\n <p style=\"margin-top: 12px; color: #fff; font-size: 16px;\">\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u5831\u540d:\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/home\"\r\n style=\"font-size: 18px; color: #00d4ff;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u5831\u540d\u9023\u7d50<\/a>\r\n <\/p>\r\n <div class=\"deadline-warning\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n <span>\u5831\u540d\u622a\u6b62\uff1a114\u5e7411\u670826\u65e5 23:59<\/span>\r\n\r\n <\/div>\r\n <div class=\"warning-note-line\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <span class=\"warning-note\">\u6bcf\u4eba\u9650\u5831\u4e00\u7d44\uff0c\u8acb\u52ff\u91cd\u8907\u5831\u540d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-requirements\">\r\n <h4><i class=\"fas fa-clipboard-list\"><\/i> \u5831\u540d\u9700\u6e96\u5099<\/h4>\r\n <div class=\"requirements-grid\">\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <span>\u8868\u55ae\u57fa\u672c\u8cc7\u6599(\u7d44\u9577\/\u5718\u968a)<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <span>\u5b78\u751f\u8eab\u5206\u6216 AI \u57f9\u8a13\u8eab\u4efd<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n <span>\u8eab\u4efd\u76f8\u95dc\u6587\u4ef6\u8207\u5207\u7d50\u66f8<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <span>\u4f5c\u54c1\u8aaa\u660e\u66f8\u8207\u5f71\u7247\u9023\u7d50<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"help-links\">\r\n <a href=\"#downloads\" class=\"help-link\">\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\u5831\u540d\u683c\u5f0f\u53c3\u8003\r\n <\/a>\r\n <a href=\"#info\" class=\"help-link\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n \u67e5\u770b\u8a73\u7d30\u7af6\u8cfd\u8cc7\u8a0a\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-notice\" id=\"register-notice\">\r\n <h4>\u7af6\u8cfd\u9808\u77e5<\/h4>\r\n <div class=\"notice-content\">\r\n <div class=\"notice-item\">\r\n <p>(\u4e00)\u53c3\u8cfd\u5718\u968a\u9808\u540c\u610f\u9075\u5b88\u4e3b\u8fa6\u55ae\u4f4d\u6240\u898f\u5b9a\u4e4b\u7af6\u8cfd\u9808\u77e5\u4ee5\u53ca\u5404\u8a55\u5be9\u6240\u6c7a\u8b70\u4e4b\u8a55\u5be9\u7d50\u679c\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e8c)\u53c3\u8cfd\u5718\u968a\u82e5\u6709\u4e0b\u5217\u60c5\u5f62\u4e4b\u4e00\u8005\uff0c\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u53d6\u6d88\u53c3\u8cfd\u53ca\u5f97\u734e\u8cc7\u683c\uff0c\u4e26\u5c0d\u7372\u734e\u5718\u968a\u8ffd\u56de\u734e\u91d1\u53ca\u734e\u72c0\uff1a<\/p>\r\n <p>1.\u53c3\u8cfd\u4f5c\u54c1\u53ca\u53c3\u8cfd\u904e\u7a0b\u6709\u527d\u7aca\u3001\u6284\u8972\u3001\u5192\u540d\u9802\u66ff\u3001\u5176\u4ed6\u4e0d\u6cd5\u4e4b\u60c5\u4e8b\u6216\u9055\u53cd\u672c\u7af6\u8cfd\u898f\u5247\u6240\u5217\u4e4b\u898f\u5b9a\u8005\u3002<\/p>\r\n <p>2.\u53c3\u8cfd\u4f5c\u54c1\u9054\u300c\u5546\u54c1\u5316\u300d\u6216\u300c\u91cf\u7522\u300d\u968e\u6bb5\u3002<\/p>\r\n <p>3.\u4ee5\u76f8\u540c\u53c3\u8cfd\u4f5c\u54c1\u4e8c\u5ea6\u53c3\u8207\u672c\u7af6\u8cfd\u6642\uff0c\u5176\u4f5c\u54c1\u672a\u6709\u6240\u7cbe\u9032\u6216\u672a\u5c07\u7cbe\u9032\u4e4b\u8655\u8f09\u660e\u65bc\u5831\u540d\u6587\u4ef6\u4e2d\u3002<\/p>\r\n <p>4.\u5728\u521d\u8cfd\u904e\u7a0b\u6216\u6c7a\u8cfd\u6703\u5834\u4e2d\u6709\u5f71\u97ff\u5176\u4ed6\u53c3\u8cfd\u968a\u4f0d\uff0c\u9020\u6210\u7af6\u8cfd\u4e0d\u516c\u7684\u884c\u70ba\u3002<\/p>\r\n <p>5.\u5831\u540d\u8cc7\u6599\u4e0d\u5be6\u6216\u672a\u4f9d\u898f\u5b9a\u63d0\u4ea4\u8005\u3002<\/p>\r\n <p>6.\u53c3\u8cfd\u4f5c\u54c1\u6709\u9055\u53cd\u672c\u7af6\u8cfd\u898f\u5247\u6240\u5217\u4e4b\u898f\u5b9a\u8005\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e09)\u53c3\u8cfd\u5718\u968a\u540c\u610f\u914d\u5408\u4e3b\u8fa6\u55ae\u4f4d\u63a8\u5ee3\u3001\u5ba3\u50b3\u9700\u8981\uff0c\u7121\u511f\u63d0\u4f9b\u53c3\u8cfd\u4f5c\u54c1\u76f8\u95dc\u8cc7\u6599(\u4f5c\u54c1\u7c21\u4ecb\u53ca\u4f5c\u54c1\u5f71\u7247)\u3001\u63a5\u53d7\u63a1\u8a2a\u3001\u6d3b\u52d5\u651d\u5f71\u3001\u5f71\u7247\u526a\u8f2f\u7b49\u4f5c\u70ba\u7af6\u8cfd\u5c08\u8f2f\u3001\u5ba3\u50b3\u5f71\u7247\u3001\u5831\u5c0e\u6216\u793e\u7fa4\u5a92\u9ad4\u5ee3\u5ba3\uff0c\u65bc\u570b\u5167\u3001\u5916\u975e\u71df\u5229\u4f7f\u7528\uff0c\u4fc3\u9032\u8cc7\u8a0a\u5275\u610f\u767c\u60f3\u4ea4\u6d41\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u56db)\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u5be6\u969b\u72c0\u6cc1\uff0c\u4fdd\u6709\u8abf\u6574\u734e\u9805\u540d\u984d\u3001\u734e\u72c0\u843d\u6b3e\u53ca\u4fee\u6539\u672c\u6d3b\u52d5\u4e4b\u6b0a\u5229\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e94)\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u9700\u8981\u4fee\u6539\u7af6\u8cfd\u76f8\u95dc\u898f\u5247\uff0c\u4e26\u516c\u5e03\u65bc\u7af6\u8cfd\u7db2\u7ad9\uff0c\u53c3\u8cfd\u5718\u968a\u61c9\u7d93\u5e38\u700f\u89bd\u7db2\u7ad9\u516c\u544a\uff0c\u4e0d\u5f97\u4ee5\u672a\u77e5\u6089\u70ba\u7531\u63d0\u51fa\u7570\u8b70\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"downloads\" class=\"downloads-section\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-download\"><\/i>\r\n <h2>\u76f8\u95dc\u6587\u4ef6\u4e0b\u8f09<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <style>\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .downloads-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .downloads-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n <div class=\"downloads-grid\">\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5207\u7d50\u66f8<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5207\u7d50\u66f8.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5b78\u751f\u8b49\u6b63\u53cd\u9762<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5b78\u751f\u8b49\u6b63\u53cd\u9762.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5728\u8a13\u8b49\u660e\u66f8<br>(AI\u8077\u80fd\u57f9\u529b\u7d44)<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5728\u8a13\u8b49\u660e\u66f8AI\u8077\u80fd\u57f9\u529b\u7d441140904.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u4f5c\u54c1\u8aaa\u660e\u66f8<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u4f5c\u54c1\u8aaa\u660e\u66f8.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5f71\u7247\u9023\u7d50\u6587\u4ef6<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5f71\u7247\u9023\u7d50.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top: 32px;\">\r\n <h5 style=\"font-size: 16px; margin-bottom: 10px; color: #fcfdff;\">\u6587\u4ef6\u4e0b\u8f09\u9023\u7d50\uff1a<\/h5>\r\n <ul style=\"font-size: 16px; line-height: 2; padding-left: 18px; color:#fff\">\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5207\u7d50\u66f8.docx\"\r\n download style=\"color:#fff;\">\u5207\u7d50\u66f8<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5b78\u751f\u8b49\u6b63\u53cd\u9762.docx\"\r\n download style=\"color:#fff;\">\u5b78\u751f\u8b49\u6b63\u53cd\u9762<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5728\u8a13\u8b49\u660e\u66f8AI\u8077\u80fd\u57f9\u529b\u7d441140904.docx\"\r\n download style=\"color:#fff;\">\u5728\u8a13\u8b49\u660e\u66f8(AI\u8077\u80fd\u57f9\u529b\u7d44)<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u4f5c\u54c1\u8aaa\u660e\u66f8.docx\"\r\n download style=\"color:#fff;\">\u4f5c\u54c1\u8aaa\u660e\u66f8<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5f71\u7247\u9023\u7d50.docx\"\r\n download style=\"color:#fff;\">\u5f71\u7247\u9023\u7d50\u6587\u4ef6<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"download-notice\">\r\n <div class=\"notice-box\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <div class=\"notice-content\">\r\n <h4>\u4e0b\u8f09\u9808\u77e5<\/h4>\r\n <ul>\r\n <li>\u6240\u6709\u6587\u4ef6\u5747\u70ba\u514d\u8cbb\u4e0b\u8f09<\/li>\r\n <li>\u5efa\u8b70\u4f7f\u7528\u6700\u65b0\u7248\u672c\u7684\u8edf\u9ad4\u958b\u555f<\/li>\r\n <li>\u5982\u6709\u554f\u984c\u8acb\u806f\u7e6b\u4e3b\u8fa6\u55ae\u4f4d<\/li>\r\n <li>\u6587\u4ef6\u5167\u5bb9\u53ef\u80fd\u6703\u4e0d\u5b9a\u671f\u66f4\u65b0<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <style>\r\n .download-card h3 {\r\n font-size: 18px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .downloads-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .downloads-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .download-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .download-btn {\r\n height: 44px;\r\n min-height: 44px;\r\n max-height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n margin-top: auto;\r\n }\r\n <\/style>\r\n <section id=\"organizers\" class=\"register-section\">\r\n <div class=\"container\">\r\n <div class=\"register-main\">\r\n <div class=\"register-header\">\r\n <h2><i class=\"fas fa-users\"><\/i> \u6307\u5c0e\u55ae\u4f4d\u8207\u4e3b\u8fa6\u55ae\u4f4d<\/h2>\r\n <\/div>\r\n \r\n <h3\r\n style=\"text-align: center; margin: 30px 0 20px 0; color: #ffffff; font-size: 28px; font-weight: bold;\">\r\n <i class=\"fas fa-flag\" style=\"margin-right: 10px; color: #2c319e;\"><\/i>\u6307\u5c0e\u55ae\u4f4d\r\n <\/h3>\r\n <div class=\"register-info-cards guidance-orgs\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/www.edu.tw\/Default.aspx\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/ROC_Ministry_of_Education_Seal.svg_.png\"\r\n alt=\"\u6559\u80b2\u90e8 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u6559\u80b2\u90e8<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/yct168.wda.gov.tw\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/ROC_Workforce_Development_Agency_Emblem.svg_.png\"\r\n alt=\"\u52de\u52d5\u90e8\u52de\u52d5\u529b\u767c\u5c55\u7f72 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u52de\u52d5\u90e8\u52de\u52d5\u529b\u767c\u5c55\u7f72\u96f2\u5609\u5357\u5206\u7f72<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h3\r\n style=\"text-align: center; margin: 40px 0 20px 0; color: #ffffff; font-size: 28px; font-weight: bold;\">\r\n <i class=\"fas fa-university\" style=\"margin-right: 10px; color: #3498db;\"><\/i>\u4e3b\u8fa6\u55ae\u4f4d\r\n <\/h3>\r\n <div class=\"register-info-cards\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/scieng.nutn.edu.tw\/ch\/index.php\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7406\u5de5\u5b78\u9662.jpg\"\r\n alt=\"\u7406\u5de5\u5b78\u9662 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 15px;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78\u7406\u5de5\u5b78\u9662<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/iLT-LOGO-\u7cfb\u5fbd002.png\"\r\n alt=\"\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n\r\n <div style=\"margin-left: 15px;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/mobileEE\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u96fb\u6a5f\u7cfblogo_02.png\"\r\n alt=\"\u96fb\u6a5f\u5de5\u7a0b\u5b78\u7cfb LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u96fb\u6a5f\u5de5\u7a0b\u5b78\u7cfb<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"register-info-cards\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/sites.google.com\/site\/kwsnutn\/%E9%A6%96%E9%A0%81\" target=\"_blank\"\r\n style=\"display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/KWS-0602-01.jpg\"\r\n alt=\"\u77e5\u8b58\u61c9\u7528\u66a8\u7db2\u8def\u670d\u52d9\u7814\u7a76\u4e2d\u5fc3 LOGO\"\r\n style=\"height: 30px; width: auto; margin-bottom: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u77e5\u8b58\u61c9\u7528\u66a8\u7db2\u8def\u670d\u52d9<br>\u7814\u7a76\u4e2d\u5fc3<\/h5>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%ba%e6%85%a7%e6%8a%80%e8%a1%93%e8%88%87%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad\"\r\n target=\"_blank\"\r\n style=\"display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u6a6b\u5f0f-out1-scaled.jpg\"\r\n alt=\"\u6a6b\u5f0f\u6d77\u5831\"\r\n style=\"height: auto; width: 175px; margin-bottom: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12);\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">AI \u667a\u6167\u6280\u8853\u8207\u61c9\u7528<br>\u4eba\u624d\u57f9\u8a13\u64da\u9ede <\/h5>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"poster-2\" class=\"poster-section\">\r\n <style>\r\n #poster-2.poster-section {\r\n min-height: 1000px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* \u8b93\u5167\u5bb9\u9ad8\u5ea6\u53ef\u88ab\u5716\u7247\u586b\u6eff *\/\r\n position: relative;\r\n }\r\n\r\n #poster-2 .poster-fullwidth {\r\n width: 90%;\r\n height: 90%;\r\n }\r\n\r\n #poster-2 .poster-placeholder {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #poster-2 .poster-image {\r\n height: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n max-width: 100%;\r\n }\r\n <\/style>\r\n <div class=\"poster-fullwidth\">\r\n <div class=\"poster-placeholder\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u5168\u570bAI\u5c08\u984c\u5275\u610f\u7af6\u8cfd_A1_\u5de5\u4f5c\u5340\u57df1140911-scaled.jpg\"\r\n alt=\"AI\u7af6\u8cfdA1\u6d77\u5831\" class=\"poster-image\"\r\n style=\"max-width: 100%; height: auto; display: block; margin: 0 auto; box-shadow: 0 8px 32px rgba(0,0,0,0.18); border-radius: 10px; -webkit-user-select: none; user-select: none;\"\r\n width=\"362\" height=\"512\" draggable=\"false\" oncontextmenu=\"return false;\"\r\n onselectstart=\"return false;\" onmousedown=\"return false;\">\r\n <script>\r\n \/\/ \u9ede\u64ca\u5716\u7247\u653e\u5927\u986f\u793a\uff0c\u652f\u63f4\u4e8c\u6bb5\u5f0f\u653e\u5927\r\n document.addEventListener('DOMContentLoaded', function () {\r\n var posterImg = document.querySelector('#poster-2 .poster-image');\r\n if (posterImg) {\r\n posterImg.style.cursor = 'zoom-in';\r\n posterImg.addEventListener('click', function (e) {\r\n \/\/ \u5efa\u7acb\u906e\u7f69\r\n var overlay = document.createElement('div');\r\n overlay.style.position = 'fixed';\r\n overlay.style.top = 0;\r\n overlay.style.left = 0;\r\n overlay.style.width = '100vw';\r\n overlay.style.height = '100vh';\r\n overlay.style.background = 'rgba(10,10,20,0.92)';\r\n overlay.style.display = 'flex';\r\n overlay.style.alignItems = 'flex-start';\r\n overlay.style.justifyContent = 'flex-start';\r\n overlay.style.overflow = 'auto';\r\n overlay.style.zIndex = 99999;\r\n overlay.style.cursor = 'zoom-out';\r\n \/\/ \u5efa\u7acb\u5927\u5716\uff08\u76f4\u63a5\u8d85\u5927\u6a21\u5f0f\uff09\r\n var bigImg = document.createElement('img');\r\n bigImg.src = posterImg.src;\r\n bigImg.alt = posterImg.alt;\r\n bigImg.style.maxWidth = 'none';\r\n bigImg.style.maxHeight = 'none';\r\n bigImg.style.width = '1357px'; \/\/ 1810 * 3\/4\r\n bigImg.style.height = '1920px'; \/\/ 2560 * 3\/4\r\n bigImg.style.borderRadius = '12px';\r\n bigImg.style.boxShadow = '0 20px 40px rgba(0,0,0,0.5)';\r\n bigImg.style.background = '#fff';\r\n bigImg.style.display = 'block';\r\n bigImg.style.cursor = 'zoom-out';\r\n bigImg.style.margin = 'auto';\r\n overlay.appendChild(bigImg);\r\n \/\/ \u9ede\u64ca\u906e\u7f69\u6216\u5927\u5716\u95dc\u9589\r\n overlay.addEventListener('click', function (ev) {\r\n if (ev.target === overlay || ev.target === bigImg) {\r\n document.body.removeChild(overlay);\r\n }\r\n });\r\n \/\/ \u9375\u76e4ESC\u95dc\u9589\r\n function escHandler(ev) {\r\n if (ev.key === 'Escape') {\r\n if (document.body.contains(overlay)) document.body.removeChild(overlay);\r\n document.removeEventListener('keydown', escHandler);\r\n }\r\n }\r\n document.addEventListener('keydown', escHandler);\r\n document.body.appendChild(overlay);\r\n });\r\n }\r\n });\r\n <\/script>\r\n \r\n <style>\r\n \/* \u53ea\u91dd\u5c0d\u7b2c\u4e8c\u500b\u6d77\u5831\u5340\u584a\u5716\u7247\u653e\u5927\u986f\u793a *\/\r\n #poster-2 .poster-image {\r\n width: 800px;\r\n max-width: 90vw;\r\n margin-top: 32px;\r\n margin-bottom: 32px;\r\n height: auto;\r\n display: block;\r\n margin: 0 auto;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);\r\n border-radius: 10px;\r\n cursor: zoom-in;\r\n transition: width 0.2s;\r\n }\r\n\r\n @media (max-width: 950px) {\r\n #poster-2 .poster-image {\r\n width: 98vw;\r\n }\r\n }\r\n <\/style>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n\r\n <footer class=\"footer\" id=\"contact\" style=\"width: 100%; max-width: none;\">\r\n <div class=\"container\" style=\"max-width: 1400px; width: 95%;\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-main\">\r\n <div class=\"footer-logo\">\r\n <\/div>\r\n <p class=\"footer-description\">\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-links\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-university\"><\/i>\r\n <span><a href=\"https:\/\/web.nutn.edu.tw\/\" target=\"_blank\"\r\n style=\"color: inherit; text-decoration: none;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78 National University of\r\n Tainan<\/a><\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <span>\u806f\u7d61\u4fe1\u7bb1: <a href=\"#contact\"\r\n style=\"color: inherit; text-decoration: underline;\">nutnilt@gmail.com<\/a><\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <span>\u806f\u7d61\u96fb\u8a71: 06-2133111#771 (\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb)<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>\u5730\u5740\uff1a700301\u53f0\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb533\u865f\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>\u53c3\u8cfd\u6307\u5357<\/h4>\r\n <ul>\r\n <li><a href=\"#info\">\u7af6\u8cfd\u516c\u544a<\/a><\/li>\r\n <li><a href=\"#process\">\u7af6\u8cfd\u6642\u7a0b<\/a><\/li>\r\n <li><a href=\"#register\">\u7acb\u5373\u5831\u540d<\/a><\/li>\r\n <li><a href=\"#downloads\">\u6587\u4ef6\u4e0b\u8f09<\/a><\/li>\r\n <\/ul>\r\n\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <style>\r\n .footer-section h4 {\r\n text-align: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-section .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n <\/style>\r\n <h4>\u95dc\u6ce8\u6211\u5011<\/h4>\r\n <div class=\"social-links\">\r\n\r\n <a href=\"https:\/\/www.facebook.com\/nutn.ilt\" class=\"social-link\">\r\n <i class=\"fab fa-facebook\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UC_i4pJlJWMaGTE9MMI6LbBg \" class=\"social-link\">\r\n <i class=\"fab fa-youtube\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-link\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <br>\r\n <div style=\"text-align: center; margin-top: 20px;\">\r\n <h4>\u7db2\u7ad9\u7dad\u8b77:<\/h4>\r\n <span><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/\" target=\"_blank\"\r\n style=\"color: inherit; text-decoration: none;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78<br>\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb<\/a><\/span>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-copyright\">\r\n <p style=\"font-size: 16px;\">© 2025 \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb \uff1b Copilot. AI \u751f\u6210\u7db2\u9801\u4e26\u4eba\u5de5\u4fee\u6539 | \u96b1\u79c1\u653f\u7b56 | \u4f7f\u7528\u689d\u6b3e<\/p>\r\n <\/div>\r\n <div class=\"footer-tech\">\r\n <p>Powered by NUTN ILT & AI Technology<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <button id=\"backToTop\" class=\"back-to-top\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div class=\"floating-logo\">\r\n <div class=\"floating-help-text\">\u9ede\u6211\u53d6\u5f97\u66f4\u591a\u5e6b\u52a9<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/iLT-LOGO_onlybaby.png\"\r\n alt=\"iLT Logo\" class=\"floating-logo-img\">\r\n <\/div>\r\n\r\n <script src=\"script.js\"><\/script>\r\n\r\n <script>\r\n \/\/ === AI\u7af6\u8cfd\u7db2\u7ad9 JavaScript ===\r\n\r\n \/\/ DOM \u5143\u7d20\r\n const hamburger = document.querySelector('.hamburger');\r\n const navMenu = document.querySelector('.nav-menu');\r\n const blackHamburger = document.querySelector('.black-hamburger');\r\n const blackNavMenu = document.querySelector('.black-nav-menu');\r\n const backToTopBtn = document.getElementById('backToTop');\r\n\r\n \/\/ \u5b89\u5168\u7372\u53d6\u53ef\u80fd\u4e0d\u5b58\u5728\u7684\u5143\u7d20\r\n let registerForm = null;\r\n let teamTypeSelect = null;\r\n\r\n \/\/ \u521d\u59cb\u5316\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initNavControls({ hamburger, navMenu });\r\n initNavControls({ hamburger: blackHamburger, navMenu: blackNavMenu });\r\n initDropdowns();\r\n \/\/ initAnimations(); \/\/ \u5df2\u505c\u7528\u52d5\u756b\r\n \/\/ animateNumbers(); \/\/ \u5df2\u505c\u7528\u6578\u5b57\u52d5\u756b\r\n \/\/ initAIEffects(); \/\/ \u5df2\u505c\u7528AI\u7279\u6548\r\n initCriteriaSelector();\r\n initCriteriaSelectorFinal();\r\n initRewardsSelector();\r\n initFloatingHelp();\r\n initMobileHamburgerFix();\r\n\r\n registerForm = document.querySelector('#registerForm, .register-form');\r\n teamTypeSelect = document.querySelector('#teamType, .team-type-select');\r\n if (registerForm) registerForm.addEventListener('submit', handleFormSubmit);\r\n if (teamTypeSelect) teamTypeSelect.addEventListener('change', toggleTeamMembers);\r\n\r\n preloadResources();\r\n });\r\n\r\n \/\/ === \u521d\u59cb\u5316\u5c0e\u822a\u63a7\u5236 ===\r\n function initNavControls({ hamburger, navMenu }) {\r\n if (!hamburger || !navMenu) return;\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n navMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n const parentDropdown = link.closest('.dropdown');\r\n if (parentDropdown && link.classList.contains('dropdown-toggle')) {\r\n e.preventDefault();\r\n parentDropdown.classList.toggle('active');\r\n return;\r\n }\r\n const targetId = link.getAttribute('href');\r\n if (targetId && targetId.startsWith('#') && targetId.length > 1) {\r\n e.preventDefault();\r\n scrollToSection(targetId);\r\n }\r\n if (window.innerWidth <= 1300) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n });\r\n\r\n document.addEventListener('click', (e) => {\r\n if (\r\n navMenu.classList.contains('active') &&\r\n !navMenu.contains(e.target) &&\r\n !hamburger.contains(e.target) &&\r\n window.innerWidth <= 1300\r\n ) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n if (backToTopBtn) {\r\n backToTopBtn.addEventListener('click', scrollToTop);\r\n }\r\n }\r\n\r\n \/\/ === \u6372\u52d5\u529f\u80fd ===\r\n function scrollToSection(targetId) {\r\n const target = document.querySelector(targetId);\r\n if (!target) return;\r\n const offsetTop = target.offsetTop - 70;\r\n window.scrollTo({ top: offsetTop, behavior: 'smooth' });\r\n }\r\n\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ === \u4e0b\u62c9\u9078\u55ae ===\r\n function initDropdowns() {\r\n document.querySelectorAll('.dropdown').forEach(dropdown => {\r\n const toggle = dropdown.querySelector('.dropdown-toggle');\r\n const menu = dropdown.querySelector('.dropdown-menu');\r\n if (!toggle || !menu) return;\r\n\r\n toggle.addEventListener('click', (e) => {\r\n if (window.innerWidth <= 1300) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n document.querySelectorAll('.dropdown.active').forEach(other => {\r\n if (other !== dropdown) other.classList.remove('active');\r\n });\r\n dropdown.classList.toggle('active');\r\n }\r\n });\r\n\r\n dropdown.addEventListener('mouseenter', () => {\r\n if (window.innerWidth > 768) dropdown.classList.add('active');\r\n });\r\n dropdown.addEventListener('mouseleave', () => {\r\n if (window.innerWidth > 768) dropdown.classList.remove('active');\r\n });\r\n });\r\n\r\n document.addEventListener('click', (e) => {\r\n if (!e.target.closest('.dropdown')) {\r\n document.querySelectorAll('.dropdown.active').forEach(d => d.classList.remove('active'));\r\n }\r\n });\r\n }\r\n\r\n \/\/ === \u521d\u59cb\u5316\u52d5\u756b ===\r\n function initAnimations() {\r\n const fadeInObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n const animatedElements = document.querySelectorAll(`\r\n .info-card, .theme-item, .qualification-item, .timeline-item,\r\n .criteria-card, .reward-card, .special-award, .download-card,\r\n .info-item, .feature, .prize-card\r\n `);\r\n\r\n animatedElements.forEach((el, index) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n fadeInObserver.observe(el);\r\n });\r\n }\r\n\r\n \/\/ === \u6578\u5b57\u52d5\u756b ===\r\n function animateNumbers() {\r\n const numbers = document.querySelectorAll('.stat-number');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const target = parseInt(entry.target.getAttribute('data-target'));\r\n animateValue(entry.target, 0, target, 2000);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n });\r\n numbers.forEach(number => observer.observe(number));\r\n }\r\n\r\n function animateValue(element, start, end, duration) {\r\n let startTimestamp = null;\r\n const step = (timestamp) => {\r\n if (!startTimestamp) startTimestamp = timestamp;\r\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n const current = Math.floor(progress * (end - start) + start);\r\n element.innerHTML = end >= 1000 ? current.toLocaleString() : current;\r\n if (progress < 1) window.requestAnimationFrame(step);\r\n };\r\n window.requestAnimationFrame(step);\r\n }\r\n\r\n \/\/ === AI \u6548\u679c ===\r\n function initAIEffects() {\r\n const neuralNodes = document.querySelectorAll('.neural-node');\r\n neuralNodes.forEach((node, index) => {\r\n setInterval(() => {\r\n if (Math.random() > 0.7) {\r\n node.style.boxShadow = '0 0 30px rgba(0, 212, 255, 0.8)';\r\n setTimeout(() => { node.style.boxShadow = '0 0 20px rgba(0, 212, 255, 0.3)'; }, 200);\r\n }\r\n }, 2000 + index * 500);\r\n });\r\n createParticleEffect();\r\n }\r\n\r\n \/\/ === \u7c92\u5b50\u6548\u679c ===\r\n function createParticleEffect() {\r\n const hero = document.querySelector('.hero');\r\n if (!hero) return;\r\n const particleContainer = document.createElement('div');\r\n particleContainer.className = 'particle-container';\r\n particleContainer.style.cssText = `\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none; z-index: 1;\r\n `;\r\n hero.appendChild(particleContainer);\r\n for (let i = 0; i < 50; i++) createParticle(particleContainer);\r\n }\r\n\r\n function createParticle(container) {\r\n const particle = document.createElement('div');\r\n particle.style.cssText = `\r\n position: absolute; width: 2px; height: 2px; background: #00d4ff;\r\n border-radius: 50%; opacity: 0;\r\n animation: particleFloat ${5 + Math.random() * 10}s infinite linear;\r\n left: ${Math.random() * 100}%; top: 100%; box-shadow: 0 0 6px #00d4ff;\r\n `;\r\n container.appendChild(particle);\r\n particle.addEventListener('animationend', () => {\r\n particle.remove();\r\n createParticle(container);\r\n });\r\n }\r\n\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(0); opacity: 0; }\r\n 10%,90% { opacity: 1; }\r\n 100% { transform: translateY(-100vh) translateX(${Math.random() * 200 - 100}px); opacity: 0; }\r\n }\r\n`;\r\n document.head.appendChild(style);\r\n\r\n \/\/ === Poster Modal ===\r\n function showPosterModal() {\r\n const modal = document.createElement('div');\r\n modal.className = 'poster-modal';\r\n modal.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(10, 10, 15, 0.95);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10000;\r\n cursor: pointer;\r\n backdrop-filter: blur(10px);\r\n `;\r\n\r\n const posterImg = document.createElement('img');\r\n posterImg.src = '\u6d77\u5831\u653e\u7f6e\u8655.svg';\r\n posterImg.style.cssText = `\r\n max-width: 90%;\r\n max-height: 90%;\r\n border-radius: 12px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n transition: transform 0.3s ease;\r\n `;\r\n\r\n const closeBtn = document.createElement('button');\r\n closeBtn.innerHTML = '<i class=\"fas fa-times\"><\/i>';\r\n closeBtn.style.cssText = `\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(0, 212, 255, 0.2);\r\n border: 1px solid #00d4ff;\r\n color: #00d4ff;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n `;\r\n\r\n closeBtn.addEventListener('mouseenter', () => {\r\n closeBtn.style.background = '#00d4ff';\r\n closeBtn.style.color = '#0a0a0f';\r\n });\r\n\r\n closeBtn.addEventListener('mouseleave', () => {\r\n closeBtn.style.background = 'rgba(0, 212, 255, 0.2)';\r\n closeBtn.style.color = '#00d4ff';\r\n });\r\n\r\n modal.appendChild(posterImg);\r\n modal.appendChild(closeBtn);\r\n document.body.appendChild(modal);\r\n\r\n \/\/ \u95dc\u9589\u6a21\u614b\u6846\r\n const closeModal = () => {\r\n modal.style.opacity = '0';\r\n setTimeout(() => {\r\n document.body.removeChild(modal);\r\n }, 300);\r\n };\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeModal();\r\n });\r\n\r\n closeBtn.addEventListener('click', closeModal);\r\n\r\n \/\/ \u9375\u76e4ESC\u95dc\u9589\r\n const handleKeyPress = (e) => {\r\n if (e.key === 'Escape') {\r\n closeModal();\r\n document.removeEventListener('keydown', handleKeyPress);\r\n }\r\n };\r\n document.addEventListener('keydown', handleKeyPress);\r\n\r\n \/\/ \u5165\u5834\u52d5\u756b\r\n modal.style.opacity = '0';\r\n document.body.appendChild(modal);\r\n setTimeout(() => {\r\n modal.style.transition = 'opacity 0.3s ease';\r\n modal.style.opacity = '1';\r\n }, 10);\r\n }\r\n \/\/ === handleDownload ===\r\n function handleDownload(e) {\r\n e.preventDefault();\r\n\r\n const downloadBtn = e.currentTarget;\r\n const originalText = downloadBtn.innerHTML;\r\n\r\n \/\/ \u986f\u793a\u4e0b\u8f09\u52d5\u756b\r\n downloadBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u4e0b\u8f09\u4e2d...';\r\n downloadBtn.style.pointerEvents = 'none';\r\n\r\n \/\/ \u6a21\u64ec\u4e0b\u8f09\u904e\u7a0b\r\n setTimeout(() => {\r\n downloadBtn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u4e0b\u8f09\u5b8c\u6210';\r\n downloadBtn.style.background = 'linear-gradient(135deg, #00ff88, #00cc6a)';\r\n\r\n setTimeout(() => {\r\n downloadBtn.innerHTML = originalText;\r\n downloadBtn.style.background = '';\r\n downloadBtn.style.pointerEvents = 'auto';\r\n }, 2000);\r\n\r\n \/\/ \u986f\u793a\u6210\u529f\u901a\u77e5\r\n showNotification('\u6587\u4ef6\u4e0b\u8f09\u5b8c\u6210\uff01', 'success');\r\n }, 1500);\r\n }\r\n \/\/ === showNotification\uff08\u5b8c\u6574\u901a\u77e5\u7cfb\u7d71\uff0c\u7d71\u4e00\u4f7f\u7528\u9019\u500b\uff09===\r\n function showNotification(message, type = 'info') {\r\n \/\/ \u79fb\u9664\u73fe\u6709\u901a\u77e5\r\n const existingNotification = document.querySelector('.notification');\r\n if (existingNotification) {\r\n existingNotification.remove();\r\n }\r\n\r\n const notification = document.createElement('div');\r\n notification.className = 'notification';\r\n\r\n const colors = {\r\n success: '#00ff88',\r\n error: '#ff4757',\r\n warning: '#ffaa00',\r\n info: '#00d4ff'\r\n };\r\n\r\n const icons = {\r\n success: 'fa-check-circle',\r\n error: 'fa-exclamation-circle',\r\n warning: 'fa-exclamation-triangle',\r\n info: 'fa-info-circle'\r\n };\r\n\r\n notification.innerHTML = `\r\n <div class=\"notification-content\">\r\n <i class=\"fas ${icons[type]}\"><\/i>\r\n <span>${message}<\/span>\r\n <button class=\"notification-close\">×<\/button>\r\n <\/div>\r\n `;\r\n\r\n notification.style.cssText = `\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(26, 26, 46, 0.95);\r\n border: 1px solid ${colors[type]};\r\n color: #ffffff;\r\n padding: 1rem 1.5rem;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 10000;\r\n transform: translateX(400px);\r\n transition: transform 0.3s ease;\r\n max-width: 400px;\r\n backdrop-filter: blur(10px);\r\n `;\r\n\r\n const content = notification.querySelector('.notification-content');\r\n content.style.cssText = `\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n `;\r\n\r\n const icon = notification.querySelector('i');\r\n icon.style.color = colors[type];\r\n\r\n const closeBtn = notification.querySelector('.notification-close');\r\n closeBtn.style.cssText = `\r\n background: none;\r\n border: none;\r\n color: #8892b0;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n margin-left: auto;\r\n padding: 0;\r\n line-height: 1;\r\n transition: color 0.2s ease;\r\n `;\r\n\r\n closeBtn.addEventListener('mouseenter', () => {\r\n closeBtn.style.color = '#ffffff';\r\n });\r\n\r\n closeBtn.addEventListener('mouseleave', () => {\r\n closeBtn.style.color = '#8892b0';\r\n });\r\n\r\n document.body.appendChild(notification);\r\n\r\n \/\/ \u52d5\u756b\u986f\u793a\r\n setTimeout(() => {\r\n notification.style.transform = 'translateX(0)';\r\n }, 10);\r\n\r\n \/\/ \u81ea\u52d5\u96b1\u85cf\r\n setTimeout(() => {\r\n hideNotification(notification);\r\n }, 4000);\r\n\r\n \/\/ \u9ede\u64ca\u95dc\u9589\r\n closeBtn.addEventListener('click', () => {\r\n hideNotification(notification);\r\n });\r\n }\r\n \/\/ === \u8868\u55ae\u9a57\u8b49 \/ resetForm ===\r\n function handleFormSubmit(e) {\r\n e.preventDefault();\r\n\r\n \/\/ \u6aa2\u67e5\u8868\u55ae\u662f\u5426\u5b58\u5728\r\n if (!registerForm) {\r\n console.warn('Register form not found');\r\n return;\r\n }\r\n\r\n \/\/ \u7372\u53d6\u8868\u55ae\u8cc7\u6599\r\n const formData = new FormData(registerForm);\r\n const data = Object.fromEntries(formData);\r\n\r\n \/\/ \u9a57\u8b49\u8868\u55ae\r\n if (!validateForm(data)) {\r\n return;\r\n }\r\n\r\n \/\/ \u986f\u793a\u8f09\u5165\u52d5\u756b\r\n showLoadingAnimation();\r\n\r\n \/\/ \u6a21\u64ec\u63d0\u4ea4\u904e\u7a0b\r\n setTimeout(() => {\r\n hideLoadingAnimation();\r\n showSuccessMessage();\r\n resetForm();\r\n }, 2000);\r\n }\r\n \/\/ === \u8a55\u5206\u6a19\u6e96 & \u734e\u52f5\u65b9\u5f0f ===\r\n const criteriaData = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-lightbulb\",\r\n title: \"\u5275\u610f\u8207\u5275\u65b0\u6027\",\r\n weight: \"30%\",\r\n description: \"\u61c9\u7528\u7a0b\u5f0f\u8a2d\u8a08\u89e3\u6c7a\u76f8\u95dc\u9818\u57df\u4e4b\u554f\u984c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u6280\u8853\u5be6\u4f5c\u8207AI\u61c9\u7528\u6df1\u5ea6\",\r\n weight: \"30%\",\r\n description: \"\u7a0b\u5f0f\u8a2d\u8a08\u4e4b\u7368\u7279\u6027\u61c9\u7528\u4e4b\u5275\u610f\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-users\",\r\n title: \"\u8de8\u57df\u6574\u5408\u8207\u5718\u968a\u5354\u4f5c\",\r\n weight: \"20%\",\r\n description: \"\u7a0b\u5f0f\u8a2d\u8a08\u7684\u56f0\u96e3\u5ea6\u4ee5\u53ca\u8907\u96dc\u7a0b\u5ea6\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u4f5c\u54c1\u5c55\u793a\",\r\n weight: \"20%\",\r\n description: \"\u6587\u4ef6\u8aaa\u660e\u8207\u6210\u679c\u5c55\u793a\",\r\n details: []\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-lightbulb\",\r\n title: \"\u5275\u610f\u8207\u5275\u65b0\u6027\",\r\n weight: \"30%\",\r\n description: \"\u69cb\u60f3\u65b0\u7a4e\u3001\u5177\u539f\u5275\u6027\u8207\u61c9\u7528\u6f5b\u529b\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-robot\",\r\n title: \"\u6280\u8853\u5be6\u4f5c\u8207AI\u61c9\u7528\u6df1\u5ea6\",\r\n weight: \"30%\",\r\n description: \"AI\u6280\u8853\u904b\u7528\u7684\u5b8c\u6574\u6027\u8207\u6280\u8853\u6df1\u5ea6\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-graduation-cap\",\r\n title: \"\u8077\u80fd\u57f9\u8a13\u6210\u679c\u5c55\u73fe\",\r\n weight: \"15%\",\r\n description: \"\u5718\u968a\u6210\u54e1AI\u57f9\u8a13\u5b78\u7fd2\u6b77\u7a0b\u3001\u6280\u80fd\u61c9\u7528\u6210\u6548\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u4f5c\u54c1\u5c55\u793a\",\r\n weight: \"25%\",\r\n description: \"\u6587\u4ef6\u8aaa\u660e\u8207\u6210\u679c\u5c55\u793a\",\r\n details: []\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-file-alt\",\r\n title: \"\u6280\u8853\u5167\u5bb9\u66f8\u9762\u5831\u544a\u5b8c\u6574\u6027\",\r\n weight: \"35%\",\r\n description: \"\u200b\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-tasks\",\r\n title: \"\u6307\u5b9a\u984c\u76ee\u4e4b\u7cfb\u7d71\u5b8c\u6210\u5ea6\",\r\n weight: \"35%\",\r\n description: \"\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-upload\",\r\n title: \"\u6307\u5b9a\u984c\u76ee\u4e4b\u6307\u5b9a\u9805\u76ee\u4e0a\u50b3\u81f3\u7af6\u8cfd\u7db2\u7ad9\",\r\n weight: \"30%\",\r\n description: \"\",\r\n details: []\r\n }\r\n ]\r\n }\r\n };\r\n\r\n \/\/ \u8907\u8cfd\u8a55\u5206\u6a19\u6e96\u8cc7\u6599\r\n const criteriaDataFinal = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"50%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"30%\",\r\n description: \"\u53c3\u8cfd\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"30%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"25%\",\r\n description: \"\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-graduation-cap\",\r\n title: \"\u8077\u80fd\u57f9\u8a13\u6210\u679c\u6df1\u5316\",\r\n weight: \"25%\",\r\n description: \"AI\u57f9\u8a13\u6240\u5b78\u65bc\u5c08\u984c\u7684\u5be6\u969b\u61c9\u7528\u8207\u6210\u6548\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"50%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"30%\",\r\n description: \"\u53c3\u8cfd\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n }\r\n };\r\n\r\n function initCriteriaSelector() {\r\n const selectorButtons = document.querySelectorAll('.selector-btn');\r\n const criteriaContent = document.getElementById('criteria-content');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadCriteria('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u8a55\u5206\u6a19\u6e96\r\n const group = btn.getAttribute('data-group');\r\n loadCriteria(group);\r\n });\r\n });\r\n }\r\n\r\n function loadCriteria(groupKey) {\r\n const criteriaContent = document.getElementById('criteria-content');\r\n const data = criteriaData[groupKey];\r\n\r\n if (!data) return;\r\n\r\n let html = '';\r\n const isAiTraining = groupKey === 'ai-training';\r\n data.criteria.forEach((criterion) => {\r\n const showWeightInTitle = isAiTraining;\r\n html += `\r\n <div class=\"criteria-card clickable\" onclick=\"toggleCriteria(this)\">\r\n <div class=\"criteria-header\">\r\n <div class=\"criteria-icon\">\r\n <i class=\"${criterion.icon}\"><\/i>\r\n <\/div>\r\n <div class=\"criteria-main\">\r\n <h3 style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 0;\">\r\n <span>${criterion.title}<\/span>\r\n ${showWeightInTitle ? `<span style='width:100%;display:flex;justify-content:center;'><span style='font-size:22px;color:#00d4ff;font-weight:bold;'>${criterion.weight}<\/span><\/span>` : ''}\r\n <span style=\"width: 100%; display: flex; justify-content: center;\"><i class=\"fas fa-chevron-down expand-icon\"><\/i><\/span>\r\n <\/h3>\r\n ${!showWeightInTitle ? `<div class=\"criteria-weight\">${criterion.weight}<\/div>` : ''} \r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a55\u5206\u8aaa\u660e\uff1a<\/h5>\r\n <p class=\"criteria-summary\">${criterion.description}<\/p>\r\n \r\n <h5 style=\"display:none;\">\u8a73\u7d30\u8a55\u5206\u9805\u76ee\uff1a<\/h5>\r\n <ul>\r\n ${criterion.details.map(detail => `<li>${detail}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n criteriaContent.innerHTML = html;\r\n \/\/ \u984d\u5916\u8aaa\u660e\u653e\u5728 criteria-content \u5916\u9762\r\n const noteId = 'ai-training-extra-note';\r\n let noteDiv = document.getElementById(noteId);\r\n if (isAiTraining) {\r\n if (!noteDiv) {\r\n noteDiv = document.createElement('div');\r\n noteDiv.id = noteId;\r\n noteDiv.className = 'rewards-note';\r\n noteDiv.innerHTML = `\r\n <p><i class=\"fas fa-info-circle\"><\/i> \u4f9d\u5be6\u969b\u5831\u540d\u968a\u6578\uff0c\u64c7\u512a\u9304\u53d6\u81f3\u5c1112\u652f\u968a\u4f0d\u9032\u5165\u8907\u8cfd\u3002<\/p>\r\n <p>(\u4e3b\u8fa6\u55ae\u4f4d\u6709\u6700\u5f8c\u9304\u53d6\u968a\u4f0d\u6578\u6c7a\u5b9a\u6b0a)<\/p>\r\n `;\r\n }\r\n \/\/ \u63d2\u5165\u5728 criteriaContent \u7684\u7236\u5143\u7d20\u4e0b\u65b9\r\n if (criteriaContent && criteriaContent.parentNode && !document.getElementById(noteId)) {\r\n criteriaContent.parentNode.appendChild(noteDiv);\r\n }\r\n } else {\r\n \/\/ \u82e5\u4e0d\u662fAI\u8077\u80fd\u57f9\u529b\u7d44\uff0c\u79fb\u9664\u6a19\u793a\u6587\u5b57\r\n if (noteDiv) noteDiv.remove();\r\n }\r\n }\r\n\r\n \/\/ === \u8907\u8cfd\u8a55\u5206\u6a19\u6e96 ===\r\n function initCriteriaSelectorFinal() {\r\n const selectorButtons = document.querySelectorAll('.selector-btn[data-stage=\"final\"]');\r\n const criteriaContent = document.getElementById('criteria-content-final');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadCriteriaFinal('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u8a55\u5206\u6a19\u6e96\r\n const group = btn.getAttribute('data-group');\r\n loadCriteriaFinal(group);\r\n });\r\n });\r\n }\r\n\r\n function loadCriteriaFinal(groupKey) {\r\n const criteriaContent = document.getElementById('criteria-content-final');\r\n const data = criteriaDataFinal[groupKey]; \/\/ \u4f7f\u7528\u8907\u8cfd\u5c08\u7528\u8cc7\u6599\r\n\r\n if (!data) return;\r\n\r\n let html = '';\r\n const showWeightInTitle = groupKey === 'ai-training';\r\n data.criteria.forEach(criterion => {\r\n html += `\r\n <div class=\"criteria-card clickable\" onclick=\"toggleCriteria(this)\">\r\n <div class=\"criteria-header\">\r\n <div class=\"criteria-icon\">\r\n <i class=\"${criterion.icon}\"><\/i>\r\n <\/div>\r\n <div class=\"criteria-main\">\r\n <h3 style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 0;\">\r\n <span>${criterion.title}<\/span>\r\n ${showWeightInTitle ? `<span style='width:100%;display:flex;justify-content:center;'><span style='font-size:22px;color:#00d4ff;font-weight:bold;'>${criterion.weight}<\/span><\/span>` : ''}\r\n <span style=\"width: 100%; display: flex; justify-content: center;\"><i class=\"fas fa-chevron-down expand-icon\"><\/i><\/span>\r\n <\/h3>\r\n ${!showWeightInTitle ? `<div class=\"criteria-weight\">${criterion.weight}<\/div>` : ''}\r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a55\u5206\u8aaa\u660e\uff1a<\/h5>\r\n <p class=\"criteria-summary\">${criterion.description}<\/p>\r\n ${criterion.details.length > 0 ? `\r\n <h5>\u8a73\u7d30\u8a55\u5206\u9805\u76ee\uff1a<\/h5>\r\n <ul>\r\n ${criterion.details.map(detail => `<li>${detail}<\/li>`).join('')}\r\n <\/ul>\r\n ` : ''}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n criteriaContent.innerHTML = html;\r\n }\r\n\r\n function toggleCriteria(element) {\r\n const isExpanded = element.classList.contains('expanded');\r\n\r\n \/\/ \u5148\u6536\u5408\u6240\u6709\u5176\u4ed6\u9805\u76ee\r\n document.querySelectorAll('.criteria-card.expanded').forEach(item => {\r\n if (item !== element) {\r\n item.classList.remove('expanded');\r\n }\r\n });\r\n\r\n \/\/ \u5207\u63db\u7576\u524d\u9805\u76ee\r\n if (isExpanded) {\r\n element.classList.remove('expanded');\r\n } else {\r\n element.classList.add('expanded');\r\n\r\n \/\/ \u81ea\u52d5\u5c0d\u7126\u5230\u5c55\u958b\u7684\u5361\u7247\r\n setTimeout(() => {\r\n const elementTop = element.getBoundingClientRect().top + window.pageYOffset;\r\n const offsetTop = elementTop - 120; \/\/ \u589e\u52a0\u5230120px\u7a7a\u9593\uff0c\u8b93\u5c0d\u7126\u4f4d\u7f6e\u66f4\u9ad8\r\n\r\n window.scrollTo({\r\n top: offsetTop,\r\n behavior: 'smooth'\r\n });\r\n }, 100); \/\/ \u7a0d\u5fae\u5ef6\u9072\u4ee5\u78ba\u4fdd\u5c55\u958b\u52d5\u756b\u958b\u59cb\r\n }\r\n }\r\n\r\n const rewardsData = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n totalAmount: \"NT$ 102,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-crown\",\r\n title: \"\u7b2c\u4e00\u540d\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"\u5404\u7d44\u54041\u540d\",\r\n total: \"NT$ 40,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u7b2c\u4e8c\u540d\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"\u5404\u7d44\u54041\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u7b2c\u4e09\u540d\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"\u5404\u7d44\u54042\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u7279\u512a\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"\u5404\u7d44\u54042\u540d\",\r\n total: \"NT$ 8,000\",\r\n class: \"special\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 1,000\",\r\n quantity: \"14\u540d\",\r\n total: \"NT$ 14,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n totalAmount: \"NT$ 46,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-trophy\",\r\n title: \"\u91d1\u724c\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u9280\u724c\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u9285\u724c\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"2\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"3\u540d\",\r\n total: \"NT$ 6,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n totalAmount: \"NT$ 46,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-crown\",\r\n title: \"\u7b2c\u4e00\u540d\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u7b2c\u4e8c\u540d\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u7b2c\u4e09\u540d\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 5,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u7279\u512a\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"3\u540d\",\r\n total: \"NT$ 6,000\",\r\n class: \"special\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 1,000\",\r\n quantity: \"5\u540d\",\r\n total: \"NT$ 5,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n }\r\n };\r\n\r\n function initRewardsSelector() {\r\n const selectorButtons = document.querySelectorAll('.rewards-selector .selector-btn');\r\n const rewardsContent = document.getElementById('rewards-content');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadRewards('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u734e\u52f5\u65b9\u5f0f\r\n const group = btn.getAttribute('data-group');\r\n loadRewards(group);\r\n });\r\n });\r\n }\r\n\r\n function loadRewards(groupKey) {\r\n const rewardsContent = document.getElementById('rewards-content');\r\n const data = rewardsData[groupKey];\r\n\r\n if (!data) return;\r\n\r\n \/\/ \u70ba AI \u8077\u57f9\u7d44\u6dfb\u52a0\u7279\u6b8a\u7684 class\r\n const gridClass = groupKey === 'ai-training' ? 'rewards-grid ai-training-layout' : 'rewards-grid';\r\n\r\n let html = `\r\n <div class=\"rewards-summary\">\r\n <h4>\u7e3d\u734e\u91d1\uff1a${data.totalAmount}<\/h4>\r\n <\/div>\r\n <div class=\"${gridClass}\">\r\n `;\r\n\r\n data.awards.forEach(award => {\r\n \/\/ \u70ba AI \u8077\u57f9\u7d44\u7684\u5361\u7247\u6dfb\u52a0\u7279\u6b8a class\r\n const cardClass = groupKey === 'ai-training' ? `reward-card ${award.class} ai-training-card` : `reward-card ${award.class}`;\r\n\r\n html += `\r\n <div class=\"${cardClass}\">\r\n <div class=\"reward-badge\">\r\n <i class=\"${award.icon}\"><\/i>\r\n <\/div>\r\n <h2>${award.title}<\/h2>\r\n <div class=\"reward-amount\">${award.amount}<\/div>\r\n <div class=\"reward-subtitle\">${award.quantity}<\/div>\r\n <div class=\"reward-total\">\u7e3d\u8a08\uff1a${award.total}<\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n html += `\r\n <\/div>\r\n <div class=\"rewards-note\">\r\n <p><i class=\"fas fa-info-circle\"><\/i> \u6240\u6709\u734e\u91d1\u5747\u542b\u7a05\uff0c\u5be6\u969b\u767c\u653e\u91d1\u984d\u5c07\u4f9d\u76f8\u95dc\u7a05\u6cd5\u898f\u5b9a\u8fa6\u7406<\/p>\r\n <p><i class=\"fas fa-exclamation-triangle\"><\/i> \u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u5be6\u969b\u72c0\u6cc1\uff0c\u4fdd\u6709\u8abf\u6574\u734e\u9805\u540d\u984d\u3001\u734e\u72c0\u843d\u6b3e\u53ca\u4fee\u6539\u672c\u6d3b\u52d5\u4e4b\u6b0a\u5229\u3002<\/p>\r\n <\/div>\r\n `;\r\n\r\n rewardsContent.innerHTML = html;\r\n }\r\n\r\n\r\n \/\/ === \u6d6e\u52d5\u5e6b\u52a9 ===\r\n function initFloatingHelp() {\r\n const floatingLogo = document.querySelector('.floating-logo');\r\n if (floatingLogo) {\r\n floatingLogo.addEventListener('click', function () {\r\n \/\/ \u53ef\u4ee5\u8df3\u8f49\u5230\u806f\u7d61\u5340\u57df\u6216\u958b\u555f\u5e6b\u52a9\u5c0d\u8a71\u6846\r\n scrollToSection('#contact');\r\n\r\n \/\/ \u6216\u8005\u53ef\u4ee5\u986f\u793a\u4e00\u500b\u63d0\u793a\u8a0a\u606f\r\n showHelpMessage();\r\n });\r\n }\r\n }\r\n\r\n function showHelpMessage() {\r\n \/\/ \u5275\u5efa\u63d0\u793a\u8a0a\u606f\r\n const helpMessage = document.createElement('div');\r\n helpMessage.className = 'help-message-popup';\r\n helpMessage.innerHTML = `\r\n <div class=\"help-message-content\">\r\n <h4><i class=\"fas fa-info-circle\"><\/i> \u9700\u8981\u5e6b\u52a9\u55ce\uff1f<\/h4>\r\n <p>\u5982\u6709\u4efb\u4f55\u554f\u984c\uff0c\u8acb\u806f\u7d61\u6211\u5011\uff1a<\/p>\r\n <p><i class=\"fas fa-envelope\"><\/i> nutnilt@gmail.com<\/p>\r\n <p><i class=\"fas fa-phone\"><\/i> 06-2133111#771<\/p>\r\n <button onclick=\"closeHelpMessage()\" class=\"close-help-btn\">\r\n <i class=\"fas fa-times\"><\/i> \u95dc\u9589\r\n <\/button>\r\n <\/div>\r\n `;\r\n\r\n \/\/ \u6dfb\u52a0\u6a23\u5f0f\r\n helpMessage.style.cssText = `\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(26, 26, 46, 0.95);\r\n border: 2px solid #00d4ff;\r\n border-radius: 15px;\r\n padding: 20px;\r\n z-index: 9999;\r\n color: white;\r\n max-width: 350px;\r\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);\r\n animation: fadeInScale 0.3s ease-out;\r\n `;\r\n\r\n document.body.appendChild(helpMessage);\r\n\r\n \/\/ \u79fb\u9664\u81ea\u52d5\u95dc\u9589\uff0c\u53ea\u4fdd\u7559\u624b\u52d5\u95dc\u9589\r\n }\r\n\r\n function closeHelpMessage() {\r\n const helpMessage = document.querySelector('.help-message-popup');\r\n if (helpMessage) {\r\n helpMessage.remove();\r\n }\r\n }\r\n\r\n \/\/ === WordPress \u76f8\u5bb9\u6027 ===\r\n function initMobileHamburgerFix() { \/* ... \u4fdd\u6301\u4f60\u5beb\u7684\u529f\u80fd ... *\/ }\r\n\r\n \/\/ === \u9810\u8f09\u5165\u8cc7\u6e90 ===\r\n function preloadResources() {\r\n const resources = ['\u6d77\u5831\u653e\u7f6e\u8655.svg'];\r\n resources.forEach(resource => {\r\n const link = document.createElement('link');\r\n link.rel = 'preload';\r\n link.as = 'image';\r\n link.href = resource;\r\n document.head.appendChild(link);\r\n });\r\n }\r\n\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"competition2025","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631"}],"collection":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2631"}],"version-history":[{"count":21,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631\/revisions"}],"predecessor-version":[{"id":3538,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631\/revisions\/3538"}],"wp:attachment":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2631,"date":"2025-07-15T22:38:51","date_gmt":"2025-07-15T14:38:51","guid":{"rendered":"https:\/\/phpweb2.nutn.edu.tw\/ilt\/wordpress\/?page_id=2631"},"modified":"2025-12-17T10:09:27","modified_gmt":"2025-12-17T02:09:27","slug":"ai-%e6%87%89%e7%94%a8%e7%ab%b6%e8%b3%bd-2025","status":"publish","type":"page","link":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=2631","title":{"rendered":"2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd"},"content":{"rendered":"\r\n\r\n\r\n\r\n \r\n \r\n 2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd - \u6df1\u5316 AI \u6280\u8853\u5be6\u529b<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap\"\r\n rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* \u7af6\u8cfd\u9808\u77e5\u9023\u7d50 hover \u4e0d\u8b8a\u8272 *\/\r\n #register-notice a,\r\n #register-notice a:hover {\r\n color: #5835e5 !important;\r\n text-decoration: underline;\r\n }\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u5361\u7247\u6a19\u984c\u6587\u5b57\u7f6e\u4e2d\uff08\u5982\u7406\u5de5\u5b78\u9662\uff09 *\/\r\n #organizers .info-card-item h5 {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u3001\u6307\u5c0e\u55ae\u4f4d\u5361\u7247\u5167\u5bb9\u7f6e\u4e2d *\/\r\n .guidance-orgs .info-card-item,\r\n #organizers .info-card-item {\r\n text-align: center;\r\n }\r\n\r\n .guidance-orgs .info-card-item>a,\r\n #organizers .info-card-item>a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .guidance-orgs .info-card-item h5,\r\n #organizers .info-card-item h5 {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u6307\u5c0e\u55ae\u4f4d .info-card-item \u8b8a\u7a84\uff08\u5f37\u5236\u8986\u84cb\uff09 *\/\r\n .guidance-orgs .info-card-item {\r\n min-width: 180px !important;\r\n max-width: 200px !important;\r\n }\r\n\r\n \/* AI \u7af6\u8cfd\u7db2\u7ad9 - \u6df1\u8272\u79d1\u6280\u98a8\u683c *\/\r\n\r\n \/* \u9328\u9ede\u504f\u79fb\u8a2d\u5b9a - \u4f7f\u7528\u591a\u7a2e\u65b9\u6cd5\u78ba\u4fdd\u6548\u679c *\/\r\n #announcement::before,\r\n #themes::before,\r\n #qualification::before {\r\n content: \"\";\r\n display: block;\r\n height: 280px;\r\n \/* \u5927\u5e45\u589e\u52a0\u504f\u79fb\u9ad8\u5ea6 *\/\r\n margin-top: -280px;\r\n \/* \u8ca0\u908a\u8ddd\u88dc\u511f *\/\r\n visibility: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u984d\u5916\u7684\u9328\u9ede\u504f\u79fb\u65b9\u6cd5 *\/\r\n #announcement,\r\n #themes,\r\n #qualification {\r\n scroll-margin-top: 280px;\r\n \/* \u73fe\u4ee3\u700f\u89bd\u5668\u652f\u63f4 - \u5927\u5e45\u589e\u52a0\u504f\u79fb *\/\r\n -webkit-scroll-margin-top: 280px;\r\n \/* Webkit \u700f\u89bd\u5668\u652f\u63f4 - \u5927\u5e45\u589e\u52a0\u504f\u79fb *\/\r\n }\r\n\r\n \/* \u5168\u57df\u8a2d\u5b9a *\/\r\n \/* \u684c\u9762\u7248\u5f37\u5236\u96b1\u85cf hamburger\uff0c\u907f\u514d\u7e2e\u653e\u6642\u51fa\u73fe *\/\r\n @media (min-width: 1368px) {\r\n .hamburger {\r\n display: none !important;\r\n }\r\n\r\n .nav-menu {\r\n position: static !important;\r\n flex-direction: row !important;\r\n background: none !important;\r\n width: auto !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n left: 0 !important;\r\n top: auto !important;\r\n transition: none !important;\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0 !important;\r\n }\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n \/* \u6df1\u8272\u4e3b\u984c\u914d\u8272 *\/\r\n --primary-dark: #0a0a0f;\r\n --secondary-dark: #1a1a2e;\r\n --accent-dark: #16213e;\r\n --highlight: #00d4ff;\r\n --highlight-secondary: #0066ff;\r\n --gradient-primary: linear-gradient(135deg, #00d4ff, #0066ff);\r\n --gradient-secondary: linear-gradient(135deg, #16213e, #1a1a2e);\r\n --gradient-bg: linear-gradient(135deg, #0a0a0f, #1a1a2e);\r\n\r\n \/* \u6587\u5b57\u984f\u8272 *\/\r\n --text-primary: #ffffff;\r\n --text-secondary: #b8c5d1;\r\n --text-muted: #8892b0;\r\n --text-accent: #00d4ff;\r\n\r\n \/* \u529f\u80fd\u8272\u5f69 *\/\r\n --success: #00ff88;\r\n --warning: #ffaa00;\r\n --error: #ff4757;\r\n --info: #00d4ff;\r\n\r\n \/* \u908a\u6846\u8207\u9670\u5f71 *\/\r\n --border-light: #2d3748;\r\n --border-accent: #00d4ff;\r\n --shadow-dark: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n --shadow-glow: 0 0 20px rgba(0, 212, 255, 0.3);\r\n --shadow-hover: 0 15px 40px rgba(0, 212, 255, 0.2);\r\n\r\n \/* \u52d5\u756b *\/\r\n --transition-fast: all 0.2s ease;\r\n --transition-normal: all 0.3s ease;\r\n --transition-slow: all 0.5s ease;\r\n\r\n \/* \u908a\u89d2 *\/\r\n --radius-small: 8px;\r\n --radius-normal: 12px;\r\n --radius-large: 20px;\r\n }\r\n\r\n \/* \u9ed1\u8272\u5c0f\u5c0e\u89bd\u5217\u6a23\u5f0f *\/\r\n .mini-navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n background: #111 !important;\r\n color: #fff !important;\r\n font-size: 14px !important;\r\n padding: 5px 0 !important;\r\n z-index: 10000;\r\n border-bottom: 1px solid #333;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .mini-navbar-left span {\r\n color: #fff;\r\n font-weight: 500;\r\n }\r\n\r\n .mini-navbar-left i {\r\n margin-right: 8px;\r\n color: var(--highlight);\r\n }\r\n\r\n .mini-navbar-right a {\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease;\r\n font-size: 13px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mini-navbar-right a:hover {\r\n color: var(--highlight) !important;\r\n background: rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .mini-navbar-right a i {\r\n margin-right: 4px;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u5c0f\u5c0e\u89bd\u5217 *\/\r\n @media (max-width: 1024px) {\r\n .mini-navbar {\r\n font-size: 12px !important;\r\n padding: 4px 0 !important;\r\n }\r\n\r\n .mini-navbar-right {\r\n gap: 12px !important;\r\n }\r\n\r\n .mini-navbar-right a {\r\n font-size: 11px;\r\n padding: 2px 6px;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u6d77\u5831\u5340\u57df\u9593\u8ddd\u8abf\u6574 *\/\r\n .poster-section {\r\n margin-top: 40px !important;\r\n \/* \u5e73\u677f\u4e0a\u4fdd\u6301\u76f8\u540c\u9593\u8ddd\u907f\u514d\u91cd\u758a *\/\r\n }\r\n }\r\n\r\n \/* \u8abf\u6574\u539f\u6709\u5167\u5bb9\u7684 margin-top \u4ee5\u907f\u514d\u88ab\u65b0\u5c0e\u89bd\u5217\u906e\u853d *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', 'Microsoft JhengHei', sans-serif;\r\n line-height: 1.5;\r\n color: var(--text-primary);\r\n background: var(--primary-dark);\r\n overflow-x: hidden;\r\n padding-top: 40px;\r\n \/* \u8abf\u6574\u70ba\u65b0\u7684\u5c0e\u89bd\u5217\u9ad8\u5ea6 (30px\u5c0f\u5c0e\u89bd\u5217 + 40px\u9802\u90e8\u689d + 76px\u5c0e\u89bd\u5217) *\/\r\n font-size: 16px;\r\n \/* \u589e\u52a0\u5168\u5c40\u5b57\u9ad4\u5927\u5c0f *\/\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n \/* \u6e1b\u5c11\u5074\u908a\u8ddd *\/\r\n }\r\n\r\n \/* \u9802\u90e8\u6de1\u85cd\u8272\u5340\u584a *\/\r\n .top-bar {\r\n position: fixed;\r\n top: 0px;\r\n \/* \u5728\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n left: 0;\r\n width: 100%;\r\n height: 20px;\r\n background: linear-gradient(135deg, #87ceeb, #b0e0e6);\r\n \/* \u6de1\u85cd\u8272\u6f38\u5c64 *\/\r\n box-shadow: 0 2px 10px rgba(135, 206, 235, 0.3);\r\n z-index: 999;\r\n transition: var(--transition-normal);\r\n }\r\n\r\n \/* \u5c0e\u822a\u5217 *\/\r\n \/* \u5c0e\u822a\u5217\uff08\u7e2e\u5c0f\u7248\uff09 *\/\r\n .navbar {\r\n position: fixed;\r\n top: calc(30px + 40px);\r\n \/* \u9ed1\u8272\u521730 + \u6df1\u85cd\u521740 = 70px *\/\r\n left: 0;\r\n width: 100%;\r\n height: 70px;\r\n \/* \u6bd4 60px \u7a0d\u5927 *\/\r\n line-height: 70px;\r\n \/* \u5167\u6587\u5b57\u5782\u76f4\u7f6e\u4e2d *\/\r\n background: #007bff !important;\r\n box-shadow: 0 2px 20px rgba(0, 123, 255, 0.3);\r\n z-index: 1000;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-bottom: 2px solid #0056b3;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n\r\n \/* \u6efe\u52d5\u6642\u7684\u5c0e\u822a\u6a23\u5f0f - \u7e2e\u5c0f\u5230\u53f3\u4e0a\u89d2 *\/\r\n .navbar.scrolled {\r\n top: 30px !important;\r\n \/* \u79fb\u5230\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n right: 20px !important;\r\n \/* \u79fb\u5230\u53f3\u5074 *\/\r\n left: auto !important;\r\n \/* \u53d6\u6d88\u5de6\u5074\u56fa\u5b9a *\/\r\n width: 300px !important;\r\n \/* \u7e2e\u5c0f\u5bec\u5ea6 *\/\r\n height: 60px !important;\r\n \/* \u7e2e\u5c0f\u9ad8\u5ea6 *\/\r\n border-radius: 30px !important;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n background: rgba(0, 123, 255, 0.95) !important;\r\n \/* \u85cd\u8272\u80cc\u666f *\/\r\n box-shadow: 0 8px 32px rgba(0, 123, 255, 0.4) !important;\r\n \/* \u85cd\u8272\u9670\u5f71 *\/\r\n border-bottom: none !important;\r\n \/* \u79fb\u9664\u5e95\u7dda *\/\r\n backdrop-filter: blur(20px) !important;\r\n \/* \u589e\u5f37\u6a21\u7cca\u6548\u679c *\/\r\n transform: scale(0.9) !important;\r\n \/* \u6574\u9ad4\u7e2e\u5c0f *\/\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n \/* \u5e73\u6ed1\u904e\u6e21 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n padding: 0 15px !important;\r\n justify-content: center !important;\r\n \/* \u6efe\u52d5\u6642\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-logo {\r\n display: none !important;\r\n \/* \u6efe\u52d5\u6642\u96b1\u85cf logo *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 15px !important;\r\n \/* \u6efe\u52d5\u6642\u7e2e\u5c0f\u9593\u8ddd *\/\r\n justify-content: center !important;\r\n \/* \u6efe\u52d5\u6642\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.9rem !important;\r\n \/* \u6efe\u52d5\u6642\u7e2e\u5c0f\u5b57\u9ad4 *\/\r\n padding: 8px 12px !important;\r\n \/* \u6efe\u52d5\u6642\u8abf\u6574\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n \/* \u6efe\u52d5\u6642\u4e0b\u62c9\u9078\u55ae\u7684 z-index \u8abf\u6574 *\/\r\n .navbar.scrolled .dropdown-menu {\r\n z-index: 999999 !important;\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n height: 60px !important;\r\n \/* \u914d\u5408\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n padding: 0 15px !important;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n max-width: none !important;\r\n \/* \u79fb\u9664\u6700\u5927\u5bec\u5ea6\u9650\u5236 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-logo {\r\n font-size: 1.2rem !important;\r\n \/* \u7e2e\u5c0flogo\u5b57\u9ad4 *\/\r\n display: none !important;\r\n \/* \u6efe\u52d5\u6642\u96b1\u85cflogo\uff0c\u7bc0\u7701\u7a7a\u9593 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 5px !important;\r\n \/* \u7e2e\u5c0f\u9078\u55ae\u9593\u8ddd *\/\r\n justify-content: center !important;\r\n \/* \u5c45\u4e2d\u5c0d\u9f4a *\/\r\n width: 100% !important;\r\n \/* \u4f54\u6eff\u5bb9\u5668 *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.8rem !important;\r\n \/* \u7e2e\u5c0f\u5b57\u9ad4 *\/\r\n padding: 6px 12px !important;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n min-width: auto !important;\r\n \/* \u79fb\u9664\u6700\u5c0f\u5bec\u5ea6 *\/\r\n max-width: none !important;\r\n \/* \u79fb\u9664\u6700\u5927\u5bec\u5ea6 *\/\r\n height: 36px !important;\r\n \/* \u7e2e\u5c0f\u9ad8\u5ea6 *\/\r\n margin: 0 1px !important;\r\n \/* \u7e2e\u5c0f\u5916\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu li:not(:last-child)::after {\r\n display: none !important;\r\n \/* \u96b1\u85cf\u5206\u9694\u7dda *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger {\r\n padding: 8px !important;\r\n \/* \u7e2e\u5c0f\u6f22\u5821\u9078\u55ae\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger span {\r\n width: 20px !important;\r\n \/* \u7e2e\u5c0f\u6f22\u5821\u9078\u55ae\u7dda\u689d *\/\r\n height: 3px !important;\r\n }\r\n\r\n \/* \u589e\u52a0\u5c0e\u822a\u9805\u76ee\u7684\u5206\u9694\u8996\u89ba\u6548\u679c *\/\r\n .nav-menu li:not(:last-child) {\r\n position: relative;\r\n }\r\n\r\n .nav-menu li:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: -8px;\r\n \/* \u8abf\u6574\u4f4d\u7f6e *\/\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 2px;\r\n height: 30px;\r\n \/* \u589e\u52a0\u5206\u9694\u7dda\u9ad8\u5ea6 *\/\r\n background: rgba(255, 255, 255, 0.3);\r\n \/* \u6dfa\u767d\u8272\u5206\u9694\u7dda\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n border-radius: 1px;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n \/* \u589e\u52a0\u6700\u5927\u5bec\u5ea6\u63d0\u4f9b\u66f4\u591a\u7a7a\u9593 *\/\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n \/* \u8abf\u6574\u5167\u908a\u8ddd\u5e73\u8861\u7a7a\u9593\u4f7f\u7528 *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 76px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.4rem;\r\n \/* \u9069\u5ea6\u589e\u5927logo\u5b57\u9ad4\u5927\u5c0f *\/\r\n font-weight: 700;\r\n \/* \u8abf\u6574\u7c97\u9ad4\u7a0b\u5ea6 *\/\r\n color: #ffffff !important;\r\n \/* \u767d\u8272\u6587\u5b57\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n text-decoration: none;\r\n letter-spacing: 0.3px;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n \/* \u589e\u52a0\u6587\u5b57\u9670\u5f71 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62logo\u6587\u5b57\u63db\u884c *\/\r\n flex-shrink: 0;\r\n \/* \u9632\u6b62logo\u88ab\u58d3\u7e2e *\/\r\n margin-top: -10px;\r\n \/* \u5411\u4e0a\u8abf\u6574logo\u4f4d\u7f6e *\/\r\n justify-content: flex-start !important;\r\n text-align: left !important;\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 12px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5716\u793a\u9593\u8ddd *\/\r\n font-size: 1.6rem;\r\n \/* \u9069\u5ea6\u589e\u5927\u5716\u793a\u5927\u5c0f *\/\r\n color: #ffffff;\r\n \/* \u767d\u8272\u5716\u793a\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n background: none;\r\n -webkit-background-clip: unset;\r\n -webkit-text-fill-color: unset;\r\n background-clip: unset;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 12px;\r\n \/* \u9069\u5ea6\u7684\u9805\u76ee\u9593\u8ddd *\/\r\n align-items: center;\r\n \/* \u5782\u76f4\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n flex-wrap: nowrap;\r\n \/* \u9632\u6b62\u63db\u884c *\/\r\n margin: 0;\r\n padding: 0;\r\n justify-content: flex-end;\r\n \/* \u53f3\u5c0d\u9f4a\u5c0e\u89bd\u9805\u76ee *\/\r\n }\r\n\r\n .nav-menu li {\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u9805\u76ee\u6587\u5b57\u63db\u884c *\/\r\n flex-shrink: 0;\r\n \/* \u9632\u6b62\u9805\u76ee\u88ab\u58d3\u7e2e *\/\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: #ffffff;\r\n \/* \u767d\u8272\u6587\u5b57\u914d\u5408\u85cd\u8272\u80cc\u666f *\/\r\n font-weight: 600;\r\n \/* \u8abf\u6574\u7c97\u9ad4\u7a0b\u5ea6 *\/\r\n font-size: 0.9rem;\r\n \/* \u9069\u5ea6\u589e\u5927\u5b57\u9ad4 *\/\r\n transition: var(--transition-fast);\r\n position: relative;\r\n padding: 12px 16px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5167\u908a\u8ddd *\/\r\n border-radius: 10px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5713\u89d2 *\/\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n \/* \u7e2e\u5c0f\u908a\u6846 *\/\r\n letter-spacing: 0.15px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u5b57\u6bcd\u9593\u8ddd *\/\r\n text-transform: uppercase;\r\n \/* \u5927\u5beb\u5b57\u6bcd\u66f4\u6e05\u695a *\/\r\n background: rgba(255, 255, 255, 0.1);\r\n \/* \u6dfa\u8272\u534a\u900f\u660e\u80cc\u666f *\/\r\n margin: -20px 2px 0 2px;\r\n \/* \u9032\u4e00\u6b65\u5411\u4e0a\u8abf\u6574\u6309\u9215\u4f4d\u7f6e\uff1a\u5f9e-5px\u6539\u70ba-15px *\/\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);\r\n \/* \u9069\u5ea6\u589e\u52a0\u9670\u5f71 *\/\r\n min-width: 80px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u6700\u5c0f\u5bec\u5ea6 *\/\r\n max-width: 110px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u6700\u5927\u5bec\u5ea6 *\/\r\n text-align: center;\r\n \/* \u6587\u5b57\u5c45\u4e2d *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u6587\u5b57 *\/\r\n text-overflow: ellipsis;\r\n \/* \u6ea2\u51fa\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 42px;\r\n \/* \u9069\u5ea6\u589e\u52a0\u56fa\u5b9a\u9ad8\u5ea6 *\/\r\n line-height: 1.15;\r\n \/* \u9069\u5ea6\u589e\u52a0\u884c\u9ad8 *\/\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57\u4e0d\u8b8a *\/\r\n background: rgba(255, 255, 255, 0.2);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u80cc\u666f\u900f\u660e\u5ea6 *\/\r\n border-color: rgba(255, 255, 255, 0.5);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u908a\u6846\u900f\u660e\u5ea6 *\/\r\n transform: translateY(-2px);\r\n \/* \u6e1b\u5c11\u4e0a\u79fb\u8ddd\u96e2 *\/\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n \/* \u7c21\u5316\u9670\u5f71\u6548\u679c *\/\r\n }\r\n\r\n .nav-menu a:focus {\r\n outline: 3px solid #ffc107;\r\n \/* \u9ec3\u8272\u805a\u7126\u908a\u6846 *\/\r\n outline-offset: 2px;\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57 *\/\r\n background: rgba(255, 255, 255, 0.2);\r\n \/* \u4fdd\u6301\u4e00\u81f4\u7684\u80cc\u666f *\/\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .nav-menu a.active {\r\n color: #ffffff;\r\n \/* \u4fdd\u6301\u767d\u8272\u6587\u5b57 *\/\r\n background: rgba(255, 255, 255, 0.25);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u80cc\u666f\u900f\u660e\u5ea6\u4ee5\u793a\u5340\u5225 *\/\r\n border-color: rgba(255, 255, 255, 0.6);\r\n \/* \u7a0d\u5fae\u589e\u52a0\u908a\u6846\u900f\u660e\u5ea6 *\/\r\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);\r\n \/* \u7a0d\u5fae\u52a0\u6df1\u9670\u5f71 *\/\r\n font-weight: 800;\r\n \/* \u52a0\u7c97\u5b57\u9ad4\u4ee5\u793a\u7576\u524d\u9801\u9762 *\/\r\n }\r\n\r\n .nav-menu a::after {\r\n display: none;\r\n \/* \u79fb\u9664\u5e95\u7dda\u6548\u679c *\/\r\n }\r\n\r\n \/* Dropdown Menu Styles *\/\r\n .dropdown {\r\n position: relative;\r\n }\r\n\r\n .dropdown-toggle {\r\n cursor: pointer;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .dropdown-arrow {\r\n margin-left: 8px;\r\n font-size: 0.8em;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .dropdown:hover .dropdown-arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 10px) !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: var(--secondary-dark) !important;\r\n border-radius: 12px !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n min-width: 200px !important;\r\n z-index: 999999 !important;\r\n padding: 8px 0 !important;\r\n margin: 0 !important;\r\n list-style: none !important;\r\n border: 1px solid var(--border-light) !important;\r\n pointer-events: none !important;\r\n display: block !important;\r\n }\r\n\r\n .dropdown:hover .dropdown-menu,\r\n .dropdown.active .dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n display: block !important;\r\n }\r\n\r\n \/* \u9ede\u64ca\u72c0\u614b\u4e0b\u7684\u7bad\u982d\u65cb\u8f49 *\/\r\n .dropdown.active .dropdown-arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .dropdown-menu li {\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n white-space: nowrap;\r\n flex-shrink: 1;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .dropdown-menu a {\r\n color: var(--text-primary) !important;\r\n padding: 12px 20px !important;\r\n display: block !important;\r\n border-radius: 0 !important;\r\n border: none !important;\r\n background: transparent !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 500 !important;\r\n text-transform: none !important;\r\n letter-spacing: normal !important;\r\n min-width: auto !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n line-height: 1.4 !important;\r\n margin: 0 !important;\r\n box-shadow: none !important;\r\n pointer-events: auto !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n overflow: visible !important;\r\n text-overflow: clip !important;\r\n text-align: left !important;\r\n transition: background-color 0.3s ease, color 0.3s ease !important;\r\n transform: none !important;\r\n }\r\n\r\n .dropdown-menu a:hover {\r\n background: var(--accent-dark) !important;\r\n color: var(--text-accent) !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n border: none !important;\r\n }\r\n\r\n .dropdown-menu li:first-child a {\r\n border-top-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n }\r\n\r\n .dropdown-menu li:last-child a {\r\n border-bottom-left-radius: 10px;\r\n border-bottom-right-radius: 10px;\r\n }\r\n\r\n \/* Process Flow Styles *\/\r\n .process-flow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n margin: 20px 0;\r\n }\r\n\r\n .flow-item {\r\n flex: 1;\r\n min-width: 200px;\r\n min-height: 180px;\r\n text-align: center;\r\n padding: 20px;\r\n background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);\r\n border-radius: 15px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .flow-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);\r\n border-color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n \/* Special styling for registration flow item *\/\r\n .flow-item:first-child {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:first-child:hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(3) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(3):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(5) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(5):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-item:nth-child(7) {\r\n background: linear-gradient(135deg, #3f94f3 0%, #1e40af 100%);\r\n }\r\n\r\n .flow-item:nth-child(7):hover {\r\n box-shadow: 0 8px 25px rgba(63, 148, 243, 0.4);\r\n }\r\n\r\n .flow-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n color: white;\r\n font-size: 24px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .flow-content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .flow-content h4 {\r\n color: white;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .flow-date {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .flow-content p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 0.95rem;\r\n line-height: 1.4;\r\n margin: 0;\r\n }\r\n\r\n .flow-arrow {\r\n color: #6b7280;\r\n font-size: 24px;\r\n opacity: 0.8;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Responsive design for process flow *\/\r\n @media (max-width: 1024px) {\r\n .process-flow {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .flow-arrow {\r\n transform: rotate(90deg);\r\n margin: 10px 0;\r\n }\r\n\r\n .flow-item {\r\n min-width: auto;\r\n width: 100%;\r\n min-height: 160px;\r\n }\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n padding: 6px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .hamburger-icon {\r\n width: 22px;\r\n height: 22px;\r\n filter: brightness(0) invert(1);\r\n \/* \u5c07\u5716\u7247\u8f49\u70ba\u767d\u8272 *\/\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .hamburger:hover .hamburger-icon {\r\n transform: scale(1.1);\r\n filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255, 255, 255, 0.8));\r\n }\r\n\r\n \/* \u79fb\u9664\u539f\u6709\u7684span\u6a23\u5f0f\uff0c\u56e0\u70ba\u73fe\u5728\u4f7f\u7528PNG *\/\r\n .hamburger span {\r\n display: none;\r\n }\r\n\r\n \/* \u4e3b\u8996\u89ba\u5340\u57df *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n background: var(--gradient-bg);\r\n overflow: hidden;\r\n padding-top: 110px;\r\n \/* \u914d\u5408\u4e0b\u79fb\u7684\u5c0e\u822a\u5217\u4f4d\u7f6e (20px + 90px) *\/\r\n }\r\n\r\n .neural-network-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 20% 80%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 40% 40%, rgba(22, 33, 62, 0.3) 0%, transparent 50%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-content {\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(0, 212, 255, 0.1);\r\n border: 1px solid var(--border-accent);\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n color: var(--text-accent);\r\n margin-bottom: 1.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .hero-title {\r\n font-size: 4rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.1;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 3rem;\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 3rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .stat {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n display: block;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-normal);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: var(--transition-normal);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-accent);\r\n border: 2px solid var(--border-accent);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--text-accent);\r\n color: var(--primary-dark);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--text-secondary);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--border-light);\r\n color: var(--text-primary);\r\n }\r\n\r\n .btn-large {\r\n padding: 18px 36px;\r\n font-size: 1.15rem;\r\n }\r\n\r\n \/* AI \u52d5\u756b\u6548\u679c *\/\r\n .hero-visual {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .ai-animation {\r\n width: 400px;\r\n height: 400px;\r\n position: relative;\r\n }\r\n\r\n .neural-node {\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n box-shadow: var(--shadow-glow);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n .neural-node:nth-child(1) {\r\n top: 20%;\r\n left: 20%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .neural-node:nth-child(2) {\r\n top: 20%;\r\n right: 20%;\r\n animation-delay: 0.4s;\r\n }\r\n\r\n .neural-node:nth-child(3) {\r\n bottom: 20%;\r\n left: 20%;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n .neural-node:nth-child(4) {\r\n bottom: 20%;\r\n right: 20%;\r\n animation-delay: 1.2s;\r\n }\r\n\r\n .neural-node:nth-child(5) {\r\n top: 50%;\r\n left: 50%;\r\n animation-delay: 1.6s;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .neural-connection {\r\n position: absolute;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--text-accent), transparent);\r\n animation: dataTransfer 3s infinite;\r\n }\r\n\r\n .neural-connection:nth-child(6) {\r\n top: 25%;\r\n left: 25%;\r\n width: 50%;\r\n transform: rotate(15deg);\r\n animation-delay: 0s;\r\n }\r\n\r\n .neural-connection:nth-child(7) {\r\n top: 55%;\r\n left: 20%;\r\n width: 60%;\r\n transform: rotate(-20deg);\r\n animation-delay: 1s;\r\n }\r\n\r\n .neural-connection:nth-child(8) {\r\n top: 75%;\r\n left: 25%;\r\n width: 50%;\r\n transform: rotate(25deg);\r\n animation-delay: 2s;\r\n }\r\n\r\n .neural-connection:nth-child(9) {\r\n top: 45%;\r\n left: 30%;\r\n width: 40%;\r\n transform: rotate(-45deg);\r\n animation-delay: 1.5s;\r\n }\r\n\r\n \/* \u5340\u6bb5\u6a19\u984c *\/\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n color: var(--text-primary);\r\n }\r\n\r\n .section-title i {\r\n color: var(--text-accent);\r\n margin-right: 12px;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n width: 60px;\r\n height: 3px;\r\n background: var(--gradient-primary);\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* \u6d77\u5831\u5340\u57df - \u6eff\u7248\u8a2d\u8a08 *\/\r\n .poster-section {\r\n margin: 0 !important;\r\n\r\n padding: 0px;\r\n background: var(--primary-color);\r\n margin-top: 30px !important;\r\n \/* \u78ba\u4fdd\u5b8c\u5168\u4e0d\u91cd\u758a\uff1a\u9ed1\u8272\u5c0e\u89bd\u5217(30px) + \u6de1\u85cd\u8272\u5340\u584a(0px) + \u85cd\u8272\u5c0e\u89bd\u5217(70px) + \u5c0e\u89bd\u5217\u9ad8\u5ea6(70px) = 190px\uff0c\u4fdd\u5b88\u8a2d\u70ba150px *\/\r\n }\r\n\r\n .poster-title-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .poster-fullwidth {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg,\r\n rgba(0, 212, 255, 0.1) 0%,\r\n rgba(26, 26, 46, 0.3) 50%,\r\n rgba(0, 212, 255, 0.1) 100%);\r\n }\r\n\r\n .poster-placeholder {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 60vh !important;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .poster-placeholder:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .poster-image {\r\n max-width: 90%;\r\n max-height: 80vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 20px;\r\n box-shadow:\r\n 0 20px 60px rgba(0, 0, 0, 0.4),\r\n 0 0 40px rgba(0, 212, 255, 0.2),\r\n inset 0 0 0 1px rgba(0, 212, 255, 0.1);\r\n transition: all 0.3s ease;\r\n filter: brightness(0.6);\r\n }\r\n\r\n .poster-placeholder:hover .poster-image {\r\n box-shadow:\r\n 0 30px 80px rgba(0, 0, 0, 0.5),\r\n 0 0 60px rgba(0, 212, 255, 0.4),\r\n inset 0 0 0 1px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n \/* \u6d77\u5831\u4e0a\u7684\u8986\u84cb\u6587\u5b57\u6a23\u5f0f *\/\r\n .poster-overlay-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 15;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n animation: fadeInScale 0.8s ease forwards;\r\n max-width: 80%;\r\n }\r\n\r\n \/* \u4e0a\u65b9\u5167\u5bb9\u5340 *\/\r\n .poster-content-top {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .poster-main-title {\r\n font-size: 2.8rem;\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.1;\r\n text-shadow:\r\n 2px 2px 8px rgba(0, 0, 0, 0.6),\r\n 0 0 25px rgba(0, 212, 255, 0.4);\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n .poster-main-title+.poster-subtitle {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0.3rem 0 0 0;\r\n text-shadow:\r\n 2px 2px 8px rgba(0, 0, 0, 0.6),\r\n 0 0 20px rgba(255, 255, 255, 0.3);\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n \/* \u4e2d\u9593\u5167\u5bb9\u5340 *\/\r\n .poster-content-middle {\r\n text-align: center;\r\n margin: 1.5rem 0;\r\n }\r\n\r\n .registration-period {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1.5rem;\r\n backdrop-filter: blur(6px);\r\n padding: 1rem 2rem;\r\n border: 2px solid rgba(0, 212, 255, 0.5);\r\n border-radius: 50px;\r\n background: rgba(0, 212, 255, 0.08);\r\n margin: 1rem 0;\r\n }\r\n\r\n .period-label {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #00d4ff;\r\n letter-spacing: 0.1em;\r\n border-right: 2px solid rgba(0, 212, 255, 0.4);\r\n padding-right: 1.5rem;\r\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n .period-date {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #00d4ff;\r\n letter-spacing: 0.05em;\r\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n .poster-description {\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n margin: 0;\r\n text-shadow:\r\n 3px 3px 8px rgba(0, 0, 0, 0.7),\r\n 0 0 30px rgba(0, 212, 255, 0.4);\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n \/* \u4e0b\u65b9\u5167\u5bb9\u5340 *\/\r\n .poster-content-bottom {\r\n display: none;\r\n }\r\n\r\n .poster-footer {\r\n font-size: 0.7rem;\r\n color: #b8c5d1;\r\n margin: 0;\r\n line-height: 1.3;\r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .poster-placeholder:hover .poster-overlay-text {\r\n transform: translate(-50%, -50%) scale(1.02);\r\n }\r\n\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.9);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n\r\n \/* \u5e73\u677f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .poster-overlay-text {\r\n max-width: 85%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n \/* \u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 768px) {\r\n .poster-overlay-text {\r\n max-width: 90%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 2rem;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 50vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 70vh;\r\n }\r\n }\r\n\r\n \/* \u5c0f\u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 480px) {\r\n .poster-overlay-text {\r\n max-width: 95%;\r\n }\r\n\r\n .poster-description {\r\n font-size: 1.5rem;\r\n text-shadow:\r\n 2px 2px 6px rgba(0, 0, 0, 0.7),\r\n 0 0 20px rgba(0, 212, 255, 0.3);\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 40vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 60vh;\r\n }\r\n }\r\n\r\n .poster-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(0, 212, 255, 0.9);\r\n color: var(--primary-color);\r\n padding: 1rem 0rem;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-weight: 600;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .poster-placeholder:hover .poster-overlay {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1.1);\r\n }\r\n\r\n .poster-overlay i {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .poster-info h3 {\r\n font-size: 2.2rem;\r\n margin-bottom: 1.2rem;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .poster-info p {\r\n font-size: 1.15rem;\r\n line-height: 1.6;\r\n color: var(--text-secondary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .poster-highlights {\r\n list-style: none;\r\n }\r\n\r\n .poster-highlights li {\r\n padding: 0.5rem 0;\r\n color: var(--text-secondary);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .poster-highlights i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n \/* \u7af6\u8cfd\u8cc7\u8a0a *\/\r\n .competition-info {\r\n padding: 20px 0;\r\n background: var(--primary-dark);\r\n }\r\n\r\n .info-card {\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-large);\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .info-card:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .info-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .info-header i {\r\n font-size: 1.6rem;\r\n color: var(--text-accent);\r\n }\r\n\r\n .info-header h2 {\r\n font-size: 2.8rem;\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .info-content {\r\n color: var(--text-secondary);\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .announcement-item {\r\n padding: 1rem 0;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n\r\n .announcement-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .announcement-item .date {\r\n display: inline-block;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n padding: 4px 12px;\r\n border-radius: var(--radius-small);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .theme-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n \/* \u56fa\u5b9a\u56db\u500b\u4e00\u7d44 *\/\r\n gap: 1rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n max-width: 100%;\r\n \/* \u78ba\u4fdd\u4e0d\u8d85\u51fa\u5bb9\u5668 *\/\r\n }\r\n\r\n .theme-item {\r\n background: var(--accent-dark);\r\n padding: 1.2rem;\r\n \/* \u7e2e\u5c0f\u5167\u908a\u8ddd *\/\r\n border-radius: var(--radius-normal);\r\n text-align: center;\r\n transition: var(--transition-normal);\r\n border: 1px solid var(--border-light);\r\n min-height: auto;\r\n \/* \u5141\u8a31\u9ad8\u5ea6\u81ea\u9069\u61c9 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u5167\u5bb9 *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .theme-item:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .theme-item i {\r\n font-size: 2rem;\r\n \/* \u7e2e\u5c0f\u5716\u793a *\/\r\n color: var(--text-accent);\r\n margin-bottom: 0.5rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n }\r\n\r\n .theme-item h4 {\r\n font-size: 1.1rem;\r\n \/* \u7a0d\u5fae\u653e\u5927\u6a19\u984c\u5b57\u9ad4 *\/\r\n margin-bottom: 0.5rem;\r\n \/* \u7e2e\u5c0f\u9593\u8ddd *\/\r\n color: var(--text-primary);\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6a19\u984c\u63db\u884c *\/\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n \/* \u6587\u5b57\u904e\u9577\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n }\r\n\r\n .theme-item p {\r\n line-height: 1.4;\r\n \/* \u8abf\u6574\u884c\u9ad8 *\/\r\n font-size: 0.9rem;\r\n \/* \u7a0d\u5fae\u653e\u5927\u63cf\u8ff0\u6587\u5b57 *\/\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u63cf\u8ff0\u63db\u884c *\/\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n \/* \u6587\u5b57\u904e\u9577\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n max-width: 100%;\r\n }\r\n\r\n \/* \u5e73\u677f\u7248\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n .theme-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n \/* \u5e73\u677f\u7248\u4e09\u500b\u4e00\u7d44 *\/\r\n gap: 1rem;\r\n }\r\n }\r\n\r\n \/* \u5c0f\u87a2\u5e55\u512a\u5316 *\/\r\n @media (max-width: 480px) {\r\n .theme-grid {\r\n grid-template-columns: 1fr;\r\n \/* \u8d85\u5c0f\u87a2\u5e55\u4e00\u500b\u4e00\u7d44 *\/\r\n gap: 0.5rem;\r\n }\r\n\r\n .theme-item {\r\n padding: 0.8rem;\r\n white-space: normal;\r\n \/* \u8d85\u5c0f\u87a2\u5e55\u5141\u8a31\u6587\u5b57\u63db\u884c *\/\r\n }\r\n\r\n .theme-item h4,\r\n .theme-item p {\r\n white-space: normal;\r\n \/* \u5141\u8a31\u6587\u5b57\u63db\u884c *\/\r\n overflow: visible;\r\n text-overflow: initial;\r\n }\r\n }\r\n\r\n .qualification-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .qualification-item {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n overflow: hidden;\r\n }\r\n\r\n .qualification-item.clickable {\r\n cursor: pointer;\r\n }\r\n\r\n .qualification-item.clickable:hover {\r\n border-color: var(--border-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .qualification-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.5rem;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .qualification-item.expanded .qualification-header {\r\n background: rgba(0, 212, 255, 0.05);\r\n }\r\n\r\n .qualification-item i:first-child {\r\n font-size: 1.5rem;\r\n color: var(--text-accent);\r\n margin-top: 0.25rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .qualification-text {\r\n flex: 1;\r\n }\r\n\r\n .qualification-text h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .expand-icon {\r\n font-size: 0.8em;\r\n color: var(--text-accent);\r\n transition: transform 0.3s ease;\r\n margin-left: 8px;\r\n }\r\n\r\n .qualification-item.expanded .expand-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .qualification-details {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n background: rgba(0, 212, 255, 0.02);\r\n }\r\n\r\n .qualification-item.expanded .qualification-details {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem 4rem;\r\n }\r\n\r\n .detail-content h5 {\r\n color: var(--text-accent);\r\n font-size: 1rem;\r\n margin: 1rem 0 0.5rem 0;\r\n font-weight: 600;\r\n }\r\n\r\n .detail-content h5:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n .detail-content ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1rem 0;\r\n }\r\n\r\n .detail-content ul li {\r\n color: var(--text-secondary);\r\n padding: 0.3rem 0 0.3rem 1.2rem;\r\n position: relative;\r\n line-height: 1.4;\r\n }\r\n\r\n .detail-content ul li::before {\r\n content: \"\u25b8\";\r\n color: var(--text-accent);\r\n position: absolute;\r\n left: 0;\r\n top: 0.3rem;\r\n }\r\n\r\n \/* \u7af6\u8cfd\u6d41\u7a0b *\/\r\n .competition-process {\r\n padding: 100px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .process-timeline {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .process-timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: var(--gradient-primary);\r\n transform: translateX(-50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n margin-bottom: 4rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-item:nth-child(odd) {\r\n flex-direction: row;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .timeline-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n height: 60px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .timeline-icon i {\r\n font-size: 1.5rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .timeline-content {\r\n flex: 1;\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n margin: 0 2rem;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n max-width: calc(50% - 50px);\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-content {\r\n margin-right: calc(50% + 50px);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-content {\r\n margin-left: calc(50% + 50px);\r\n }\r\n\r\n .timeline-content:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .timeline-content h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .timeline-date {\r\n font-size: 0.9rem;\r\n color: var(--text-accent);\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .timeline-content p:last-child {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u8a55\u5206\u6a19\u6e96 *\/\r\n .evaluation-criteria {\r\n padding: 60px 0 40px 0;\r\n background: var(--primary-dark);\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* \u8b93\u5169\u500b\u8a55\u5206\u6a19\u6e96\u5340\u584a\u7dca\u9130 *\/\r\n .evaluation-criteria+.evaluation-criteria {\r\n margin-top: -40px;\r\n padding-top: 0;\r\n }\r\n\r\n .criteria-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .criteria-card {\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-large);\r\n padding: 1.5rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .criteria-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-primary);\r\n }\r\n\r\n .criteria-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .criteria-header {\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .criteria-main {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .criteria-details {\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;\r\n padding: 0 1rem;\r\n margin-top: 0;\r\n }\r\n\r\n .criteria-card.expanded .criteria-details {\r\n max-height: 800px;\r\n opacity: 1;\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n border-top: 1px solid var(--border-light);\r\n }\r\n\r\n .criteria-card.expanded {\r\n transform: scale(1.02);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .criteria-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 2rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .criteria-icon i {\r\n font-size: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .criteria-card h3 {\r\n font-size: 1.6rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .criteria-weight {\r\n display: none;\r\n \/* \u96b1\u85cf\u6b0a\u91cd\u986f\u793a *\/\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 1.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .criteria-card ul {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .criteria-card li {\r\n padding: 0.6rem 0;\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n border-bottom: 1px solid var(--border-light);\r\n position: relative;\r\n padding-left: 20px;\r\n }\r\n\r\n .criteria-card li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .criteria-card li::before {\r\n content: '\u25b6';\r\n position: absolute;\r\n left: 0;\r\n color: var(--text-accent);\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f *\/\r\n .rewards-section {\r\n padding: 80px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .rewards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .reward-card {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-large);\r\n padding: 3rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .reward-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 6px;\r\n background: var(--gradient-primary);\r\n }\r\n\r\n .reward-card.champion::before {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .reward-card.runner-up::before {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .reward-card.third-place::before {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .reward-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .reward-badge {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 2rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 2.5rem;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .reward-card h2 {\r\n font-size: 2.6rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .reward-amount {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 0.5rem;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n .reward-subtitle {\r\n color: var(--text-muted);\r\n margin-bottom: 2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .reward-benefits {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .reward-benefits li {\r\n padding: 0.75rem 0;\r\n color: var(--text-secondary);\r\n border-bottom: 1px solid var(--border-light);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .reward-benefits li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .reward-benefits i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n .special-awards {\r\n text-align: center;\r\n }\r\n\r\n .special-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .special-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .special-award {\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .special-award:hover {\r\n border-color: var(--border-accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .special-award i {\r\n font-size: 2rem;\r\n color: var(--text-accent);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .special-award h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .special-award p {\r\n color: var(--text-accent);\r\n font-weight: 600;\r\n font-family: 'Space Mono', monospace;\r\n }\r\n\r\n \/* \u5831\u540d\u5340\u57df - \u91cd\u65b0\u8a2d\u8a08 *\/\r\n .register-section {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #0a0a0f 0%, #16213e 100%);\r\n }\r\n\r\n .register-main {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n text-align: center;\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 20px;\r\n padding: 50px 40px;\r\n box-shadow: 0 20px 60px rgba(22, 33, 62, 0.6);\r\n border: 1px solid rgba(0, 212, 255, 0.2);\r\n }\r\n\r\n .register-header h2 {\r\n font-size: 2.5rem;\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n }\r\n\r\n .register-header .register-desc {\r\n font-size: 1.2rem;\r\n color: var(--text-secondary);\r\n margin-bottom: 3rem;\r\n }\r\n\r\n \/* \u8cc7\u8a0a\u5361\u7247 *\/\r\n .register-info-cards {\r\n display: flex;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n }\r\n\r\n\r\n .info-card-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n border-radius: 12px;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(10, 10, 15, 0.5);\r\n min-width: 140px;\r\n max-width: 140px;\r\n flex: 1;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* =============================\r\n \u6307\u5c0e\u55ae\u4f4d .info-card-item \u6a23\u5f0f\r\n ============================= *\/\r\n\r\n \/* \u4e3b\u8fa6\u55ae\u4f4d\u5340\u584a\uff08#organizers\uff09.info-card-item \u5bec\u4e00\u9ede *\/\r\n #organizers .info-card-item {\r\n min-width: 180px;\r\n max-width: 220px;\r\n }\r\n\r\n\r\n .info-card-item:hover {\r\n border-color: var(--highlight);\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(0, 212, 255, 0.4);\r\n background: linear-gradient(135deg, #2d3748, #1a1a2e);\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.5rem;\r\n color: var(--highlight);\r\n min-width: 30px;\r\n }\r\n\r\n .info-card-item h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.2rem;\r\n font-size: 0.95rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .info-card-item p {\r\n color: var(--text-secondary);\r\n margin: 0;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* CTA \u5340\u57df *\/\r\n .register-cta {\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 20px;\r\n padding: 3rem 2rem;\r\n margin: 3rem 0;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n box-shadow: 0 8px 25px rgba(22, 33, 62, 0.5);\r\n }\r\n\r\n .cta-content h3 {\r\n font-size: 1.8rem;\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .cta-content p {\r\n color: var(--text-secondary);\r\n margin-bottom: 2rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* \u4e3b\u8981\u5831\u540d\u6309\u9215 *\/\r\n .primary-register-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1rem;\r\n padding: 1.2rem 2.5rem;\r\n background: var(--gradient-primary);\r\n color: white !important;\r\n text-decoration: none !important;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow-glow);\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .primary-register-btn:visited {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:active {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:link {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: var(--shadow-hover);\r\n border-color: var(--highlight);\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn .btn-icon {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .primary-register-btn .btn-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .primary-register-btn .btn-main {\r\n font-size: 1.1rem;\r\n line-height: 1.2;\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn .btn-sub {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n font-weight: 400;\r\n color: white !important;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u6309\u9215\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u70ba\u767d\u8272 *\/\r\n .primary-register-btn *,\r\n .primary-register-btn .btn-main,\r\n .primary-register-btn .btn-sub,\r\n .primary-register-btn .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:visited *,\r\n .primary-register-btn:visited .btn-main,\r\n .primary-register-btn:visited .btn-sub,\r\n .primary-register-btn:visited .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:hover *,\r\n .primary-register-btn:hover .btn-main,\r\n .primary-register-btn:hover .btn-sub,\r\n .primary-register-btn:hover .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n .primary-register-btn:active *,\r\n .primary-register-btn:active .btn-main,\r\n .primary-register-btn:active .btn-sub,\r\n .primary-register-btn:active .btn-icon {\r\n color: white !important;\r\n }\r\n\r\n \/* \u622a\u6b62\u65e5\u671f\u8b66\u544a *\/\r\n .deadline-warning {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 1rem;\r\n background: rgba(251, 191, 36, 0.1);\r\n border: 1px solid #fbbf24;\r\n border-radius: 20px;\r\n color: #fbbf24;\r\n font-weight: 600;\r\n animation: pulse-warning 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-warning {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n \/* \u8b66\u544a\u8a0a\u606f\u884c *\/\r\n .warning-note-line {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 1rem;\r\n margin-top: 1rem;\r\n background: rgba(59, 130, 246, 0.1);\r\n border: 1px solid #3b82f6;\r\n border-radius: 15px;\r\n color: #60a5fa;\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .warning-note-line i {\r\n font-size: 1rem;\r\n color: #3b82f6;\r\n }\r\n\r\n \/* \u5831\u540d\u9808\u77e5 *\/\r\n .register-requirements {\r\n background: linear-gradient(135deg, #16213e, #1a1a2e);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n border: 2px solid rgba(0, 212, 255, 0.3);\r\n text-align: left;\r\n box-shadow: 0 4px 15px rgba(22, 33, 62, 0.5);\r\n }\r\n\r\n .register-requirements h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .requirements-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .requirement-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n border-radius: 10px;\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n box-shadow: 0 2px 8px rgba(10, 10, 15, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .requirement-item:hover {\r\n border-color: var(--highlight);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .requirement-item i {\r\n color: var(--highlight);\r\n font-size: 1.2rem;\r\n min-width: 20px;\r\n }\r\n\r\n .requirement-item span {\r\n color: var(--text-primary);\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* \u5e6b\u52a9\u9023\u7d50 *\/\r\n .help-links {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .help-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 1.5rem;\r\n background: linear-gradient(135deg, #1a1a2e, #2d3748);\r\n color: var(--text-secondary) !important;\r\n text-decoration: none !important;\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n border-radius: 10px;\r\n transition: all 0.3s ease;\r\n font-size: 0.95rem;\r\n box-shadow: 0 2px 8px rgba(10, 10, 15, 0.3);\r\n }\r\n\r\n .help-link:visited {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:active {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:link {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:hover {\r\n background: linear-gradient(135deg, #2d3748, #1a1a2e);\r\n color: var(--highlight) !important;\r\n border-color: var(--highlight);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n \/* \u78ba\u4fdd\u5e6b\u52a9\u9023\u7d50\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u4fdd\u6301\u6b63\u78ba\u984f\u8272 *\/\r\n .help-link *,\r\n .help-link i {\r\n color: inherit !important;\r\n }\r\n\r\n .help-link:visited *,\r\n .help-link:visited i {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n .help-link:hover *,\r\n .help-link:hover i {\r\n color: var(--highlight) !important;\r\n }\r\n\r\n .help-link:active *,\r\n .help-link:active i {\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n \/* \u91cd\u8981\u6ce8\u610f\u4e8b\u9805\u6a23\u5f0f *\/\r\n .register-notice {\r\n background: linear-gradient(135deg, #2d1b4e, #1a1a2e);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n border: 2px solid rgba(255, 193, 7, 0.4);\r\n margin-top: 2rem;\r\n box-shadow: 0 4px 15px rgba(45, 27, 78, 0.5);\r\n }\r\n\r\n .register-notice h4 {\r\n color: #ffc107;\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n text-align: left;\r\n }\r\n\r\n .notice-content {\r\n color: var(--text-primary);\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n margin-bottom: 1.5rem;\r\n padding: 1rem;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n border-left: 4px solid #ffc107;\r\n text-align: left;\r\n }\r\n\r\n .notice-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .notice-item p {\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n margin-bottom: 0.5rem;\r\n font-size: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ul {\r\n margin-left: 1rem;\r\n margin-top: 0.5rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ol {\r\n margin-left: 1rem;\r\n margin-top: 0.5rem;\r\n padding-left: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ol li {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n margin-bottom: 0.4rem;\r\n list-style-type: decimal;\r\n text-align: left;\r\n }\r\n\r\n .notice-item li {\r\n color: var(--text-secondary);\r\n line-height: 1.6;\r\n margin-bottom: 0.4rem;\r\n list-style-type: disc;\r\n text-align: left;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .register-main {\r\n padding: 30px 15px;\r\n margin: 0 15px;\r\n }\r\n\r\n .register-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .register-info-cards {\r\n gap: 0.5rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n overflow-x: auto;\r\n }\r\n\r\n .info-card-item {\r\n min-width: 100px;\r\n max-width: 120px;\r\n padding: 0.6rem;\r\n flex: 0 0 auto;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.8rem;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.7rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.2rem;\r\n min-width: 25px;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .register-cta {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .primary-register-btn {\r\n padding: 1rem 2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .requirements-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .help-links {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .register-notice {\r\n padding: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .register-notice h4 {\r\n font-size: 1.1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n padding: 0.8rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item p,\r\n .notice-item li {\r\n font-size: 0.9rem;\r\n text-align: left;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .register-info-cards {\r\n gap: 0.6rem;\r\n }\r\n\r\n .info-card-item {\r\n min-width: 120px;\r\n max-width: 140px;\r\n padding: 0.7rem;\r\n flex: 1 1 120px;\r\n }\r\n\r\n .info-card-item i {\r\n font-size: 1.3rem;\r\n min-width: 25px;\r\n }\r\n\r\n .info-card-item h4 {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .info-card-item p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .register-notice {\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .register-notice h4 {\r\n font-size: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item {\r\n padding: 0.6rem;\r\n margin-bottom: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .notice-item p,\r\n .notice-item li {\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n text-align: left;\r\n }\r\n\r\n .notice-item ul,\r\n .notice-item ol {\r\n margin-left: 0.5rem;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .register-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n }\r\n\r\n .register-info h3 {\r\n font-size: 1.8rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.5rem;\r\n background: var(--secondary-dark);\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .info-item:hover {\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.5rem;\r\n color: var(--text-accent);\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .info-text h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .info-text p {\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-section {\r\n background: var(--secondary-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .notice-section h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .notice-section i {\r\n color: var(--warning);\r\n }\r\n\r\n .notice-list {\r\n list-style: none;\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-list li {\r\n padding: 0.5rem 0;\r\n padding-left: 20px;\r\n position: relative;\r\n }\r\n\r\n .notice-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: var(--text-accent);\r\n }\r\n\r\n .register-form-container {\r\n background: var(--secondary-dark);\r\n padding: 3rem;\r\n border-radius: var(--radius-large);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .google-form-embed h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .google-form-embed p {\r\n color: var(--text-secondary);\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .form-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n }\r\n\r\n .form-preview h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-items {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .form-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 1rem;\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-small);\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .form-item i {\r\n color: var(--text-accent);\r\n }\r\n\r\n .form-item span {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* \u6587\u4ef6\u4e0b\u8f09\u5340 *\/\r\n .downloads-section {\r\n padding: 80px 0;\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .download-card {\r\n background: var(--accent-dark);\r\n border-radius: var(--radius-large);\r\n padding: 2rem;\r\n text-align: center;\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .download-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .download-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .download-icon i {\r\n font-size: 1.8rem;\r\n color: var(--text-primary);\r\n }\r\n\r\n .download-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.8rem;\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n }\r\n\r\n .download-card p {\r\n color: var(--text-secondary);\r\n margin-bottom: 1.2rem;\r\n line-height: 1.5;\r\n font-size: 1rem;\r\n }\r\n\r\n .download-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 1.2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .file-size {\r\n color: var(--text-muted);\r\n font-size: 1rem;\r\n }\r\n\r\n .file-type {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n padding: 6px 14px;\r\n border-radius: var(--radius-small);\r\n font-weight: 600;\r\n font-family: 'Space Mono', monospace;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .download-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary) !important;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-normal);\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: var(--transition-normal);\r\n }\r\n\r\n .download-btn:visited {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:active {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:link {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u4e0b\u8f09\u6309\u9215\u5167\u6240\u6709\u6587\u5b57\u59cb\u7d42\u4fdd\u6301\u539f\u8272 *\/\r\n .download-btn *,\r\n .download-btn i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:visited *,\r\n .download-btn:visited i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:hover *,\r\n .download-btn:hover i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-btn:active *,\r\n .download-btn:active i {\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n .download-notice {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .notice-box {\r\n background: var(--accent-dark);\r\n padding: 2rem;\r\n border-radius: var(--radius-normal);\r\n border: 1px solid var(--border-light);\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .notice-box i {\r\n font-size: 1.5rem;\r\n color: var(--info);\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .notice-content h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .notice-content ul {\r\n list-style: none;\r\n color: var(--text-secondary);\r\n }\r\n\r\n .notice-content li {\r\n padding: 0.25rem 0;\r\n padding-left: 15px;\r\n position: relative;\r\n }\r\n\r\n .notice-content li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success);\r\n }\r\n\r\n \/* \u9801\u5c3e *\/\r\n .footer {\r\n background: var(--primary-dark);\r\n border-top: 1px solid var(--border-light);\r\n padding: 20px 0 10px;\r\n \/* \u5f9e 60px 0 20px \u8abf\u6574\u70ba 40px 0 15px *\/\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: 2fr 3fr;\r\n gap: 3rem;\r\n \/* \u5f9e 4rem \u8abf\u6574\u70ba 3rem *\/\r\n margin-bottom: 2rem;\r\n \/* \u5f9e 3rem \u8abf\u6574\u70ba 2rem *\/\r\n }\r\n\r\n .footer-main {\r\n color: var(--text-secondary);\r\n }\r\n\r\n .footer-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .footer-logo i {\r\n margin-right: 12px;\r\n background: var(--gradient-primary);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .footer-description {\r\n line-height: 1.7;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact-item i {\r\n color: var(--text-accent);\r\n width: 20px;\r\n }\r\n\r\n .footer-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .footer-section h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-section ul li a {\r\n color: var(--text-secondary);\r\n text-decoration: none;\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .footer-section ul li a:hover {\r\n color: var(--text-accent);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .social-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n background: var(--secondary-dark);\r\n border: 1px solid var(--border-light);\r\n border-radius: 50%;\r\n color: var(--text-secondary);\r\n text-decoration: none;\r\n transition: var(--transition-fast);\r\n }\r\n\r\n .social-link:hover {\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n border-color: var(--border-accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border-light);\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* \u8fd4\u56de\u9802\u90e8\u6309\u9215 *\/\r\n .back-to-top {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--gradient-primary);\r\n color: var(--text-primary);\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition-normal);\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 1000;\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .back-to-top.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .back-to-top:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n \/* \u52d5\u756b\u6548\u679c *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: scale(1.1);\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n @keyframes dataTransfer {\r\n 0% {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n\r\n \/* \u8abf\u6574\u4e3b\u8981\u6a19\u984c\u5728\u624b\u6a5f\u4e0a\u7684\u5927\u5c0f *\/\r\n .info-header h2 {\r\n font-size: 2.2rem !important;\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* WordPress \u517c\u5bb9\u6027\uff1a\u884c\u52d5\u7248\u6f22\u5821\u9078\u55ae\u5f37\u5316\u986f\u793a *\/\r\n .hamburger {\r\n display: flex;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n margin-left: auto !important;\r\n margin-right: 0px !important;\r\n \/* \u8b93\u6f22\u5821\u5716\u6a19\u5f80\u5de6\u79fb\u52d5\u4e00\u9ede *\/\r\n margin-top: -20px;\r\n flex-shrink: 0 !important;\r\n position: relative !important;\r\n z-index: 999 !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* WordPress \u74b0\u5883\uff1a\u78ba\u4fdd\u884c\u52d5\u7248\u6f22\u5821\u5716\u6a19\u6b63\u78ba\u986f\u793a *\/\r\n .hamburger .hamburger-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n display: block !important;\r\n margin: 0 auto !important;\r\n object-fit: contain !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n background: none !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n \/* \u884c\u52d5\u7248\u5c0e\u89bd\u5bb9\u5668\u8abf\u6574 *\/\r\n .nav-container {\r\n padding: 0 16px;\r\n height: 70px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u884c\u52d5\u7248logo\u986f\u793a\u4e26\u5c0d\u9f4a *\/\r\n .nav-logo {\r\n display: flex !important;\r\n align-items: center;\r\n font-size: 1.2rem;\r\n color: #ffffff !important;\r\n margin-top: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 8px;\r\n font-size: 1.4rem;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u6f22\u5821\u9078\u55ae\u5c0d\u9f4a *\/\r\n .hamburger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 8px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n width: 44px;\r\n height: 44px;\r\n position: relative;\r\n z-index: 1001;\r\n }\r\n\r\n .hamburger-icon {\r\n width: 24px;\r\n height: 24px;\r\n filter: brightness(0) invert(1);\r\n \/* \u5c07\u5716\u7247\u8f49\u70ba\u767d\u8272 *\/\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger:hover .hamburger-icon {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u79fb\u9664span\u76f8\u95dc\u6a23\u5f0f\uff0c\u56e0\u70ba\u4f7f\u7528PNG *\/\r\n .hamburger span {\r\n display: none;\r\n }\r\n\r\n \/* \u6f22\u5821\u9078\u55ae\u6fc0\u6d3b\u72c0\u614b *\/\r\n .hamburger.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(5px, 5px);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -6px);\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n left: -100%;\r\n top: 90px;\r\n \/* \u914d\u5408\u65b0\u7684\u5c0e\u822a\u9ad8\u5ea6 *\/\r\n flex-direction: column;\r\n background: #007bff !important;\r\n \/* \u5f37\u5236\u85cd\u8272\u80cc\u666f\uff0c\u624b\u6a5f\u7248\u4e5f\u4e0d\u8b8a\u767d *\/\r\n width: 100%;\r\n text-align: center;\r\n transition: var(--transition-normal);\r\n padding: 2rem 0;\r\n border-top: 3px solid #0056b3;\r\n \/* \u6df1\u85cd\u8272\u908a\u6846 *\/\r\n box-shadow: 0 4px 20px rgba(0, 123, 255, 0.3);\r\n z-index: 999;\r\n }\r\n\r\n .nav-menu a {\r\n margin: 12px 20px;\r\n \/* \u589e\u52a0\u5916\u908a\u8ddd *\/\r\n display: flex;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n color: #ffffff;\r\n padding: 18px 20px;\r\n \/* \u8abf\u6574\u5167\u908a\u8ddd\u907f\u514d\u8dd1\u7248 *\/\r\n font-size: 1rem;\r\n \/* \u8abf\u6574\u5b57\u9ad4\u5927\u5c0f *\/\r\n border-radius: 12px;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n min-height: 50px;\r\n \/* \u8a2d\u5b9a\u6700\u5c0f\u9ad8\u5ea6 *\/\r\n align-items: center;\r\n justify-content: center;\r\n white-space: nowrap;\r\n \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n text-overflow: ellipsis;\r\n \/* \u6ea2\u51fa\u6642\u986f\u793a\u7701\u7565\u865f *\/\r\n overflow: hidden;\r\n \/* \u96b1\u85cf\u6ea2\u51fa\u6587\u5b57 *\/\r\n max-width: calc(100% - 40px);\r\n \/* \u9650\u5236\u6700\u5927\u5bec\u5ea6 *\/\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u6efe\u52d5\u6642\u7684\u5c0e\u822a\u6a23\u5f0f *\/\r\n .navbar.scrolled {\r\n top: 30px;\r\n \/* \u79fb\u5230\u5c0f\u5c0e\u89bd\u5217\u4e0b\u65b9 *\/\r\n right: 10px;\r\n \/* \u79fb\u5230\u53f3\u5074\uff0c\u624b\u6a5f\u7248\u7559\u66f4\u5c11\u908a\u8ddd *\/\r\n left: auto;\r\n \/* \u53d6\u6d88\u5de6\u5074\u56fa\u5b9a *\/\r\n width: 200px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5bec\u5ea6 *\/\r\n height: 50px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9ad8\u5ea6 *\/\r\n border-radius: 25px;\r\n \/* \u589e\u52a0\u5713\u89d2 *\/\r\n transform: scale(0.85);\r\n \/* \u624b\u6a5f\u7248\u7e2e\u5c0f\u66f4\u591a *\/\r\n }\r\n\r\n .navbar.scrolled .nav-container {\r\n height: 50px;\r\n \/* \u914d\u5408\u624b\u6a5f\u7248\u5c0e\u89bd\u5217\u9ad8\u5ea6 *\/\r\n padding: 0 10px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* \u6efe\u52d5\u72c0\u614b\u4e0b\u78ba\u4fddlogo\u4ecd\u7136\u986f\u793a *\/\r\n .navbar.scrolled .nav-logo {\r\n display: flex !important;\r\n font-size: 0.9rem;\r\n color: #ffffff !important;\r\n margin-top: 0;\r\n }\r\n\r\n .navbar.scrolled .nav-logo i {\r\n margin-right: 6px;\r\n font-size: 1rem;\r\n color: #ffffff;\r\n }\r\n\r\n .navbar.scrolled .nav-menu {\r\n gap: 2px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9593\u8ddd *\/\r\n top: 50px;\r\n \/* \u8abf\u6574\u624b\u6a5f\u7248\u9078\u55ae\u4f4d\u7f6e *\/\r\n }\r\n\r\n .navbar.scrolled .nav-menu a {\r\n font-size: 0.7rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5b57\u9ad4 *\/\r\n padding: 6px 8px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n height: 30px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u9ad8\u5ea6 *\/\r\n margin: 0;\r\n \/* \u79fb\u9664\u5916\u908a\u8ddd *\/\r\n }\r\n\r\n .navbar.scrolled .hamburger {\r\n display: flex !important;\r\n \/* \u624b\u6a5f\u7248\u6efe\u52d5\u6642\u4ecd\u986f\u793a\u6f22\u5821\u9078\u55ae *\/\r\n padding: 5px;\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .navbar.scrolled .hamburger span {\r\n width: 18px;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u6f22\u5821\u9078\u55ae *\/\r\n height: 2px;\r\n margin: 1px 0;\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 3rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n gap: 2rem;\r\n }\r\n\r\n .ai-animation {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .poster-title-container {\r\n padding: 3rem 1rem 1.5rem;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 0vh !important;\r\n }\r\n\r\n .poster-image {\r\n max-width: 95%;\r\n max-height: 70vh;\r\n }\r\n\r\n .poster-overlay {\r\n padding: 0.8rem 1.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .process-timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column !important;\r\n padding-left: 60px;\r\n }\r\n\r\n .timeline-icon {\r\n left: 20px !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .timeline-content {\r\n margin: 0 !important;\r\n max-width: none !important;\r\n }\r\n\r\n .register-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer-content {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n \/* \u5f9e 2rem \u8abf\u6574\u70ba 1.5rem *\/\r\n }\r\n\r\n .footer-links {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n \/* \u5f9e 1.5rem \u8abf\u6574\u70ba 1rem *\/\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n gap: 1rem;\r\n text-align: center;\r\n }\r\n\r\n \/* \u884c\u52d5\u88dd\u7f6efooter\u9ad8\u5ea6\u8abf\u6574 *\/\r\n .footer {\r\n padding: 20px 0 10px;\r\n \/* \u9032\u4e00\u6b65\u6e1b\u5c11\u884c\u52d5\u88dd\u7f6e\u7684footer\u9ad8\u5ea6 *\/\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .form-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .rewards-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .reward-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 1rem;\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .reward-card h2 {\r\n font-size: 1.9rem;\r\n margin-bottom: 0.8rem;\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .reward-amount {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .reward-subtitle {\r\n font-size: 0.75rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .special-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n\r\n .special-award {\r\n padding: 1rem;\r\n }\r\n\r\n .special-award h4 {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .special-award p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .criteria-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n\r\n .downloads-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n\r\n \/* \u4e3b\u984c\u7db2\u683c\u624b\u6a5f\u7248\u6a23\u5f0f *\/\r\n .theme-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n \/* \u624b\u6a5f\u7248\u6539\u70ba\u5169\u500b\u4e00\u7d44 *\/\r\n gap: 0.8rem;\r\n \/* \u7e2e\u5c0f\u624b\u6a5f\u7248\u9593\u8ddd *\/\r\n }\r\n\r\n .theme-item {\r\n padding: 1rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5167\u908a\u8ddd *\/\r\n }\r\n\r\n .theme-item i {\r\n font-size: 1.5rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u5716\u793a *\/\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .theme-item h4 {\r\n font-size: 0.9rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u6a19\u984c *\/\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .theme-item p {\r\n font-size: 0.75rem;\r\n \/* \u624b\u6a5f\u7248\u66f4\u5c0f\u7684\u63cf\u8ff0\u6587\u5b57 *\/\r\n }\r\n }\r\n\r\n \/* \u5c0e\u822a\u5217 *\/\r\n .navbar {\r\n position: fixed;\r\n top: 35px;\r\n width: 100%;\r\n background: rgba(116, 118, 234, 0.95);\r\n backdrop-filter: blur(10px);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 85px;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n }\r\n\r\n .nav-logo i {\r\n margin-right: 10px;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 2rem;\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: var(--text-dark);\r\n font-weight: 500;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-color);\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary-color);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--text-dark);\r\n margin: 3px 0;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* \u4e3b\u8996\u89ba\u5340\u57df *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"80\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n color: var(--white);\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n background: linear-gradient(45deg, var(--white), var(--accent-color));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.9;\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .stat {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n display: block;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--accent-color);\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n border-radius: var(--border-radius);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-color);\r\n color: var(--white);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 30px rgba(240, 147, 251, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--white);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--white);\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* \u7a0b\u5f0f\u78bc\u52d5\u756b *\/\r\n .hero-image {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .code-animation {\r\n width: 400px;\r\n height: 300px;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 15px;\r\n padding: 20px;\r\n position: relative;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .code-line {\r\n height: 20px;\r\n margin: 15px 0;\r\n border-radius: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .code-line::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\r\n animation: codeLine 3s infinite;\r\n }\r\n\r\n .code-line:nth-child(1) {\r\n width: 80%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .code-line:nth-child(2) {\r\n width: 60%;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .code-line:nth-child(3) {\r\n width: 90%;\r\n animation-delay: 1s;\r\n }\r\n\r\n .code-line:nth-child(4) {\r\n width: 70%;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n @keyframes codeLine {\r\n 0% {\r\n left: -100%;\r\n }\r\n\r\n 100% {\r\n left: 100%;\r\n }\r\n }\r\n\r\n \/* \u901a\u7528\u5340\u6bb5\u6a23\u5f0f *\/\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 3rem;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* \u95dc\u65bc\u6bd4\u8cfd\u5340\u6bb5 *\/\r\n .about {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .about-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n margin-bottom: 3rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature {\r\n background: var(--white);\r\n padding: 2rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .feature i {\r\n font-size: 3rem;\r\n color: var(--primary-color);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .feature p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u8cfd\u7a0b\u5b89\u6392 *\/\r\n .schedule {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .timeline {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: var(--primary-color);\r\n transform: translateX(-50%);\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n margin-bottom: 3rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-item:nth-child(odd) {\r\n flex-direction: row;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .timeline-date {\r\n flex: 1;\r\n text-align: center;\r\n padding: 1rem;\r\n position: relative;\r\n }\r\n\r\n .timeline-date::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n background: var(--primary-color);\r\n border-radius: 50%;\r\n transform: translateY(-50%);\r\n border: 4px solid var(--white);\r\n box-shadow: 0 0 0 4px var(--primary-color);\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-date::before {\r\n right: auto;\r\n left: -8px;\r\n }\r\n\r\n .date {\r\n display: block;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n }\r\n\r\n .time {\r\n font-size: 0.9rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .timeline-content {\r\n flex: 1;\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n margin: 0 1rem;\r\n }\r\n\r\n .timeline-content h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .timeline-content p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u734e\u9805\u8a2d\u7f6e *\/\r\n .prizes {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .prizes-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .prize-card {\r\n background: var(--white);\r\n border-radius: var(--border-radius);\r\n padding: 2rem;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .prize-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n }\r\n\r\n .prize-card.gold::before {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .prize-card.silver::before {\r\n background: linear-gradient(135deg, #c0c0c0, #e5e5e5);\r\n }\r\n\r\n .prize-card.bronze::before {\r\n background: linear-gradient(135deg, #cd7f32, #daa520);\r\n }\r\n\r\n .prize-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .prize-icon {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .gold .prize-icon {\r\n color: #ffd700;\r\n }\r\n\r\n .silver .prize-icon {\r\n color: #c0c0c0;\r\n }\r\n\r\n .bronze .prize-icon {\r\n color: #cd7f32;\r\n }\r\n\r\n .special .prize-icon {\r\n color: var(--primary-color);\r\n }\r\n\r\n .prize-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .prize-amount {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .prize-benefits {\r\n list-style: none;\r\n text-align: left;\r\n }\r\n\r\n .prize-benefits li {\r\n padding: 0.5rem 0;\r\n color: var(--text-light);\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n\r\n .prize-benefits li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n \/* \u5831\u540d\u8868\u55ae *\/\r\n .register {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .register-content {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 4rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .register-info h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 2rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .info-item i {\r\n font-size: 1.5rem;\r\n color: var(--primary-color);\r\n margin-right: 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .info-item strong {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-item p {\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n }\r\n\r\n .register-form {\r\n background: var(--light-bg);\r\n padding: 2rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n font-size: 1rem;\r\n transition: var(--transition);\r\n font-family: inherit;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--primary-color);\r\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkbox-group input[type=\"checkbox\"] {\r\n width: auto;\r\n margin-right: 0.5rem;\r\n }\r\n\r\n .terms-link {\r\n color: var(--primary-color);\r\n text-decoration: none;\r\n }\r\n\r\n .terms-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .btn-full {\r\n width: 100%;\r\n padding: 15px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .team-members {\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: var(--border-radius);\r\n margin-top: 1rem;\r\n }\r\n\r\n .team-members h4 {\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n \/* \u806f\u7d61\u8cc7\u8a0a *\/\r\n .contact {\r\n padding: 100px 0;\r\n background: var(--light-bg);\r\n }\r\n\r\n .contact-content {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 4rem;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .contact-item i {\r\n font-size: 1.5rem;\r\n color: var(--primary-color);\r\n margin-right: 1rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n .contact-item h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .contact-item p {\r\n color: var(--text-light);\r\n }\r\n\r\n .social-links h3 {\r\n margin-bottom: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n .social-icons {\r\n display: flex;\r\n gap: 1rem;\r\n }\r\n\r\n .social-icons a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n color: var(--white);\r\n border-radius: 50%;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icons a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n \/* \u9801\u5c3e *\/\r\n .footer {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n padding: 2rem 0;\r\n text-align: center;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .footer-logo {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-logo i {\r\n margin-right: 10px;\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* \u8fd4\u56de\u9802\u90e8\u6309\u9215 *\/\r\n .back-to-top {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 1000;\r\n }\r\n\r\n .back-to-top.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .back-to-top:hover {\r\n background: var(--secondary-color);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .hamburger {\r\n display: flex;\r\n z-index: 100000;\r\n \/* \u78ba\u4fdd\u6f22\u5821\u9078\u55ae\u5728\u6700\u4e0a\u5c64 *\/\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n left: -100%;\r\n top: 70px;\r\n flex-direction: column;\r\n background-color: var(--white);\r\n width: 100%;\r\n text-align: center;\r\n transition: 0.3s;\r\n box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);\r\n padding: 2rem 0;\r\n z-index: 99998;\r\n \/* \u78ba\u4fdd\u624b\u6a5f\u9078\u55ae\u5728\u4e0b\u62c9\u9078\u55ae\u4e0b\u65b9\u4f46\u5728\u5176\u4ed6\u5167\u5bb9\u4e0a\u65b9 *\/\r\n }\r\n\r\n .nav-menu.active {\r\n left: 0;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u4e0b\u62c9\u9078\u55ae\u6a23\u5f0f *\/\r\n .nav-menu .dropdown-menu {\r\n position: static;\r\n display: none;\r\n background: transparent;\r\n box-shadow: none;\r\n border: none;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-menu .dropdown:hover .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .nav-menu .dropdown-menu li a {\r\n color: var(--text-primary);\r\n padding: 0.5rem 0;\r\n font-size: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .hero-container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 2rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .code-animation {\r\n width: 300px;\r\n height: 200px;\r\n }\r\n\r\n .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .timeline-item {\r\n flex-direction: column !important;\r\n padding-left: 50px;\r\n }\r\n\r\n .timeline-date::before {\r\n left: -28px !important;\r\n right: auto !important;\r\n }\r\n\r\n .timeline-content {\r\n margin: 0;\r\n }\r\n\r\n .register-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .features {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .prizes-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .container {\r\n padding: 0 15px;\r\n }\r\n }\r\n\r\n \/* \u624b\u6a5f\u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u6d77\u5831\u5340\u57df *\/\r\n @media (max-width: 480px) {\r\n .poster-section {\r\n margin-top: 40px !important;\r\n \/* \u624b\u6a5f\u4e0a\u4fdd\u6301\u76f8\u540c\u9593\u8ddd\u907f\u514d\u91cd\u758a *\/\r\n }\r\n\r\n .poster-title-container {\r\n padding: 2rem 1rem 1rem;\r\n }\r\n\r\n .poster-placeholder {\r\n min-height: 0vh !important;\r\n }\r\n\r\n .poster-overlay span {\r\n display: none;\r\n }\r\n\r\n .poster-overlay {\r\n padding: 0.8rem;\r\n border-radius: 50%;\r\n width: 50px;\r\n height: 50px;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* WordPress \u517c\u5bb9\u6027 CSS - \u5f37\u5236\u8986\u84cb\u4e3b\u984c\u6a23\u5f0f *\/\r\n .navbar .dropdown-menu,\r\n #navbar .dropdown-menu,\r\n nav .dropdown-menu,\r\n .navigation .dropdown-menu,\r\n .menu .dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 5px) !important;\r\n \/* \u8abf\u6574\u70ba5px\uff0c\u964d\u4f4e\u4e0b\u62c9\u9078\u55ae\u4f4d\u7f6e *\/\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: var(--secondary-dark) !important;\r\n border-radius: 12px !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n min-width: 200px !important;\r\n z-index: 999999 !important;\r\n padding: 8px 0 !important;\r\n margin: 0 !important;\r\n list-style: none !important;\r\n border: 1px solid var(--border-light) !important;\r\n pointer-events: none !important;\r\n display: block !important;\r\n width: auto !important;\r\n float: none !important;\r\n clear: none !important;\r\n }\r\n\r\n .navbar .dropdown:hover .dropdown-menu,\r\n #navbar .dropdown:hover .dropdown-menu,\r\n nav .dropdown:hover .dropdown-menu,\r\n .navigation .dropdown:hover .dropdown-menu,\r\n .menu .dropdown:hover .dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n display: block !important;\r\n }\r\n\r\n \/* WordPress \u7279\u5b9a\uff1a\u9632\u6b62\u4e3b\u984cCSS\u5e72\u64fe *\/\r\n .navbar li.dropdown ul,\r\n .navbar li.dropdown ul.dropdown-menu,\r\n nav li.dropdown ul,\r\n nav li.dropdown ul.dropdown-menu {\r\n position: absolute !important;\r\n top: calc(100% + 5px) !important;\r\n \/* \u8abf\u6574\u70ba5px\uff0c\u4fdd\u6301\u4e00\u81f4\u6027 *\/\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n z-index: 999999 !important;\r\n display: block !important;\r\n }\r\n\r\n .navbar li.dropdown:hover ul,\r\n .navbar li.dropdown:hover ul.dropdown-menu,\r\n nav li.dropdown:hover ul,\r\n nav li.dropdown:hover ul.dropdown-menu {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateX(-50%) translateY(0) !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n \/* \u8a55\u5206\u6a19\u6e96\u7d44\u5225\u9078\u64c7\u5668 *\/\r\n .criteria-selector {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .criteria-selector h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .selector-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .selector-btn {\r\n background: var(--secondary-dark);\r\n color: var(--text-secondary);\r\n border: 2px solid var(--border-light);\r\n padding: 16px 32px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .selector-btn:hover {\r\n border-color: var(--border-accent);\r\n color: var(--text-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .selector-btn.active {\r\n background: var(--highlight);\r\n color: var(--primary-dark);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .selector-btn.active:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .selector-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .selector-btn {\r\n width: 100%;\r\n max-width: 300px;\r\n padding: 14px 28px;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f\u9078\u64c7\u5668 *\/\r\n .rewards-selector {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .rewards-selector h4 {\r\n color: var(--text-primary);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .rewards-selector .selector-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .rewards-selector .selector-btn {\r\n background: var(--secondary-dark);\r\n color: var(--text-secondary);\r\n border: 2px solid var(--border-light);\r\n padding: 16px 32px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .rewards-selector .selector-btn:hover {\r\n border-color: var(--border-accent);\r\n color: var(--text-accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .rewards-selector .selector-btn.active {\r\n background: var(--highlight);\r\n color: var(--primary-dark);\r\n border-color: var(--border-accent);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .rewards-selector .selector-btn.active:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\r\n }\r\n\r\n \/* \u734e\u52f5\u65b9\u5f0f\u5167\u5bb9\u6a23\u5f0f *\/\r\n .rewards-summary {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .rewards-summary h4 {\r\n color: #00d4ff;\r\n font-size: 1.8rem;\r\n font-weight: bold;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n margin: 0;\r\n }\r\n\r\n .rewards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 450px;\r\n justify-self: center;\r\n transform: scale(1.05);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u5728\u7b2c\u4e8c\u884c\u958b\u59cb\u6392\u5217 *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 3;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 4;\r\n grid-row: 2;\r\n }\r\n\r\n .reward-card {\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(20, 20, 30, 0.8));\r\n border: 2px solid rgba(0, 212, 255, 0.2);\r\n border-radius: 20px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .reward-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #00d4ff, #ffffff, #00d4ff);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .reward-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0, 212, 255, 0.2);\r\n border-color: #00d4ff;\r\n }\r\n\r\n .reward-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 15px;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .reward-badge i {\r\n font-size: 1.8rem;\r\n color: #0a0a0f;\r\n }\r\n\r\n .reward-card h2 {\r\n color: #ffffff;\r\n font-size: 2.1rem;\r\n font-weight: bold;\r\n margin: 0 0 12px 0;\r\n text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .reward-amount {\r\n color: #00d4ff;\r\n font-size: 1.6rem;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n .reward-subtitle {\r\n color: #cccccc;\r\n font-size: 1rem;\r\n margin: 8px 0;\r\n }\r\n\r\n .reward-total {\r\n color: #ffd700;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-top: 10px;\r\n text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n \/* \u4e0d\u540c\u7b49\u7d1a\u7684\u734e\u9805\u984f\u8272 *\/\r\n .reward-card.champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffcc00);\r\n width: 70px;\r\n height: 70px;\r\n box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n .reward-card.champion .reward-badge i {\r\n color: #333;\r\n font-size: 2rem;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7279\u6b8a\u6a23\u5f0f *\/\r\n .rewards-grid .reward-card:first-child.champion {\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.08), rgba(255, 193, 7, 0.03));\r\n border: 2px solid #ffd700;\r\n box-shadow: 0 15px 40px rgba(255, 215, 0, 0.25);\r\n }\r\n\r\n .rewards-grid .reward-card:first-child.champion h3 {\r\n font-size: 1.6rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 12px rgba(255, 215, 0, 0.5);\r\n }\r\n\r\n .rewards-grid .reward-card:first-child.champion .reward-amount {\r\n font-size: 1.8rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);\r\n }\r\n\r\n .reward-card.runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #a8a8a8);\r\n }\r\n\r\n .reward-card.third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #b8860b);\r\n }\r\n\r\n .reward-card.special .reward-badge {\r\n background: linear-gradient(135deg, #9370db, #8a2be2);\r\n }\r\n\r\n .reward-card.merit .reward-badge {\r\n background: linear-gradient(135deg, #32cd32, #228b22);\r\n }\r\n\r\n .rewards-note {\r\n text-align: center;\r\n margin-top: 20px;\r\n padding: 15px;\r\n background: rgba(255, 215, 0, 0.1);\r\n border: 1px solid rgba(255, 215, 0, 0.3);\r\n border-radius: 10px;\r\n }\r\n\r\n .rewards-note p {\r\n color: #ffd700;\r\n margin: 0;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .rewards-note i {\r\n margin-right: 8px;\r\n color: #ffd700;\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 - \u734e\u52f5\u65b9\u5f0f *\/\r\n @media (max-width: 1200px) {\r\n .rewards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u4ecd\u7136\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 350px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u91cd\u65b0\u6392\u5217 *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 3;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 1 \/ 3;\r\n grid-row: 3;\r\n justify-self: center;\r\n max-width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .rewards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u7368\u5360\u7b2c\u4e00\u884c *\/\r\n .rewards-grid .reward-card:first-child {\r\n grid-column: 1 \/ -1;\r\n max-width: 400px;\r\n }\r\n\r\n \/* \u5176\u4ed6\u734e\u9805\u5169\u5169\u4e00\u884c *\/\r\n .rewards-grid .reward-card:nth-child(2) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(3) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(4) {\r\n grid-column: 1;\r\n grid-row: 3;\r\n }\r\n\r\n .rewards-grid .reward-card:nth-child(5) {\r\n grid-column: 2;\r\n grid-row: 3;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .rewards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u6240\u6709\u5361\u7247\u55ae\u5217\u6392\u5217\uff0c\u7b2c\u4e00\u540d\u4ecd\u7136\u7a81\u51fa *\/\r\n .rewards-grid .reward-card:nth-child(n) {\r\n grid-column: 1;\r\n grid-row: auto;\r\n max-width: none;\r\n }\r\n\r\n .rewards-grid .reward-card:first-child {\r\n transform: scale(1.02);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .reward-card {\r\n padding: 20px 15px;\r\n }\r\n\r\n .rewards-summary h4 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .reward-amount {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44\u5c08\u7528\u4f48\u5c40\uff1a\u7b2c\u4e8c\u884c3\u500b\u734e\u9805\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n \/* AI\u8077\u57f9\u7d44\u5c08\u7528\u4f48\u5c40 *\/\r\n .rewards-grid.ai-training-layout {\r\n display: grid;\r\n \/* \u5efa\u7acb\u4e00\u500b 24 \u6b04\u7684\u7db2\u683c\uff0c\u9019\u53ef\u4ee5\u63d0\u4f9b\u66f4\u7cbe\u78ba\u7684\u5bec\u5ea6\u63a7\u5236\u3002 *\/\r\n grid-template-columns: repeat(24, 1fr);\r\n gap: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u734e\u9805\uff1a\u7368\u81ea\u4e00\u6392\uff0c\u4e26\u5c45\u4e2d\u3002 *\/\r\n .rewards-grid.ai-training-layout .reward-card:first-child {\r\n \/* \u8b93\u5b83\u5f9e\u7b2c 1 \u6b04\u8de8\u5230\u7b2c 25 \u6b04\uff0c\u4f54\u64da\u6240\u6709\u6b04\u4f4d\u3002 *\/\r\n grid-column: 1 \/ 25;\r\n grid-row: 1;\r\n transform: scale(1.05);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u7b2c\u4e8c\u6392\u734e\u9805\uff1a\u9280\u724c\u3001\u9285\u724c\u3001\u4f73\u4f5c\u3002\u5b83\u5011\u5171\u540c\u7d44\u6210\u66f4\u5bec\u7684\u4e00\u6392\u3002 *\/\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(2) {\r\n \/* \u9280\u724c\u5f9e\u7b2c 3 \u6b04\u8de8\u5230\u7b2c 9 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002 *\/\r\n grid-column: 3 \/ 9;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(3) {\r\n \/* \u9285\u724c\u5f9e\u7b2c 10 \u6b04\u8de8\u5230\u7b2c 16 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002\r\n \u9019\u5c07\u63d0\u4f9b\u4e00\u500b\u6bd4 5\/9 \u7a84\u3001\u6bd4 6\/8 \u5bec\u7684\u5b8c\u7f8e\u4e2d\u7b49\u5bec\u5ea6\u3002 *\/\r\n grid-column: 10 \/ 16;\r\n grid-row: 2;\r\n }\r\n\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(4) {\r\n \/* \u4f73\u4f5c\u5f9e\u7b2c 17 \u6b04\u8de8\u5230\u7b2c 23 \u6b04\uff0c\u7e3d\u5171\u4f54\u64da 6 \u500b\u6b04\u4f4d\u3002 *\/\r\n grid-column: 17 \/ 23;\r\n grid-row: 2;\r\n }\r\n\r\n \/* \u78ba\u4fdd\u6240\u6709 AI \u8077\u57f9\u7d44\u5361\u7247\u6709\u56fa\u5b9a\u7684\u5916\u89c0 *\/\r\n .reward-card.ai-training-card {\r\n padding: 25px 20px;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u91d1\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.champion {\r\n \/* \u8abf\u6574\u5361\u7247\u672c\u8eab\u7684\u5927\u5c0f *\/\r\n width: 80%;\r\n \/* \u7bc4\u4f8b\uff1a\u5c07\u5361\u7247\u5bec\u5ea6\u8a2d\u70ba 80% *\/\r\n max-width: 250px;\r\n \/* \u7bc4\u4f8b\uff1a\u8a2d\u5b9a\u6700\u5927\u5bec\u5ea6\uff0c\u907f\u514d\u5728\u8d85\u5927\u87a2\u5e55\u4e0a\u904e\u5927 *\/\r\n height: auto;\r\n \/* \u8b93\u9ad8\u5ea6\u81ea\u52d5\u9069\u61c9\u5167\u5bb9 *\/\r\n\r\n \/* \u4fdd\u6301\u539f\u6709\u7684\u80cc\u666f\u548c\u908a\u6846\u6548\u679c *\/\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(40, 30, 10, 0.8));\r\n border: 2px solid rgba(255, 215, 0, 0.4);\r\n\r\n \/* \u79fb\u9664\u7b2c\u4e00\u540d\u5361\u7247\u5728 grid \u4e2d\u7684\u7279\u5b9a\u5bec\u9ad8\u8a2d\u5b9a\uff0c\u8b93\u5b83\u7531\u4f60\u5728\u6b64\u5b9a\u7fa9 *\/\r\n grid-column: 1 \/ -1;\r\n \/* \u4ecd\u7136\u8de8\u8d8a\u6240\u6709\u5217 *\/\r\n justify-self: center;\r\n \/* \u8b93\u5b83\u5728\u7db2\u683c\u4e2d\u5c45\u4e2d *\/\r\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(40, 30, 10, 0.8));\r\n border: 2px solid rgba(255, 215, 0, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.champion::before {\r\n background: linear-gradient(90deg, #ffd700, #ffed4e, #ffd700);\r\n }\r\n\r\n .reward-card.ai-training-card.champion:hover {\r\n border-color: #ffd700;\r\n box-shadow: 0 12px 30px rgba(255, 215, 0, 0.3);\r\n }\r\n\r\n .reward-card.ai-training-card.champion .reward-badge {\r\n background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n }\r\n\r\n .reward-card.ai-training-card.champion .reward-amount {\r\n color: #ffed4e;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u9280\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.runner-up {\r\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.1), rgba(30, 30, 35, 0.8));\r\n border: 2px solid rgba(192, 192, 192, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up::before {\r\n background: linear-gradient(90deg, #c0c0c0, #e8e8e8, #c0c0c0);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up:hover {\r\n border-color: #c0c0c0;\r\n box-shadow: 0 12px 30px rgba(192, 192, 192, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up .reward-badge {\r\n background: linear-gradient(135deg, #c0c0c0, #e8e8e8);\r\n }\r\n\r\n .reward-card.ai-training-card.runner-up .reward-amount {\r\n color: #e8e8e8;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u9285\u724c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.third-place {\r\n background: linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(35, 25, 15, 0.8));\r\n border: 2px solid rgba(205, 127, 50, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place::before {\r\n background: linear-gradient(90deg, #cd7f32, #daa564, #cd7f32);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place:hover {\r\n border-color: #cd7f32;\r\n box-shadow: 0 12px 30px rgba(205, 127, 50, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place .reward-badge {\r\n background: linear-gradient(135deg, #cd7f32, #daa564);\r\n }\r\n\r\n .reward-card.ai-training-card.third-place .reward-amount {\r\n color: #daa564;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44 - \u4f73\u4f5c\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card.merit {\r\n background: linear-gradient(135deg, rgba(102, 153, 255, 0.1), rgba(20, 25, 40, 0.8));\r\n border: 2px solid rgba(102, 153, 255, 0.4);\r\n }\r\n\r\n .reward-card.ai-training-card.merit::before {\r\n background: linear-gradient(90deg, #6699ff, #99bbff, #6699ff);\r\n }\r\n\r\n .reward-card.ai-training-card.merit:hover {\r\n border-color: #6699ff;\r\n box-shadow: 0 12px 30px rgba(102, 153, 255, 0.2);\r\n }\r\n\r\n .reward-card.ai-training-card.merit .reward-badge {\r\n background: linear-gradient(135deg, #6699ff, #99bbff);\r\n }\r\n\r\n .reward-card.ai-training-card.merit .reward-amount {\r\n color: #99bbff;\r\n }\r\n\r\n \/* \u901a\u7528\u5fbd\u7ae0\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card .reward-badge {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 15px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3);\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge i {\r\n font-size: 1.8rem;\r\n color: #0a0a0f;\r\n }\r\n\r\n \/* \u901a\u7528\u6587\u5b57\u6a23\u5f0f *\/\r\n .reward-card.ai-training-card h2 {\r\n color: #ffffff;\r\n font-size: 2.1rem;\r\n font-weight: bold;\r\n margin: 0 0 12px 0;\r\n text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-amount {\r\n color: #00d4ff;\r\n font-size: 1.6rem;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08\uff1a\u624b\u6a5f\u7248\u4fdd\u6301\u539f\u6709\u4f48\u5c40 *\/\r\n @media (max-width: 1024px) {\r\n .rewards-grid.ai-training-layout {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u91cd\u7f6e\u6240\u6709AI\u8077\u80fd\u57f9\u529b\u7d44\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u5b9a\u4f4d *\/\r\n .rewards-grid.ai-training-layout .reward-card:nth-child(n) {\r\n grid-column: 1;\r\n grid-row: auto;\r\n max-width: none;\r\n }\r\n\r\n \/* \u7b2c\u4e00\u540d\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u7279\u6b8a\u8a2d\u7f6e\u91cd\u7f6e *\/\r\n .rewards-grid.ai-training-layout .reward-card:first-child {\r\n grid-column: 1;\r\n grid-row: auto;\r\n transform: scale(1.02);\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* \u91d1\u724c\u5361\u7247\u5728\u624b\u6a5f\u7248\u7684\u7279\u6b8a\u8a2d\u7f6e\u91cd\u7f6e *\/\r\n .reward-card.ai-training-card.champion {\r\n width: 100%;\r\n max-width: none;\r\n justify-self: stretch;\r\n }\r\n\r\n \/* AI\u8077\u57f9\u7d44\u624b\u6a5f\u7248\u5361\u7247\u8abf\u6574 *\/\r\n .reward-card.ai-training-card {\r\n max-width: 100%;\r\n padding: 20px 15px;\r\n \/* \u8207\u5176\u4ed6\u7d44\u624b\u6a5f\u7248\u76f8\u540c *\/\r\n margin-bottom: 15px;\r\n }\r\n\r\n .reward-card.ai-training-card h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-amount {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n\r\n .reward-card.ai-training-card .reward-badge i {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n \/* \u79fb\u52d5\u5c0f\u5716\u5f62\u6a23\u5f0f *\/\r\n .floating-logo {\r\n position: fixed;\r\n bottom: 70px;\r\n \/* \u63d0\u9ad8\u4f4d\u7f6e\uff0c\u8ddd\u96e2\u5e95\u90e8\u66f4\u9060 *\/\r\n right: 40px;\r\n z-index: 998;\r\n \/* \u4f4e\u65bc\u5411\u4e0a\u6309\u9215\u7684 z-index *\/\r\n pointer-events: auto;\r\n \/* \u5141\u8a31\u9ede\u64ca\u4e8b\u4ef6 *\/\r\n opacity: 0.9;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .floating-help-text {\r\n background: rgba(0, 212, 255, 0.9);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 8px rgba(0, 212, 255, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .floating-logo:hover .floating-help-text {\r\n background: rgba(0, 212, 255, 1);\r\n transform: scale(1.05);\r\n }\r\n\r\n .floating-logo-img {\r\n width: 90px;\r\n height: 120px;\r\n border-radius: 50%;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .floating-logo:hover .floating-logo-img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n .floating-logo {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-help-text {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-logo-img {\r\n display: none;\r\n \/* \u5728\u5e73\u677f\u4e0a\u96b1\u85cf *\/\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .floating-logo {\r\n display: none;\r\n \/* \u5728\u624b\u6a5f\u4e0a\u96b1\u85cf *\/\r\n }\r\n\r\n .floating-help-text {\r\n display: none;\r\n }\r\n\r\n .floating-logo-img {\r\n display: none;\r\n \/* \u5728\u624b\u6a5f\u4e0a\u96b1\u85cf *\/\r\n }\r\n }\r\n\r\n\r\n\r\n \/* \u79fb\u9664\u6240\u6709\u87a2\u5e55\u5c3a\u5bf8\u4e0b\u7684\u6d77\u5831\u5340\u57df\u7a7a\u767d *\/\r\n \/* \u6d77\u5831\u5bb9\u5668\u5340\u584a *\/\r\n .poster-fullwidth {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(26, 26, 46, 0.3) 50%, rgba(0, 212, 255, 0.1) 100%);\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* \u5716\u7247\u4f54\u4f4d\u7b26 *\/\r\n\r\n .poster-placeholder {\r\n width: 100%;\r\n height: auto;\r\n min-height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent !important;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u6d77\u5831\u5716\u7247 *\/\r\n .poster-image {\r\n width: 90%;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 212, 255, 0.2), inset 0 0 0 1px rgba(0, 212, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u884c\u52d5\u88dd\u7f6e\u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\r\n @media (max-width: 1024px) {\r\n \/* .poster-placeholder \u97ff\u61c9\u5f0f\u5df2\u7531\u4e3b\u898f\u5247\u7d71\u4e00\u8655\u7406\uff0c\u79fb\u9664\u591a\u9918\u8a2d\u5b9a *\/\r\n\r\n .poster-image {\r\n width: 95%;\r\n }\r\n\r\n .\u6d77\u5831\u4e0b\u65b9\u7684\u5143\u7d20 {\r\n margin-top: 0px !important;\r\n \/* \u5e73\u677f\u7e2e\u5c0f\u4e0a\u65b9\u5143\u7d20\u7684\u908a\u8ddd *\/\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n \/* .poster-placeholder \u97ff\u61c9\u5f0f\u5df2\u7531\u4e3b\u898f\u5247\u7d71\u4e00\u8655\u7406\uff0c\u79fb\u9664\u591a\u9918\u8a2d\u5b9a *\/\r\n\r\n .poster-image {\r\n width: 98%;\r\n border-radius: 10px;\r\n }\r\n\r\n .\u6d77\u5831\u4e0b\u65b9\u7684\u5143\u7d20 {\r\n margin-top: 10px;\r\n \/* \u624b\u6a5f\u9032\u4e00\u6b65\u7e2e\u5c0f\u4e0a\u65b9\u5143\u7d20\u7684\u908a\u8ddd *\/\r\n }\r\n }\r\n\r\n \/* \u6d77\u5831\u6587\u5b57\u758a\u52a0\u6a23\u5f0f *\/\r\n .poster-placeholder {\r\n position: relative;\r\n \/* \u78ba\u4fdd\u7d55\u5c0d\u5b9a\u4f4d\u7684\u5b50\u5143\u7d20\u4ee5\u6b64\u70ba\u57fa\u6e96 *\/\r\n }\r\n\r\n .poster-overlay-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n text-align: center;\r\n z-index: 10;\r\n pointer-events: none;\r\n \/* \u8b93\u9ede\u64ca\u7a7f\u900f\u5230\u5716\u7247 *\/\r\n }\r\n\r\n .poster-description {\r\n color: #ffffff;\r\n font-weight: bold;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 212, 255, 0.5);\r\n margin: 0;\r\n\r\n \/* \u95dc\u9375\uff1a\u624b\u6a5f\u7248\u4e0d\u63db\u884c\u4e14\u7b49\u6bd4\u4f8b\u7e2e\u5c0f *\/\r\n white-space: nowrap;\r\n font-size: 5vw;\r\n \/* \u4f7f\u7528\u8996\u7a97\u5bec\u5ea6\u55ae\u4f4d\uff0c\u5be6\u73fe\u7b49\u6bd4\u4f8b\u7e2e\u653e *\/\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u5927\u87a2\u5e55\u9650\u5236\u6700\u5927\u5b57\u9ad4\u5927\u5c0f *\/\r\n @media (min-width: 1024px) {\r\n .poster-description {\r\n font-size: 3.5rem;\r\n letter-spacing: 5px;\r\n }\r\n }\r\n\r\n\r\n \/* === \u5e6b\u52a9\u8a0a\u606f\u5f48\u7a97\u6a23\u5f0f === *\/\r\n .help-message-popup .help-message-content {\r\n text-align: center;\r\n }\r\n\r\n .help-message-popup h4 {\r\n margin: 0 0 15px 0;\r\n color: #00d4ff;\r\n font-size: 18px;\r\n }\r\n\r\n .help-message-popup p {\r\n margin: 8px 0;\r\n line-height: 1.5;\r\n }\r\n\r\n .close-help-btn {\r\n background: #00d4ff;\r\n color: #1a1a2e;\r\n border: none;\r\n padding: 8px 16px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n margin-top: 15px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .close-help-btn:hover {\r\n background: #0099cc;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* \u52d5\u756b\u6548\u679c *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n\r\n @keyframes fadeOutScale {\r\n from {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n }\r\n\r\n \/* \u8996\u983b\u5bb9\u5668 - \u97ff\u61c9\u5f0f16:9\u5bec\u9ad8\u6bd4 *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n overflow: hidden;\r\n border-radius: var(--radius-normal);\r\n margin-top: 1.5rem;\r\n box-shadow: 0 4px 15px rgba(0, 212, 255, 0.1);\r\n }\r\n\r\n .video-container iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n border-radius: var(--radius-normal);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .video-container {\r\n margin-top: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .video-container {\r\n padding-bottom: 56.25%;\r\n margin-top: 1rem;\r\n }\r\n }\r\n <\/style>\r\n\r\n <style>\r\n \/* \u26a0 icon \u6a23\u5f0f + \u547c\u5438\u653e\u5927\u6548\u679c *\/\r\n .warning-icon {\r\n color: #f4c20d;\r\n \/* \u9ec3\u8272\u8b66\u544a icon *\/\r\n font-size: 26px;\r\n margin-right: 8px;\r\n\r\n animation: breathing 1.5s ease-in-out infinite;\r\n }\r\n\r\n \/* \u547c\u5438\u52d5\u756b *\/\r\n @keyframes breathing {\r\n 0% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n transform: scale(1.35);\r\n opacity: 0.85;\r\n }\r\n\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .warning-text {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n \r\n <div class=\"mini-navbar\" style=\"background: #111; color: #fff; font-size: 14px; padding: 6px 0;\">\r\n <div\r\n style=\"max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 24px;\">\r\n <div class=\"mini-navbar-left\">\r\n <span> 2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u5b98\u65b9\u7db2\u7ad9<\/span>\r\n <\/div>\r\n <div class=\"mini-navbar-right\" style=\"display: flex; gap: 18px;\">\r\n <a href=\"#register\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-user-plus\"><\/i> \u5831\u540d<\/a>\r\n <a href=\"#downloads\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-download\"><\/i>\r\n \u6587\u4ef6\u4e0b\u8f09<\/a>\r\n <a href=\"#contact\" style=\"color: #fff; text-decoration: none;\"><i class=\"fas fa-envelope\"><\/i> \u806f\u7d61<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"nav-container\">\r\n <div class=\"nav-logo\">\r\n \r\n\r\n\r\n <style>\r\n .nav-logo {\r\n justify-content: flex-start !important;\r\n text-align: left !important;\r\n }\r\n <\/style>\r\n <\/div>\r\n <ul class=\"nav-menu\">\r\n <li class=\"dropdown\">\r\n\r\n <a href=\"#\" class=\"dropdown-toggle\" onclick=\"return false;\">\r\n \u7af6\u8cfd\u8cc7\u8a0a\r\n <i class=\"fas fa-chevron-down dropdown-arrow\"><\/i>\r\n <\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"#announcement\">\u7af6\u8cfd\u516c\u544a<\/a><\/li>\r\n <li><a href=\"#qualification\">\u53c3\u8cfd\u8cc7\u683c<\/a><\/li>\r\n <li><a href=\"#process\">\u7af6\u8cfd\u6642\u7a0b<\/a><\/li>\r\n <li><a href=\"#criteria\">\u8a55\u5206\u6a19\u6e96<\/a><\/li>\r\n <li><a href=\"#rewards\">\u734e\u52f5\u65b9\u5f0f<\/a><\/li>\r\n <li><a href=\"#organizers\">\u6307\u5c0e\u55ae\u4f4d\u8207\u4e3b\u8fa6\u55ae\u4f4d<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li><a href=\"#register\">\u7acb\u5373\u5831\u540d<\/a><\/li>\r\n <li><a href=\"#downloads\">\u6587\u4ef6\u4e0b\u8f09<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/08\/hamburger-icon.png\"\r\n alt=\"\u9078\u55ae\" class=\"hamburger-icon\">\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"poster\" class=\"poster-section\">\r\n <div class=\"poster-fullwidth\">\r\n <div class=\"poster-placeholder\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u5168\u570bAI\u5c08\u984c\u5275\u610f\u7af6\u8cfd_banner_\u5de5\u4f5c\u5340\u57df-1-scaled.jpg\"\r\n alt=\"AI\u7af6\u8cfd\u6d77\u5831\" class=\"poster-image\" style=\"user-select: none; -webkit-user-select: none;\"\r\n draggable=\"false\" oncontextmenu=\"return false;\" onselectstart=\"return false;\"\r\n onmousedown=\"return false;\">\r\n <div class=\"poster-overlay-text\">\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<p class=\"poster-description\">\u300a2026 \u76db\u5927\u8209\u8fa6 \u656c\u8acb\u671f\u5f85\u300b<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"info\" class=\"competition-info\">\r\n <div class=\"container\">\r\n \r\n <div class=\"info-card\" id=\"announcement\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-bullhorn\"><\/i>\r\n <h2>\u7af6\u8cfd\u516c\u544a<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/15<\/span>\r\n <p style=\"font-size:1rem; font-weight:600; color:white\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u73fe\u5834\u7167\u7247\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3453\" style=\"color: #00d4ff;\">\u9ede\u6211\u524d\u5f80<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/13<\/span>\r\n <p style=\"font-size:1rem; font-weight:600; color:white\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u901a\u904e\u6c7a\u8cfd\u8a55\u9078\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/12\/\u6c7a\u8cfd\u7d50\u679c.pdf\"\r\n target=\"_blank\" style=\"color: #00d4ff;\">\u7372\u734e\u540d\u55ae<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/11<\/span>\r\n <link rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n <p class=\"warning-text\">\r\n <i\r\n class=\"fa-solid fa-triangle-exclamation warning-icon\"><\/i>\u7dca\u6025\u901a\u77e5\uff1a\u6c7a\u8cfd\u73fe\u5834\u5c55\u793a\u6d77\u5831\u3001ppt\u3001\u6587\u5ba3\u7b49\u53ca\u53e3\u982d\u5831\u544a\u6642\u6bb5\uff0c\u7686\u4e0d\u80fd\u900f\u9732\u8207\u5448\u73fe\u5c31\u8b80\u5b78\u6821\u6821\u5fbd\u3001\u5b78\u6821\u540d\u7a31\u3001\u7cfb\u6240\u8207\u6307\u5c0e\u8001\u5e2b\u7b49\u76f8\u95dc\u8cc7\u8a0a\uff0c\u9055\u53cd\u4e0a\u8ff0\u898f\u5b9a\u8005\u6703\u659f\u914c\u4e88\u4ee5\u6263\u5206\u8655\u7406\uff01\r\n <\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/12\/06<\/span>\r\n \r\n <p style=\"font-size:1rem; font-weight:600;\">2025 \u5168\u570b AI \u5c08\u984c\u5275\u610f\u7af6\u8cfd\u521d\u8cfd\u7d50\u679c\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/12\/\u901a\u904e\u521d\u8cfd\u540d\u55ae.pdf\"\r\n target=\"_blank\" style=\"color: #00d4ff;\">\u901a\u904e\u521d\u8cfd\u540d\u55ae<\/a><\/p>\r\n <div class=\"announcement-item\">\r\n <span class=\"date\">2025\/09\/10<\/span>\r\n <p style=\"font-size:1rem; font-weight:600;\">\u8a73\u7d30\u8cc7\u8a0a\u8acb\u53c3\u95b1\u5404\u9805\u76ee\u8aaa\u660e<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card\" id=\"video-review\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <h2>\u7af6\u8cfd\u56de\u9867\u5f71\u7247<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <p style=\"margin-bottom: 1.5rem;\">\u89c0\u770b\u904e\u53bb\u7af6\u8cfd\u7684\u7cbe\u5f69\u4eae\u9ede\u8207\u5f97\u734e\u4f5c\u54c1\u5c55\u793a<\/p>\r\n <div class=\"video-container\">\r\n <iframe loading=\"lazy\" width=\"100%\" height=\"600\"\r\n src=\"https:\/\/www.youtube.com\/embed\/JDiqpuS5k8g\" title=\"\u7af6\u8cfd\u56de\u9867\u5f71\u7247\"\r\n frameborder=\"0\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card\" id=\"themes\" style=\"display: none;\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <h2>\u7af6\u8cfd\u4e3b\u984c<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"theme-grid\">\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <h4>\u96fb\u8166\u8996\u89ba<\/h4>\r\n <p>\u5f71\u50cf\u8fa8\u8b58\u3001\u7269\u4ef6\u5075\u6e2c\u3001\u5716\u50cf\u5206\u6790\u7b49\u76f8\u95dc\u61c9\u7528<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <h4>\u81ea\u7136\u8a9e\u8a00\u8655\u7406<\/h4>\r\n <p>\u6587\u672c\u5206\u6790\u3001\u8a9e\u8a00\u7ffb\u8b6f\u3001\u5c0d\u8a71\u7cfb\u7d71\u7b49 AI \u61c9\u7528<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-robot\"><\/i>\r\n <h4>\u6a5f\u5668\u5b78\u7fd2<\/h4>\r\n <p>\u9810\u6e2c\u6a21\u578b\u3001\u6df1\u5ea6\u5b78\u7fd2\u3001\u667a\u80fd\u63a8\u85a6\u7cfb\u7d71<\/p>\r\n <\/div>\r\n <div class=\"theme-item\">\r\n <i class=\"fas fa-brain\"><\/i>\r\n <h4>\u667a\u80fd\u5275\u65b0<\/h4>\r\n <p>\u5275\u65b0 AI \u61c9\u7528\u3001\u8de8\u9818\u57df\u6574\u5408\u89e3\u6c7a\u65b9\u6848<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div><\/div>\r\n <div class=\"info-card\" id=\"qualification\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-user-check\"><\/i>\r\n\r\n <h2>\u7af6\u8cfd\u7d44\u5225\u8207\u53c3\u8cfd\u8cc7\u683c<\/h2>\r\n\r\n <\/div>\r\n <div class=\"info-content\">\r\n <p>\u5404\u7d44\u6bcf\u7d44\u6210\u54e1\u70ba2\u81f36\u4eba\uff0c\u63a1\u5718\u9ad4\u5831\u540d\uff0c\u53ef\u8de8\u6821\u7d44\u968a\uff0c\u6bcf\u4eba\u9650\u5831\u4e00\u7d44\uff0c\u8acb\u52ff\u91cd\u8907\u5831\u540d\u3002<\/p>\r\n <p>\u5168\u570b\u516c\u79c1\u7acb\u5927\u5c08\u6821\u9662\u5177\u5b78\u7c4d\u4e4b\u5728\u5b78\u5b78\u751f(\u5305\u542b\u5b78\u58eb\u73ed\u3001\u78a9\u58eb\u73ed\u53ca\u535a\u58eb\u73ed)\u6216\u53c3\u52a0\u52de\u52d5\u90e8 AI \u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\u4e4b\u5b78\u54e1\u3002<\/p>\r\n <br>\r\n <div class=\"qualification-list\">\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-microchip\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">\u8cc7\u96fb\u9818\u57df\u7d44<\/h4>\r\n <p>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u968a\u54e1\u7686\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-puzzle-piece\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">\u8de8\u9818\u57df\u7d44<\/h4>\r\n <p>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u6bcf\u7d44\u50c5\u5141\u8a31\u4e00\u540d\u540c\u5b78\u70ba\u8cc7\u8a0a\u96fb\u6a5f\u76f8\u95dc\u79d1\u7cfb\u4e4b\u5728\u5b78\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-atom\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">AI \u8077\u80fd\u57f9\u529b\u7d44<\/h4>\r\n <p>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u66fe\u65bc\u4eca\u5e74\u5ea6(114\u5e74\u5ea6)\u53c3\u52a0\u52de\u52d5\u90e8\u76f8\u95dc\u8077\u696d\u8a13\u7df4\u3002<br>\r\n 1.\u53c3\u8a13\u73ed\u5225\u540d\u7a31\u9808\u5305\u542b\u300cAI\u300d\u3002<br>\r\n 2.\u7d50\u8a13\u5b78\u54e1\u9700\u63d0\u4f9b\u7d50\u8a13\u8b49\u66f8\u3002<br>\r\n 3.\u5728\u8a13\u5b78\u54e1\u9700\u63d0\u4f9b\u5728\u8a13\u8b49\u660e\u66f8\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u9808\u65bc\u6d3b\u52d5\u524d7\u500b\u6708\u5167(114.5.1-114.11.26\r\n )\u5b8c\u6210\u52de\u52d5\u90e8AI\u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\u4e26\u53d6\u5f97\u52de\u52d5\u90e8\u81ea\u8fa6\u53ca\u59d4\u8fa6\u8a08\u756b\u7d50\u8a13\u8b49\u66f8\u8005\u6216\u76ee\u524d\u6b63\u5728\u53c3\u52a0\u52de\u52d5\u90e8AI\u76f8\u95dc\u57f9\u8a13\u8ab2\u7a0b\uff08\u9700\u63d0\u4f9b\u8b49\u660e\u6587\u4ef6\uff0c\u53c3\u8a13\u73ed\u5225\u547d\u540d\u7a31\u9808\u5305\u542b\u300cAI\u300d)\u3002\r\n <\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u968a\u4f0d\u4e2d\u81f3\u5c11\u4e00\u540d\u968a\u54e1\u5177\u5099 AI \u57f9\u8a13\u80cc\u666f(\u8acb\u53c3\u8003\u8a73\u7d30\u8cc7\u683c\u8981\u6c42)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-item clickable\" onclick=\"toggleQualification(this)\">\r\n <div class=\"qualification-header\">\r\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\r\n <div class=\"qualification-text\">\r\n <h4 style=\"font-size: 24px;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44<\/h4>\r\n <p>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/p>\r\n <p>Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u5831\u540d:<a\r\n href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/home\"\r\n style=\"font-size: 18px; color: #00d4ff;\">Quantum AI\r\n \u9ad4\u9a57\u61c9\u7528\u7d44\u5831\u540d\u9023\u7d50<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qualification-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a73\u7d30\u8cc7\u683c\u8981\u6c42\uff1a<\/h5>\r\n <ul>\r\n <li>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/li>\r\n <\/ul>\r\n <h5 style=\"display: none;\">\u9069\u5408\u9818\u57df\uff1a<\/h5>\r\n <ul style=\"display: none;\">\r\n <li>\u5c0d AI \u6709\u8208\u8da3\u5b78\u751f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"process\" class=\"competition-process\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-route\"><\/i>\r\n <h2>\u7af6\u8cfd\u6642\u7a0b<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <div class=\"process-flow\">\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-user-plus\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u53d7\u7406\u5831\u540d<\/h4>\r\n <span class=\"flow-date\">114\u5e749\u67088\u65e5- 11\u670826\u65e5<\/span>\r\n <p>\u7dda\u4e0a\u5831\u540d\u53ca<br>\u8cc7\u6599\u6aa2\u6838<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-code\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u521d\u8cfd<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u67086\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u4f5c\u54c1\u521d\u5be9\u3001\u4f5c\u54c1\u8aaa\u660e\u66f8\u521d\u5be9\u8207\u7dda\u4e0a\u5c55\u793a(\u901a\u904e\u8005\uff0c\u5c07\u9080\u8acb\u53c3\u52a0\u6c7a\u8cfd)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u6c7a\u8cfd<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u670813\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u73fe\u5834\u5c55\u793a<br>\u8207\u8a55\u9078<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flow-arrow\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/div>\r\n <div class=\"flow-item\">\r\n <div class=\"flow-icon\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <div class=\"flow-content\">\r\n <h4>\u9812\u734e\u5178\u79ae\u66a8\u6210\u679c\u767c\u8868<\/h4>\r\n <span class=\"flow-date\">114\u5e7412\u670813\u65e5(\u661f\u671f\u516d)<\/span>\r\n <p>\u516c\u5e03\u5f97\u734e\u540d\u55ae<br>\u8207\u9812\u767c\u734e\u91d1<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"criteria\" class=\"evaluation-criteria\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-clipboard-check\"><\/i>\r\n <h2>\u8a55\u5206\u6a19\u6e96(\u521d\u8cfd)<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"criteria-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u8a55\u5206\u6a19\u6e96\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\">\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\">AI\u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"criteria-content\" class=\"criteria-grid\">\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"criteria-note\" style=\"margin-top: 18px; color: #e0e0e0; font-size: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: #00d4ff; margin-right: 6px;\"><\/i>\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u67e5\u770b\u8a55\u5206\u6a19\u6e96\uff1a\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/competition-method\/evaluation-criterion\"\r\n target=\"_blank\" style=\"color: #00d4ff; text-decoration: underline;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8a55\u5206\u6a19\u6e96<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"criteria-final\" class=\"evaluation-criteria\" style=\"margin-top:0;\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <h2>\u8a55\u5206\u6a19\u6e96(\u8907\u8cfd)<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"criteria-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u8a55\u5206\u6a19\u6e96\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\" data-stage=\"final\">\u8cc7\u96fb\u9818\u57df\u7d44 &\r\n \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\" data-stage=\"final\">AI\u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"criteria-content-final\" class=\"criteria-grid\">\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-note\" style=\"margin-top: 18px; color: #e0e0e0; font-size: 16px;\">\r\n <i class=\"fas fa-info-circle\" style=\"color: #00d4ff; margin-right: 6px;\"><\/i>\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u67e5\u770b\u8a55\u5206\u6a19\u6e96\uff1a\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/competition-method\/evaluation-criterion\"\r\n target=\"_blank\" style=\"color: #00d4ff; text-decoration: underline;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8a55\u5206\u6a19\u6e96<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"rewards\" class=\"rewards-section\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <h2>\u734e\u52f5\u65b9\u5f0f<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n \r\n <div class=\"rewards-selector\">\r\n <h4>\u8acb\u9078\u64c7\u53c3\u8cfd\u7d44\u5225\u67e5\u770b\u5c0d\u61c9\u734e\u52f5\u65b9\u5f0f\uff1a<\/h4>\r\n <div class=\"selector-buttons\">\r\n <button class=\"selector-btn active\" data-group=\"general\">\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"ai-training\">AI \u8077\u80fd\u57f9\u529b\u7d44<\/button>\r\n <button class=\"selector-btn\" data-group=\"quantum\">Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"rewards-content\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"register\" class=\"register-section\">\r\n <div class=\"container\">\r\n <div class=\"register-main\">\r\n <div class=\"register-header\">\r\n <h2><i class=\"fas fa-user-plus\"><\/i> \u7acb\u5373\u5831\u540d\u53c3\u8cfd<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-info-cards guidance-orgs\">\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <div>\r\n <h4>\u5831\u540d\u671f\u9593<\/h4>\r\n <p>114\u5e749\u67088\u65e5- <br>114\u5e7411\u670826\u65e5<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-gift\"><\/i>\r\n <div>\r\n <h4>\u5831\u540d\u8cbb\u7528<\/h4>\r\n <p>\u5b8c\u5168\u514d\u8cbb<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <div>\r\n <h4>\u53c3\u8cfd\u65b9\u5f0f<\/h4>\r\n <p>\u5718\u968a(2-6\u4eba)<\/p>\r\n <p>\u63a1\u5718\u9ad4\u5831\u540d<br>\u7d44\u9577\u7d71\u4e00\u5831\u540d<br>\u53ef\u8de8\u6821\u7d44\u968a<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card-item\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <div>\r\n <h4>\u6bd4\u8cfd\u5f62\u5f0f<\/h4>\r\n <p>\u521d\u8cfd\u5be9\u67e5 +<br>\u73fe\u5834\u6c7a\u8cfd<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-cta\">\r\n <div class=\"cta-content\">\r\n <h3 style=\"display: inline;\">\u5831\u540d\u9808\u900f\u904e Google \u8868\u55ae\u5b8c\u6210\u4e26\u8acb\u95b1\u8b80<\/h3>\r\n <a href=\"#register-notice\"\r\n style=\"color: #e53935; text-decoration: underline; font-size: 2em; font-weight: bold;\">\u7af6\u8cfd\u9808\u77e5<\/a>\r\n <br>\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScVOnxHCB2hCUyVy7cRaBE_jOujc2iD5xQPjPax-h_FTuCmeg\/closedform?pli=1\"\r\n target=\"_blank\" class=\"primary-register-btn\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fab fa-google\"><\/i>\r\n <\/div>\r\n <div class=\"btn-content\">\r\n <span class=\"btn-main\">\u524d\u5f80 Google \u8868\u55ae\u5831\u540d<\/span>\r\n <span class=\"btn-sub\">\u7acb\u5373\u586b\u5beb \u27a4<\/span>\r\n <\/div>\r\n\r\n\r\n <\/a>\r\n <p style=\"margin-top: 12px; color: #fff; font-size: 16px;\">\r\n Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u8acb\u81f3\u6b64\u7db2\u9801\u5831\u540d:\r\n <a href=\"https:\/\/sites.google.com\/asap.nutn.edu.tw\/2025quantumai\/home\"\r\n style=\"font-size: 18px; color: #00d4ff;\">Quantum AI \u9ad4\u9a57\u61c9\u7528\u7d44\u5831\u540d\u9023\u7d50<\/a>\r\n <\/p>\r\n <div class=\"deadline-warning\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n <span>\u5831\u540d\u622a\u6b62\uff1a114\u5e7411\u670826\u65e5 23:59<\/span>\r\n\r\n <\/div>\r\n <div class=\"warning-note-line\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <span class=\"warning-note\">\u6bcf\u4eba\u9650\u5831\u4e00\u7d44\uff0c\u8acb\u52ff\u91cd\u8907\u5831\u540d<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-requirements\">\r\n <h4><i class=\"fas fa-clipboard-list\"><\/i> \u5831\u540d\u9700\u6e96\u5099<\/h4>\r\n <div class=\"requirements-grid\">\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <span>\u8868\u55ae\u57fa\u672c\u8cc7\u6599(\u7d44\u9577\/\u5718\u968a)<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <span>\u5b78\u751f\u8eab\u5206\u6216 AI \u57f9\u8a13\u8eab\u4efd<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n <span>\u8eab\u4efd\u76f8\u95dc\u6587\u4ef6\u8207\u5207\u7d50\u66f8<\/span>\r\n <\/div>\r\n <div class=\"requirement-item\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <span>\u4f5c\u54c1\u8aaa\u660e\u66f8\u8207\u5f71\u7247\u9023\u7d50<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"help-links\">\r\n <a href=\"#downloads\" class=\"help-link\">\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\u5831\u540d\u683c\u5f0f\u53c3\u8003\r\n <\/a>\r\n <a href=\"#info\" class=\"help-link\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n \u67e5\u770b\u8a73\u7d30\u7af6\u8cfd\u8cc7\u8a0a\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"register-notice\" id=\"register-notice\">\r\n <h4>\u7af6\u8cfd\u9808\u77e5<\/h4>\r\n <div class=\"notice-content\">\r\n <div class=\"notice-item\">\r\n <p>(\u4e00)\u53c3\u8cfd\u5718\u968a\u9808\u540c\u610f\u9075\u5b88\u4e3b\u8fa6\u55ae\u4f4d\u6240\u898f\u5b9a\u4e4b\u7af6\u8cfd\u9808\u77e5\u4ee5\u53ca\u5404\u8a55\u5be9\u6240\u6c7a\u8b70\u4e4b\u8a55\u5be9\u7d50\u679c\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e8c)\u53c3\u8cfd\u5718\u968a\u82e5\u6709\u4e0b\u5217\u60c5\u5f62\u4e4b\u4e00\u8005\uff0c\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u53d6\u6d88\u53c3\u8cfd\u53ca\u5f97\u734e\u8cc7\u683c\uff0c\u4e26\u5c0d\u7372\u734e\u5718\u968a\u8ffd\u56de\u734e\u91d1\u53ca\u734e\u72c0\uff1a<\/p>\r\n <p>1.\u53c3\u8cfd\u4f5c\u54c1\u53ca\u53c3\u8cfd\u904e\u7a0b\u6709\u527d\u7aca\u3001\u6284\u8972\u3001\u5192\u540d\u9802\u66ff\u3001\u5176\u4ed6\u4e0d\u6cd5\u4e4b\u60c5\u4e8b\u6216\u9055\u53cd\u672c\u7af6\u8cfd\u898f\u5247\u6240\u5217\u4e4b\u898f\u5b9a\u8005\u3002<\/p>\r\n <p>2.\u53c3\u8cfd\u4f5c\u54c1\u9054\u300c\u5546\u54c1\u5316\u300d\u6216\u300c\u91cf\u7522\u300d\u968e\u6bb5\u3002<\/p>\r\n <p>3.\u4ee5\u76f8\u540c\u53c3\u8cfd\u4f5c\u54c1\u4e8c\u5ea6\u53c3\u8207\u672c\u7af6\u8cfd\u6642\uff0c\u5176\u4f5c\u54c1\u672a\u6709\u6240\u7cbe\u9032\u6216\u672a\u5c07\u7cbe\u9032\u4e4b\u8655\u8f09\u660e\u65bc\u5831\u540d\u6587\u4ef6\u4e2d\u3002<\/p>\r\n <p>4.\u5728\u521d\u8cfd\u904e\u7a0b\u6216\u6c7a\u8cfd\u6703\u5834\u4e2d\u6709\u5f71\u97ff\u5176\u4ed6\u53c3\u8cfd\u968a\u4f0d\uff0c\u9020\u6210\u7af6\u8cfd\u4e0d\u516c\u7684\u884c\u70ba\u3002<\/p>\r\n <p>5.\u5831\u540d\u8cc7\u6599\u4e0d\u5be6\u6216\u672a\u4f9d\u898f\u5b9a\u63d0\u4ea4\u8005\u3002<\/p>\r\n <p>6.\u53c3\u8cfd\u4f5c\u54c1\u6709\u9055\u53cd\u672c\u7af6\u8cfd\u898f\u5247\u6240\u5217\u4e4b\u898f\u5b9a\u8005\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e09)\u53c3\u8cfd\u5718\u968a\u540c\u610f\u914d\u5408\u4e3b\u8fa6\u55ae\u4f4d\u63a8\u5ee3\u3001\u5ba3\u50b3\u9700\u8981\uff0c\u7121\u511f\u63d0\u4f9b\u53c3\u8cfd\u4f5c\u54c1\u76f8\u95dc\u8cc7\u6599(\u4f5c\u54c1\u7c21\u4ecb\u53ca\u4f5c\u54c1\u5f71\u7247)\u3001\u63a5\u53d7\u63a1\u8a2a\u3001\u6d3b\u52d5\u651d\u5f71\u3001\u5f71\u7247\u526a\u8f2f\u7b49\u4f5c\u70ba\u7af6\u8cfd\u5c08\u8f2f\u3001\u5ba3\u50b3\u5f71\u7247\u3001\u5831\u5c0e\u6216\u793e\u7fa4\u5a92\u9ad4\u5ee3\u5ba3\uff0c\u65bc\u570b\u5167\u3001\u5916\u975e\u71df\u5229\u4f7f\u7528\uff0c\u4fc3\u9032\u8cc7\u8a0a\u5275\u610f\u767c\u60f3\u4ea4\u6d41\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u56db)\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u5be6\u969b\u72c0\u6cc1\uff0c\u4fdd\u6709\u8abf\u6574\u734e\u9805\u540d\u984d\u3001\u734e\u72c0\u843d\u6b3e\u53ca\u4fee\u6539\u672c\u6d3b\u52d5\u4e4b\u6b0a\u5229\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"notice-item\">\r\n <p>(\u4e94)\u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u9700\u8981\u4fee\u6539\u7af6\u8cfd\u76f8\u95dc\u898f\u5247\uff0c\u4e26\u516c\u5e03\u65bc\u7af6\u8cfd\u7db2\u7ad9\uff0c\u53c3\u8cfd\u5718\u968a\u61c9\u7d93\u5e38\u700f\u89bd\u7db2\u7ad9\u516c\u544a\uff0c\u4e0d\u5f97\u4ee5\u672a\u77e5\u6089\u70ba\u7531\u63d0\u51fa\u7570\u8b70\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"downloads\" class=\"downloads-section\">\r\n <div class=\"container\">\r\n <div class=\"info-card\">\r\n <div class=\"info-header\">\r\n <i class=\"fas fa-download\"><\/i>\r\n <h2>\u76f8\u95dc\u6587\u4ef6\u4e0b\u8f09<\/h2>\r\n <\/div>\r\n <div class=\"info-content\">\r\n <style>\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .downloads-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .downloads-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n <div class=\"downloads-grid\">\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5207\u7d50\u66f8<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5207\u7d50\u66f8.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5b78\u751f\u8b49\u6b63\u53cd\u9762<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5b78\u751f\u8b49\u6b63\u53cd\u9762.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5728\u8a13\u8b49\u660e\u66f8<br>(AI\u8077\u80fd\u57f9\u529b\u7d44)<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5728\u8a13\u8b49\u660e\u66f8AI\u8077\u80fd\u57f9\u529b\u7d441140904.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u4f5c\u54c1\u8aaa\u660e\u66f8<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u4f5c\u54c1\u8aaa\u660e\u66f8.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <div class=\"download-card\">\r\n <div class=\"download-icon\">\r\n <i class=\"fas fa-file-word\"><\/i>\r\n <\/div>\r\n <h3>\u5f71\u7247\u9023\u7d50\u6587\u4ef6<\/h3>\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5f71\u7247\u9023\u7d50.docx\"\r\n class=\"download-btn\" download>\r\n <i class=\"fas fa-download\"><\/i>\r\n \u4e0b\u8f09\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top: 32px;\">\r\n <h5 style=\"font-size: 16px; margin-bottom: 10px; color: #fcfdff;\">\u6587\u4ef6\u4e0b\u8f09\u9023\u7d50\uff1a<\/h5>\r\n <ul style=\"font-size: 16px; line-height: 2; padding-left: 18px; color:#fff\">\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5207\u7d50\u66f8.docx\"\r\n download style=\"color:#fff;\">\u5207\u7d50\u66f8<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5b78\u751f\u8b49\u6b63\u53cd\u9762.docx\"\r\n download style=\"color:#fff;\">\u5b78\u751f\u8b49\u6b63\u53cd\u9762<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5728\u8a13\u8b49\u660e\u66f8AI\u8077\u80fd\u57f9\u529b\u7d441140904.docx\"\r\n download style=\"color:#fff;\">\u5728\u8a13\u8b49\u660e\u66f8(AI\u8077\u80fd\u57f9\u529b\u7d44)<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u4f5c\u54c1\u8aaa\u660e\u66f8.docx\"\r\n download style=\"color:#fff;\">\u4f5c\u54c1\u8aaa\u660e\u66f8<\/a><\/li>\r\n <li>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a\r\n href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/XXXX\u7d44\u7d44\u5225-XXX\u7d44\u7d44\u540d-XXX\u7d44\u9577-\u5f71\u7247\u9023\u7d50.docx\"\r\n download style=\"color:#fff;\">\u5f71\u7247\u9023\u7d50\u6587\u4ef6<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"download-notice\">\r\n <div class=\"notice-box\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <div class=\"notice-content\">\r\n <h4>\u4e0b\u8f09\u9808\u77e5<\/h4>\r\n <ul>\r\n <li>\u6240\u6709\u6587\u4ef6\u5747\u70ba\u514d\u8cbb\u4e0b\u8f09<\/li>\r\n <li>\u5efa\u8b70\u4f7f\u7528\u6700\u65b0\u7248\u672c\u7684\u8edf\u9ad4\u958b\u555f<\/li>\r\n <li>\u5982\u6709\u554f\u984c\u8acb\u806f\u7e6b\u4e3b\u8fa6\u55ae\u4f4d<\/li>\r\n <li>\u6587\u4ef6\u5167\u5bb9\u53ef\u80fd\u6703\u4e0d\u5b9a\u671f\u66f4\u65b0<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <style>\r\n .download-card h3 {\r\n font-size: 18px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .downloads-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .downloads-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .downloads-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .download-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n\r\n .download-btn {\r\n height: 44px;\r\n min-height: 44px;\r\n max-height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n margin-top: auto;\r\n }\r\n <\/style>\r\n <section id=\"organizers\" class=\"register-section\">\r\n <div class=\"container\">\r\n <div class=\"register-main\">\r\n <div class=\"register-header\">\r\n <h2><i class=\"fas fa-users\"><\/i> \u6307\u5c0e\u55ae\u4f4d\u8207\u4e3b\u8fa6\u55ae\u4f4d<\/h2>\r\n <\/div>\r\n \r\n <h3\r\n style=\"text-align: center; margin: 30px 0 20px 0; color: #ffffff; font-size: 28px; font-weight: bold;\">\r\n <i class=\"fas fa-flag\" style=\"margin-right: 10px; color: #2c319e;\"><\/i>\u6307\u5c0e\u55ae\u4f4d\r\n <\/h3>\r\n <div class=\"register-info-cards guidance-orgs\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/www.edu.tw\/Default.aspx\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/ROC_Ministry_of_Education_Seal.svg_.png\"\r\n alt=\"\u6559\u80b2\u90e8 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u6559\u80b2\u90e8<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/yct168.wda.gov.tw\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/ROC_Workforce_Development_Agency_Emblem.svg_.png\"\r\n alt=\"\u52de\u52d5\u90e8\u52de\u52d5\u529b\u767c\u5c55\u7f72 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u52de\u52d5\u90e8\u52de\u52d5\u529b\u767c\u5c55\u7f72\u96f2\u5609\u5357\u5206\u7f72<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h3\r\n style=\"text-align: center; margin: 40px 0 20px 0; color: #ffffff; font-size: 28px; font-weight: bold;\">\r\n <i class=\"fas fa-university\" style=\"margin-right: 10px; color: #3498db;\"><\/i>\u4e3b\u8fa6\u55ae\u4f4d\r\n <\/h3>\r\n <div class=\"register-info-cards\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/scieng.nutn.edu.tw\/ch\/index.php\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7406\u5de5\u5b78\u9662.jpg\"\r\n alt=\"\u7406\u5de5\u5b78\u9662 LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 15px;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78\u7406\u5de5\u5b78\u9662<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/iLT-LOGO-\u7cfb\u5fbd002.png\"\r\n alt=\"\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n\r\n <div style=\"margin-left: 15px;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/mobileEE\/\" target=\"_blank\"\r\n style=\"display: flex; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u96fb\u6a5f\u7cfblogo_02.png\"\r\n alt=\"\u96fb\u6a5f\u5de5\u7a0b\u5b78\u7cfb LOGO\"\r\n style=\"height: 54px; width: 54px; vertical-align: middle; margin-right: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <div style=\"margin-left: 0;\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u96fb\u6a5f\u5de5\u7a0b\u5b78\u7cfb<\/h5>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"register-info-cards\">\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/sites.google.com\/site\/kwsnutn\/%E9%A6%96%E9%A0%81\" target=\"_blank\"\r\n style=\"display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/KWS-0602-01.jpg\"\r\n alt=\"\u77e5\u8b58\u61c9\u7528\u66a8\u7db2\u8def\u670d\u52d9\u7814\u7a76\u4e2d\u5fc3 LOGO\"\r\n style=\"height: 30px; width: auto; margin-bottom: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.10);\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">\u77e5\u8b58\u61c9\u7528\u66a8\u7db2\u8def\u670d\u52d9<br>\u7814\u7a76\u4e2d\u5fc3<\/h5>\r\n <\/a>\r\n <\/div>\r\n <div class=\"info-card-item\" style=\"display: flex; align-items: center;\">\r\n <a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%ba%e6%85%a7%e6%8a%80%e8%a1%93%e8%88%87%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad\"\r\n target=\"_blank\"\r\n style=\"display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit;\">\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u6a6b\u5f0f-out1-scaled.jpg\"\r\n alt=\"\u6a6b\u5f0f\u6d77\u5831\"\r\n style=\"height: auto; width: 175px; margin-bottom: 6px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12);\">\r\n <h5 style=\"font-size: 16px; margin: 0; color: #fff;\">AI \u667a\u6167\u6280\u8853\u8207\u61c9\u7528<br>\u4eba\u624d\u57f9\u8a13\u64da\u9ede <\/h5>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"poster-2\" class=\"poster-section\">\r\n <style>\r\n #poster-2.poster-section {\r\n min-height: 1000px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* \u8b93\u5167\u5bb9\u9ad8\u5ea6\u53ef\u88ab\u5716\u7247\u586b\u6eff *\/\r\n position: relative;\r\n }\r\n\r\n #poster-2 .poster-fullwidth {\r\n width: 90%;\r\n height: 90%;\r\n }\r\n\r\n #poster-2 .poster-placeholder {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #poster-2 .poster-image {\r\n height: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n max-width: 100%;\r\n }\r\n <\/style>\r\n <div class=\"poster-fullwidth\">\r\n <div class=\"poster-placeholder\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u5168\u570bAI\u5c08\u984c\u5275\u610f\u7af6\u8cfd_A1_\u5de5\u4f5c\u5340\u57df1140911-scaled.jpg\"\r\n alt=\"AI\u7af6\u8cfdA1\u6d77\u5831\" class=\"poster-image\"\r\n style=\"max-width: 100%; height: auto; display: block; margin: 0 auto; box-shadow: 0 8px 32px rgba(0,0,0,0.18); border-radius: 10px; -webkit-user-select: none; user-select: none;\"\r\n width=\"362\" height=\"512\" draggable=\"false\" oncontextmenu=\"return false;\"\r\n onselectstart=\"return false;\" onmousedown=\"return false;\">\r\n <script>\r\n \/\/ \u9ede\u64ca\u5716\u7247\u653e\u5927\u986f\u793a\uff0c\u652f\u63f4\u4e8c\u6bb5\u5f0f\u653e\u5927\r\n document.addEventListener('DOMContentLoaded', function () {\r\n var posterImg = document.querySelector('#poster-2 .poster-image');\r\n if (posterImg) {\r\n posterImg.style.cursor = 'zoom-in';\r\n posterImg.addEventListener('click', function (e) {\r\n \/\/ \u5efa\u7acb\u906e\u7f69\r\n var overlay = document.createElement('div');\r\n overlay.style.position = 'fixed';\r\n overlay.style.top = 0;\r\n overlay.style.left = 0;\r\n overlay.style.width = '100vw';\r\n overlay.style.height = '100vh';\r\n overlay.style.background = 'rgba(10,10,20,0.92)';\r\n overlay.style.display = 'flex';\r\n overlay.style.alignItems = 'flex-start';\r\n overlay.style.justifyContent = 'flex-start';\r\n overlay.style.overflow = 'auto';\r\n overlay.style.zIndex = 99999;\r\n overlay.style.cursor = 'zoom-out';\r\n \/\/ \u5efa\u7acb\u5927\u5716\uff08\u76f4\u63a5\u8d85\u5927\u6a21\u5f0f\uff09\r\n var bigImg = document.createElement('img');\r\n bigImg.src = posterImg.src;\r\n bigImg.alt = posterImg.alt;\r\n bigImg.style.maxWidth = 'none';\r\n bigImg.style.maxHeight = 'none';\r\n bigImg.style.width = '1357px'; \/\/ 1810 * 3\/4\r\n bigImg.style.height = '1920px'; \/\/ 2560 * 3\/4\r\n bigImg.style.borderRadius = '12px';\r\n bigImg.style.boxShadow = '0 20px 40px rgba(0,0,0,0.5)';\r\n bigImg.style.background = '#fff';\r\n bigImg.style.display = 'block';\r\n bigImg.style.cursor = 'zoom-out';\r\n bigImg.style.margin = 'auto';\r\n overlay.appendChild(bigImg);\r\n \/\/ \u9ede\u64ca\u906e\u7f69\u6216\u5927\u5716\u95dc\u9589\r\n overlay.addEventListener('click', function (ev) {\r\n if (ev.target === overlay || ev.target === bigImg) {\r\n document.body.removeChild(overlay);\r\n }\r\n });\r\n \/\/ \u9375\u76e4ESC\u95dc\u9589\r\n function escHandler(ev) {\r\n if (ev.key === 'Escape') {\r\n if (document.body.contains(overlay)) document.body.removeChild(overlay);\r\n document.removeEventListener('keydown', escHandler);\r\n }\r\n }\r\n document.addEventListener('keydown', escHandler);\r\n document.body.appendChild(overlay);\r\n });\r\n }\r\n });\r\n <\/script>\r\n \r\n <style>\r\n \/* \u53ea\u91dd\u5c0d\u7b2c\u4e8c\u500b\u6d77\u5831\u5340\u584a\u5716\u7247\u653e\u5927\u986f\u793a *\/\r\n #poster-2 .poster-image {\r\n width: 800px;\r\n max-width: 90vw;\r\n margin-top: 32px;\r\n margin-bottom: 32px;\r\n height: auto;\r\n display: block;\r\n margin: 0 auto;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);\r\n border-radius: 10px;\r\n cursor: zoom-in;\r\n transition: width 0.2s;\r\n }\r\n\r\n @media (max-width: 950px) {\r\n #poster-2 .poster-image {\r\n width: 98vw;\r\n }\r\n }\r\n <\/style>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n\r\n <footer class=\"footer\" id=\"contact\" style=\"width: 100%; max-width: none;\">\r\n <div class=\"container\" style=\"max-width: 1400px; width: 95%;\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-main\">\r\n <div class=\"footer-logo\">\r\n <\/div>\r\n <p class=\"footer-description\">\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-links\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-university\"><\/i>\r\n <span><a href=\"https:\/\/web.nutn.edu.tw\/\" target=\"_blank\"\r\n style=\"color: inherit; text-decoration: none;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78 National University of\r\n Tainan<\/a><\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <span>\u806f\u7d61\u4fe1\u7bb1: <a href=\"#contact\"\r\n style=\"color: inherit; text-decoration: underline;\">nutnilt@gmail.com<\/a><\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <span>\u806f\u7d61\u96fb\u8a71: 06-2133111#771 (\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb)<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>\u5730\u5740\uff1a700301\u53f0\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb533\u865f\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>\u53c3\u8cfd\u6307\u5357<\/h4>\r\n <ul>\r\n <li><a href=\"#info\">\u7af6\u8cfd\u516c\u544a<\/a><\/li>\r\n <li><a href=\"#process\">\u7af6\u8cfd\u6642\u7a0b<\/a><\/li>\r\n <li><a href=\"#register\">\u7acb\u5373\u5831\u540d<\/a><\/li>\r\n <li><a href=\"#downloads\">\u6587\u4ef6\u4e0b\u8f09<\/a><\/li>\r\n <\/ul>\r\n\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <style>\r\n .footer-section h4 {\r\n text-align: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-section .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n <\/style>\r\n <h4>\u95dc\u6ce8\u6211\u5011<\/h4>\r\n <div class=\"social-links\">\r\n\r\n <a href=\"https:\/\/www.facebook.com\/nutn.ilt\" class=\"social-link\">\r\n <i class=\"fab fa-facebook\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UC_i4pJlJWMaGTE9MMI6LbBg \" class=\"social-link\">\r\n <i class=\"fab fa-youtube\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-link\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <br>\r\n <div style=\"text-align: center; margin-top: 20px;\">\r\n <h4>\u7db2\u7ad9\u7dad\u8b77:<\/h4>\r\n <span><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/\" target=\"_blank\"\r\n style=\"color: inherit; text-decoration: none;\">\u570b\u7acb\u81fa\u5357\u5927\u5b78<br>\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb<\/a><\/span>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <div class=\"footer-copyright\">\r\n <p style=\"font-size: 16px;\">© 2025 \u570b\u7acb\u81fa\u5357\u5927\u5b78\u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb \uff1b Copilot. AI \u751f\u6210\u7db2\u9801\u4e26\u4eba\u5de5\u4fee\u6539 | \u96b1\u79c1\u653f\u7b56 | \u4f7f\u7528\u689d\u6b3e<\/p>\r\n <\/div>\r\n <div class=\"footer-tech\">\r\n <p>Powered by NUTN ILT & AI Technology<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <button id=\"backToTop\" class=\"back-to-top\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div class=\"floating-logo\">\r\n <div class=\"floating-help-text\">\u9ede\u6211\u53d6\u5f97\u66f4\u591a\u5e6b\u52a9<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/iLT-LOGO_onlybaby.png\"\r\n alt=\"iLT Logo\" class=\"floating-logo-img\">\r\n <\/div>\r\n\r\n <script src=\"script.js\"><\/script>\r\n\r\n <script>\r\n \/\/ === AI\u7af6\u8cfd\u7db2\u7ad9 JavaScript ===\r\n\r\n \/\/ DOM \u5143\u7d20\r\n const hamburger = document.querySelector('.hamburger');\r\n const navMenu = document.querySelector('.nav-menu');\r\n const blackHamburger = document.querySelector('.black-hamburger');\r\n const blackNavMenu = document.querySelector('.black-nav-menu');\r\n const backToTopBtn = document.getElementById('backToTop');\r\n\r\n \/\/ \u5b89\u5168\u7372\u53d6\u53ef\u80fd\u4e0d\u5b58\u5728\u7684\u5143\u7d20\r\n let registerForm = null;\r\n let teamTypeSelect = null;\r\n\r\n \/\/ \u521d\u59cb\u5316\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initNavControls({ hamburger, navMenu });\r\n initNavControls({ hamburger: blackHamburger, navMenu: blackNavMenu });\r\n initDropdowns();\r\n \/\/ initAnimations(); \/\/ \u5df2\u505c\u7528\u52d5\u756b\r\n \/\/ animateNumbers(); \/\/ \u5df2\u505c\u7528\u6578\u5b57\u52d5\u756b\r\n \/\/ initAIEffects(); \/\/ \u5df2\u505c\u7528AI\u7279\u6548\r\n initCriteriaSelector();\r\n initCriteriaSelectorFinal();\r\n initRewardsSelector();\r\n initFloatingHelp();\r\n initMobileHamburgerFix();\r\n\r\n registerForm = document.querySelector('#registerForm, .register-form');\r\n teamTypeSelect = document.querySelector('#teamType, .team-type-select');\r\n if (registerForm) registerForm.addEventListener('submit', handleFormSubmit);\r\n if (teamTypeSelect) teamTypeSelect.addEventListener('change', toggleTeamMembers);\r\n\r\n preloadResources();\r\n });\r\n\r\n \/\/ === \u521d\u59cb\u5316\u5c0e\u822a\u63a7\u5236 ===\r\n function initNavControls({ hamburger, navMenu }) {\r\n if (!hamburger || !navMenu) return;\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n navMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n const parentDropdown = link.closest('.dropdown');\r\n if (parentDropdown && link.classList.contains('dropdown-toggle')) {\r\n e.preventDefault();\r\n parentDropdown.classList.toggle('active');\r\n return;\r\n }\r\n const targetId = link.getAttribute('href');\r\n if (targetId && targetId.startsWith('#') && targetId.length > 1) {\r\n e.preventDefault();\r\n scrollToSection(targetId);\r\n }\r\n if (window.innerWidth <= 1300) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n });\r\n\r\n document.addEventListener('click', (e) => {\r\n if (\r\n navMenu.classList.contains('active') &&\r\n !navMenu.contains(e.target) &&\r\n !hamburger.contains(e.target) &&\r\n window.innerWidth <= 1300\r\n ) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n });\r\n\r\n if (backToTopBtn) {\r\n backToTopBtn.addEventListener('click', scrollToTop);\r\n }\r\n }\r\n\r\n \/\/ === \u6372\u52d5\u529f\u80fd ===\r\n function scrollToSection(targetId) {\r\n const target = document.querySelector(targetId);\r\n if (!target) return;\r\n const offsetTop = target.offsetTop - 70;\r\n window.scrollTo({ top: offsetTop, behavior: 'smooth' });\r\n }\r\n\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ === \u4e0b\u62c9\u9078\u55ae ===\r\n function initDropdowns() {\r\n document.querySelectorAll('.dropdown').forEach(dropdown => {\r\n const toggle = dropdown.querySelector('.dropdown-toggle');\r\n const menu = dropdown.querySelector('.dropdown-menu');\r\n if (!toggle || !menu) return;\r\n\r\n toggle.addEventListener('click', (e) => {\r\n if (window.innerWidth <= 1300) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n document.querySelectorAll('.dropdown.active').forEach(other => {\r\n if (other !== dropdown) other.classList.remove('active');\r\n });\r\n dropdown.classList.toggle('active');\r\n }\r\n });\r\n\r\n dropdown.addEventListener('mouseenter', () => {\r\n if (window.innerWidth > 768) dropdown.classList.add('active');\r\n });\r\n dropdown.addEventListener('mouseleave', () => {\r\n if (window.innerWidth > 768) dropdown.classList.remove('active');\r\n });\r\n });\r\n\r\n document.addEventListener('click', (e) => {\r\n if (!e.target.closest('.dropdown')) {\r\n document.querySelectorAll('.dropdown.active').forEach(d => d.classList.remove('active'));\r\n }\r\n });\r\n }\r\n\r\n \/\/ === \u521d\u59cb\u5316\u52d5\u756b ===\r\n function initAnimations() {\r\n const fadeInObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n const animatedElements = document.querySelectorAll(`\r\n .info-card, .theme-item, .qualification-item, .timeline-item,\r\n .criteria-card, .reward-card, .special-award, .download-card,\r\n .info-item, .feature, .prize-card\r\n `);\r\n\r\n animatedElements.forEach((el, index) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n fadeInObserver.observe(el);\r\n });\r\n }\r\n\r\n \/\/ === \u6578\u5b57\u52d5\u756b ===\r\n function animateNumbers() {\r\n const numbers = document.querySelectorAll('.stat-number');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const target = parseInt(entry.target.getAttribute('data-target'));\r\n animateValue(entry.target, 0, target, 2000);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n });\r\n numbers.forEach(number => observer.observe(number));\r\n }\r\n\r\n function animateValue(element, start, end, duration) {\r\n let startTimestamp = null;\r\n const step = (timestamp) => {\r\n if (!startTimestamp) startTimestamp = timestamp;\r\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n const current = Math.floor(progress * (end - start) + start);\r\n element.innerHTML = end >= 1000 ? current.toLocaleString() : current;\r\n if (progress < 1) window.requestAnimationFrame(step);\r\n };\r\n window.requestAnimationFrame(step);\r\n }\r\n\r\n \/\/ === AI \u6548\u679c ===\r\n function initAIEffects() {\r\n const neuralNodes = document.querySelectorAll('.neural-node');\r\n neuralNodes.forEach((node, index) => {\r\n setInterval(() => {\r\n if (Math.random() > 0.7) {\r\n node.style.boxShadow = '0 0 30px rgba(0, 212, 255, 0.8)';\r\n setTimeout(() => { node.style.boxShadow = '0 0 20px rgba(0, 212, 255, 0.3)'; }, 200);\r\n }\r\n }, 2000 + index * 500);\r\n });\r\n createParticleEffect();\r\n }\r\n\r\n \/\/ === \u7c92\u5b50\u6548\u679c ===\r\n function createParticleEffect() {\r\n const hero = document.querySelector('.hero');\r\n if (!hero) return;\r\n const particleContainer = document.createElement('div');\r\n particleContainer.className = 'particle-container';\r\n particleContainer.style.cssText = `\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none; z-index: 1;\r\n `;\r\n hero.appendChild(particleContainer);\r\n for (let i = 0; i < 50; i++) createParticle(particleContainer);\r\n }\r\n\r\n function createParticle(container) {\r\n const particle = document.createElement('div');\r\n particle.style.cssText = `\r\n position: absolute; width: 2px; height: 2px; background: #00d4ff;\r\n border-radius: 50%; opacity: 0;\r\n animation: particleFloat ${5 + Math.random() * 10}s infinite linear;\r\n left: ${Math.random() * 100}%; top: 100%; box-shadow: 0 0 6px #00d4ff;\r\n `;\r\n container.appendChild(particle);\r\n particle.addEventListener('animationend', () => {\r\n particle.remove();\r\n createParticle(container);\r\n });\r\n }\r\n\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(0); opacity: 0; }\r\n 10%,90% { opacity: 1; }\r\n 100% { transform: translateY(-100vh) translateX(${Math.random() * 200 - 100}px); opacity: 0; }\r\n }\r\n`;\r\n document.head.appendChild(style);\r\n\r\n \/\/ === Poster Modal ===\r\n function showPosterModal() {\r\n const modal = document.createElement('div');\r\n modal.className = 'poster-modal';\r\n modal.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(10, 10, 15, 0.95);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10000;\r\n cursor: pointer;\r\n backdrop-filter: blur(10px);\r\n `;\r\n\r\n const posterImg = document.createElement('img');\r\n posterImg.src = '\u6d77\u5831\u653e\u7f6e\u8655.svg';\r\n posterImg.style.cssText = `\r\n max-width: 90%;\r\n max-height: 90%;\r\n border-radius: 12px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n transition: transform 0.3s ease;\r\n `;\r\n\r\n const closeBtn = document.createElement('button');\r\n closeBtn.innerHTML = '<i class=\"fas fa-times\"><\/i>';\r\n closeBtn.style.cssText = `\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(0, 212, 255, 0.2);\r\n border: 1px solid #00d4ff;\r\n color: #00d4ff;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n `;\r\n\r\n closeBtn.addEventListener('mouseenter', () => {\r\n closeBtn.style.background = '#00d4ff';\r\n closeBtn.style.color = '#0a0a0f';\r\n });\r\n\r\n closeBtn.addEventListener('mouseleave', () => {\r\n closeBtn.style.background = 'rgba(0, 212, 255, 0.2)';\r\n closeBtn.style.color = '#00d4ff';\r\n });\r\n\r\n modal.appendChild(posterImg);\r\n modal.appendChild(closeBtn);\r\n document.body.appendChild(modal);\r\n\r\n \/\/ \u95dc\u9589\u6a21\u614b\u6846\r\n const closeModal = () => {\r\n modal.style.opacity = '0';\r\n setTimeout(() => {\r\n document.body.removeChild(modal);\r\n }, 300);\r\n };\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeModal();\r\n });\r\n\r\n closeBtn.addEventListener('click', closeModal);\r\n\r\n \/\/ \u9375\u76e4ESC\u95dc\u9589\r\n const handleKeyPress = (e) => {\r\n if (e.key === 'Escape') {\r\n closeModal();\r\n document.removeEventListener('keydown', handleKeyPress);\r\n }\r\n };\r\n document.addEventListener('keydown', handleKeyPress);\r\n\r\n \/\/ \u5165\u5834\u52d5\u756b\r\n modal.style.opacity = '0';\r\n document.body.appendChild(modal);\r\n setTimeout(() => {\r\n modal.style.transition = 'opacity 0.3s ease';\r\n modal.style.opacity = '1';\r\n }, 10);\r\n }\r\n \/\/ === handleDownload ===\r\n function handleDownload(e) {\r\n e.preventDefault();\r\n\r\n const downloadBtn = e.currentTarget;\r\n const originalText = downloadBtn.innerHTML;\r\n\r\n \/\/ \u986f\u793a\u4e0b\u8f09\u52d5\u756b\r\n downloadBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u4e0b\u8f09\u4e2d...';\r\n downloadBtn.style.pointerEvents = 'none';\r\n\r\n \/\/ \u6a21\u64ec\u4e0b\u8f09\u904e\u7a0b\r\n setTimeout(() => {\r\n downloadBtn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u4e0b\u8f09\u5b8c\u6210';\r\n downloadBtn.style.background = 'linear-gradient(135deg, #00ff88, #00cc6a)';\r\n\r\n setTimeout(() => {\r\n downloadBtn.innerHTML = originalText;\r\n downloadBtn.style.background = '';\r\n downloadBtn.style.pointerEvents = 'auto';\r\n }, 2000);\r\n\r\n \/\/ \u986f\u793a\u6210\u529f\u901a\u77e5\r\n showNotification('\u6587\u4ef6\u4e0b\u8f09\u5b8c\u6210\uff01', 'success');\r\n }, 1500);\r\n }\r\n \/\/ === showNotification\uff08\u5b8c\u6574\u901a\u77e5\u7cfb\u7d71\uff0c\u7d71\u4e00\u4f7f\u7528\u9019\u500b\uff09===\r\n function showNotification(message, type = 'info') {\r\n \/\/ \u79fb\u9664\u73fe\u6709\u901a\u77e5\r\n const existingNotification = document.querySelector('.notification');\r\n if (existingNotification) {\r\n existingNotification.remove();\r\n }\r\n\r\n const notification = document.createElement('div');\r\n notification.className = 'notification';\r\n\r\n const colors = {\r\n success: '#00ff88',\r\n error: '#ff4757',\r\n warning: '#ffaa00',\r\n info: '#00d4ff'\r\n };\r\n\r\n const icons = {\r\n success: 'fa-check-circle',\r\n error: 'fa-exclamation-circle',\r\n warning: 'fa-exclamation-triangle',\r\n info: 'fa-info-circle'\r\n };\r\n\r\n notification.innerHTML = `\r\n <div class=\"notification-content\">\r\n <i class=\"fas ${icons[type]}\"><\/i>\r\n <span>${message}<\/span>\r\n <button class=\"notification-close\">×<\/button>\r\n <\/div>\r\n `;\r\n\r\n notification.style.cssText = `\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(26, 26, 46, 0.95);\r\n border: 1px solid ${colors[type]};\r\n color: #ffffff;\r\n padding: 1rem 1.5rem;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 10000;\r\n transform: translateX(400px);\r\n transition: transform 0.3s ease;\r\n max-width: 400px;\r\n backdrop-filter: blur(10px);\r\n `;\r\n\r\n const content = notification.querySelector('.notification-content');\r\n content.style.cssText = `\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n `;\r\n\r\n const icon = notification.querySelector('i');\r\n icon.style.color = colors[type];\r\n\r\n const closeBtn = notification.querySelector('.notification-close');\r\n closeBtn.style.cssText = `\r\n background: none;\r\n border: none;\r\n color: #8892b0;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n margin-left: auto;\r\n padding: 0;\r\n line-height: 1;\r\n transition: color 0.2s ease;\r\n `;\r\n\r\n closeBtn.addEventListener('mouseenter', () => {\r\n closeBtn.style.color = '#ffffff';\r\n });\r\n\r\n closeBtn.addEventListener('mouseleave', () => {\r\n closeBtn.style.color = '#8892b0';\r\n });\r\n\r\n document.body.appendChild(notification);\r\n\r\n \/\/ \u52d5\u756b\u986f\u793a\r\n setTimeout(() => {\r\n notification.style.transform = 'translateX(0)';\r\n }, 10);\r\n\r\n \/\/ \u81ea\u52d5\u96b1\u85cf\r\n setTimeout(() => {\r\n hideNotification(notification);\r\n }, 4000);\r\n\r\n \/\/ \u9ede\u64ca\u95dc\u9589\r\n closeBtn.addEventListener('click', () => {\r\n hideNotification(notification);\r\n });\r\n }\r\n \/\/ === \u8868\u55ae\u9a57\u8b49 \/ resetForm ===\r\n function handleFormSubmit(e) {\r\n e.preventDefault();\r\n\r\n \/\/ \u6aa2\u67e5\u8868\u55ae\u662f\u5426\u5b58\u5728\r\n if (!registerForm) {\r\n console.warn('Register form not found');\r\n return;\r\n }\r\n\r\n \/\/ \u7372\u53d6\u8868\u55ae\u8cc7\u6599\r\n const formData = new FormData(registerForm);\r\n const data = Object.fromEntries(formData);\r\n\r\n \/\/ \u9a57\u8b49\u8868\u55ae\r\n if (!validateForm(data)) {\r\n return;\r\n }\r\n\r\n \/\/ \u986f\u793a\u8f09\u5165\u52d5\u756b\r\n showLoadingAnimation();\r\n\r\n \/\/ \u6a21\u64ec\u63d0\u4ea4\u904e\u7a0b\r\n setTimeout(() => {\r\n hideLoadingAnimation();\r\n showSuccessMessage();\r\n resetForm();\r\n }, 2000);\r\n }\r\n \/\/ === \u8a55\u5206\u6a19\u6e96 & \u734e\u52f5\u65b9\u5f0f ===\r\n const criteriaData = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-lightbulb\",\r\n title: \"\u5275\u610f\u8207\u5275\u65b0\u6027\",\r\n weight: \"30%\",\r\n description: \"\u61c9\u7528\u7a0b\u5f0f\u8a2d\u8a08\u89e3\u6c7a\u76f8\u95dc\u9818\u57df\u4e4b\u554f\u984c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u6280\u8853\u5be6\u4f5c\u8207AI\u61c9\u7528\u6df1\u5ea6\",\r\n weight: \"30%\",\r\n description: \"\u7a0b\u5f0f\u8a2d\u8a08\u4e4b\u7368\u7279\u6027\u61c9\u7528\u4e4b\u5275\u610f\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-users\",\r\n title: \"\u8de8\u57df\u6574\u5408\u8207\u5718\u968a\u5354\u4f5c\",\r\n weight: \"20%\",\r\n description: \"\u7a0b\u5f0f\u8a2d\u8a08\u7684\u56f0\u96e3\u5ea6\u4ee5\u53ca\u8907\u96dc\u7a0b\u5ea6\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u4f5c\u54c1\u5c55\u793a\",\r\n weight: \"20%\",\r\n description: \"\u6587\u4ef6\u8aaa\u660e\u8207\u6210\u679c\u5c55\u793a\",\r\n details: []\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-lightbulb\",\r\n title: \"\u5275\u610f\u8207\u5275\u65b0\u6027\",\r\n weight: \"30%\",\r\n description: \"\u69cb\u60f3\u65b0\u7a4e\u3001\u5177\u539f\u5275\u6027\u8207\u61c9\u7528\u6f5b\u529b\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-robot\",\r\n title: \"\u6280\u8853\u5be6\u4f5c\u8207AI\u61c9\u7528\u6df1\u5ea6\",\r\n weight: \"30%\",\r\n description: \"AI\u6280\u8853\u904b\u7528\u7684\u5b8c\u6574\u6027\u8207\u6280\u8853\u6df1\u5ea6\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-graduation-cap\",\r\n title: \"\u8077\u80fd\u57f9\u8a13\u6210\u679c\u5c55\u73fe\",\r\n weight: \"15%\",\r\n description: \"\u5718\u968a\u6210\u54e1AI\u57f9\u8a13\u5b78\u7fd2\u6b77\u7a0b\u3001\u6280\u80fd\u61c9\u7528\u6210\u6548\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u4f5c\u54c1\u5c55\u793a\",\r\n weight: \"25%\",\r\n description: \"\u6587\u4ef6\u8aaa\u660e\u8207\u6210\u679c\u5c55\u793a\",\r\n details: []\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-file-alt\",\r\n title: \"\u6280\u8853\u5167\u5bb9\u66f8\u9762\u5831\u544a\u5b8c\u6574\u6027\",\r\n weight: \"35%\",\r\n description: \"\u200b\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-tasks\",\r\n title: \"\u6307\u5b9a\u984c\u76ee\u4e4b\u7cfb\u7d71\u5b8c\u6210\u5ea6\",\r\n weight: \"35%\",\r\n description: \"\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-upload\",\r\n title: \"\u6307\u5b9a\u984c\u76ee\u4e4b\u6307\u5b9a\u9805\u76ee\u4e0a\u50b3\u81f3\u7af6\u8cfd\u7db2\u7ad9\",\r\n weight: \"30%\",\r\n description: \"\",\r\n details: []\r\n }\r\n ]\r\n }\r\n };\r\n\r\n \/\/ \u8907\u8cfd\u8a55\u5206\u6a19\u6e96\u8cc7\u6599\r\n const criteriaDataFinal = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"50%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"30%\",\r\n description: \"\u53c3\u8cfd\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"30%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"25%\",\r\n description: \"\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-graduation-cap\",\r\n title: \"\u8077\u80fd\u57f9\u8a13\u6210\u679c\u6df1\u5316\",\r\n weight: \"25%\",\r\n description: \"AI\u57f9\u8a13\u6240\u5b78\u65bc\u5c08\u984c\u7684\u5be6\u969b\u61c9\u7528\u8207\u6210\u6548\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n criteria: [\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u521d\u8cfd\u6210\u7e3e\",\r\n weight: \"50%\",\r\n description: \"\u4f9d\u64da\u521d\u8cfd\u7372\u5f97\u5206\u6578\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-cogs\",\r\n title: \"\u5b8c\u6574\u6027\",\r\n weight: \"30%\",\r\n description: \"\u53c3\u8cfd\u4f5c\u54c1\u5b8c\u6210\u5ea6\u3001\u5be6\u7528\u6027\u53ca\u6574\u9ad4\u6210\u679c\",\r\n details: []\r\n },\r\n {\r\n icon: \"fas fa-chalkboard-user\",\r\n title: \"\u6210\u679c\u5831\u544a\u8207\u554f\u984c\u89e3\u8aaa\",\r\n weight: \"20%\",\r\n description: \"\u6210\u679c\u5831\u544a(\u7279\u8272\u4ecb\u7d39\u77ed\u7247)\u8207\u73fe\u5834\u89e3\u8aaa\u80fd\u529b\",\r\n details: []\r\n }\r\n ]\r\n }\r\n };\r\n\r\n function initCriteriaSelector() {\r\n const selectorButtons = document.querySelectorAll('.selector-btn');\r\n const criteriaContent = document.getElementById('criteria-content');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadCriteria('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u8a55\u5206\u6a19\u6e96\r\n const group = btn.getAttribute('data-group');\r\n loadCriteria(group);\r\n });\r\n });\r\n }\r\n\r\n function loadCriteria(groupKey) {\r\n const criteriaContent = document.getElementById('criteria-content');\r\n const data = criteriaData[groupKey];\r\n\r\n if (!data) return;\r\n\r\n let html = '';\r\n const isAiTraining = groupKey === 'ai-training';\r\n data.criteria.forEach((criterion) => {\r\n const showWeightInTitle = isAiTraining;\r\n html += `\r\n <div class=\"criteria-card clickable\" onclick=\"toggleCriteria(this)\">\r\n <div class=\"criteria-header\">\r\n <div class=\"criteria-icon\">\r\n <i class=\"${criterion.icon}\"><\/i>\r\n <\/div>\r\n <div class=\"criteria-main\">\r\n <h3 style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 0;\">\r\n <span>${criterion.title}<\/span>\r\n ${showWeightInTitle ? `<span style='width:100%;display:flex;justify-content:center;'><span style='font-size:22px;color:#00d4ff;font-weight:bold;'>${criterion.weight}<\/span><\/span>` : ''}\r\n <span style=\"width: 100%; display: flex; justify-content: center;\"><i class=\"fas fa-chevron-down expand-icon\"><\/i><\/span>\r\n <\/h3>\r\n ${!showWeightInTitle ? `<div class=\"criteria-weight\">${criterion.weight}<\/div>` : ''} \r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a55\u5206\u8aaa\u660e\uff1a<\/h5>\r\n <p class=\"criteria-summary\">${criterion.description}<\/p>\r\n \r\n <h5 style=\"display:none;\">\u8a73\u7d30\u8a55\u5206\u9805\u76ee\uff1a<\/h5>\r\n <ul>\r\n ${criterion.details.map(detail => `<li>${detail}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n criteriaContent.innerHTML = html;\r\n \/\/ \u984d\u5916\u8aaa\u660e\u653e\u5728 criteria-content \u5916\u9762\r\n const noteId = 'ai-training-extra-note';\r\n let noteDiv = document.getElementById(noteId);\r\n if (isAiTraining) {\r\n if (!noteDiv) {\r\n noteDiv = document.createElement('div');\r\n noteDiv.id = noteId;\r\n noteDiv.className = 'rewards-note';\r\n noteDiv.innerHTML = `\r\n <p><i class=\"fas fa-info-circle\"><\/i> \u4f9d\u5be6\u969b\u5831\u540d\u968a\u6578\uff0c\u64c7\u512a\u9304\u53d6\u81f3\u5c1112\u652f\u968a\u4f0d\u9032\u5165\u8907\u8cfd\u3002<\/p>\r\n <p>(\u4e3b\u8fa6\u55ae\u4f4d\u6709\u6700\u5f8c\u9304\u53d6\u968a\u4f0d\u6578\u6c7a\u5b9a\u6b0a)<\/p>\r\n `;\r\n }\r\n \/\/ \u63d2\u5165\u5728 criteriaContent \u7684\u7236\u5143\u7d20\u4e0b\u65b9\r\n if (criteriaContent && criteriaContent.parentNode && !document.getElementById(noteId)) {\r\n criteriaContent.parentNode.appendChild(noteDiv);\r\n }\r\n } else {\r\n \/\/ \u82e5\u4e0d\u662fAI\u8077\u80fd\u57f9\u529b\u7d44\uff0c\u79fb\u9664\u6a19\u793a\u6587\u5b57\r\n if (noteDiv) noteDiv.remove();\r\n }\r\n }\r\n\r\n \/\/ === \u8907\u8cfd\u8a55\u5206\u6a19\u6e96 ===\r\n function initCriteriaSelectorFinal() {\r\n const selectorButtons = document.querySelectorAll('.selector-btn[data-stage=\"final\"]');\r\n const criteriaContent = document.getElementById('criteria-content-final');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadCriteriaFinal('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u8a55\u5206\u6a19\u6e96\r\n const group = btn.getAttribute('data-group');\r\n loadCriteriaFinal(group);\r\n });\r\n });\r\n }\r\n\r\n function loadCriteriaFinal(groupKey) {\r\n const criteriaContent = document.getElementById('criteria-content-final');\r\n const data = criteriaDataFinal[groupKey]; \/\/ \u4f7f\u7528\u8907\u8cfd\u5c08\u7528\u8cc7\u6599\r\n\r\n if (!data) return;\r\n\r\n let html = '';\r\n const showWeightInTitle = groupKey === 'ai-training';\r\n data.criteria.forEach(criterion => {\r\n html += `\r\n <div class=\"criteria-card clickable\" onclick=\"toggleCriteria(this)\">\r\n <div class=\"criteria-header\">\r\n <div class=\"criteria-icon\">\r\n <i class=\"${criterion.icon}\"><\/i>\r\n <\/div>\r\n <div class=\"criteria-main\">\r\n <h3 style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 0;\">\r\n <span>${criterion.title}<\/span>\r\n ${showWeightInTitle ? `<span style='width:100%;display:flex;justify-content:center;'><span style='font-size:22px;color:#00d4ff;font-weight:bold;'>${criterion.weight}<\/span><\/span>` : ''}\r\n <span style=\"width: 100%; display: flex; justify-content: center;\"><i class=\"fas fa-chevron-down expand-icon\"><\/i><\/span>\r\n <\/h3>\r\n ${!showWeightInTitle ? `<div class=\"criteria-weight\">${criterion.weight}<\/div>` : ''}\r\n <\/div>\r\n <\/div>\r\n <div class=\"criteria-details\">\r\n <div class=\"detail-content\">\r\n <h5>\u8a55\u5206\u8aaa\u660e\uff1a<\/h5>\r\n <p class=\"criteria-summary\">${criterion.description}<\/p>\r\n ${criterion.details.length > 0 ? `\r\n <h5>\u8a73\u7d30\u8a55\u5206\u9805\u76ee\uff1a<\/h5>\r\n <ul>\r\n ${criterion.details.map(detail => `<li>${detail}<\/li>`).join('')}\r\n <\/ul>\r\n ` : ''}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n criteriaContent.innerHTML = html;\r\n }\r\n\r\n function toggleCriteria(element) {\r\n const isExpanded = element.classList.contains('expanded');\r\n\r\n \/\/ \u5148\u6536\u5408\u6240\u6709\u5176\u4ed6\u9805\u76ee\r\n document.querySelectorAll('.criteria-card.expanded').forEach(item => {\r\n if (item !== element) {\r\n item.classList.remove('expanded');\r\n }\r\n });\r\n\r\n \/\/ \u5207\u63db\u7576\u524d\u9805\u76ee\r\n if (isExpanded) {\r\n element.classList.remove('expanded');\r\n } else {\r\n element.classList.add('expanded');\r\n\r\n \/\/ \u81ea\u52d5\u5c0d\u7126\u5230\u5c55\u958b\u7684\u5361\u7247\r\n setTimeout(() => {\r\n const elementTop = element.getBoundingClientRect().top + window.pageYOffset;\r\n const offsetTop = elementTop - 120; \/\/ \u589e\u52a0\u5230120px\u7a7a\u9593\uff0c\u8b93\u5c0d\u7126\u4f4d\u7f6e\u66f4\u9ad8\r\n\r\n window.scrollTo({\r\n top: offsetTop,\r\n behavior: 'smooth'\r\n });\r\n }, 100); \/\/ \u7a0d\u5fae\u5ef6\u9072\u4ee5\u78ba\u4fdd\u5c55\u958b\u52d5\u756b\u958b\u59cb\r\n }\r\n }\r\n\r\n const rewardsData = {\r\n general: {\r\n title: \"\u8cc7\u96fb\u9818\u57df\u7d44 & \u8de8\u9818\u57df\u7d44\",\r\n totalAmount: \"NT$ 102,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-crown\",\r\n title: \"\u7b2c\u4e00\u540d\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"\u5404\u7d44\u54041\u540d\",\r\n total: \"NT$ 40,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u7b2c\u4e8c\u540d\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"\u5404\u7d44\u54041\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u7b2c\u4e09\u540d\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"\u5404\u7d44\u54042\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u7279\u512a\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"\u5404\u7d44\u54042\u540d\",\r\n total: \"NT$ 8,000\",\r\n class: \"special\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 1,000\",\r\n quantity: \"14\u540d\",\r\n total: \"NT$ 14,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n },\r\n \"ai-training\": {\r\n title: \"AI\u8077\u80fd\u57f9\u529b\u7d44\",\r\n totalAmount: \"NT$ 46,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-trophy\",\r\n title: \"\u91d1\u724c\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u9280\u724c\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u9285\u724c\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"2\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"3\u540d\",\r\n total: \"NT$ 6,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n },\r\n quantum: {\r\n title: \"Quantum AI\u9ad4\u9a57\u61c9\u7528\u7d44\",\r\n totalAmount: \"NT$ 46,000\",\r\n awards: [\r\n {\r\n icon: \"fas fa-crown\",\r\n title: \"\u7b2c\u4e00\u540d\",\r\n amount: \"NT$ 20,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 20,000\",\r\n class: \"champion\"\r\n },\r\n {\r\n icon: \"fas fa-medal\",\r\n title: \"\u7b2c\u4e8c\u540d\",\r\n amount: \"NT$ 10,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 10,000\",\r\n class: \"runner-up\"\r\n },\r\n {\r\n icon: \"fas fa-award\",\r\n title: \"\u7b2c\u4e09\u540d\",\r\n amount: \"NT$ 5,000\",\r\n quantity: \"1\u540d\",\r\n total: \"NT$ 5,000\",\r\n class: \"third-place\"\r\n },\r\n {\r\n icon: \"fas fa-star\",\r\n title: \"\u7279\u512a\",\r\n amount: \"NT$ 2,000\",\r\n quantity: \"3\u540d\",\r\n total: \"NT$ 6,000\",\r\n class: \"special\"\r\n },\r\n {\r\n icon: \"fas fa-certificate\",\r\n title: \"\u4f73\u4f5c\",\r\n amount: \"NT$ 1,000\",\r\n quantity: \"5\u540d\",\r\n total: \"NT$ 5,000\",\r\n class: \"merit\"\r\n }\r\n ]\r\n }\r\n };\r\n\r\n function initRewardsSelector() {\r\n const selectorButtons = document.querySelectorAll('.rewards-selector .selector-btn');\r\n const rewardsContent = document.getElementById('rewards-content');\r\n\r\n \/\/ \u9810\u8a2d\u8f09\u5165\u7b2c\u4e00\u500b\u7d44\u5225\r\n loadRewards('general');\r\n\r\n \/\/ \u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\r\n selectorButtons.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709active\u985e\u5225\r\n selectorButtons.forEach(b => b.classList.remove('active'));\r\n \/\/ \u6dfb\u52a0active\u5230\u9ede\u64ca\u7684\u6309\u9215\r\n btn.classList.add('active');\r\n \/\/ \u8f09\u5165\u5c0d\u61c9\u7684\u734e\u52f5\u65b9\u5f0f\r\n const group = btn.getAttribute('data-group');\r\n loadRewards(group);\r\n });\r\n });\r\n }\r\n\r\n function loadRewards(groupKey) {\r\n const rewardsContent = document.getElementById('rewards-content');\r\n const data = rewardsData[groupKey];\r\n\r\n if (!data) return;\r\n\r\n \/\/ \u70ba AI \u8077\u57f9\u7d44\u6dfb\u52a0\u7279\u6b8a\u7684 class\r\n const gridClass = groupKey === 'ai-training' ? 'rewards-grid ai-training-layout' : 'rewards-grid';\r\n\r\n let html = `\r\n <div class=\"rewards-summary\">\r\n <h4>\u7e3d\u734e\u91d1\uff1a${data.totalAmount}<\/h4>\r\n <\/div>\r\n <div class=\"${gridClass}\">\r\n `;\r\n\r\n data.awards.forEach(award => {\r\n \/\/ \u70ba AI \u8077\u57f9\u7d44\u7684\u5361\u7247\u6dfb\u52a0\u7279\u6b8a class\r\n const cardClass = groupKey === 'ai-training' ? `reward-card ${award.class} ai-training-card` : `reward-card ${award.class}`;\r\n\r\n html += `\r\n <div class=\"${cardClass}\">\r\n <div class=\"reward-badge\">\r\n <i class=\"${award.icon}\"><\/i>\r\n <\/div>\r\n <h2>${award.title}<\/h2>\r\n <div class=\"reward-amount\">${award.amount}<\/div>\r\n <div class=\"reward-subtitle\">${award.quantity}<\/div>\r\n <div class=\"reward-total\">\u7e3d\u8a08\uff1a${award.total}<\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n html += `\r\n <\/div>\r\n <div class=\"rewards-note\">\r\n <p><i class=\"fas fa-info-circle\"><\/i> \u6240\u6709\u734e\u91d1\u5747\u542b\u7a05\uff0c\u5be6\u969b\u767c\u653e\u91d1\u984d\u5c07\u4f9d\u76f8\u95dc\u7a05\u6cd5\u898f\u5b9a\u8fa6\u7406<\/p>\r\n <p><i class=\"fas fa-exclamation-triangle\"><\/i> \u4e3b\u8fa6\u55ae\u4f4d\u5f97\u8996\u5be6\u969b\u72c0\u6cc1\uff0c\u4fdd\u6709\u8abf\u6574\u734e\u9805\u540d\u984d\u3001\u734e\u72c0\u843d\u6b3e\u53ca\u4fee\u6539\u672c\u6d3b\u52d5\u4e4b\u6b0a\u5229\u3002<\/p>\r\n <\/div>\r\n `;\r\n\r\n rewardsContent.innerHTML = html;\r\n }\r\n\r\n\r\n \/\/ === \u6d6e\u52d5\u5e6b\u52a9 ===\r\n function initFloatingHelp() {\r\n const floatingLogo = document.querySelector('.floating-logo');\r\n if (floatingLogo) {\r\n floatingLogo.addEventListener('click', function () {\r\n \/\/ \u53ef\u4ee5\u8df3\u8f49\u5230\u806f\u7d61\u5340\u57df\u6216\u958b\u555f\u5e6b\u52a9\u5c0d\u8a71\u6846\r\n scrollToSection('#contact');\r\n\r\n \/\/ \u6216\u8005\u53ef\u4ee5\u986f\u793a\u4e00\u500b\u63d0\u793a\u8a0a\u606f\r\n showHelpMessage();\r\n });\r\n }\r\n }\r\n\r\n function showHelpMessage() {\r\n \/\/ \u5275\u5efa\u63d0\u793a\u8a0a\u606f\r\n const helpMessage = document.createElement('div');\r\n helpMessage.className = 'help-message-popup';\r\n helpMessage.innerHTML = `\r\n <div class=\"help-message-content\">\r\n <h4><i class=\"fas fa-info-circle\"><\/i> \u9700\u8981\u5e6b\u52a9\u55ce\uff1f<\/h4>\r\n <p>\u5982\u6709\u4efb\u4f55\u554f\u984c\uff0c\u8acb\u806f\u7d61\u6211\u5011\uff1a<\/p>\r\n <p><i class=\"fas fa-envelope\"><\/i> nutnilt@gmail.com<\/p>\r\n <p><i class=\"fas fa-phone\"><\/i> 06-2133111#771<\/p>\r\n <button onclick=\"closeHelpMessage()\" class=\"close-help-btn\">\r\n <i class=\"fas fa-times\"><\/i> \u95dc\u9589\r\n <\/button>\r\n <\/div>\r\n `;\r\n\r\n \/\/ \u6dfb\u52a0\u6a23\u5f0f\r\n helpMessage.style.cssText = `\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(26, 26, 46, 0.95);\r\n border: 2px solid #00d4ff;\r\n border-radius: 15px;\r\n padding: 20px;\r\n z-index: 9999;\r\n color: white;\r\n max-width: 350px;\r\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);\r\n animation: fadeInScale 0.3s ease-out;\r\n `;\r\n\r\n document.body.appendChild(helpMessage);\r\n\r\n \/\/ \u79fb\u9664\u81ea\u52d5\u95dc\u9589\uff0c\u53ea\u4fdd\u7559\u624b\u52d5\u95dc\u9589\r\n }\r\n\r\n function closeHelpMessage() {\r\n const helpMessage = document.querySelector('.help-message-popup');\r\n if (helpMessage) {\r\n helpMessage.remove();\r\n }\r\n }\r\n\r\n \/\/ === WordPress \u76f8\u5bb9\u6027 ===\r\n function initMobileHamburgerFix() { \/* ... \u4fdd\u6301\u4f60\u5beb\u7684\u529f\u80fd ... *\/ }\r\n\r\n \/\/ === \u9810\u8f09\u5165\u8cc7\u6e90 ===\r\n function preloadResources() {\r\n const resources = ['\u6d77\u5831\u653e\u7f6e\u8655.svg'];\r\n resources.forEach(resource => {\r\n const link = document.createElement('link');\r\n link.rel = 'preload';\r\n link.as = 'image';\r\n link.href = resource;\r\n document.head.appendChild(link);\r\n });\r\n }\r\n\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"competition2025","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631"}],"collection":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2631"}],"version-history":[{"count":21,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631\/revisions"}],"predecessor-version":[{"id":3538,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/2631\/revisions\/3538"}],"wp:attachment":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}