{"id":7,"date":"2026-01-30T18:01:03","date_gmt":"2026-01-30T10:01:03","guid":{"rendered":"https:\/\/aseaninvest.org\/?page_id=7"},"modified":"2026-02-02T15:44:24","modified_gmt":"2026-02-02T07:44:24","slug":"%e6%9d%b1%e5%8d%97%e4%ba%9e%e5%8d%94%e6%9c%83-%e8%b7%a8%e5%a2%83%e6%8a%95%e8%b3%87%e4%bd%88%e5%b1%80%e8%88%87%e7%94%a2%e6%a5%ad%e6%99%ba%e5%ba%ab","status":"publish","type":"page","link":"https:\/\/aseaninvest.org\/","title":{"rendered":"\u6771\u5357\u4e9e\u5354\u6703"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c43d6 e-flex e-con-boxed e-con e-parent\" data-id=\"d7c43d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0ca722 elementor-widget elementor-widget-html\" data-id=\"f0ca722\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n    <style>\n        :root {\n            --color-primary: #0d6efd; \n            --color-text: #333333;\n            --font-size-nav: 0.875rem; \n            --transition: 0.2s ease-in-out;\n            --nav-top-gap: 20px; \/* \u8ddd\u96e2\u9802\u90e8\u7684\u9ad8\u5ea6 *\/\n        }\n\n        html { scroll-behavior: smooth; }\n        [id] { scroll-margin-top: 100px; }\n\n        \/* ========================================\n           \u6d6e\u52d5\u900f\u660e Navbar\n           ======================================== *\/\n        .site-header {\n            position: fixed; \n            top: var(--nav-top-gap); \/* \u8b93\u9802\u7aef\u7559\u51fa\u7a7a\u9593 *\/\n            left: 0; \n            width: 100%;\n            background-color: transparent; \/* \u4fdd\u6301\u5168\u900f\u660e *\/\n            z-index: 9999;\n            transition: all var(--transition);\n        }\n\n        .header-container {\n            max-width: 1140px;\n            margin: 0 auto;\n            padding: 10px 1.5rem; \/* \u589e\u52a0\u4e0a\u4e0b\u5167\u8ddd\uff0c\u9632\u6b62 Logo \u88ab\u5207\u5230 *\/\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            min-height: 70px; \/* \u78ba\u4fdd\u6700\u5c0f\u9ad8\u5ea6 *\/\n        }\n\n        .main-navbar__brand {\n            display: flex;\n            align-items: center;\n            padding: 5px 0; \/* \u518d\u6b21\u78ba\u4fdd Logo \u5468\u570d\u6709\u7de9\u885d *\/\n        }\n\n        .main-navbar__brand img { \n            height: 50px; \/* \u7a0d\u5fae\u653e\u5927 Logo *\/\n            width: auto; \n            display: block;\n            object-fit: contain; \/* \u78ba\u4fdd\u5716\u7247\u4e0d\u88ab\u88c1\u5207 *\/\n        }\n\n        \/* \u9078\u55ae\u6a23\u5f0f *\/\n        ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 0.5rem; }\n        \n        .main-navbar__link {\n            font-size: var(--font-size-nav);\n            color: var(--color-text);\n            font-weight: 500;\n            padding: 0.5rem 0.9rem;\n            transition: color var(--transition);\n            text-decoration: none;\n            display: block;\n        }\n\n        .main-navbar__link:hover { color: var(--color-primary); }\n\n        \/* Dropdown \u4e0b\u62c9\u9078\u55ae *\/\n        .dropdown { position: relative; }\n        .dropdown-menu {\n            position: absolute;\n            top: 100%; left: 50%;\n            transform: translateX(-50%) translateY(15px);\n            background: #ffffff;\n            min-width: 160px;\n            box-shadow: 0 5px 25px rgba(0,0,0,0.1);\n            border-radius: 6px;\n            padding: 0.6rem 0;\n            opacity: 0; visibility: hidden;\n            transition: all var(--transition);\n            border-top: 3px solid var(--color-primary);\n            flex-direction: column; \n        }\n        .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(5px); }\n        .dropdown-menu a {\n            display: block; padding: 0.7rem 1.2rem; font-size: 0.85rem; color: #444; text-decoration: none;\n        }\n        .dropdown-menu a:hover { background-color: #f0f7ff; color: var(--color-primary); }\n\n        \/* \u624b\u6a5f\u7248\u6a23\u5f0f\u512a\u5316 *\/\n        .main-navbar__toggle { display: none; background: none; border: none; cursor: pointer; padding: 10px; }\n        .bar { display: block; width: 24px; height: 2px; margin: 5px 0; background-color: var(--color-text); }\n\n        @media (max-width: 991px) {\n            .site-header { top: 10px; } \/* \u624b\u6a5f\u7248\u9802\u90e8\u9593\u8ddd\u5c0f\u4e00\u9ede *\/\n            .main-navbar__toggle { display: block; }\n            .main-navbar__menu {\n                display: none; position: absolute; top: 100%; left: 0; width: 100%;\n                background: white; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n                margin-top: 10px;\n            }\n            .main-navbar__menu.is-active { display: block; }\n            .main-navbar__list { flex-direction: column; padding: 10px 0; }\n            .main-navbar__link { padding: 1rem 1.5rem; border-bottom: 1px solid #f5f5f5; }\n            .dropdown-menu { position: static; transform: none; display: none; opacity: 1; visibility: visible; box-shadow: none; border: none; background: #f9f9f9; }\n            .dropdown.is-active .dropdown-menu { display: block; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header class=\"site-header\">\n        <div class=\"header-container\">\n            <a href=\"https:\/\/aseaninvest.org\/\" class=\"main-navbar__brand\">\n                <img decoding=\"async\" src=\"https:\/\/aseaninvest.org\/wp-content\/uploads\/2026\/02\/\u8cc7\u7522-2@4x.png\" alt=\"CAIDA Logo\" \/> \n            <\/a>\n            \n            <button class=\"main-navbar__toggle\" id=\"navbarToggle\">\n                <span class=\"bar\"><\/span><span class=\"bar\"><\/span><span class=\"bar\"><\/span>\n            <\/button>\n            \n            <nav id=\"navbarMenu\" class=\"main-navbar__menu\">\n                <ul class=\"main-navbar__list\">\n                    <li><a href=\"https:\/\/aseaninvest.org\/\" class=\"main-navbar__link\">\u9996\u9801<\/a><\/li>\n                    <li class=\"dropdown\">\n                        <a href=\"https:\/\/aseaninvest.org\/#about\" class=\"main-navbar__link\">\u95dc\u65bc\u6211\u5011<\/a>\n                        <div class=\"dropdown-menu\">\n                            <a href=\"https:\/\/aseaninvest.org\/#vision\">\u6211\u5011\u7684\u9858\u666f<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#structure\">\u7d44\u7e54\u67b6\u69cb<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#history\">\u6b77\u53f2\u767c\u5c55<\/a>\n                        <\/div>\n                    <\/li>\n                    <li class=\"dropdown\">\n                        <a href=\"https:\/\/aseaninvest.org\/#news\" class=\"main-navbar__link\">\u6700\u65b0\u6d88\u606f<\/a>\n                        <div class=\"dropdown-menu\">\n                            <a href=\"https:\/\/aseaninvest.org\/#topics\">\u7126\u9ede\u5c08\u984c<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#media-center\">\u5a92\u9ad4\u4e2d\u5fc3<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#publications\">\u5a92\u9ad4\u51fa\u7248<\/a>\n                        <\/div>\n                    <\/li>\n                    <li class=\"dropdown\">\n                        <a href=\"https:\/\/aseaninvest.org\/#membership\" class=\"main-navbar__link\">\u6703\u54e1\u5c08\u5340<\/a>\n                        <div class=\"dropdown-menu\">\n                            <a href=\"https:\/\/aseaninvest.org\/#benefits\">\u6703\u54e1\u6b0a\u76ca<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#categories\">\u6703\u54e1\u985e\u5225<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#process\">\u5165\u6703\u6a5f\u5236<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#join\">\u52a0\u5165\u6211\u5011<\/a>\n                        <\/div>\n                    <\/li>\n                    <li class=\"dropdown\">\n                        <a href=\"https:\/\/aseaninvest.org\/#resources\" class=\"main-navbar__link\">\u5c08\u696d\u8cc7\u6e90<\/a>\n                        <div class=\"dropdown-menu\">\n                            <a href=\"https:\/\/aseaninvest.org\/#forums\">\u6d3b\u52d5\u8ad6\u58c7<\/a>\n                            <a href=\"https:\/\/aseaninvest.org\/#research\">\u6295\u8cc7\u7814\u7a76<\/a>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.getElementById('navbarToggle');\n            const menu = document.getElementById('navbarMenu');\n            toggle.addEventListener('click', () => menu.classList.toggle('is-active'));\n\n            const dropdowns = document.querySelectorAll('.dropdown > .main-navbar__link');\n            dropdowns.forEach(link => {\n                link.addEventListener('click', (e) => {\n                    if (window.innerWidth < 992) {\n                        e.preventDefault();\n                        link.parentElement.classList.toggle('is-active');\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d69c043 e-flex e-con-boxed e-con e-parent\" data-id=\"d69c043\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078bc5e elementor-widget elementor-widget-html\" data-id=\"078bc5e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Manrope:wght@400;600&family=Noto+Sans+TC:wght@300;500;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u8abf\u6574\uff1a\u540d\u7247\u914d\u8272 (\u85cd\/\u767d\/\u91d1) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;       \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855; \/* \u540d\u7247\u6df1\u85cd\u8272 (\u6b0a\u5a01\u611f) *\/\r\n        --c-blue-light: #004e92;   \/* \u8f03\u4eae\u7684\u85cd\u8272 (\u7528\u65bc\u6f38\u5c64) *\/\r\n        --c-gold-accent: #D4AF37;  \/* \u540d\u7247\u91d1\u8272\u9ede\u7db4 (\u5c0a\u69ae\u611f) *\/\r\n        --c-text-dark: #333333;    \/* \u6df1\u7070\u5167\u6587 *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    \/* \u5bb9\u5668 *\/\r\n    .sea-hero-v6 {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 90vh;\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 0 5%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* === 1. \u58a8\u6c34\u5c64 (\u7dad\u6301\u4f4d\u7f6e\u8207\u6ffe\u93e1\uff0c\u53ea\u6539\u8272) === *\/\r\n    .ink-zone {\r\n        position: absolute;\r\n        bottom: -5%; \r\n        right: -5%;\r\n        width: 35vw; \r\n        height: 35vw;\r\n        max-width: 500px;\r\n        max-height: 500px;\r\n        z-index: 1; \r\n        pointer-events: none;\r\n        filter: url('#clean-goo');\r\n        opacity: 0.9; \/* \u85cd\u8272\u53ef\u4ee5\u7a0d\u5fae\u4e0d\u900f\u660e\u4e00\u9ede\uff0c\u66f4\u6709\u4efd\u91cf *\/\r\n    }\r\n\r\n    .ink-blob {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        will-change: transform;\r\n    }\r\n\r\n    \/* \u4e3b\u58a8\u9ede\uff1a\u6539\u70ba\u6df1\u85cd\u8272\u6f38\u5c64 *\/\r\n    #blob-core {\r\n        width: 100%; height: 100%;\r\n        background: radial-gradient(circle at 30% 30%, var(--c-blue-light), var(--c-blue-primary));\r\n        filter: blur(25px);\r\n    }\r\n\r\n    \/* \u6f02\u6d6e\u7684\u5c0f\u58a8\u9ede\uff1a\u6539\u70ba\u91d1\u8272\u9ede\u7db4 *\/\r\n    .ink-float {\r\n        background: var(--c-gold-accent); \/* \u91d1\u8272 *\/\r\n        filter: blur(15px);\r\n        opacity: 0.8;\r\n        animation: floatGentle 8s ease-in-out infinite alternate;\r\n    }\r\n    #float-1 { width: 40%; height: 40%; top: -20%; left: 20%; animation-delay: 0s; }\r\n    #float-2 { width: 25%; height: 25%; bottom: 10%; left: -30%; animation-delay: -2s; }\r\n\r\n    @keyframes floatGentle {\r\n        0% { transform: translate(0, 0); }\r\n        100% { transform: translate(15px, -15px); }\r\n    }\r\n\r\n    \/* === 2. \u5167\u5bb9\u6392\u7248 (\u7dad\u6301\u4e0d\u8b8a) === *\/\r\n    .hero-layout {\r\n        position: relative;\r\n        z-index: 10;\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.5fr 1fr;\r\n        align-items: center;\r\n        height: 80vh;\r\n    }\r\n\r\n    .text-col {\r\n        padding-right: 50px;\r\n    }\r\n\r\n    \/* \u9802\u90e8\u88dd\u98fe\u7dda\uff1a\u6539\u70ba\u91d1\u8272 *\/\r\n    .top-deco {\r\n        width: 60px; height: 3px; \r\n        background: var(--c-gold-accent); \r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* \u4e3b\u6a19\u984c\uff1a\u6539\u70ba\u6df1\u85cd\u8272 *\/\r\n    .main-title {\r\n        font-family: var(--font-display);\r\n        font-size: clamp(3.5rem, 6vw, 7rem);\r\n        line-height: 1;\r\n        margin: 0 0 30px 0;\r\n        color: var(--c-blue-primary); \/* \u6df1\u85cd *\/\r\n    }\r\n    \r\n    .title-line { display: block; overflow: hidden; }\r\n    .title-word { display: block; transform: translateY(0); }\r\n    \r\n    \/* \u526f\u6a19\u984c\uff1a\u6539\u70ba\u6df1\u85cd\u8272 *\/\r\n    .tw-subtitle {\r\n        font-family: var(--font-tw);\r\n        font-size: clamp(1.5rem, 3vw, 2.5rem);\r\n        font-weight: 700;\r\n        margin-top: 15px;\r\n        display: block;\r\n        color: var(--c-blue-primary); \/* \u6df1\u85cd *\/\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    \/* \u5167\u6587\uff1a\u6539\u70ba\u6df1\u7070\u8272 *\/\r\n    .desc-text {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.1rem;\r\n        line-height: 1.7;\r\n        color: var(--c-text-dark); \/* \u6df1\u7070 *\/\r\n        max-width: 480px;\r\n    }\r\n\r\n    .btn-col {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    \/* === \u5713\u5f62\u6309\u9215\uff1a\u85cd\u8272\u7cfb\u91cd\u65b0\u8a2d\u8a08 === *\/\r\n    .circle-btn {\r\n        position: relative;\r\n        width: 160px; height: 160px;\r\n        border-radius: 50%;\r\n        \/* \u9810\u8a2d\uff1a\u85cd\u8272\u7d30\u6846 + \u85cd\u8272\u6587\u5b57 + \u6bdb\u73bb\u7483 *\/\r\n        border: 1px solid var(--c-blue-light);\r\n        background: rgba(255, 255, 255, 0.3);\r\n        backdrop-filter: blur(10px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        color: var(--c-blue-primary); \/* \u85cd\u5b57 *\/\r\n        font-family: var(--font-sans);\r\n        font-weight: 600;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 30px rgba(0, 40, 85, 0.1); \/* \u6de1\u6de1\u85cd\u5f71 *\/\r\n    }\r\n\r\n    .circle-btn span {\r\n        position: relative; z-index: 2;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Hover\uff1a\u8b8a\u6210\u5be6\u5fc3\u6df1\u85cd + \u767d\u5b57 + \u91d1\u8272\u908a\u6846\u9ede\u7db4 *\/\r\n    .circle-btn:hover {\r\n        transform: scale(1.05);\r\n        background: var(--c-blue-primary);\r\n        color: #fff;\r\n        border-color: var(--c-gold-accent); \/* hover \u6642\u5e36\u9ede\u91d1 *\/\r\n        box-shadow: 0 15px 40px rgba(0, 40, 85, 0.3);\r\n    }\r\n\r\n    .elementor-editor-active .title-word { transform: none !important; opacity: 1 !important; }\r\n    .elementor-editor-active .ink-zone { opacity: 0.3 !important; }\r\n\r\n    \/* RWD \u624b\u6a5f\u7248 *\/\r\n    @media (max-width: 768px) {\r\n        .sea-hero-v6 { height: auto; padding: 100px 20px; align-items: flex-start; }\r\n        .hero-layout { grid-template-columns: 1fr; height: auto; gap: 40px; }\r\n        .text-col { padding-right: 0; }\r\n        .btn-col { height: auto; justify-content: flex-start; margin-bottom: 50px; }\r\n        \r\n        .ink-zone { \r\n            width: 70vw; height: 70vw; \r\n            bottom: -20%; right: -20%; \r\n            opacity: 0.3;\r\n        }\r\n        \/* \u624b\u6a5f\u7248\u6309\u9215\uff1a\u5be6\u5fc3\u6df1\u85cd *\/\r\n        .circle-btn {\r\n            width: auto; height: auto;\r\n            border-radius: 50px;\r\n            padding: 15px 40px;\r\n            background: var(--c-blue-primary);\r\n            color: white;\r\n            border: none;\r\n            box-shadow: 0 5px 15px rgba(0, 40, 85, 0.3);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<svg style=\"position: absolute; width: 0; height: 0;\">\r\n  <filter id=\"clean-goo\">\r\n    <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"12\" result=\"blur\" \/>\r\n    <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"goo\" \/>\r\n    <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n  <\/filter>\r\n<\/svg>\r\n\r\n<div class=\"sea-hero-v6\">\r\n    <div class=\"ink-zone\" id=\"ink-zone\">\r\n        <div class=\"ink-blob ink-float\" id=\"float-1\"><\/div>\r\n        <div class=\"ink-blob ink-float\" id=\"float-2\"><\/div>\r\n        <div class=\"ink-blob\" id=\"blob-core\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-layout\">\r\n        <div class=\"text-col\">\r\n            <div class=\"top-deco\"><\/div>\r\n            <h1 class=\"main-title\">\r\n                <span class=\"title-line\"><span class=\"title-word\">Connect<\/span><\/span>\r\n                <span class=\"title-line\"><span class=\"title-word\">Southeast Asia<\/span><\/span>\r\n                <span class=\"tw-subtitle title-word\">\u6d1e\u5bdf\u8da8\u52e2 \u00b7 \u5171\u5275\u50f9\u503c<\/span>\r\n            <\/h1>\r\n            <div class=\"desc-text title-word\">\r\n                \u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u6700\u5177\u5f71\u97ff\u529b\u7684\u667a\u5eab\uff0c\u6574\u5408\u653f\u7b56\u8207\u8cc7\u672c\uff0c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\u3002\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"btn-col\">\r\n            <a href=\"#explore\" class=\"circle-btn\" id=\"magnetic-btn\">\r\n                <span>Explore<br>Future<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const tl = gsap.timeline({ defaults: { ease: \"power3.out\" } });\r\n    tl.from(\".title-word\", { \r\n        y: 60, \r\n        opacity: 0, \r\n        duration: 1, \r\n        stagger: 0.15 \r\n    })\r\n    .from(\".top-deco\", { width: 0, duration: 0.8 }, \"-=0.8\")\r\n    .from(\".circle-btn\", { scale: 0, opacity: 0, duration: 0.8, ease: \"back.out(1.7)\" }, \"-=0.6\")\r\n    .from(\".ink-zone\", { scale: 0.5, opacity: 0, duration: 1.5 }, \"-=1\");\r\n\r\n    const inkZone = document.getElementById('ink-zone');\r\n    const btn = document.getElementById('magnetic-btn');\r\n\r\n    if(window.matchMedia(\"(min-width: 769px)\").matches) {\r\n        window.addEventListener('mousemove', (e) => {\r\n            const x = (e.clientX - window.innerWidth \/ 2) * 0.05;\r\n            const y = (e.clientY - window.innerHeight \/ 2) * 0.05;\r\n            \r\n            gsap.to(inkZone, { x: x, y: y, duration: 1.5, ease: \"power2.out\" });\r\n        });\r\n\r\n        btn.addEventListener('mousemove', (e) => {\r\n            const rect = btn.getBoundingClientRect();\r\n            const x = e.clientX - rect.left - rect.width \/ 2;\r\n            const y = e.clientY - rect.top - rect.height \/ 2;\r\n            \r\n            gsap.to(btn, { x: x * 0.3, y: y * 0.3, duration: 0.3 });\r\n        });\r\n\r\n        btn.addEventListener('mouseleave', () => {\r\n            gsap.to(btn, { x: 0, y: 0, duration: 0.6, ease: \"elastic.out(1, 0.4)\" });\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-235ab2f e-flex e-con-boxed e-con e-parent\" data-id=\"235ab2f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65a3eea elementor-widget elementor-widget-menu-anchor\" data-id=\"65a3eea\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"news\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c500951 elementor-widget elementor-widget-html\" data-id=\"c500951\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u91cd\u9ede) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001Hover) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u6587\u5b57) *\/\r\n        --c-gray-light: #999999;    \/* \u6dfa\u7070 (\u6b21\u8981\u8cc7\u8a0a) *\/\r\n        --c-line-light: rgba(0,0,0,0.08); \/* \u5206\u9694\u7dda *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    \/* \u5340\u584a\u5bb9\u5668 *\/\r\n    .sea-news-section {\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 120px 5%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .news-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 300px 1fr; \/* \u4fdd\u6301\u539f\u4f48\u5c40 *\/\r\n        gap: 60px;\r\n    }\r\n\r\n    \/* === \u5de6\u5074\uff1a\u56fa\u5b9a\u6a19\u984c === *\/\r\n    .news-header {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    .news-sticky {\r\n        position: sticky;\r\n        top: 100px;\r\n    }\r\n    .section-label {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.85rem;\r\n        letter-spacing: 2px;\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n    }\r\n    .section-label::before {\r\n        content: ''; width: 6px; height: 6px; \r\n        background: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272\u5713\u9ede *\/\r\n        border-radius: 50%;\r\n    }\r\n    .news-title-en {\r\n        font-family: var(--font-display);\r\n        font-size: 3.5rem;\r\n        line-height: 1;\r\n        margin: 0;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n    }\r\n    .news-title-tw {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.1rem;\r\n        margin-top: 15px;\r\n        font-weight: 500;\r\n        color: var(--c-gray-light);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* === \u53f3\u5074\uff1a\u4e92\u52d5\u5217\u8868 === *\/\r\n    .news-list {\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: opacity 0.3s;\r\n    }\r\n    \r\n    .news-list:hover .news-item {\r\n        opacity: 0.3; \r\n        filter: blur(2px);\r\n    }\r\n\r\n    .news-item {\r\n        position: relative;\r\n        padding: 45px 0;\r\n        border-bottom: 1px solid var(--c-line-light);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: baseline;\r\n        justify-content: space-between;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        text-decoration: none;\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    \/* Hover \u805a\u7126\u72c0\u614b *\/\r\n    .news-list .news-item:hover {\r\n        opacity: 1 !important; \r\n        filter: blur(0px) !important;\r\n        border-bottom-color: var(--c-gold-accent); \/* Hover \u7dda\u689d\u8b8a\u91d1\u8272 *\/\r\n        padding-left: 20px; \r\n    }\r\n\r\n    .news-content {\r\n        display: flex; flex-direction: column; gap: 8px; flex: 1; padding-right: 40px;\r\n    }\r\n\r\n    .news-cat {\r\n        font-family: var(--font-tw);\r\n        font-size: 0.9rem;\r\n        color: var(--c-gold-accent); \/* \u5206\u985e\u6a19\u7c64\u6539\u70ba\u91d1\u8272 *\/\r\n        font-weight: 600;\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .news-item:hover .news-cat {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .news-headline {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.8rem;\r\n        color: var(--c-text-dark);\r\n        font-weight: 700;\r\n        margin: 0;\r\n        line-height: 1.4;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .news-date {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.9rem;\r\n        color: var(--c-gray-light);\r\n        white-space: nowrap;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    \/* Hover \u6587\u5b57\u8b8a\u8272\uff1a\u6a19\u984c\u8b8a\u6df1\u85cd\uff0c\u65e5\u671f\u8b8a\u6df1 *\/\r\n    .news-item:hover .news-headline { color: var(--c-blue-primary); }\r\n    .news-item:hover .news-date { color: var(--c-text-dark); }\r\n\r\n    \/* === \u9ad8\u7d1a\u5716\u7247\u8ddf\u96a8 (Image Reveal) === *\/\r\n    .hover-reveal-mask {\r\n        position: fixed;\r\n        top: 0; left: 0;\r\n        width: 320px; height: 220px;\r\n        pointer-events: none;\r\n        z-index: 10;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.15); \r\n    }\r\n\r\n    .reveal-img {\r\n        width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        transform: scale(1.2); \r\n        will-change: transform;\r\n    }\r\n\r\n    \/* \u624b\u6a5f\u7248\u9069\u914d *\/\r\n    @media (max-width: 768px) {\r\n        .news-container { grid-template-columns: 1fr; gap: 30px; }\r\n        .news-header { margin-bottom: 20px; }\r\n        .news-item { flex-direction: column; align-items: flex-start; gap: 15px; padding: 30px 0; }\r\n        .news-list:hover .news-item { opacity: 1; filter: none; } \r\n        .news-item:hover { padding-left: 0; border-bottom-color: var(--c-line-light); }\r\n        .news-headline { font-size: 1.4rem; }\r\n        .news-cat { opacity: 1; transform: none; margin-bottom: 5px; } \r\n        .hover-reveal-mask { display: none; } \r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-news-section\">\r\n    \r\n    <div class=\"hover-reveal-mask\">\r\n        <div class=\"reveal-img\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"news-container\">\r\n        <div class=\"news-header\">\r\n            <div class=\"news-sticky\">\r\n                <div class=\"section-label\">Media Center<\/div>\r\n                <h2 class=\"news-title-en\">Latest<br>News<\/h2>\r\n                <div class=\"news-title-tw\">\u6700\u65b0\u6d88\u606f\u8207\u52d5\u614b<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"news-list\">\r\n            \r\n            <div class=\"news-item\" data-img=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=800&q=80\">\r\n                <div class=\"news-content\">\r\n                    <span class=\"news-cat\">01 \/ POLICY<\/span>\r\n                    <h3 class=\"news-headline\">\u99ac\u4f86\u897f\u4e9e\u6700\u65b0\u5916\u8cc7\u6295\u8cc7\u653f\u7b56\u91cd\u9ede\u89e3\u6790<\/h3>\r\n                <\/div>\r\n                <span class=\"news-date\">2026.01.28<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"news-item\" data-img=\"https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?auto=format&fit=crop&w=800&q=80\">\r\n                <div class=\"news-content\">\r\n                    <span class=\"news-cat\">02 \/ EVENT<\/span>\r\n                    <h3 class=\"news-headline\">2026 \u6771\u5357\u4e9e\u6295\u8cc7\u8207\u7522\u696d\u9ad8\u5cf0\u8ad6\u58c7\u958b\u653e\u5831\u540d<\/h3>\r\n                <\/div>\r\n                <span class=\"news-date\">2026.02.15<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"news-item\" data-img=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=800&q=80\">\r\n                <div class=\"news-content\">\r\n                    <span class=\"news-cat\">03 \/ RESEARCH<\/span>\r\n                    <h3 class=\"news-headline\">\u6771\u5354\u516d\u570b\u4e0d\u52d5\u7522\u8207 RWA \u767c\u5c55\u767d\u76ae\u66f8\u4e0a\u7dda<\/h3>\r\n                <\/div>\r\n                <span class=\"news-date\">2026.03.01<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \/\/ \u6aa2\u67e5\u7de8\u8f2f\u5668\u6a21\u5f0f\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. \u5217\u8868\u9032\u5834\u52d5\u756b (\u512a\u96c5\u6ed1\u5165)\r\n    gsap.from(\".news-item\", {\r\n        scrollTrigger: {\r\n            trigger: \".news-list\",\r\n            start: \"top 85%\",\r\n        },\r\n        y: 60,\r\n        opacity: 0,\r\n        duration: 1.2,\r\n        stagger: 0.15,\r\n        ease: \"power3.out\"\r\n    });\r\n\r\n    \/\/ 2. \u9ad8\u7d1a\u5716\u7247\u8ddf\u96a8 (Inertia & Tilt Effect)\r\n    const mask = document.querySelector('.hover-reveal-mask');\r\n    const img = document.querySelector('.reveal-img');\r\n    const items = document.querySelectorAll('.news-item');\r\n\r\n    if(window.matchMedia(\"(min-width: 769px)\").matches) {\r\n        \r\n        \/\/ \u4f7f\u7528 gsap.quickTo \u5275\u9020\u6975\u81f4\u6d41\u66a2\u7684\u8ddf\u96a8 (\u6bd4\u50b3\u7d71 event listener \u66f4\u9806)\r\n        let xTo = gsap.quickTo(mask, \"x\", {duration: 0.6, ease: \"power3.out\"});\r\n        let yTo = gsap.quickTo(mask, \"y\", {duration: 0.6, ease: \"power3.out\"});\r\n        \r\n        \/\/ \u7528\u65bc\u8a08\u7b97\u901f\u5ea6\u7684\u8b8a\u6578 (Tilt \u6548\u679c)\r\n        let lastX = 0;\r\n        let tiltTo = gsap.quickTo(mask, \"rotation\", {duration: 0.8, ease: \"power3.out\"});\r\n\r\n        window.addEventListener('mousemove', (e) => {\r\n            \/\/ \u8b93\u5716\u7247\u7a0d\u5fae\u504f\u96e2\u6e38\u6a19\u4e00\u9ede\uff0c\u4e0d\u64cb\u8996\u7dda\r\n            xTo(e.clientX + 20); \r\n            yTo(e.clientY - 110); \/\/ \u8b93\u5716\u7247\u5782\u76f4\u7f6e\u4e2d\u65bc\u6e38\u6a19\r\n\r\n            \/\/ \u8a08\u7b97\u79fb\u52d5\u901f\u5ea6\u4f86\u6c7a\u5b9a\u50be\u659c\u89d2\u5ea6\r\n            let velX = e.clientX - lastX;\r\n            let rotation = gsap.utils.clamp(-15, 15, velX * 0.5); \/\/ \u9650\u5236\u6700\u5927\u50be\u659c 15\u5ea6\r\n            tiltTo(rotation);\r\n            \r\n            lastX = e.clientX;\r\n        });\r\n\r\n        items.forEach(item => {\r\n            item.addEventListener('mouseenter', () => {\r\n                const imgUrl = item.getAttribute('data-img');\r\n                if(imgUrl) {\r\n                    img.style.backgroundImage = `url(${imgUrl})`;\r\n                }\r\n                \r\n                \/\/ \u5716\u7247\u986f\u793a\u52d5\u756b\r\n                gsap.to(mask, { autoAlpha: 1, scale: 1, duration: 0.4 });\r\n                \/\/ \u5167\u90e8\u5716\u7247\u8996\u5dee (\u53cd\u5411\u79fb\u52d5)\r\n                gsap.fromTo(img, { scale: 1.4 }, { scale: 1, duration: 0.6 });\r\n            });\r\n\r\n            item.addEventListener('mouseleave', () => {\r\n                \/\/ \u5716\u7247\u6d88\u5931\u52d5\u756b\r\n                gsap.to(mask, { autoAlpha: 0, scale: 0.8, duration: 0.3 });\r\n            });\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e93167 e-flex e-con-boxed e-con e-parent\" data-id=\"5e93167\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcbf976 elementor-widget elementor-widget-html\" data-id=\"fcbf976\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u5168\u9762\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u80cc\u666f) *\/\r\n        --c-blue-dark: #001A33;     \/* \u66f4\u6df1\u7684\u85cd (\u6f38\u5c64\u7528) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u6309\u9215) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u5167\u6587) *\/\r\n        --c-white: #ffffff;         \/* \u7d14\u767d (\u53cd\u767d\u6587\u5b57) *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n        --trans-smooth: cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    \/* === 1. \u7126\u9ede\u5c08\u984c (Insights) === *\/\r\n    .sea-insights-section {\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 100px 5% 150px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .insights-header {\r\n        margin-bottom: 50px;\r\n        max-width: 1400px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .insights-label {\r\n        font-family: var(--font-sans);\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-weight: 600;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .insights-title {\r\n        font-family: var(--font-display);\r\n        font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* \u624b\u98a8\u7434\u5bb9\u5668 *\/\r\n    .accordion-container {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 600px;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* \u55ae\u5f35\u5361\u7247 *\/\r\n    .acc-card {\r\n        position: relative;\r\n        flex: 1;\r\n        height: 100%;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: flex 0.8s var(--trans-smooth);\r\n        background: var(--c-blue-primary); \/* \u9810\u8a2d\u80cc\u666f\u6539\u70ba\u6df1\u85cd *\/\r\n        text-decoration: none;\r\n    }\r\n\r\n    .acc-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.7;\r\n        transition: opacity 0.5s, transform 0.8s var(--trans-smooth);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* \u906e\u7f69\u5c64\uff1a\u6539\u70ba\u6df1\u85cd\u8272\u6f38\u5c64 *\/\r\n    .acc-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to top, rgba(0, 40, 85, 0.9) 0%, rgba(0, 40, 85, 0.2) 50%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .acc-content {\r\n        position: absolute;\r\n        bottom: 0; left: 0;\r\n        width: 100%;\r\n        padding: 40px;\r\n        box-sizing: border-box;\r\n        z-index: 2;\r\n        color: var(--c-white);\r\n    }\r\n\r\n    .acc-num {\r\n        font-family: var(--font-display);\r\n        font-size: 3rem;\r\n        opacity: 0.5;\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 25px;\r\n        z-index: 2;\r\n        color: rgba(255,255,255,0.8);\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .acc-title {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n        margin-bottom: 15px;\r\n        transform-origin: left;\r\n        transition: transform 0.5s;\r\n    }\r\n\r\n    .acc-desc {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        opacity: 0;\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: all 0.5s var(--trans-smooth);\r\n        width: 90%;\r\n        color: rgba(255,255,255,0.9);\r\n    }\r\n\r\n    \/* \u5361\u7247\u6309\u9215\uff1aHover \u5f8c\u986f\u793a\u91d1\u8272 *\/\r\n    .acc-btn {\r\n        display: inline-flex;\r\n        align-items: center; justify-content: center;\r\n        width: 44px; height: 44px;\r\n        border: 1px solid var(--c-gold-accent); \/* \u91d1\u8272\u908a\u6846 *\/\r\n        border-radius: 50%;\r\n        margin-top: 20px;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.4s 0.1s;\r\n        color: var(--c-gold-accent); \/* \u91d1\u8272\u7bad\u982d *\/\r\n        background: transparent;\r\n    }\r\n\r\n    \/* Hover \u4e92\u52d5 (\u50c5\u9650\u96fb\u8166\u7248) *\/\r\n    @media (min-width: 769px) {\r\n        .acc-card:hover { flex: 2.5; }\r\n        .acc-card:hover .acc-bg { opacity: 1; transform: scale(1); }\r\n        \/* Hover \u5f8c\u6578\u5b57\u8b8a\u91d1\u8272 *\/\r\n        .acc-card:hover .acc-num { color: var(--c-gold-accent); opacity: 1; transform: scale(1.1); }\r\n        .acc-card:hover .acc-desc { opacity: 1; max-height: 100px; margin-top: 10px; }\r\n        \/* Hover \u5f8c\u6309\u9215\u986f\u793a\u4e26\u8b8a\u5be6\u5fc3\u91d1 *\/\r\n        .acc-card:hover .acc-btn { opacity: 1; transform: translateY(0); background: var(--c-gold-accent); color: var(--c-blue-primary); }\r\n    }\r\n\r\n    \/* === 2. \u52a0\u5165\u5354\u6703 CTA (\u6df1\u85cd\u8272\u7cfb) === *\/\r\n    .sea-cta-section {\r\n        position: relative;\r\n        width: 100%;\r\n        \/* \u4fee\u6539\u80cc\u666f\u8272\uff1a\u6df1\u85cd\u8272\u6f38\u5c64 *\/\r\n        background: linear-gradient(to bottom, var(--c-blue-primary), var(--c-blue-dark));\r\n        padding: 100px 5%;\r\n        color: var(--c-white);\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u80cc\u666f\u5149\u6688 (\u6df1\u85cd\u8272) *\/\r\n    .cta-glow {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100vw; height: 100vw;\r\n        background: radial-gradient(circle, rgba(0, 78, 146, 0.4) 0%, transparent 60%);\r\n        opacity: 0.5;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cta-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 800px;\r\n        width: 100%;\r\n    }\r\n\r\n    .cta-slogan {\r\n        font-family: var(--font-tw);\r\n        font-size: clamp(1.8rem, 4vw, 3.2rem);\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cta-sub {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.1rem;\r\n        color: rgba(255,255,255,0.7);\r\n        margin-bottom: 40px;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .cta-btn-group {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* \u5be6\u5fc3\u6309\u9215\uff1a\u91d1\u8272\u5e95 + \u6df1\u85cd\u5b57 *\/\r\n    .btn-solid {\r\n        padding: 16px 36px;\r\n        background: var(--c-gold-accent);\r\n        color: var(--c-blue-primary);\r\n        font-family: var(--font-sans);\r\n        font-weight: 700;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        transition: transform 0.3s, box-shadow 0.3s, background 0.3s;\r\n    }\r\n    .btn-solid:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4); \/* \u91d1\u8272\u9670\u5f71 *\/\r\n        background: #eac45f; \/* hover \u8b8a\u4eae\u4e00\u9ede\u7684\u91d1 *\/\r\n    }\r\n\r\n    \/* \u7dda\u6846\u6309\u9215\uff1a\u767d\u8272\u7dda\u6846\uff0cHover \u8b8a\u767d\u5e95\u6df1\u85cd\u5b57 *\/\r\n    .btn-outline {\r\n        padding: 16px 36px;\r\n        background: transparent;\r\n        border: 1px solid rgba(255,255,255,0.5);\r\n        color: #fff;\r\n        font-family: var(--font-sans);\r\n        font-weight: 600;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        transition: all 0.3s;\r\n    }\r\n    .btn-outline:hover {\r\n        border-color: #fff;\r\n        background: #fff;\r\n        color: var(--c-blue-primary);\r\n    }\r\n\r\n    \/* === \u624b\u6a5f\u7248\u5c08\u5c6c\u4fee\u6b63 (Mobile Fixes) === *\/\r\n    @media (max-width: 768px) {\r\n        .sea-insights-section { padding: 60px 20px 80px; }\r\n        \r\n        .accordion-container { flex-direction: column; height: auto; gap: 20px; }\r\n        \r\n        .acc-card { \r\n            width: 100%; \r\n            height: 380px;\r\n            flex: none; \r\n        }\r\n        \r\n        .acc-content { padding: 25px; }\r\n        \r\n        .acc-title { font-size: 1.5rem; margin-bottom: 10px; }\r\n        \r\n        .acc-desc { opacity: 1; max-height: none; margin-top: 0; font-size: 0.95rem; }\r\n        \r\n        \/* \u624b\u6a5f\u7248\u6309\u9215\u76f4\u63a5\u986f\u793a\uff0c\u4e26\u6539\u70ba\u5be6\u5fc3\u91d1 *\/\r\n        .acc-btn { opacity: 1; transform: none; margin-top: 15px; background: var(--c-gold-accent); color: var(--c-blue-primary); border: none; }\r\n        \r\n        .acc-num { font-size: 2rem; top: 15px; right: 20px; color: var(--c-gold-accent); opacity: 1; }\r\n\r\n        .sea-cta-section { padding: 80px 20px; }\r\n        .cta-slogan { font-size: 1.8rem; }\r\n        .cta-btn-group { flex-direction: column; gap: 15px; width: 100%; }\r\n        .btn-solid, .btn-outline { width: 100%; text-align: center; box-sizing: border-box; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-insights-section\">\r\n    <div class=\"insights-header\">\r\n        <span class=\"insights-label\">Featured Insights<\/span>\r\n        <h2 id=\"topics\" class=\"insights-title\">\u7126\u9ede\u5c08\u984c<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"accordion-container\">\r\n        <a href=\"https:\/\/your-website.com\/report-supply-chain\" class=\"acc-card\">\r\n            <div class=\"acc-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1486312338219-ce68d2c6f44d?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n            <div class=\"acc-overlay\"><\/div>\r\n            <div class=\"acc-num\">01<\/div>\r\n            <div class=\"acc-content\">\r\n                <div class=\"acc-title\">\u6771\u5357\u4e9e\u5404\u570b\u7522\u696d\u8f49\u79fb<br>\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u8da8\u52e2<\/div>\r\n                <div class=\"acc-desc\">\u6df1\u5ea6\u89e3\u6790\u8d8a\u5357\u3001\u6cf0\u570b\u8207\u5370\u5c3c\u7684\u5de5\u696d\u5712\u5340\u6578\u64da\uff0c\u5354\u52a9\u88fd\u9020\u696d\u7cbe\u6e96\u9078\u5740\u8207\u4f48\u5c40\u3002<\/div>\r\n                <div class=\"acc-btn\">\u2192<\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/your-website.com\/compliance-guide\" class=\"acc-card\">\r\n            <div class=\"acc-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n            <div class=\"acc-overlay\"><\/div>\r\n            <div class=\"acc-num\">02<\/div>\r\n            <div class=\"acc-content\">\r\n                <div class=\"acc-title\">\u4f01\u696d\u51fa\u6d77\u5728\u6771\u5357\u4e9e\u7684<br>\u5408\u898f\u8207\u5be6\u52d9<\/div>\r\n                <div class=\"acc-desc\">\u5f9e\u7a05\u52d9\u7c4c\u5283\u5230\u52de\u5de5\u6cd5\u898f\uff0c\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u7684\u6cd5\u5f8b\u5408\u898f\u6307\u5357\uff0c\u964d\u4f4e\u8de8\u5883\u7d93\u71df\u98a8\u96aa\u3002<\/div>\r\n                <div class=\"acc-btn\">\u2192<\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/your-website.com\/localization-strategy\" class=\"acc-card\">\r\n            <div class=\"acc-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n            <div class=\"acc-overlay\"><\/div>\r\n            <div class=\"acc-num\">03<\/div>\r\n            <div class=\"acc-content\">\r\n                <div class=\"acc-title\">\u83ef\u4eba\u4f01\u696d\u5728\u6771\u5354\u5e02\u5834\u7684<br>\u843d\u5730\u7b56\u7565<\/div>\r\n                <div class=\"acc-desc\">\u89e3\u6790\u5bb6\u65cf\u4f01\u696d\u5408\u4f5c\u6a21\u5f0f\u8207\u5728\u5730\u5316\u7d93\u71df\u5fc3\u6cd5\uff0c\u9023\u7d50\u7576\u5730\u95dc\u9375\u4eba\u8108\u7db2\u7d61\u3002<\/div>\r\n                <div class=\"acc-btn\">\u2192<\/div>\r\n            <\/div>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"sea-cta-section\">\r\n    <div class=\"cta-glow\"><\/div>\r\n    <div class=\"cta-content\">\r\n        <h2 id=\"join\" class=\"cta-slogan\">\u6210\u70ba\u6703\u54e1\uff0c\u8207\u7b2c\u4e00\u7dda\u6c7a\u7b56\u8005\u3001<br>\u6295\u8cc7\u4eba\u3001\u7522\u696d\u9818\u8896\u540c\u884c<\/h2>\r\n        <p class=\"cta-sub\">\u52a0\u5165\u6771\u5357\u4e9e\u5354\u6703\uff0c\u7372\u53d6\u5c08\u5c6c\u7814\u7a76\u5831\u544a\u8207\u9589\u9580\u8ad6\u58c7\u8cc7\u683c\u3002<\/p>\r\n        \r\n        <div class=\"cta-btn-group\">\r\n            <a href=\"https:\/\/your-website.com\/join-membership\" class=\"btn-solid\">\u7acb\u5373\u52a0\u5165\u6703\u54e1<\/a>\r\n            <a href=\"https:\/\/your-website.com\/benefits\" class=\"btn-outline\">\u4e86\u89e3\u6703\u54e1\u6b0a\u76ca<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. \u624b\u98a8\u7434\u5361\u7247\u52d5\u756b\r\n    gsap.from(\".acc-card\", {\r\n        scrollTrigger: {\r\n            trigger: \".accordion-container\",\r\n            start: \"top 85%\"\r\n        },\r\n        y: 60,\r\n        opacity: 0,\r\n        duration: 1,\r\n        stagger: 0.15,\r\n        ease: \"power3.out\"\r\n    });\r\n\r\n    \/\/ 2. CTA \u5340\u57df\u52d5\u756b\r\n    gsap.from(\".cta-content\", {\r\n        scrollTrigger: {\r\n            trigger: \".sea-cta-section\",\r\n            start: \"top 75%\"\r\n        },\r\n        y: 40,\r\n        opacity: 0,\r\n        duration: 1,\r\n        ease: \"power3.out\"\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69848aa e-flex e-con-boxed e-con e-parent\" data-id=\"69848aa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eda96d elementor-widget elementor-widget-menu-anchor\" data-id=\"3eda96d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"vision\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cd1ad7 elementor-widget elementor-widget-html\" data-id=\"9cd1ad7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u5168\u9762\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u91cd\u9ede\u6587\u5b57) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u7dda\u689d\u3001\u5370\u7ae0) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u5167\u6587) *\/\r\n        --c-gray-light: #888888;    \/* \u6dfa\u7070 (\u6b21\u8981\u8cc7\u8a0a) *\/\r\n        --c-line-light: rgba(0,0,0,0.1); \/* \u6dfa\u8272\u5206\u9694\u7dda *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    \/* \u5340\u584a\u5bb9\u5668 *\/\r\n    .sea-about-section {\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 150px 5%;\r\n        box-sizing: border-box;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* \u80cc\u666f\u88dd\u98fe\uff1a\u6975\u6de1\u7684\u5927\u5b57\u6d6e\u6c34\u5370 *\/\r\n    .bg-watermark {\r\n        position: absolute;\r\n        top: 5%; right: -5%;\r\n        font-family: var(--font-display);\r\n        font-size: clamp(10rem, 20vw, 25rem);\r\n        color: rgba(0, 40, 85, 0.03); \/* \u6539\u70ba\u6975\u6de1\u7684\u6df1\u85cd\u8272 *\/\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        transform: rotate(-10deg);\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* \u4e3b\u8981\u4f48\u5c40\uff1a\u5de6\u53f3\u5206\u5272 *\/\r\n    .about-layout {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u4e2d\u592e\u88dd\u98fe\u7dda (\u6539\u70ba\u91d1\u8272) *\/\r\n    .center-line {\r\n        position: absolute;\r\n        left: 45%;\r\n        top: 0;\r\n        width: 1px;\r\n        height: 100%;\r\n        background: rgba(212, 175, 55, 0.2); \/* \u6dfa\u91d1\u8272\u5e95 *\/\r\n        transform-origin: top;\r\n    }\r\n    \r\n    \/* \u91d1\u8272\u586b\u6eff\u52d5\u756b\u689d *\/\r\n    .center-line-fill {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 0%;\r\n        background: var(--c-gold-accent); \/* \u5be6\u5fc3\u91d1\u8272 *\/\r\n        transition: height 0.1s linear;\r\n    }\r\n\r\n    \/* === \u5de6\u5074\uff1a\u9858\u666f (Sticky) === *\/\r\n    .col-vision {\r\n        width: 45%;\r\n        padding-right: 60px;\r\n        position: sticky;\r\n        top: 150px; \r\n        height: fit-content;\r\n        position: -webkit-sticky; \r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .section-tag {\r\n        font-family: var(--font-sans);\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-size: 0.85rem;\r\n        letter-spacing: 2px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    .section-tag::before {\r\n        content: ''; width: 20px; height: 1px; \r\n        background: var(--c-gold-accent); \/* \u91d1\u8272\u7dda\u689d *\/\r\n    }\r\n\r\n    .vision-title {\r\n        font-family: var(--font-display);\r\n        font-size: clamp(3rem, 5vw, 4.5rem);\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0 0 30px 0;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .vision-statement {\r\n        font-family: var(--font-tw);\r\n        font-size: clamp(1.2rem, 2vw, 1.5rem);\r\n        font-weight: 700;\r\n        line-height: 1.7;\r\n        color: var(--c-text-dark); \/* \u6539\u70ba\u6df1\u7070 *\/\r\n        margin-bottom: 30px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    \/* \u87a2\u5149\u7b46\u6548\u679c\u7684\u6587\u5b57\u984f\u8272 (\u6df1\u85cd) *\/\r\n    .vision-highlight {\r\n        color: var(--c-blue-primary);\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* \u87a2\u5149\u7b46\u6548\u679c\u5e95\u8272 (\u91d1\u8272\u534a\u900f\u660e) *\/\r\n    .vision-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 2px; left: 0; width: 100%; height: 30%;\r\n        background: rgba(212, 175, 55, 0.3); \/* \u91d1\u8272\u534a\u900f\u660e *\/\r\n        z-index: -1;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.8s ease;\r\n    }\r\n    \r\n    .vision-active .vision-highlight::after { transform: scaleX(1); }\r\n\r\n    \/* === \u65cb\u8f49\u5370\u7ae0 (\u6539\u70ba\u91d1\u8272) === *\/\r\n    .seal-wrapper {\r\n        position: absolute;\r\n        bottom: -40px; \r\n        right: 40px; \r\n        width: 160px;\r\n        height: 160px;\r\n        pointer-events: none;\r\n        opacity: 0.2; \r\n        mix-blend-mode: multiply; \r\n        z-index: -1; \r\n    }\r\n    \r\n    .seal-text {\r\n        width: 100%; height: 100%;\r\n        animation: rotateSeal 20s linear infinite;\r\n        fill: var(--c-gold-accent); \/* \u91d1\u8272\u6587\u5b57 *\/\r\n    }\r\n    \r\n    .seal-dot {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 8px; height: 8px;\r\n        background: var(--c-gold-accent); \/* \u91d1\u8272\u5713\u9ede *\/\r\n        border-radius: 50%;\r\n    }\r\n\r\n    @keyframes rotateSeal {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* === \u53f3\u5074\uff1a\u5b97\u65e8 (Scroll) === *\/\r\n    .col-mission {\r\n        width: 55%;\r\n        padding-left: 60px;\r\n        padding-top: 150px;\r\n    }\r\n\r\n    .mission-header {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        color: var(--c-gray-light);\r\n        margin-bottom: 40px;\r\n        letter-spacing: 1px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .mission-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .mission-item {\r\n        position: relative;\r\n        padding: 40px;\r\n        border: 1px solid var(--c-line-light);\r\n        border-radius: 8px;\r\n        background: rgba(255,255,255,0.8);\r\n        backdrop-filter: blur(5px);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    \/* Hover \u5f8c\u908a\u6846\u8b8a\u91d1\u8272 *\/\r\n    .mission-item:hover {\r\n        border-color: var(--c-gold-accent);\r\n        background: #fff;\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 40px rgba(0, 40, 85, 0.08); \/* \u6df1\u85cd\u8272\u9670\u5f71 *\/\r\n    }\r\n\r\n    \/* \u6578\u5b57\u5716\u793a\u6539\u70ba\u91d1\u8272 *\/\r\n    .m-icon {\r\n        font-family: var(--font-display);\r\n        font-size: 2.5rem;\r\n        color: var(--c-gold-accent);\r\n        margin-bottom: 15px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .m-title {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: var(--c-text-dark);\r\n    }\r\n\r\n    .m-desc {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        color: var(--c-text-dark);\r\n    }\r\n\r\n    \/* === RWD \u624b\u6a5f\u7248\u512a\u5316 === *\/\r\n    @media (max-width: 768px) {\r\n        .sea-about-section { padding: 80px 20px; }\r\n        .about-layout { flex-direction: column; }\r\n        \r\n        .col-vision { \r\n            width: 100%; \r\n            position: relative; \r\n            top: 0;\r\n            padding-right: 0;\r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .col-mission { \r\n            width: 100%; \r\n            padding-left: 0; \r\n            padding-top: 0; \r\n        }\r\n        \r\n        .center-line { display: none; } \r\n        \r\n        .seal-wrapper { \r\n            width: 100px; height: 100px;\r\n            bottom: -20px; right: 0;\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .mission-item { padding: 25px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-about-section\">\r\n    <div class=\"bg-watermark\">EST.2026<\/div>\r\n\r\n    <div class=\"about-layout\">\r\n        <div class=\"center-line\">\r\n            <div class=\"center-line-fill\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-vision\">\r\n            <div class=\"section-tag\">About Us<\/div>\r\n            <h2 class=\"vision-title\">Connecting<br>Southeast Asia<\/h2>\r\n            \r\n            <div class=\"vision-statement trigger-highlight\">\r\n                \u9858\u666f Vision<br><br>\r\n                \u6210\u70ba\u83ef\u8a9e\u4e16\u754c<span class=\"vision-highlight\">\u6700\u5177\u5f71\u97ff\u529b<\/span>\u7684\u6771\u5357\u4e9e\u7814\u7a76\u8207\u4ea4\u6d41\u7d44\u7e54\uff0c\u6253\u9020\u9577\u671f\u3001\u53ef\u4fe1\u4efb\u3001\u53ef\u6301\u7e8c\u7684<span class=\"vision-highlight\">\u8de8\u5883\u5408\u4f5c\u751f\u614b<\/span>\u3002\r\n            <\/div>\r\n\r\n            <div class=\"seal-wrapper\">\r\n                <div class=\"seal-dot\"><\/div>\r\n                <svg class=\"seal-text\" viewBox=\"0 0 100 100\">\r\n                    <defs>\r\n                        <path id=\"circle\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\" \/>\r\n                    <\/defs>\r\n                    <text font-size=\"12\" font-family=\"Arial\" font-weight=\"bold\" letter-spacing=\"2\">\r\n                        <textPath xlink:href=\"#circle\">\r\n                        \u2022 TRUSTED PLATFORM \u2022 EST 2026 \r\n                        <\/textPath>\r\n                    <\/text>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-mission\">\r\n            <div class=\"mission-header\">\u5354\u6703\u5b97\u65e8 Mission<\/div>\r\n            \r\n            <div class=\"mission-list\">\r\n                <div class=\"mission-item\">\r\n                    <div class=\"m-icon\">01<\/div>\r\n                    <h3 class=\"m-title\">\u4fc3\u9032\u7d93\u8cbf\u4ea4\u6d41<\/h3>\r\n                    <p class=\"m-desc\">\u5efa\u7acb\u6771\u5357\u4e9e\u5340\u57df\u7684\u7d93\u8cbf\u3001\u6295\u8cc7\u8207\u7522\u696d\u4ea4\u6d41\u6a1e\u7d10\uff0c\u6253\u7834\u8cc7\u8a0a\u58c1\u58d8\uff0c\u9023\u7d50\u95dc\u9375\u8cc7\u6e90\u3002<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mission-item\">\r\n                    <div class=\"m-icon\">02<\/div>\r\n                    <h3 class=\"m-title\">\u5efa\u7acb\u53ef\u4fe1\u8cf4\u667a\u5eab<\/h3>\r\n                    <p class=\"m-desc\">\u6253\u9020\u9ad8\u6c34\u6e96\u7684\u7814\u7a76\u8207\u8cc7\u8a0a\u5e73\u53f0\uff0c\u63d0\u4f9b\u7b2c\u4e00\u624b\u653f\u7b56\u89e3\u8b80\u8207\u7522\u696d\u6578\u64da\uff0c\u6210\u70ba\u6c7a\u7b56\u8005\u7684\u5f8c\u76fe\u3002<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mission-item\">\r\n                    <div class=\"m-icon\">03<\/div>\r\n                    <h3 class=\"m-title\">\u964d\u4f4e\u8de8\u5883\u98a8\u96aa<\/h3>\r\n                    <p class=\"m-desc\">\u5354\u52a9\u4f01\u696d\u8207\u6295\u8cc7\u4eba\u7cbe\u6e96\u8a55\u4f30\u5e02\u5834\uff0c\u63d0\u4f9b\u5408\u898f\u8207\u843d\u5730\u5efa\u8b70\uff0c\u63d0\u5347\u8de8\u5883\u6295\u8cc7\u7684\u6c7a\u7b56\u54c1\u8cea\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \/\/ \u7de8\u8f2f\u5668\u6a21\u5f0f\u4e0d\u57f7\u884c\u52d5\u756b\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. \u4e2d\u592e\u91d1\u8272\u7dda\u586b\u6eff\u52d5\u756b\r\n    if(document.querySelector(\".center-line\")) {\r\n        gsap.to(\".center-line-fill\", {\r\n            height: \"100%\",\r\n            ease: \"none\",\r\n            scrollTrigger: {\r\n                trigger: \".sea-about-section\",\r\n                start: \"top center\",\r\n                end: \"bottom center\",\r\n                scrub: true\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 2. \u9858\u666f\u6587\u5b57\u87a2\u5149\u7b46\u6548\u679c\r\n    gsap.to(\".vision-statement\", {\r\n        scrollTrigger: {\r\n            trigger: \".vision-statement\",\r\n            start: \"top 75%\",\r\n            toggleClass: \"vision-active\"\r\n        }\r\n    });\r\n\r\n    \/\/ 3. \u5b97\u65e8\u5217\u8868\u4f9d\u5e8f\u6d6e\u73fe\r\n    gsap.from(\".mission-item\", {\r\n        scrollTrigger: {\r\n            trigger: \".mission-list\",\r\n            start: \"top 85%\"\r\n        },\r\n        y: 60,\r\n        opacity: 0,\r\n        duration: 1,\r\n        stagger: 0.2,\r\n        ease: \"power3.out\"\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bd9bae e-flex e-con-boxed e-con e-parent\" data-id=\"9bd9bae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09418a2 elementor-widget elementor-widget-html\" data-id=\"09418a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u5168\u9762\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u91cd\u9ede) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u7dda\u689d\u3001\u6642\u9593\u8ef8) *\/\r\n        --c-ink-light: rgba(0, 40, 85, 0.03); \/* \u6975\u6de1\u7684\u85cd\u8272\u58a8\u6688 *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u5167\u6587) *\/\r\n        --c-text-grey: #666666;     \/* \u6dfa\u7070 (\u6b21\u8981\u8cc7\u8a0a) *\/\r\n        --c-line-strong: #d1d1d1;   \/* \u7dda\u689d\u984f\u8272 *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    \/* === 1. \u7406\u4e8b\u9577\u81f4\u8a5e (Paper & Ink Style) === *\/\r\n    .sea-quote-section {\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 150px 5%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u80cc\u666f\uff1a\u6975\u6de1\u7684\u6df1\u85cd\u8272\u58a8\u6688 *\/\r\n    .ink-wash-bg {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 120%; height: 120%;\r\n        background: radial-gradient(circle, var(--c-ink-light) 0%, transparent 70%);\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    .quote-container {\r\n        max-width: 900px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u88dd\u98fe\u5f15\u865f\uff1a\u6539\u7528\u6de1\u91d1\u8272 *\/\r\n    .quote-mark {\r\n        font-family: var(--font-display);\r\n        font-size: 8rem;\r\n        color: rgba(212, 175, 55, 0.15); \/* \u6de1\u91d1\u8272 *\/\r\n        line-height: 0;\r\n        margin-bottom: 40px;\r\n        display: block;\r\n    }\r\n\r\n    \/* \u6587\u5b57\u7279\u6548\uff1a\u6a21\u7cca\u986f\u5f71 *\/\r\n    .quote-text {\r\n        font-family: var(--font-tw);\r\n        font-size: clamp(1.8rem, 3.5vw, 2.5rem);\r\n        font-weight: 500;\r\n        line-height: 1.5;\r\n        color: var(--c-text-dark);\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .blur-word {\r\n        display: inline-block;\r\n        filter: blur(10px);\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.8s ease;\r\n        will-change: filter, opacity, transform;\r\n    }\r\n    \r\n    .blur-word.revealed {\r\n        filter: blur(0px);\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* \u91cd\u9ede\u6587\u5b57\uff1a\u6df1\u85cd\u8272\u5b57 + \u91d1\u8272\u87a2\u5149\u7b46\u5e95 *\/\r\n    .quote-highlight {\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        font-weight: 700;\r\n        background-image: linear-gradient(to top, rgba(212, 175, 55, 0.2) 30%, transparent 30%); \/* \u6539\u70ba\u6de1\u91d1\u8272 *\/\r\n        padding: 0 5px;\r\n    }\r\n\r\n    .quote-author {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.9rem;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        margin-top: 30px;\r\n        border-top: 1px solid rgba(212, 175, 55, 0.3);\r\n        display: inline-block;\r\n        padding-top: 20px;\r\n    }\r\n\r\n    \/* === 2. \u7d44\u7e54\u67b6\u69cb (Clean Grid) === *\/\r\n    .sea-org-section {\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 100px 5%;\r\n        position: relative;\r\n    }\r\n\r\n    .section-header-center {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    .sh-label {\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-family: var(--font-sans);\r\n        letter-spacing: 2px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n    .sh-title {\r\n        font-family: var(--font-tw);\r\n        font-size: 2.2rem;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0;\r\n    }\r\n\r\n    .org-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .org-card {\r\n        background: #fff;\r\n        border: 1px solid rgba(0,0,0,0.08);\r\n        padding: 40px 20px;\r\n        border-radius: 4px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Hover: \u5e95\u90e8\u51fa\u73fe\u91d1\u8272\u7dda\u689d *\/\r\n    .org-card::after {\r\n        content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        transition: width 0.3s ease;\r\n    }\r\n    .org-card:hover::after { width: 100%; }\r\n    \r\n    .org-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(0, 40, 85, 0.08); \/* \u6df1\u85cd\u8272\u9670\u5f71 *\/\r\n    }\r\n\r\n    .org-card.wide {\r\n        grid-column: span 3;\r\n        background: linear-gradient(to right, #fff, #fcfcfc);\r\n    }\r\n\r\n    .org-icon {\r\n        font-size: 1.8rem;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin-bottom: 15px;\r\n        font-family: var(--font-display);\r\n    }\r\n\r\n    .org-name {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n        color: var(--c-text-dark);\r\n    }\r\n\r\n    .org-desc {\r\n        font-family: var(--font-tw);\r\n        font-size: 0.9rem;\r\n        color: #666;\r\n    }\r\n    \r\n    .committee-tags {\r\n        display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; justify-content: center;\r\n    }\r\n    .c-tag {\r\n        padding: 6px 16px; border: 1px solid #eee; border-radius: 50px; font-size: 0.85rem; color: #555; transition: 0.3s;\r\n    }\r\n    \/* Tag Hover: \u91d1\u8272\u5e95 + \u6df1\u85cd\u5b57 *\/\r\n    .c-tag:hover { \r\n        background: var(--c-gold-accent); \r\n        color: var(--c-blue-primary); \r\n        border-color: var(--c-gold-accent); \r\n    }\r\n\r\n    \/* === 3. \u6b77\u53f2\u8207\u767c\u5c55 (Bold Timeline) === *\/\r\n    .sea-history-section {\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        padding: 50px 5% 150px;\r\n        position: relative;\r\n    }\r\n\r\n    .timeline-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        padding-left: 80px;\r\n    }\r\n\r\n    .timeline-line {\r\n        position: absolute;\r\n        left: 29px; top: 0; bottom: 0;\r\n        width: 2px;\r\n        background: #e0e0e0;\r\n    }\r\n    \r\n    \/* \u91d1\u8272\u9032\u5ea6\u7dda *\/\r\n    .timeline-progress {\r\n        position: absolute;\r\n        left: 29px; top: 0; bottom: 0;\r\n        width: 2px;\r\n        height: 0%;\r\n        background: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    .timeline-item {\r\n        position: relative;\r\n        margin-bottom: 60px;\r\n        opacity: 0.5;\r\n        transition: all 0.5s;\r\n    }\r\n    \r\n    .timeline-item.active { opacity: 1; transform: translateX(5px); }\r\n\r\n    \/* \u5e74\u4efd\uff1a\u6df1\u85cd\u8272 *\/\r\n    .t-year {\r\n        font-family: var(--font-display);\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        position: absolute;\r\n        left: -80px; top: 20px;\r\n        width: 60px;\r\n        text-align: right;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* \u5713\u9ede *\/\r\n    .t-dot {\r\n        position: absolute;\r\n        left: 25px; top: 25px;\r\n        width: 10px; height: 10px;\r\n        border-radius: 50%;\r\n        background: #fff;\r\n        border: 2px solid #ccc;\r\n        z-index: 2;\r\n        transition: 0.3s;\r\n    }\r\n    \/* \u6fc0\u6d3b\u5713\u9ede\uff1a\u91d1\u8272 *\/\r\n    .timeline-item.active .t-dot {\r\n        background: var(--c-gold-accent); \r\n        border-color: var(--c-gold-accent); \r\n        transform: scale(1.3);\r\n    }\r\n\r\n    .t-content-card {\r\n        background: #fff;\r\n        padding: 30px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n        border-left: 3px solid transparent;\r\n        transition: 0.3s;\r\n        margin-left: 20px;\r\n    }\r\n\r\n    \/* \u6fc0\u6d3b\u5361\u7247\uff1a\u5de6\u908a\u6846\u8b8a\u91d1\u8272 *\/\r\n    .timeline-item.active .t-content-card {\r\n        border-left-color: var(--c-gold-accent); \r\n        box-shadow: 0 10px 30px rgba(0, 40, 85, 0.08); \/* \u6df1\u85cd\u9670\u5f71 *\/\r\n    }\r\n\r\n    .t-title {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: var(--c-text-dark);\r\n    }\r\n\r\n    .t-desc {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        color: var(--c-text-grey);\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    \/* \u672a\u4f86\u5361\u7247 *\/\r\n    .timeline-item.future .t-content-card {\r\n        background: linear-gradient(135deg, #fff, #f9f9f9); \r\n        border: 1px dashed var(--c-gold-accent); \/* \u91d1\u8272\u865b\u7dda *\/\r\n    }\r\n\r\n    \/* RWD \u624b\u6a5f\u7248 *\/\r\n    @media (max-width: 768px) {\r\n        .quote-text { font-size: 1.5rem; }\r\n        .org-grid { grid-template-columns: 1fr; }\r\n        .org-card.wide { grid-column: span 1; }\r\n        \r\n        .timeline-container { padding-left: 30px; }\r\n        .t-year { position: static; text-align: left; margin-bottom: 5px; margin-left: 20px; font-size: 1.2rem; }\r\n        .timeline-line, .timeline-progress { left: 0; }\r\n        .t-dot { left: -4px; top: 35px; }\r\n        .t-content-card { margin-left: 15px; padding: 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-quote-section\">\r\n    <div class=\"ink-wash-bg\"><\/div>\r\n    <div class=\"quote-container\">\r\n        <span class=\"quote-mark\">\u201c<\/span>\r\n        \r\n        <p class=\"quote-text\" id=\"quote-text-target\">\r\n            \u6771\u5357\u4e9e\u4e0d\u662f\u77ed\u671f\u98a8\u53e3\uff0c<br>\r\n            \u800c\u662f\u4e00\u500b\u6b63\u5728\u91cd\u5851\u5168\u7403\u7d93\u6fdf\u7248\u5716\u7684 <span class=\"quote-highlight\">\u9577\u671f\u6a5f\u6703<\/span>\u3002<br><br>\r\n            \u5354\u6703\u7684\u89d2\u8272\uff0c\u662f\u8b93 <span class=\"quote-highlight\">\u6b63\u78ba\u7684\u4eba<\/span>\uff0c<br>\r\n            \u5728\u6b63\u78ba\u7684\u6642\u9593\uff0c\u7ad9\u5728\u6b63\u78ba\u7684\u4f4d\u7f6e\u4e0a\u3002\r\n        <\/p>\r\n\r\n        <div class=\"quote-author\">\r\n            Chairman's Message\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"sea-org-section\">\r\n    <div class=\"section-header-center\">\r\n        <span class=\"sh-label\">Structure<\/span>\r\n        <h2 class=\"sh-title\">\u7d44\u7e54\u67b6\u69cb<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"org-grid\">\r\n        <div class=\"org-card\" style=\"grid-column: span 3;\">\r\n            <div class=\"org-icon\">\u2756<\/div>\r\n            <div class=\"org-name\">\u7406\u4e8b\u6703<\/div>\r\n            <div class=\"org-desc\">Board of Directors \u00b7 \u7b56\u7565\u5236\u5b9a\u8207\u6cbb\u7406\u6838\u5fc3<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"org-card\">\r\n            <div class=\"org-icon\">01<\/div>\r\n            <div class=\"org-name\">\u79d8\u66f8\u8655<\/div>\r\n            <div class=\"org-desc\">\u884c\u653f\u7ba1\u7406 \/ \u6703\u54e1\u670d\u52d9<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"org-card\">\r\n            <div class=\"org-icon\">02<\/div>\r\n            <div class=\"org-name\">\u9867\u554f\u5718<\/div>\r\n            <div class=\"org-desc\">\u7522\u696d\u9818\u8896 \/ \u667a\u5eab\u5b78\u8005<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"org-card\">\r\n            <div class=\"org-icon\">03<\/div>\r\n            <div class=\"org-name\">\u76e3\u4e8b\u6703<\/div>\r\n            <div class=\"org-desc\">\u8ca1\u52d9\u7a3d\u6838 \/ \u904b\u4f5c\u76e3\u7763<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"org-card wide\">\r\n            <div class=\"org-name\">\u5c08\u696d\u59d4\u54e1\u6703<\/div>\r\n            <div class=\"committee-tags\">\r\n                <span class=\"c-tag\">\u6295\u8cc7<\/span>\r\n                <span class=\"c-tag\">\u7522\u696d<\/span>\r\n                <span class=\"c-tag\">\u6cd5\u898f<\/span>\r\n                <span class=\"c-tag\">\u79d1\u6280<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"sea-history-section\">\r\n    <div class=\"section-header-center\">\r\n        <span class=\"sh-label\">Milestones<\/span>\r\n        <h2 class=\"sh-title\">\u6b77\u53f2\u8207\u767c\u5c55<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-container\">\r\n        <div class=\"timeline-line\"><\/div>\r\n        <div class=\"timeline-progress\"><\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"t-year\">2024<\/div>\r\n            <div class=\"t-dot\"><\/div>\r\n            <div class=\"t-content-card\">\r\n                <div class=\"t-title\">\u6210\u7acb\u80cc\u666f\u8207\u521d\u8877<\/div>\r\n                <div class=\"t-desc\">\u9451\u65bc\u5168\u7403\u4f9b\u61c9\u93c8\u5357\u79fb\u8da8\u52e2\uff0c\u7531\u4e00\u7fa4\u71b1\u8877\u65bc\u6771\u5357\u4e9e\u767c\u5c55\u7684\u4f01\u696d\u5bb6\u8207\u5b78\u8005\u5171\u540c\u767c\u8d77\u3002<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"t-year\">2025<\/div>\r\n            <div class=\"t-dot\"><\/div>\r\n            <div class=\"t-content-card\">\r\n                <div class=\"t-title\">\u91cd\u8981\u91cc\u7a0b\u7891<\/div>\r\n                <div class=\"t-desc\">\u65bc\u5409\u9686\u5761\u8209\u8fa6\u300c2025 \u6771\u5354\u7522\u696d\u9ad8\u5cf0\u8ad6\u58c7\u300d\uff0c\u767c\u5e03\u9996\u4efd\u6295\u8cc7\u74b0\u5883\u767d\u76ae\u66f8\u3002<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item future\">\r\n            <div class=\"t-year\">Fut.<\/div>\r\n            <div class=\"t-dot\"><\/div>\r\n            <div class=\"t-content-card\">\r\n                <div class=\"t-title\">\u672a\u4f86\u4e09\u5e74\u767c\u5c55\u85cd\u5716<\/div>\r\n                <div class=\"t-desc\">\r\n                    \u5efa\u7acb\u516d\u570b\u8fa6\u4e8b\u8655\uff0c\u555f\u52d5\u8de8\u5883\u52a0\u901f\u5668\uff0c\u6253\u9020\u83ef\u8a9e\u4e16\u754c\u6700\u5927\u6771\u5354\u667a\u5eab\u3002\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. \u7406\u4e8b\u9577\u81f4\u8a5e\uff1a\u58a8\u8de1\u986f\u5f71\u7279\u6548\r\n    const quoteTarget = document.getElementById('quote-text-target');\r\n    if(quoteTarget) {\r\n        gsap.fromTo(quoteTarget, \r\n            { filter: \"blur(10px)\", opacity: 0, y: 30 },\r\n            { \r\n                filter: \"blur(0px)\", opacity: 1, y: 0, \r\n                duration: 1.5, \r\n                ease: \"power2.out\",\r\n                scrollTrigger: { trigger: \".sea-quote-section\", start: \"top 75%\" }\r\n            }\r\n        );\r\n    }\r\n\r\n    \/\/ 2. \u7d44\u7e54\u5361\u7247\r\n    gsap.from(\".org-card\", {\r\n        scrollTrigger: { trigger: \".org-grid\", start: \"top 85%\" },\r\n        y: 40, opacity: 0, duration: 0.8, stagger: 0.1, ease: \"power3.out\"\r\n    });\r\n\r\n    \/\/ 3. \u6642\u9593\u8ef8\u91d1\u8272\u7dda\r\n    gsap.to(\".timeline-progress\", {\r\n        height: \"100%\",\r\n        ease: \"none\",\r\n        scrollTrigger: {\r\n            trigger: \".timeline-container\",\r\n            start: \"top center\",\r\n            end: \"bottom center\",\r\n            scrub: true\r\n        }\r\n    });\r\n\r\n    \/\/ 4. \u6b77\u53f2\u5361\u7247\u6fc0\u6d3b\r\n    const tItems = document.querySelectorAll(\".timeline-item\");\r\n    tItems.forEach(item => {\r\n        ScrollTrigger.create({\r\n            trigger: item,\r\n            start: \"top 80%\",\r\n            onEnter: () => item.classList.add(\"active\"),\r\n            onLeaveBack: () => item.classList.remove(\"active\")\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-966ddfd e-flex e-con-boxed e-con e-parent\" data-id=\"966ddfd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-611444b elementor-widget elementor-widget-html\" data-id=\"611444b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.8.0\/vanilla-tilt.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u5168\u9762\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u5716\u793a) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u9032\u5ea6\u689d\u3001\u91cd\u9ede) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u5167\u6587) *\/\r\n        --c-text-grey: #666666;     \/* \u6dfa\u7070 (\u6b21\u8981\u6587\u5b57) *\/\r\n        --c-line-light: rgba(0,0,0,0.08); \/* \u6dfa\u8272\u5206\u9694\u7dda *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    .sea-membership-page {\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding-bottom: 100px; \r\n    }\r\n\r\n    \/* === 1. \u6b0a\u76ca\u5340\u584a (Benefits) === *\/\r\n    .benefits-section {\r\n        padding: 120px 5%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-header-center {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n    }\r\n    .sh-label {\r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-family: var(--font-sans);\r\n        letter-spacing: 2px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n    .sh-title {\r\n        font-family: var(--font-tw);\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    .benefit-item {\r\n        position: relative;\r\n        padding: 45px;\r\n        background: #fff;\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 25px;\r\n        transition: all 0.4s ease;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    \/* Hover \u908a\u6846\u6539\u70ba\u91d1\u8272 *\/\r\n    .benefit-item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 40px rgba(0, 40, 85, 0.08); \/* \u6df1\u85cd\u9670\u5f71 *\/\r\n        border-color: rgba(212, 175, 55, 0.4); \/* \u91d1\u8272\u908a\u6846 *\/\r\n    }\r\n\r\n    .b-icon {\r\n        font-family: var(--font-display);\r\n        font-size: 2.2rem;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        line-height: 1;\r\n        opacity: 0.9;\r\n    }\r\n    \r\n    .b-content h3 {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        margin: 0 0 15px 0;\r\n        color: var(--c-text-dark);\r\n    }\r\n    \r\n    .b-content p {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        color: var(--c-text-grey);\r\n        margin: 0;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    \/* === 2. \u6703\u54e1\u985e\u5225 (Identity Cards) === *\/\r\n    .category-section {\r\n        padding: 100px 5%;\r\n        background: linear-gradient(to bottom, #fff, #f9f9f9); \/* \u6539\u70ba\u6975\u6de1\u7070\u6f38\u5c64 *\/\r\n        position: relative;\r\n    }\r\n\r\n    .category-bg-ink {\r\n        position: absolute;\r\n        top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n        width: 100%; height: 100%;\r\n        background: radial-gradient(circle at center, rgba(0, 40, 85, 0.03) 0%, transparent 70%); \/* \u6539\u70ba\u6df1\u85cd\u58a8\u6688 *\/\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cards-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 40px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative; z-index: 2;\r\n        perspective: 1000px;\r\n    }\r\n\r\n    .mem-card {\r\n        background: #fff;\r\n        padding: 60px 40px;\r\n        border-radius: 16px;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \r\n        min-height: 420px; \r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    \/* \u5718\u9ad4\u6703\u54e1 (\u5f37\u8abf)\uff1a\u91d1\u8272\u908a\u6846 *\/\r\n    .mem-card.premium {\r\n        border: 1px solid var(--c-gold-accent); \/* \u91d1\u8272 *\/\r\n        background: linear-gradient(145deg, #fff, #fffdf5); \/* \u6de1\u91d1\u80cc\u666f *\/\r\n        transform: scale(1.05);\r\n        z-index: 10;\r\n        box-shadow: 0 20px 50px rgba(212, 175, 55, 0.15); \/* \u91d1\u8272\u9670\u5f71 *\/\r\n    }\r\n\r\n    .card-icon {\r\n        font-size: 3rem; \r\n        margin-bottom: 25px;\r\n        color: rgba(0, 40, 85, 0.1); \/* \u6de1\u6df1\u85cd *\/\r\n        transform: translateZ(20px);\r\n    }\r\n\r\n    .card-type {\r\n        font-family: var(--font-tw);\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        transform: translateZ(30px);\r\n    }\r\n\r\n    \/* \u5206\u9694\u7dda *\/\r\n    .card-divider {\r\n        width: 40px; height: 2px;\r\n        background: #eee;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .card-target {\r\n        font-family: var(--font-tw);\r\n        font-size: 1rem;\r\n        color: var(--c-text-grey);\r\n        margin-bottom: 30px;\r\n        line-height: 1.6;\r\n        transform: translateZ(20px);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .card-features {\r\n        list-style: none; padding: 0; margin: 0;\r\n        text-align: left;\r\n        width: 100%;\r\n        transform: translateZ(20px);\r\n    }\r\n    \r\n    .card-features li {\r\n        margin-bottom: 15px;\r\n        font-size: 0.95rem;\r\n        color: #555;\r\n        display: flex;\r\n        align-items: flex-start; \r\n        gap: 12px;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    \/* \u6e05\u55ae\u7b26\u865f\u6539\u70ba\u91d1\u8272 *\/\r\n    .card-features li::before {\r\n        content: '\u25cf'; font-size: 0.5rem; color: var(--c-gold-accent); margin-top: 8px; flex-shrink: 0;\r\n    }\r\n\r\n    \/* === 3. \u8cc7\u683c\u5be9\u6838\u6d41\u7a0b (Process) === *\/\r\n    .process-section {\r\n        padding: 120px 5%;\r\n        text-align: center;\r\n    }\r\n\r\n    .process-steps {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        max-width: 800px;\r\n        margin: 60px auto 0;\r\n        position: relative;\r\n    }\r\n\r\n    .process-line {\r\n        position: absolute;\r\n        top: 25px; left: 15%; right: 15%;\r\n        height: 2px; background: #eee; z-index: 0;\r\n    }\r\n\r\n    \/* \u9032\u5ea6\u689d\u6539\u70ba\u91d1\u8272 *\/\r\n    .process-line-fill {\r\n        position: absolute;\r\n        top: 25px; left: 15%; \r\n        width: 0%; height: 2px;\r\n        background: var(--c-gold-accent);\r\n        z-index: 0;\r\n        transition: width 1.5s ease-out;\r\n    }\r\n\r\n    .step-item {\r\n        flex: 1; position: relative; z-index: 1;\r\n        display: flex; flex-direction: column; align-items: center;\r\n    }\r\n\r\n    .step-circle {\r\n        width: 50px; height: 50px;\r\n        background: #fff; border: 2px solid #ddd; border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-family: var(--font-display); font-size: 1.2rem; color: #aaa;\r\n        margin-bottom: 20px; transition: 0.5s;\r\n    }\r\n\r\n    \/* \u6fc0\u6d3b\u5713\u5708\uff1a\u91d1\u8272\u908a\u6846\u8207\u6587\u5b57 *\/\r\n    .step-item.active .step-circle {\r\n        border-color: var(--c-gold-accent); \r\n        color: var(--c-gold-accent);\r\n        box-shadow: 0 0 0 5px rgba(212, 175, 55, 0.1); \r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .step-title {\r\n        font-family: var(--font-tw); font-weight: 700; margin-bottom: 10px; color: var(--c-text-dark);\r\n    }\r\n\r\n    .step-desc {\r\n        font-size: 0.9rem; color: #777; max-width: 200px; line-height: 1.6;\r\n    }\r\n\r\n    \/* === RWD \u624b\u6a5f\u7248 === *\/\r\n    @media (max-width: 768px) {\r\n        .benefits-grid { grid-template-columns: 1fr; }\r\n        .benefit-item { padding: 30px 20px; }\r\n        \r\n        .cards-container { grid-template-columns: 1fr; gap: 30px; }\r\n        .mem-card.premium { transform: none; order: -1; }\r\n        \r\n        .process-steps { flex-direction: column; align-items: flex-start; padding-left: 20px; gap: 40px; }\r\n        .process-line, .process-line-fill { \r\n            width: 2px; height: 100%; top: 0; left: 44px; bottom: 0; right: auto; \r\n        }\r\n        .process-line-fill { height: 0%; width: 2px; }\r\n        .step-item { flex-direction: row; align-items: flex-start; gap: 20px; text-align: left; }\r\n        .step-desc { max-width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-membership-page\">\r\n\r\n    <div class=\"benefits-section\">\r\n        <div class=\"section-header-center\">\r\n            <span class=\"sh-label\">Privileges<\/span>\r\n            <h2 id=\"benefits\" class=\"sh-title\">\u6703\u54e1\u6b0a\u76ca<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"benefits-grid\">\r\n            <div class=\"benefit-item\">\r\n                <div class=\"b-icon\">\u2726<\/div>\r\n                <div class=\"b-content\">\r\n                    <h3>\u5c08\u5c6c\u7814\u7a76\u5831\u544a<\/h3>\r\n                    <p>\u6bcf\u6708\u5b9a\u671f\u767c\u9001\u6771\u5354\u516d\u570b\u7e3d\u7d93\u5206\u6790\u3001\u7522\u696d\u767d\u76ae\u66f8\u8207\u6295\u8cc7\u6cd5\u898f\u66f4\u65b0\uff0c\u638c\u63e1\u7b2c\u4e00\u624b\u6578\u64da\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"benefit-item\">\r\n                <div class=\"b-icon\">\u2726<\/div>\r\n                <div class=\"b-content\">\r\n                    <h3>\u9589\u9580\u8ad6\u58c7\u8cc7\u683c<\/h3>\r\n                    <p>\u512a\u5148\u53d7\u9080\u53c3\u52a0\u5e74\u5ea6\u9ad8\u5cf0\u8ad6\u58c7\u3001\u9589\u9580\u65e9\u9910\u6703\uff0c\u8207\u6771\u5357\u4e9e\u653f\u7b56\u5236\u5b9a\u8005\u76f4\u63a5\u5c0d\u8a71\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"benefit-item\">\r\n                <div class=\"b-icon\">\u2726<\/div>\r\n                <div class=\"b-content\">\r\n                    <h3>\u570b\u969b\u8003\u5bdf\u512a\u5148<\/h3>\r\n                    <p>\u4eab\u6709\u300c\u6771\u5357\u4e9e\u6295\u8cc7\u8003\u5bdf\u5718\u300d\u512a\u5148\u5831\u540d\u6b0a\u8207\u5718\u8cbb\u512a\u60e0\uff0c\u5be6\u5730\u8d70\u8a2a\u5de5\u696d\u5712\u5340\u8207\u4f01\u696d\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"benefit-item\">\r\n                <div class=\"b-icon\">\u2726<\/div>\r\n                <div class=\"b-content\">\r\n                    <h3>\u5546\u52d9\u5c0d\u63a5\u670d\u52d9<\/h3>\r\n                    <p>\u5354\u52a9\u5c0d\u63a5\u7576\u5730\u6703\u8a08\u5e2b\u3001\u5f8b\u5e2b\u8207\u5408\u4f5c\u5925\u4f34\uff0c\u964d\u4f4e\u843d\u5730\u9580\u6abb\u8207\u8a66\u932f\u6210\u672c\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"category-section\">\r\n        <div class=\"category-bg-ink\"><\/div>\r\n        <div class=\"section-header-center\">\r\n            <span class=\"sh-label\">Membership Types<\/span>\r\n            <h2 id=\"categories\" class=\"sh-title\">\u6703\u54e1\u985e\u5225<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"cards-container\">\r\n            \r\n            <div class=\"mem-card\" data-tilt data-tilt-max=\"5\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.2\">\r\n                <div class=\"card-icon\">\ud83d\udc64<\/div>\r\n                <div class=\"card-type\">\u500b\u4eba\u6703\u54e1<\/div>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-target\">\u91dd\u5c0d\u5c0d\u6771\u5357\u4e9e\u6295\u8cc7\u3001\u7522\u696d\u653f\u7b56<br>\u6709\u8208\u8da3\u4e4b\u5c08\u696d\u4eba\u58eb<\/div>\r\n                <ul class=\"card-features\">\r\n                    <li>\u7372\u5f97\u96fb\u5b50\u7248\u5b63\u520a\u8207\u7814\u7a76\u6458\u8981<\/li>\r\n                    <li>\u5e74\u5ea6\u516c\u958b\u8ad6\u58c7\u8cfc\u7968\u512a\u60e0<\/li>\r\n                    <li>\u52a0\u5165\u7dda\u4e0a\u5c08\u696d\u4ea4\u6d41\u793e\u7fa4<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"mem-card premium\" data-tilt data-tilt-max=\"5\" data-tilt-speed=\"400\" data-tilt-glare data-tilt-max-glare=\"0.3\">\r\n                <div class=\"card-icon\" style=\"color: var(--c-gold-accent);\">\ud83c\udfe2<\/div>\r\n                <div class=\"card-type\" style=\"color: var(--c-gold-accent);\">\u5718\u9ad4\u6703\u54e1<\/div>\r\n                <div class=\"card-divider\" style=\"background: var(--c-gold-accent);\"><\/div>\r\n                <div class=\"card-target\">\u91dd\u5c0d\u4f01\u696d\u3001\u6295\u8cc7\u6a5f\u69cb\u3001<br>\u5bb6\u65cf\u8fa6\u516c\u5ba4\u4e4b\u6cd5\u4eba\u55ae\u4f4d<\/div>\r\n                <ul class=\"card-features\">\r\n                    <li>\u5168\u7ad9\u767d\u76ae\u66f8\u8207\u6578\u64da\u5eab\u6b0a\u9650<\/li>\r\n                    <li>\u5e74\u5ea6\u8ad6\u58c7 VIP \u5e2d\u4f4d\u4fdd\u7559<\/li>\r\n                    <li>\u4f01\u696d\u5c08\u5c6c\u843d\u5730\u8aee\u8a62\u670d\u52d9<\/li>\r\n                    <li>\u5ba2\u88fd\u5316\u8003\u5bdf\u884c\u7a0b\u5b89\u6392<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"mem-card\" data-tilt data-tilt-max=\"5\" data-tilt-speed=\"400\">\r\n                <div class=\"card-icon\">\u2756<\/div>\r\n                <div class=\"card-type\">\u69ae\u8b7d\u6703\u54e1<\/div>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-target\">\u91dd\u5c0d\u5177\u91cd\u5927\u8ca2\u737b\u4e4b\u5b78\u8005\u3001<br>\u4f01\u696d\u5bb6\u6216\u516c\u5171\u4eba\u58eb<\/div>\r\n                <ul class=\"card-features\">\r\n                    <li>\u5354\u6703\u7d42\u8eab\u69ae\u8b7d\u6b0a\u76ca<\/li>\r\n                    <li>\u53d7\u9080\u64d4\u4efb\u8ad6\u58c7\u8b1b\u8005<\/li>\r\n                    <li>\u667a\u5eab\u9867\u554f\u5718\u5e2d\u4f4d<\/li>\r\n                    <li>\u570b\u969b\u4e8b\u52d9\u4ee3\u8868\u6b0a<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"process-section\">\r\n        <div class=\"section-header-center\">\r\n            <span class=\"sh-label\">Application Process<\/span>\r\n            <h2 id=\"process\" class=\"sh-title\">\u5165\u6703\u6a5f\u5236<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"process-steps\">\r\n            <div class=\"process-line\"><\/div>\r\n            <div class=\"process-line-fill\"><\/div> \r\n            \r\n            <div class=\"step-item\">\r\n                <div class=\"step-circle\">1<\/div>\r\n                <div class=\"step-title\">\u8cc7\u683c\u7533\u8acb<\/div>\r\n                <div class=\"step-desc\">\u586b\u5beb\u5165\u6703\u610f\u5411\u66f8\uff0c\u4e26\u63d0\u4f9b\u76f8\u95dc\u8cc7\u6b77\u8b49\u660e\u3002<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"step-item\">\r\n                <div class=\"step-circle\">2<\/div>\r\n                <div class=\"step-title\">\u5167\u90e8\u5be9\u6838<\/div>\r\n                <div class=\"step-desc\">\u79d8\u66f8\u8655\u9032\u884c\u8cc7\u683c\u5be9\u67e5\uff0c\u63a1\u9080\u8acb\u5236\u6216\u5be9\u6838\u5236\u3002<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"step-item\">\r\n                <div class=\"step-circle\">3<\/div>\r\n                <div class=\"step-title\">\u6b63\u5f0f\u9080\u8acb<\/div>\r\n                <div class=\"step-desc\">\u901a\u904e\u5be9\u6838\u8005\u5c07\u6536\u5230\u6b63\u5f0f\u5165\u6703\u9080\u8acb\u8207\u6b0a\u76ca\u8aaa\u660e\u3002<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ 1. \u6b0a\u76ca\u7db2\u683c\u52d5\u756b\r\n    gsap.from(\".benefit-item\", {\r\n        scrollTrigger: { trigger: \".benefits-grid\", start: \"top 80%\" },\r\n        y: 30, opacity: 0, duration: 0.8, stagger: 0.15, ease: \"power2.out\"\r\n    });\r\n\r\n    \/\/ 2. \u5361\u7247\u9032\u5834\u52d5\u756b\r\n    gsap.from(\".mem-card\", {\r\n        scrollTrigger: { trigger: \".cards-container\", start: \"top 75%\" },\r\n        y: 60, opacity: 0, duration: 1, stagger: 0.2, ease: \"back.out(1.2)\"\r\n    });\r\n\r\n    \/\/ 3. \u6d41\u7a0b\u7dda\u689d\u52d5\u756b\r\n    const fillLine = document.querySelector('.process-line-fill');\r\n    const steps = document.querySelectorAll('.step-item');\r\n\r\n    ScrollTrigger.create({\r\n        trigger: \".process-steps\",\r\n        start: \"top 70%\",\r\n        onEnter: () => {\r\n            if(window.innerWidth > 768) {\r\n                fillLine.style.width = \"100%\";\r\n            } else {\r\n                fillLine.style.height = \"100%\";\r\n            }\r\n            \r\n            steps.forEach((step, index) => {\r\n                setTimeout(() => {\r\n                    step.classList.add('active');\r\n                }, index * 400); \r\n            });\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05b178c e-flex e-con-boxed e-con e-parent\" data-id=\"05b178c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b32d32d elementor-widget elementor-widget-html\" data-id=\"b32d32d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u6df1\u85cd\/\u91d1\/\u767d) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u91cd\u9ede\u3001\u65e5\u671f\u6a19\u7c64) *\/\r\n        --c-blue-dark: #001A33;     \/* \u66f4\u6df1\u7684\u85cd (\u66f8\u80cc\u3001\u6df1\u8272\u80cc\u666f) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u6a19\u7c64\u3001Hover) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u5167\u6587) *\/\r\n        --c-text-grey: #666666;     \/* \u6dfa\u7070 (\u6b21\u8981\u8cc7\u8a0a) *\/\r\n        --c-line-light: rgba(0,0,0,0.08); \/* \u6dfa\u8272\u5206\u9694\u7dda *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    \/* \u901a\u7528\u5bb9\u5668 *\/\r\n    .sea-section-container {\r\n        padding: 120px 5%;\r\n        background: var(--bg-white);\r\n        border-top: 1px solid var(--c-line-light);\r\n        position: relative;\r\n    }\r\n\r\n    .section-head {\r\n        margin-bottom: 60px;\r\n        text-align: left;\r\n        max-width: 1400px;\r\n        margin: 0 auto 60px;\r\n    }\r\n    .head-label {\r\n        font-family: var(--font-sans); \r\n        color: var(--c-gold-accent); \r\n        letter-spacing: 2px;\r\n        text-transform: uppercase; \r\n        font-size: 0.85rem; \r\n        font-weight: 700; \r\n        display: block; \r\n        margin-bottom: 10px;\r\n    }\r\n    .head-title {\r\n        font-family: var(--font-tw); \r\n        font-size: 2.5rem; \r\n        color: var(--c-blue-primary); \r\n        margin: 0;\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* 1. \u6d3b\u52d5\u8207\u8ad6\u58c7 (Events) *\/\r\n    \/* ========================================= *\/\r\n    .events-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr; \r\n        gap: 60px;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u91cd\u9ede\u6d3b\u52d5\u5361\u7247 *\/\r\n    .event-spotlight {\r\n        position: relative;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        aspect-ratio: 4\/5;\r\n        display: block;\r\n    }\r\n    \r\n    .event-img {\r\n        width: 100%; height: 100%;\r\n        background-size: cover; background-position: center;\r\n        transition: transform 0.8s ease;\r\n    }\r\n    .event-spotlight:hover .event-img { transform: scale(1.1); }\r\n\r\n    .event-overlay {\r\n        position: absolute; bottom: 0; left: 0; width: 100%;\r\n        background: linear-gradient(to top, rgba(0, 40, 85, 0.9), transparent);\r\n        padding: 40px; box-sizing: border-box; color: #fff;\r\n    }\r\n    \r\n    .ev-date { \r\n        font-family: var(--font-sans); \r\n        background: var(--c-gold-accent); \r\n        color: var(--c-blue-primary); \r\n        font-weight: 700;\r\n        padding: 5px 10px; font-size: 0.8rem; display: inline-block; margin-bottom: 15px; \r\n    }\r\n    .ev-title { font-family: var(--font-tw); font-size: 1.8rem; margin: 0 0 10px; line-height: 1.3; }\r\n    \r\n    .ev-btn {\r\n        display: inline-block; border: 1px solid #fff; color: #fff; \r\n        padding: 10px 25px; text-decoration: none; border-radius: 50px; \r\n        margin-top: 20px; transition: 0.3s; font-size: 0.9rem;\r\n    }\r\n    .ev-btn:hover { background: #fff; color: var(--c-blue-primary); }\r\n\r\n    \/* \u6d3b\u52d5\u5217\u8868 *\/\r\n    .event-list { display: flex; flex-direction: column; }\r\n    .ev-item {\r\n        display: flex; gap: 20px; padding: 30px 0;\r\n        border-bottom: 1px solid var(--c-line-light);\r\n        transition: 0.3s; cursor: pointer;\r\n    }\r\n    .ev-item:hover { padding-left: 15px; border-color: var(--c-gold-accent); }\r\n    \r\n    .ev-meta-box {\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        width: 70px; height: 70px; border: 1px solid #ddd;\r\n    }\r\n    .ev-day { font-size: 1.5rem; font-weight: 700; font-family: var(--font-sans); color: var(--c-text-dark); }\r\n    .ev-month { font-size: 0.8rem; text-transform: uppercase; color: var(--c-gold-accent); }\r\n    \r\n    .ev-info h4 { margin: 0 0 5px; font-size: 1.2rem; color: var(--c-text-dark); font-family: var(--font-tw); }\r\n    .ev-info p { margin: 0; font-size: 0.95rem; color: #777; }\r\n\r\n    \/* \u904e\u5f80\u6d3b\u52d5 *\/\r\n    .past-events-strip {\r\n        margin-top: 80px;\r\n        border-top: 1px solid var(--c-line-light);\r\n        padding-top: 40px;\r\n    }\r\n    .pe-title { font-size: 1rem; color: #999; margin-bottom: 20px; font-family: var(--font-tw); }\r\n    .pe-grid {\r\n        display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;\r\n    }\r\n    .pe-item {\r\n        aspect-ratio: 16\/9; background: #ddd; border-radius: 4px; position: relative; overflow: hidden;\r\n        background-size: cover; background-position: center; cursor: pointer;\r\n    }\r\n    .pe-hover {\r\n        position: absolute; inset: 0; background: rgba(0, 40, 85, 0.85);\r\n        display: flex; align-items: center; justify-content: center;\r\n        opacity: 0; transition: 0.3s; color: #fff; font-size: 0.9rem;\r\n    }\r\n    .pe-item:hover .pe-hover { opacity: 1; }\r\n\r\n\r\n    \/* ========================================= *\/\r\n    \/* 2. \u6295\u8cc7\u8207\u7814\u7a76 (Research) *\/\r\n    \/* ========================================= *\/\r\n    .research-grid {\r\n        display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\r\n        max-width: 1400px; margin: 0 auto;\r\n    }\r\n\r\n    \/* \u5de6\uff1a\u5831\u544a\u5217\u8868 *\/\r\n    .report-list { display: flex; flex-direction: column; gap: 20px; }\r\n    .report-card {\r\n        background: #fff; padding: 30px; border: 1px solid rgba(0,0,0,0.08);\r\n        border-radius: 4px; transition: 0.3s;\r\n    }\r\n    .report-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 40, 85, 0.08); }\r\n    \r\n    .rep-tag { \r\n        font-size: 0.75rem; \r\n        color: var(--c-gold-accent); \r\n        border: 1px solid var(--c-gold-accent); \r\n        padding: 2px 8px; border-radius: 4px; display: inline-block; margin-bottom: 10px; \r\n    }\r\n    .rep-title { font-size: 1.3rem; margin: 0 0 10px; color: var(--c-text-dark); font-family: var(--font-tw); font-weight: 700; }\r\n    .rep-desc { font-size: 0.95rem; color: #666; margin-bottom: 20px; }\r\n    .rep-dl { color: var(--c-text-dark); font-size: 0.9rem; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 2px; }\r\n\r\n    \/* \u53f3\uff1a\u570b\u5bb6\u5c08\u5340 *\/\r\n    .country-grid {\r\n        display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;\r\n    }\r\n    \r\n    .country-tag {\r\n        background: #fff; padding: 20px; border: 1px solid #eee;\r\n        display: flex; justify-content: space-between; align-items: center;\r\n        cursor: pointer; transition: 0.3s; position: relative; overflow: hidden;\r\n    }\r\n    \r\n    .country-tag::before {\r\n        content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%;\r\n        background: var(--c-gold-accent); transform: scaleY(0); transition: 0.3s;\r\n    }\r\n    \r\n    .country-tag:hover { border-color: transparent; box-shadow: 0 5px 20px rgba(0,0,0,0.08); padding-left: 30px; }\r\n    .country-tag:hover::before { transform: scaleY(1); }\r\n    \r\n    .ct-code { font-family: var(--font-display); font-size: 2rem; color: #ddd; transition: 0.3s; }\r\n    .country-tag:hover .ct-code { color: var(--c-blue-primary); opacity: 0.1; }\r\n    \r\n    .ct-name { font-family: var(--font-tw); font-size: 1.1rem; font-weight: 700; color: var(--c-text-dark); }\r\n\r\n\r\n    \/* ========================================= *\/\r\n    \/* 3. \u5a92\u9ad4\u4e2d\u5fc3 (Media) *\/\r\n    \/* ========================================= *\/\r\n    .media-layout {\r\n        display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\r\n        max-width: 1400px; margin: 0 auto;\r\n    }\r\n\r\n    .news-brief-list .nb-item {\r\n        display: block; text-decoration: none; padding: 25px 0; border-bottom: 1px solid #eee;\r\n    }\r\n    .nb-date { font-size: 0.85rem; color: #999; display: block; margin-bottom: 5px; }\r\n    .nb-title { font-size: 1.2rem; color: var(--c-text-dark); transition: 0.3s; font-family: var(--font-tw); }\r\n    .nb-item:hover .nb-title { color: var(--c-gold-accent); }\r\n\r\n    .book-shelf {\r\n        display: flex; gap: 40px; justify-content: center; align-items: flex-end; perspective: 1000px;\r\n    }\r\n    \r\n    .book-container {\r\n        width: 140px; height: 200px; position: relative;\r\n        transform-style: preserve-3d; transition: transform 0.5s; cursor: pointer;\r\n    }\r\n    .book-container:hover { transform: rotateY(-30deg) translateZ(20px); }\r\n\r\n    .book-cover {\r\n        position: absolute; width: 100%; height: 100%; background: #333;\r\n        color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; box-sizing: border-box;\r\n        box-shadow: 5px 5px 15px rgba(0,0,0,0.15);\r\n        transform: translateZ(10px);\r\n    }\r\n    \r\n    .book-spine {\r\n        position: absolute; left: 0; top: 0; width: 20px; height: 100%;\r\n        background: #222; transform: rotateY(-90deg) translateZ(-10px);\r\n    }\r\n\r\n    .bc-title { font-family: var(--font-tw); font-size: 1.2rem; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; }\r\n    .bc-year { font-family: var(--font-display); font-size: 2rem; align-self: flex-end; opacity: 0.5; }\r\n\r\n    \/* \u6df1\u85cd\u8272\u66f8\u672c *\/\r\n    .book-red .book-cover { background: var(--c-blue-primary); } \r\n    .book-red .book-spine { background: var(--c-blue-dark); }\r\n\r\n    \/* RWD \u624b\u6a5f\u7248 *\/\r\n    @media (max-width: 768px) {\r\n        .events-layout, .research-grid, .media-layout { grid-template-columns: 1fr; gap: 40px; }\r\n        .pe-grid { grid-template-columns: 1fr 1fr; }\r\n        .country-grid { grid-template-columns: 1fr 1fr; } \r\n        .book-shelf { justify-content: flex-start; }\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"sea-section-container\" id=\"events\">\r\n    <div class=\"section-head\">\r\n        <span class=\"head-label\">Events & Forums<\/span>\r\n        <h2 id=\"forums\" class=\"head-title\">\u6d3b\u52d5\u8207\u8ad6\u58c7<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"events-layout\">\r\n        <a href=\"#event-detail\" class=\"event-spotlight\">\r\n            <div class=\"event-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1544531586-fde5298cdd40?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n            <div class=\"event-overlay\">\r\n                <span class=\"ev-date\">2026.04.12<\/span>\r\n                <h3 class=\"ev-title\">2026 \u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf<br>\u8207\u5275\u65b0\u9ad8\u5cf0\u6703<\/h3>\r\n                <span class=\"ev-btn\">\u7acb\u5373\u5831\u540d<\/span>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <div class=\"event-list\">\r\n            <div class=\"ev-item\">\r\n                <div class=\"ev-meta-box\">\r\n                    <span class=\"ev-day\">20<\/span>\r\n                    <span class=\"ev-month\">MAY<\/span>\r\n                <\/div>\r\n                <div class=\"ev-info\">\r\n                    <h4>\u8d8a\u5357\u5de5\u696d\u5712\u5340\u5be6\u5730\u8003\u5bdf\u5718<\/h4>\r\n                    <p>\u6cb3\u5167\u3001\u6d77\u9632\u6df1\u5ea6\u53c3\u8a2a | 5\u59294\u591c<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"ev-item\">\r\n                <div class=\"ev-meta-box\">\r\n                    <span class=\"ev-day\">08<\/span>\r\n                    <span class=\"ev-month\">JUN<\/span>\r\n                <\/div>\r\n                <div class=\"ev-info\">\r\n                    <h4>\u8de8\u5883\u96fb\u5546\u7a05\u52d9\u5be6\u52d9\u8b1b\u5ea7<\/h4>\r\n                    <p>\u53f0\u5317\u7e3d\u90e8 \/ \u7dda\u4e0a\u540c\u6b65\u76f4\u64ad<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ev-item\">\r\n                <div class=\"ev-meta-box\">\r\n                    <span class=\"ev-day\">15<\/span>\r\n                    <span class=\"ev-month\">JUL<\/span>\r\n                <\/div>\r\n                <div class=\"ev-info\">\r\n                    <h4>\u6771\u5354\u7da0\u8272\u80fd\u6e90\u6295\u8cc7\u8ad6\u58c7<\/h4>\r\n                    <p>\u65b0\u52a0\u5761 \u00b7 \u6ff1\u6d77\u7063\u91d1\u6c99\u9152\u5e97<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"past-events-strip\">\r\n        <div class=\"pe-title\">Past Events \/ \u904e\u5f80\u56de\u9867<\/div>\r\n        <div class=\"pe-grid\">\r\n            <div class=\"pe-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=600&q=80')\">\r\n                <div class=\"pe-hover\">\u89c0\u770b\u5f71\u7247<\/div>\r\n            <\/div>\r\n            <div class=\"pe-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=800&q=80')\">\r\n                <div class=\"pe-hover\">\u4e0b\u8f09\u7c21\u5831<\/div>\r\n            <\/div>\r\n            <div class=\"pe-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1544928147-79a2dbc1f389?auto=format&fit=crop&w=600&q=80')\">\r\n                <div class=\"pe-hover\">\u6d3b\u52d5\u7d00\u5be6<\/div>\r\n            <\/div>\r\n            <div class=\"pe-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1523580494863-6f3031224c94?auto=format&fit=crop&w=600&q=80')\">\r\n                <div class=\"pe-hover\">\u6210\u679c\u5831\u544a<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"sea-section-container\" style=\"background: #fff;\" id=\"research\">\r\n    <div class=\"section-head\">\r\n        <span class=\"head-label\">Investment & Research<\/span>\r\n        <h2 id=\"research\" class=\"head-title\">\u6295\u8cc7\u8207\u7814\u7a76<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"research-grid\">\r\n        <div class=\"report-list\">\r\n            <div class=\"report-card\">\r\n                <span class=\"rep-tag\">\u767d\u76ae\u66f8<\/span>\r\n                <h3 class=\"rep-title\">\u6771\u5354\u7e3d\u9ad4\u7d93\u6fdf\u5206\u6790 Q1<\/h3>\r\n                <p class=\"rep-desc\">\u91dd\u5c0d\u901a\u81a8\u3001\u532f\u7387\u8207\u4f9b\u61c9\u93c8\u79fb\u8f49\u7684\u6df1\u5ea6\u6578\u64da\u89e3\u6790\u3002<\/p>\r\n                <a href=\"#\" class=\"rep-dl\">Download PDF \u2193<\/a>\r\n            <\/div>\r\n            <div class=\"report-card\">\r\n                <span class=\"rep-tag\">\u6cd5\u898f<\/span>\r\n                <h3 class=\"rep-title\">\u6cf0\u570b BOI \u6295\u8cc7\u512a\u60e0\u65b0\u5236<\/h3>\r\n                <p class=\"rep-desc\">\u96fb\u52d5\u8eca\u8207\u534a\u5c0e\u9ad4\u7522\u696d\u4e4b\u6700\u65b0\u7a05\u52d9\u6e1b\u514d\u8a73\u89e3\u3002<\/p>\r\n                <a href=\"#\" class=\"rep-dl\">Download PDF \u2193<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"country-grid\">\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Malaysia<\/span>\r\n                <span class=\"ct-code\">MY<\/span>\r\n            <\/div>\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Singapore<\/span>\r\n                <span class=\"ct-code\">SG<\/span>\r\n            <\/div>\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Thailand<\/span>\r\n                <span class=\"ct-code\">TH<\/span>\r\n            <\/div>\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Vietnam<\/span>\r\n                <span class=\"ct-code\">VN<\/span>\r\n            <\/div>\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Indonesia<\/span>\r\n                <span class=\"ct-code\">ID<\/span>\r\n            <\/div>\r\n            <div class=\"country-tag\">\r\n                <span class=\"ct-name\">Cambodia<\/span>\r\n                <span class=\"ct-code\">KH<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"sea-section-container\" id=\"media\">\r\n    <div class=\"section-head\">\r\n        <span class=\"head-label\">Media Center<\/span>\r\n        <h2 id=\"publications\" class=\"head-title\">\u5a92\u9ad4\u8207\u51fa\u7248<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"media-layout\">\r\n        <div class=\"news-brief-list\">\r\n            <a href=\"#\" class=\"nb-item\">\r\n                <span class=\"nb-date\">2026.01.15 \/ \u65b0\u805e\u7a3f<\/span>\r\n                <div class=\"nb-title\">\u5354\u6703\u767c\u5e03\u300c2026 \u6771\u5354\u6295\u8cc7\u6c23\u5019\u8abf\u67e5\u300d\uff1a\u8d8a\u5357\u9996\u5ea6\u8d85\u8d8a...<\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"nb-item\">\r\n                <span class=\"nb-date\">2025.12.20 \/ \u5c08\u8a2a<\/span>\r\n                <div class=\"nb-title\">\u7406\u4e8b\u9577\u63a5\u53d7\u300a\u8ca1\u5bcc\u300b\u5c08\u8a2a\uff1a\u4f9b\u61c9\u93c8\u91cd\u7d44\u662f\u4e0d\u53ef\u9006\u7684\u8da8\u52e2<\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"nb-item\">\r\n                <span class=\"nb-date\">2025.11.05 \/ \u5408\u4f5c<\/span>\r\n                <div class=\"nb-title\">\u5354\u6703\u8207\u6e23\u6253\u9280\u884c\u7c3d\u7f72 MOU\uff0c\u5171\u540c\u63a8\u52d5\u7da0\u8272\u91d1\u878d\u670d\u52d9<\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"book-shelf\">\r\n            <div class=\"book-container\">\r\n                <div class=\"book-cover\">\r\n                    <div class=\"bc-title\">ASEAN<br>Outlook<\/div>\r\n                    <div class=\"bc-year\">2026<\/div>\r\n                <\/div>\r\n                <div class=\"book-spine\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"book-container book-red\">\r\n                <div class=\"book-cover\">\r\n                    <div class=\"bc-title\">Annual<br>Report<\/div>\r\n                    <div class=\"bc-year\">2025<\/div>\r\n                <\/div>\r\n                <div class=\"book-spine\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (document.body.classList.contains('elementor-editor-active')) return;\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const sections = document.querySelectorAll('.sea-section-container');\r\n    sections.forEach(sec => {\r\n        gsap.from(sec.querySelector('.section-head'), {\r\n            scrollTrigger: { trigger: sec, start: \"top 80%\" },\r\n            y: 30, opacity: 0, duration: 1\r\n        });\r\n    });\r\n\r\n    gsap.from(\".event-spotlight\", {\r\n        scrollTrigger: { trigger: \".events-layout\", start: \"top 75%\" },\r\n        scale: 0.95, opacity: 0, duration: 1, ease: \"power2.out\"\r\n    });\r\n    \r\n    gsap.from(\".ev-item\", {\r\n        scrollTrigger: { trigger: \".events-layout\", start: \"top 75%\" },\r\n        x: 30, opacity: 0, duration: 0.8, stagger: 0.15\r\n    });\r\n\r\n    gsap.from(\".country-tag\", {\r\n        scrollTrigger: { trigger: \".country-grid\", start: \"top 85%\" },\r\n        y: 20, opacity: 0, duration: 0.5, stagger: 0.1\r\n    });\r\n\r\n    gsap.from(\".book-container\", {\r\n        scrollTrigger: { trigger: \".book-shelf\", start: \"top 80%\" },\r\n        rotateY: 90, opacity: 0, duration: 1, stagger: 0.2, ease: \"back.out(1.5)\"\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0b39fd e-flex e-con-boxed e-con e-parent\" data-id=\"e0b39fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-961a07d elementor-widget elementor-widget-html\" data-id=\"961a07d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* === \u8b8a\u6578\u7cfb\u7d71 (\u5168\u9762\u66f4\u65b0\u70ba\u540d\u7247\u914d\u8272) === *\/\r\n    :root {\r\n        --bg-white: #FFFFFF;        \/* \u7d14\u767d\u80cc\u666f *\/\r\n        --c-blue-primary: #002855;  \/* \u6df1\u85cd (\u6a19\u984c\u3001\u91cd\u9ede) *\/\r\n        --c-gold-accent: #D4AF37;   \/* \u91d1\u8272 (\u9ede\u7db4\u3001\u6a19\u7c64\u3001Hover) *\/\r\n        --c-text-dark: #333333;     \/* \u6df1\u7070 (\u4e00\u822c\u5167\u6587) *\/\r\n        --c-text-grey: #666666;     \/* \u6dfa\u7070 (\u6b21\u8981\u8cc7\u8a0a) *\/\r\n        --c-line-light: rgba(0,0,0,0.08); \/* \u6dfa\u8272\u5206\u9694\u7dda *\/\r\n        \r\n        --font-display: 'Italiana', serif;\r\n        --font-sans: 'Manrope', sans-serif;\r\n        --font-tw: 'Noto Sans TC', sans-serif;\r\n    }\r\n\r\n    .sea-media-page {\r\n        background-color: var(--bg-white); \/* \u6539\u70ba\u7d14\u767d *\/\r\n        width: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* === \u5a92\u9ad4\u4e2d\u5fc3\u6a23\u5f0f === *\/\r\n    .media-section {\r\n        padding: 120px 5%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        min-height: 80vh; \r\n    }\r\n\r\n    \/* \u6a19\u984c\u5340\uff1a\u5de6\u6a19\u984c + \u53f3 Tabs *\/\r\n    .section-head-split {\r\n        margin-bottom: 60px;\r\n        border-bottom: 1px solid var(--c-line-light);\r\n        padding-bottom: 40px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n    }\r\n    \r\n    .head-info { text-align: left; }\r\n    \r\n    .head-label {\r\n        font-family: var(--font-sans); \r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase; \r\n        font-size: 0.85rem; \r\n        font-weight: 700; \r\n        display: block; \r\n        margin-bottom: 10px;\r\n    }\r\n    .head-title {\r\n        font-family: var(--font-tw); \r\n        font-size: 2.5rem; \r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Tab \u5207\u63db\u5668 *\/\r\n    .media-tabs {\r\n        display: flex; gap: 40px;\r\n    }\r\n    \r\n    .tab-btn {\r\n        background: none; border: none; padding: 10px 0;\r\n        font-family: var(--font-tw); font-size: 1.1rem; \r\n        color: var(--c-text-grey); \/* \u6539\u70ba\u6dfa\u7070 *\/\r\n        cursor: pointer; position: relative; transition: 0.3s;\r\n    }\r\n    \/* Hover \u6539\u70ba\u91d1\u8272 *\/\r\n    .tab-btn:hover { color: var(--c-gold-accent); }\r\n    \/* Active \u6539\u70ba\u91d1\u8272 *\/\r\n    .tab-btn.active { color: var(--c-gold-accent); font-weight: 700; }\r\n    \r\n    \/* Tab \u5e95\u7dda\u52d5\u756b\uff1a\u91d1\u8272 *\/\r\n    .tab-btn::after {\r\n        content: ''; position: absolute; bottom: -5px; left: 0; width: 0%; height: 2px;\r\n        background: var(--c-gold-accent); \r\n        transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n    .tab-btn.active::after { width: 100%; }\r\n\r\n    \/* \u5217\u8868\u5bb9\u5668 *\/\r\n    .media-content-wrap {\r\n        position: relative; \r\n        min-height: 500px; \r\n    }\r\n    \r\n    .media-list {\r\n        display: none; \r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 30px;\r\n        opacity: 0; \r\n        transform: translateY(20px); \r\n    }\r\n    \r\n    .media-list.active { \r\n        display: grid; \r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* \u65b0\u805e\u5361\u7247\u8a2d\u8a08 *\/\r\n    .news-card {\r\n        display: flex; flex-direction: column; gap: 15px;\r\n        padding: 40px; \r\n        background: #fff;\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n        cursor: pointer; \r\n        text-decoration: none;\r\n        border-radius: 4px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Hover \u6548\u679c\uff1a\u5de6\u5074\u91d1\u8272\u7dda\u689d *\/\r\n    .news-card::before {\r\n        content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        transform: scaleY(0); transition: transform 0.4s ease;\r\n    }\r\n\r\n    .news-card:hover {\r\n        transform: translateY(-5px); \r\n        box-shadow: 0 20px 40px rgba(0, 40, 85, 0.08); \/* \u6df1\u85cd\u9670\u5f71 *\/\r\n    }\r\n    .news-card:hover::before { transform: scaleY(1); }\r\n\r\n    .nc-meta { \r\n        font-size: 0.8rem; \r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-family: var(--font-sans); letter-spacing: 1px; font-weight: 600;\r\n        display: flex; justify-content: space-between;\r\n    }\r\n    \r\n    .nc-title { \r\n        font-family: var(--font-tw); font-size: 1.4rem; font-weight: 700; \r\n        color: var(--c-blue-primary); \/* \u6539\u70ba\u6df1\u85cd *\/\r\n        margin: 0; line-height: 1.4; \r\n        transition: color 0.3s;\r\n    }\r\n    \r\n    .nc-desc { \r\n        font-size: 1rem; color: #666; line-height: 1.7; \r\n        display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;\r\n    }\r\n\r\n    .nc-arrow {\r\n        margin-top: auto; \r\n        padding-top: 20px;\r\n        font-size: 1rem; \r\n        color: var(--c-gold-accent); \/* \u6539\u70ba\u91d1\u8272 *\/\r\n        font-weight: 600;\r\n        opacity: 0; transform: translateX(-10px); transition: 0.3s;\r\n    }\r\n    .news-card:hover .nc-arrow { opacity: 1; transform: translateX(0); }\r\n\r\n    \/* RWD \u624b\u6a5f\u7248 *\/\r\n    @media (max-width: 768px) {\r\n        .section-head-split { flex-direction: column; align-items: flex-start; gap: 30px; }\r\n        .media-list { grid-template-columns: 1fr; }\r\n        .media-tabs { width: 100%; justify-content: flex-start; gap: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; }\r\n        .tab-btn { font-size: 1rem; padding: 5px 0; }\r\n        .news-card { padding: 30px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sea-media-page\">\r\n\r\n    <div class=\"media-section\">\r\n        <div class=\"section-head-split\">\r\n            <div class=\"head-info\">\r\n                <span class=\"head-label\">Newsroom<\/span>\r\n                <h2 id=\"media-center\" class=\"head-title\">\u5a92\u9ad4\u4e2d\u5fc3<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"media-tabs\">\r\n                <button class=\"tab-btn active\" onclick=\"switchTab('news')\">\u65b0\u805e\u7a3f\u8207\u516c\u544a<\/button>\r\n                <button class=\"tab-btn\" onclick=\"switchTab('coverage')\">\u5408\u4f5c\u5a92\u9ad4\u5831\u5c0e<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"media-content-wrap\">\r\n            \r\n            <div class=\"media-list active\" id=\"tab-news\">\r\n                <a href=\"#news-1\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">OFFICIAL STATEMENT <span>2026.03.10<\/span><\/span>\r\n                    <h3 class=\"nc-title\">\u95dc\u65bc\u6771\u5354\u65b0\u8208\u5e02\u5834\u6295\u8cc7\u98a8\u96aa\u4e4b\u5b98\u65b9\u8072\u660e<\/h3>\r\n                    <p class=\"nc-desc\">\u91dd\u5c0d\u8fd1\u671f\u5e02\u5834\u6ce2\u52d5\uff0c\u672c\u5354\u6703\u767c\u5e03\u6700\u65b0\u98a8\u96aa\u8a55\u4f30\u5831\u544a\uff0c\u547c\u7c72\u6703\u54e1\u8b39\u614e\u4f48\u5c40\uff0c\u4e26\u63d0\u4f9b\u76f8\u61c9\u907f\u96aa\u7b56\u7565\u5efa\u8b70\u3002\u5831\u544a\u4e2d\u8a73\u7d30\u5206\u6790\u4e86\u532f\u7387\u8b8a\u52d5\u5c0d\u88fd\u9020\u696d\u7684\u5f71\u97ff\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u95b1\u8b80\u5168\u6587 \u2192<\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"#news-2\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">EVENT LAUNCH <span>2026.02.20<\/span><\/span>\r\n                    <h3 class=\"nc-title\">2026 \u6578\u4f4d\u7d93\u6fdf\u8ad6\u58c7\u6b63\u5f0f\u555f\u52d5\u5831\u540d<\/h3>\r\n                    <p class=\"nc-desc\">\u532f\u805a\u65b0\u52a0\u5761\u3001\u5370\u5c3c\u8207\u8d8a\u5357\u4e09\u5927\u6578\u4f4d\u7d93\u6fdf\u9ad4\u6c7a\u7b56\u8005\uff0c\u5171\u540c\u63a2\u8a0e AI \u8de8\u5883\u61c9\u7528\u8207\u8cc7\u5b89\u6cd5\u898f\u6574\u5408\u3002\u65e9\u9ce5\u7968\u73fe\u5df2\u958b\u653e\uff0c\u6703\u54e1\u4eab\u6709\u512a\u5148\u4fdd\u7559\u5e2d\u4f4d\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u7acb\u5373\u5831\u540d \u2192<\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"#news-3\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">PARTNERSHIP <span>2026.01.15<\/span><\/span>\r\n                    <h3 class=\"nc-title\">\u5354\u6703\u8207\u4e16\u754c\u9280\u884c\u7c3d\u7f72\u7da0\u8272\u91d1\u878d\u5408\u4f5c\u5099\u5fd8\u9304<\/h3>\r\n                    <p class=\"nc-desc\">\u96d9\u65b9\u5c07\u81f4\u529b\u65bc\u63a8\u52d5\u6771\u5357\u4e9e\u5730\u5340\u7684 ESG \u6295\u8cc7\u6a19\u6e96\u5316\uff0c\u5354\u52a9\u4e2d\u5c0f\u4f01\u696d\u7372\u53d6\u570b\u969b\u7da0\u8272\u878d\u8cc7\u6e20\u9053\uff0c\u52a0\u901f\u7522\u696d\u4f4e\u78b3\u8f49\u578b\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u4e86\u89e3\u8a73\u60c5 \u2192<\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"#news-4\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">ANNOUNCEMENT <span>2025.12.01<\/span><\/span>\r\n                    <h3 class=\"nc-title\">2025 \u5e74\u5ea6\u7406\u76e3\u4e8b\u6703\u8b70\u6c7a\u8b70\u516c\u544a<\/h3>\r\n                    <p class=\"nc-desc\">\u901a\u904e\u65b0\u4e00\u5e74\u5ea6\u767c\u5c55\u9810\u7b97\u6848\uff0c\u4e26\u78ba\u7acb\u300c\u5357\u5411\u667a\u5eab\u300d\u70ba\u672a\u4f86\u4e09\u5e74\u6838\u5fc3\u6230\u7565\uff0c\u64f4\u5927\u6d77\u5916\u8fa6\u4e8b\u8655\u898f\u6a21\uff0c\u6df1\u5316\u5728\u5730\u9023\u7d50\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u95b1\u8b80\u516c\u544a \u2192<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"media-list\" id=\"tab-coverage\">\r\n                <a href=\"#media-1\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">FORBES ASIA <span>\u5c08\u8a2a<\/span><\/span>\r\n                    <h3 class=\"nc-title\">\u7406\u4e8b\u9577\u5c08\u8a2a\uff1a\u4f9b\u61c9\u93c8\u91cd\u7d44\u662f\u4e0d\u53ef\u9006\u7684\u8da8\u52e2<\/h3>\r\n                    <p class=\"nc-desc\">\u300a\u5bcc\u6bd4\u58eb\u300b\u4e9e\u6d32\u7248\u6df1\u5ea6\u5c08\u8a2a\uff0c\u89e3\u6790\u83ef\u4eba\u4f01\u696d\u5728\u6771\u5354\u5e02\u5834\u7684\u7368\u7279\u512a\u52e2\u8207\u6f5b\u5728\u6311\u6230\uff0c\u4e26\u5206\u4eab\u4e86\u5354\u6703\u5c0d\u672a\u4f86\u4e94\u5e74\u7684\u7d93\u6fdf\u9810\u6e2c\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u67e5\u770b\u5831\u5c0e \u2192<\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"#media-2\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">BLOOMBERG <span>\u8a55\u8ad6<\/span><\/span>\r\n                    <h3 class=\"nc-title\">\u5f6d\u535a\u793e\u5f15\u7528\u672c\u5354\u6703\u6578\u64da\uff1a\u8d8a\u5357\u88fd\u9020\u696d\u6307\u6578\u5275\u65b0\u9ad8<\/h3>\r\n                    <p class=\"nc-desc\">\u672c\u5354\u6703\u767c\u5e03\u4e4b Q3 \u7522\u696d\u5831\u544a\u7372\u570b\u969b\u5a92\u9ad4\u5ee3\u6cdb\u5f15\u7528\uff0c\u6210\u70ba\u5340\u57df\u7d93\u6fdf\u6307\u6a19\u7684\u91cd\u8981\u53c3\u8003\u3002\u6578\u64da\u986f\u793a\u96fb\u5b50\u96f6\u7d44\u4ef6\u51fa\u53e3\u91cf\u5927\u5e45\u6210\u9577\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u67e5\u770b\u5831\u5c0e \u2192<\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#media-3\" class=\"news-card\">\r\n                    <span class=\"nc-meta\">NIKKEI ASIA <span>\u6df1\u5ea6\u5831\u5c0e<\/span><\/span>\r\n                    <h3 class=\"nc-title\">\u65e5\u7d93\u4e9e\u6d32\uff1a\u6771\u5354\u5354\u6703\u626e\u6f14\u53f0\u5546\u5357\u5411\u95dc\u9375\u63a8\u624b<\/h3>\r\n                    <p class=\"nc-desc\">\u5831\u5c0e\u6307\u51fa\u5354\u6703\u5728\u9023\u63a5\u53f0\u7063\u6280\u8853\u8207\u6771\u5357\u4e9e\u5e02\u5834\u4e2d\uff0c\u626e\u6f14\u4e86\u4e0d\u53ef\u6216\u7f3a\u7684\u6a4b\u6a11\u89d2\u8272\uff0c\u6210\u529f\u4fc3\u6210\u591a\u9805\u8de8\u570b\u6280\u8853\u5408\u4f5c\u6848\u3002<\/p>\r\n                    <div class=\"nc-arrow\">\u67e5\u770b\u5831\u5c0e \u2192<\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Tab \u5207\u63db\u908f\u8f2f (\u78ba\u4fdd\u5167\u5bb9\u5207\u63db\u6d41\u66a2)\r\n    function switchTab(tabName) {\r\n        \/\/ 1. \u6309\u9215\u72c0\u614b\u5207\u63db\r\n        document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\r\n        event.currentTarget.classList.add('active'); \/\/ \u4f7f\u7528 currentTarget \u78ba\u4fdd\u9ede\u64ca\u6e96\u78ba\r\n\r\n        \/\/ 2. \u5167\u5bb9\u5207\u63db\r\n        const lists = document.querySelectorAll('.media-list');\r\n        const targetList = document.getElementById('tab-' + tabName);\r\n\r\n        \/\/ \u5148\u628a\u6240\u6709\u5217\u8868\u96b1\u85cf (\u5feb\u901f\u5207\u63db)\r\n        lists.forEach(list => {\r\n            if(list.classList.contains('active')) {\r\n                \/\/ \u5982\u679c\u662f\u7576\u524d\u986f\u793a\u7684\uff0c\u5148\u505a\u6de1\u51fa\r\n                gsap.to(list, { opacity: 0, y: -10, duration: 0.3, onComplete: () => {\r\n                    list.classList.remove('active');\r\n                    \/\/ \u6de1\u51fa\u5b8c\u7562\u5f8c\uff0c\u986f\u793a\u65b0\u7684\r\n                    showTarget(targetList);\r\n                }});\r\n            }\r\n        });\r\n\r\n        \/\/ \u9632\u5446\uff1a\u5982\u679c\u7576\u524d\u6c92\u6709\u4efb\u4f55 active (\u4f8b\u5982\u9801\u9762\u525b\u8f09\u5165\u53ef\u80fd\u6709\u5ef6\u9072)\uff0c\u76f4\u63a5\u986f\u793a\u76ee\u6a19\r\n        if(!document.querySelector('.media-list.active')) {\r\n            showTarget(targetList);\r\n        }\r\n    }\r\n\r\n    \/\/ \u986f\u793a\u76ee\u6a19\u5217\u8868\u7684\u52d5\u756b\u51fd\u6578\r\n    function showTarget(target) {\r\n        if (!target) return;\r\n        target.classList.add('active');\r\n        \/\/ \u5361\u7247\u9010\u500b\u9032\u5834\u52d5\u756b (Stagger Effect)\r\n        gsap.fromTo(target.children, \r\n            { y: 30, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.6, stagger: 0.1, ease: \"power2.out\" }\r\n        );\r\n    }\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        if (document.body.classList.contains('elementor-editor-active')) return;\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ \u9801\u9762\u8f09\u5165\u6642\uff0c\u91dd\u5c0d\u9810\u8a2d\u986f\u793a\u7684\u5217\u8868\u505a\u4e00\u6b21\u9032\u5834\u52d5\u756b\r\n        const defaultList = document.querySelector('.media-list.active');\r\n        if(defaultList) {\r\n            gsap.from(defaultList.children, {\r\n                scrollTrigger: { trigger: \".media-section\", start: \"top 80%\" },\r\n                y: 30, opacity: 0, duration: 0.8, stagger: 0.15, ease: \"power2.out\"\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u9996\u9801 \u95dc\u65bc\u6211\u5011 \u6211\u5011\u7684\u9858\u666f \u7d44\u7e54\u67b6\u69cb \u6b77\u53f2\u767c\u5c55 \u6700\u65b0\u6d88\u606f \u7126\u9ede\u5c08\u984c \u5a92\u9ad4\u4e2d\u5fc3 \u5a92\u9ad4\u51fa\u7248 \u6703\u54e1\u5c08\u5340 \u6703\u54e1\u6b0a\u76ca \u6703 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703<\/title>\n<meta name=\"description\" content=\"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aseaninvest.org\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703\" \/>\n<meta property=\"og:description\" content=\"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aseaninvest.org\/\" \/>\n<meta property=\"og:site_name\" content=\"\u6771\u5357\u4e9e\u5354\u6703\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T07:44:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"36 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aseaninvest.org\/\",\"url\":\"https:\/\/aseaninvest.org\/\",\"name\":\"\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703\",\"isPartOf\":{\"@id\":\"https:\/\/aseaninvest.org\/#website\"},\"datePublished\":\"2026-01-30T10:01:03+00:00\",\"dateModified\":\"2026-02-02T07:44:24+00:00\",\"description\":\"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d\",\"breadcrumb\":{\"@id\":\"https:\/\/aseaninvest.org\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aseaninvest.org\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aseaninvest.org\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aseaninvest.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u6771\u5357\u4e9e\u5354\u6703\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aseaninvest.org\/#website\",\"url\":\"https:\/\/aseaninvest.org\/\",\"name\":\"\u6771\u5357\u4e9e\u5354\u6703\",\"description\":\"\u9023\u7d50\u6771\u5357\u4e9e\uff0c\u6d1e\u5bdf\u8da8\u52e2\uff0c\u5171\u5275\u8de8\u5883\u65b0\u50f9\u503c\uff5c\u83ef\u8a9e\u4e16\u754c\u9996\u9078\u6771\u5354\u667a\u5eab\",\"alternateName\":\"\u6771\u5357\u4e9e\u5354\u6703|\u9023\u7d50\u6771\u5357\u4e9e\uff0c\u6d1e\u5bdf\u8da8\u52e2\uff0c\u5171\u5275\u8de8\u5883\u65b0\u50f9\u503c\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aseaninvest.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703","description":"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aseaninvest.org\/","og_locale":"zh_TW","og_type":"article","og_title":"\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703","og_description":"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d","og_url":"https:\/\/aseaninvest.org\/","og_site_name":"\u6771\u5357\u4e9e\u5354\u6703","article_modified_time":"2026-02-02T07:44:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"36 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aseaninvest.org\/","url":"https:\/\/aseaninvest.org\/","name":"\u6771\u5357\u4e9e\u5354\u6703 - \u6771\u5357\u4e9e\u5354\u6703","isPartOf":{"@id":"https:\/\/aseaninvest.org\/#website"},"datePublished":"2026-01-30T10:01:03+00:00","dateModified":"2026-02-02T07:44:24+00:00","description":"\u300c\u6771\u5357\u4e9e\u5354\u6703\u81f4\u529b\u65bc\u6210\u70ba\u5340\u57df\u5167\u6700\u5177\u5f71\u97ff\u529b\u7684\u7522\u696d\u667a\u5eab\u3002\u6211\u5011\u6574\u5408\u653f\u7b56\u8cc7\u6e90\u8207\u5728\u5730\u8cc7\u672c\uff0c\u63d0\u4f9b\u6771\u5354\u5404\u570b\uff08\u8d8a\u5357\u3001\u6cf0\u570b\u3001\u5370\u5c3c\u7b49\uff09\u6700\u65b0\u7684\u5e02\u5834\u60c5\u5831\u3001\u8de8\u5883\u5408\u898f\u5be6\u52d9\u8207\u6295\u8cc7\u5c0d\u63a5\u670d\u52d9\u3002\u7acb\u5373\u52a0\u5165\u6211\u5011\uff0c\u5171\u540c\u5b9a\u7fa9\u4e0b\u4e00\u500b\u9ec3\u91d1\u5341\u5e74\uff0c\u638c\u63e1\u6771\u5357\u4e9e\u6578\u4f4d\u7d93\u6fdf\u8207\u4f9b\u61c9\u93c8\u91cd\u7d44\u7684\u5148\u6a5f\u3002\u300d","breadcrumb":{"@id":"https:\/\/aseaninvest.org\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aseaninvest.org\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aseaninvest.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aseaninvest.org\/"},{"@type":"ListItem","position":2,"name":"\u6771\u5357\u4e9e\u5354\u6703"}]},{"@type":"WebSite","@id":"https:\/\/aseaninvest.org\/#website","url":"https:\/\/aseaninvest.org\/","name":"\u6771\u5357\u4e9e\u5354\u6703","description":"\u9023\u7d50\u6771\u5357\u4e9e\uff0c\u6d1e\u5bdf\u8da8\u52e2\uff0c\u5171\u5275\u8de8\u5883\u65b0\u50f9\u503c\uff5c\u83ef\u8a9e\u4e16\u754c\u9996\u9078\u6771\u5354\u667a\u5eab","alternateName":"\u6771\u5357\u4e9e\u5354\u6703|\u9023\u7d50\u6771\u5357\u4e9e\uff0c\u6d1e\u5bdf\u8da8\u52e2\uff0c\u5171\u5275\u8de8\u5883\u65b0\u50f9\u503c","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aseaninvest.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aseaninvest.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/aseaninvest.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/aseaninvest.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}