{"id":7,"date":"2026-01-21T17:20:05","date_gmt":"2026-01-21T09:20:05","guid":{"rendered":"https:\/\/drfulu.com\/?page_id=7"},"modified":"2026-02-05T11:51:13","modified_gmt":"2026-02-05T03:51:13","slug":"home","status":"publish","type":"page","link":"https:\/\/drfulu.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9298dee e-flex e-con-boxed e-con e-parent\" data-id=\"9298dee\" 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-0f2131e elementor-widget elementor-widget-html\" data-id=\"0f2131e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. \u9810\u8f09\u5c64\u5bb9\u5668 *\/\r\n    #fulu-preloader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        height: 100dvh;\r\n        background-color: #F0EFE9;\r\n        z-index: 9999999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        \/* \u4fee\u6539\uff1a\u9000\u5834\u6975\u901f\u5316 0.3s *\/\r\n        transition: opacity 0.3s ease-out, visibility 0.3s ease-out;\r\n    }\r\n\r\n    #fulu-preloader.loaded {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    #fulu-preloader.loaded .cyber-core-container {\r\n        \/* \u4fee\u6539\uff1a\u77ac\u9593\u70b8\u958b 0.3s *\/\r\n        transform: scale(8); \/* \u653e\u5927\u500d\u7387\u589e\u52a0\uff0c\u8996\u89ba\u66f4\u5f37\u70c8 *\/\r\n        opacity: 0;\r\n        transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s ease-out;\r\n    }\r\n\r\n    \/* --- \u6838\u5fc3\u7d44\u4ef6 --- *\/\r\n    .cyber-core-container {\r\n        position: relative;\r\n        width: 160px; \r\n        height: 160px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: transform 0.2s ease-out;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .cyber-core-container {\r\n            width: 220px;\r\n            height: 220px;\r\n        }\r\n    }\r\n\r\n    .ring-outer {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px dashed rgba(15, 15, 15, 0.2);\r\n        border-radius: 50%;\r\n        animation: spin-slow 10s linear infinite;\r\n    }\r\n    .ring-inner {\r\n        position: absolute;\r\n        width: 70%;\r\n        height: 70%;\r\n        border: 2px dotted rgba(201, 42, 42, 0.4);\r\n        border-radius: 50%;\r\n        animation: spin-reverse 5s linear infinite;\r\n    }\r\n\r\n    \/* \u4e2d\u5fc3\u767c\u5149\u5b57 *\/\r\n    .core-symbol {\r\n        font-family: \"Noto Serif TC\", serif;\r\n        font-weight: 900;\r\n        font-size: 3rem;\r\n        color: #C92A2A;\r\n        text-shadow: 0 0 20px rgba(201, 42, 42, 0.5);\r\n        animation: pulse-glow 1s ease-in-out infinite alternate; \/* \u52a0\u5feb\u547c\u5438\u983b\u7387 *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        line-height: 1;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .core-symbol {\r\n            font-size: 4.5rem;\r\n        }\r\n    }\r\n\r\n    \/* --- \u6578\u64da\u8f09\u5165\u5340 --- *\/\r\n    .loading-data-container {\r\n        margin-top: 30px;\r\n        text-align: center;\r\n        font-family: monospace;\r\n        color: #0F0F0F;\r\n        width: 100%;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .progress-track-cyber {\r\n        width: 70vw;\r\n        max-width: 240px;\r\n        height: 4px;\r\n        background-color: rgba(15, 15, 15, 0.1);\r\n        border: 1px solid #0F0F0F;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin-bottom: 10px;\r\n    }\r\n    .progress-bar-cyber {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: 0%;\r\n        background-color: #C92A2A;\r\n        box-shadow: 0 0 10px #C92A2A;\r\n        transition: width 0.05s linear; \/* \u6975\u901f\u53cd\u61c9 *\/\r\n    }\r\n\r\n    .terminal-text {\r\n        font-size: 10px;\r\n        letter-spacing: 0.1em;\r\n        text-transform: uppercase;\r\n        opacity: 0.7;\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        .terminal-text {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    @keyframes spin-slow { 100% { transform: rotate(360deg); } }\r\n    @keyframes spin-reverse { 100% { transform: rotate(-360deg); } }\r\n    @keyframes pulse-glow {\r\n        0% { text-shadow: 0 0 10px rgba(201, 42, 42, 0.2); opacity: 0.8; transform: scale(0.95); }\r\n        100% { text-shadow: 0 0 30px rgba(201, 42, 42, 0.8); opacity: 1; transform: scale(1.05); }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"fulu-preloader\">\r\n    <div class=\"cyber-core-container\">\r\n        <div class=\"ring-outer\"><\/div>\r\n        <div class=\"ring-inner\"><\/div>\r\n        <div class=\"core-symbol\">\u9053<\/div>\r\n    <\/div>\r\n    <div class=\"loading-data-container\">\r\n        <div class=\"progress-track-cyber\">\r\n            <div id=\"loader-bar\" class=\"progress-bar-cyber\"><\/div>\r\n        <\/div>\r\n        <div class=\"terminal-text\">\r\n            > SYSTEM LOADING... <span id=\"loader-percent\">0<\/span>%\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u4f7f\u7528\u7acb\u5373\u57f7\u884c\u51fd\u6578\uff0c\u907f\u514d\u8b8a\u6578\u6c61\u67d3\r\n    (function() {\r\n        \/\/ \u5b9a\u7fa9\u79fb\u9664\u51fd\u6578\r\n        function removePreloader() {\r\n            const preloader = document.getElementById('fulu-preloader');\r\n            if (preloader) {\r\n                preloader.classList.add('loaded');\r\n                setTimeout(() => {\r\n                    preloader.style.display = 'none';\r\n                    \/\/ \u70ba\u4e86\u4fdd\u96aa\uff0c\u76f4\u63a5\u5f9e DOM \u79fb\u9664\r\n                    if(preloader.parentNode) {\r\n                        preloader.parentNode.removeChild(preloader);\r\n                    }\r\n                }, 300); \/\/ \u914d\u5408 CSS \u7684 0.3s\r\n            }\r\n        }\r\n\r\n        \/\/ \u4e3b\u908f\u8f2f\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const bar = document.getElementById('loader-bar');\r\n            const percentText = document.getElementById('loader-percent');\r\n            \r\n            let width = 0;\r\n            \r\n            \/\/ \u2605 \u6975\u901f\u8a2d\u5b9a\uff1a\u6bcf 5 \u6beb\u79d2\u8dd1\u4e00\u6b21\uff0c\u6bcf\u6b21\u52a0 5%\r\n            \/\/ \u7e3d\u5171\u53ea\u9700 20 \u6b21\u904b\u7b97 = 100\u6beb\u79d2 (0.1\u79d2)\r\n            const interval = setInterval(() => {\r\n                if (width >= 100) {\r\n                    clearInterval(interval);\r\n                    \/\/ \u5e7e\u4e4e\u4e0d\u7b49\u5f85\uff0c\u76f4\u63a5\u89f8\u767c\u79fb\u9664\r\n                    setTimeout(removePreloader, 50);\r\n                } else {\r\n                    width += 5; \/\/ \u6bcf\u6b21\u52a0 5%\r\n                    if(width > 100) width = 100;\r\n                    \r\n                    if(bar) bar.style.width = width + '%';\r\n                    if(percentText) percentText.innerText = width;\r\n                }\r\n            }, 5);\r\n        });\r\n\r\n        \/\/ \u2605 \u5b89\u5168\u9632\u5361\u6b7b\u6a5f\u5236\uff1a\r\n        \/\/ \u5982\u679c 1.5 \u79d2\u5f8c\u52d5\u756b\u9084\u5728 (\u4f8b\u5982 JS \u5831\u932f\u6216\u5361\u4f4f)\uff0c\u5f37\u5236\u79fb\u9664\r\n        setTimeout(removePreloader, 1500);\r\n        \r\n        \/\/ \u96d9\u91cd\u4fdd\u96aa\uff1a\u7db2\u9801\u5168\u90e8\u8cc7\u6e90\u8f09\u5165\u5b8c\u7562\u5f8c\uff0c\u4e5f\u6aa2\u67e5\u4e00\u6b21\r\n        window.addEventListener('load', function() {\r\n            setTimeout(removePreloader, 500);\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-d190c31 e-flex e-con-boxed e-con e-parent\" data-id=\"d190c31\" 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-1fd4dc3 elementor-widget elementor-widget-html\" data-id=\"1fd4dc3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;700;900&family=Zhi+Mang+Xing&display=swap\" rel=\"stylesheet\">\r\n\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                colors: { 'paper': '#F0EFE9', 'ink': '#0F0F0F', 'cinnabar': '#C92A2A' },\r\n                fontFamily: { sans: ['\"Noto Sans TC\"', 'sans-serif'], serif: ['\"Noto Serif TC\"', 'serif'] }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    \/* \u57fa\u790e\u8a2d\u7f6e *\/\r\n    html, body {\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        margin: 0; padding: 0;\r\n        background-color: #F0EFE9;\r\n    }\r\n    html { scroll-behavior: smooth; }\r\n\r\n    \/* Header \u6a23\u5f0f *\/\r\n    .fulu-header {\r\n        background-color: rgba(240, 239, 233, 0.95);\r\n        backdrop-filter: blur(10px);\r\n        border-bottom: 2px solid #0F0F0F;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* \u5c0e\u822a\u9023\u7d50 *\/\r\n    .nav-link {\r\n        position: relative;\r\n        font-family: \"Noto Serif TC\", serif;\r\n        font-weight: 700;\r\n        color: #0F0F0F;\r\n        text-decoration: none;\r\n        padding: 4px 0;\r\n        line-height: 1.5;\r\n        display: flex; \/* \u78ba\u4fdd\u6587\u5b57\u5782\u76f4\u5c45\u4e2d *\/\r\n        align-items: center;\r\n        height: 100%;\r\n    }\r\n    .nav-link::after {\r\n        content: ''; position: absolute; bottom: -4px; left: 0; width: 0%; height: 2px;\r\n        background-color: #C92A2A; transition: width 0.3s ease;\r\n    }\r\n    .nav-link:hover::after { width: 100%; }\r\n\r\n    \/* \u624b\u6a5f\u9078\u55ae *\/\r\n    .mobile-menu {\r\n        max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out;\r\n        border-bottom: 0px solid #0F0F0F;\r\n    }\r\n    .mobile-menu.open {\r\n        max-height: 100vh; border-bottom: 2px solid #0F0F0F;\r\n    }\r\n    \r\n    .hamburger line { transition: 0.3s; transform-origin: center; }\r\n    .hamburger.open line:nth-child(1) { transform: translateY(6px) rotate(45deg); }\r\n    .hamburger.open line:nth-child(2) { opacity: 0; }\r\n    .hamburger.open line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\r\n<\/style>\r\n\r\n<header class=\"fulu-header fixed w-full top-0 left-0 z-[9999]\">\r\n    <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\r\n        \r\n        <a href=\"#\" class=\"flex items-center justify-center shrink-0\">\r\n            <img decoding=\"async\" src=\"https:\/\/drfulu.com\/wp-content\/uploads\/2026\/01\/\u798f\u797f\u535a\u58eb-Dr\u00b7Fulu-4.png\" \r\n                 alt=\"\u798f\u797f\u535a\u58eb\" \r\n                 class=\"h-12 w-auto object-contain block\"\r\n                 style=\"height: 48px !important;\"> <\/a>\r\n\r\n        <nav class=\"hidden md:flex items-center gap-10\">\r\n            <a href=\"#hero\" class=\"nav-link text-xs tracking-[0.2em]\">\u9996\u9801 \/\/ HOME<\/a>\r\n            <a href=\"#philosophy\" class=\"nav-link text-xs tracking-[0.2em]\">\u7406\u5ff5 \/\/ PHILOSOPHY<\/a>\r\n            <a href=\"#modules\" class=\"nav-link text-xs tracking-[0.2em]\">\u63a2\u7d22 \/\/ EXPLORE<\/a>\r\n        <\/nav>\r\n\r\n        <div class=\"hidden md:flex items-center\">\r\n            <a href=\"#\" class=\"border-2 border-ink px-6 py-2 text-xs font-bold hover:bg-ink hover:text-paper transition-all uppercase tracking-widest\">\r\n                \u7acb\u5373\u9ad4\u9a57\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <button id=\"hamburger-btn\" class=\"md:hidden w-10 h-10 flex items-center justify-center border-2 border-ink rounded bg-transparent\">\r\n            <svg class=\"hamburger w-6 h-6 text-ink\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\r\n                <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\r\n                <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"mobile-menu-container\" class=\"mobile-menu bg-paper md:hidden\">\r\n        <nav class=\"flex flex-col p-8 space-y-6 text-center\">\r\n            <a href=\"#hero\" class=\"mobile-link text-xl font-serif font-bold text-ink border-b border-gray-200 pb-4\">\u9996\u9801<\/a>\r\n            <a href=\"#philosophy\" class=\"mobile-link text-xl font-serif font-bold text-ink border-b border-gray-200 pb-4\">\u7406\u5ff5<\/a>\r\n            <a href=\"#modules\" class=\"mobile-link text-xl font-serif font-bold text-ink border-b border-gray-200 pb-4\">\u63a2\u7d22<\/a>\r\n            <a href=\"#\" class=\"inline-block bg-cinnabar text-white py-4 font-bold tracking-widest\">\u7acb\u5373\u9ad4\u9a57<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const btn = document.getElementById('hamburger-btn');\r\n        const icon = btn.querySelector('.hamburger');\r\n        const menu = document.getElementById('mobile-menu-container');\r\n        const links = document.querySelectorAll('.mobile-link');\r\n\r\n        if(btn) {\r\n            btn.addEventListener('click', () => {\r\n                icon.classList.toggle('open');\r\n                menu.classList.toggle('open');\r\n            });\r\n        }\r\n        if(links) {\r\n            links.forEach(l => l.addEventListener('click', () => {\r\n                icon.classList.remove('open');\r\n                menu.classList.remove('open');\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-1b2f24d e-flex e-con-boxed e-con e-parent\" data-id=\"1b2f24d\" 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-10ba558 elementor-widget elementor-widget-html\" data-id=\"10ba558\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;700;900&family=Zhi+Mang+Xing&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                colors: { 'paper': '#F0EFE9', 'ink': '#0F0F0F', 'cinnabar': '#C92A2A' },\r\n                fontFamily: {\r\n                    sans: ['\"Noto Sans TC\"', 'sans-serif'],\r\n                    serif: ['\"Noto Serif TC\"', 'serif'],\r\n                    calligraphy: ['\"Zhi Mang Xing\"', 'cursive'],\r\n                },\r\n                animation: {\r\n                    'spin-slow': 'spin 80s linear infinite',\r\n                    'spin-reverse': 'spin 60s linear infinite reverse',\r\n                    'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    .fulu-hero-container {\r\n        font-family: \"Noto Sans TC\", sans-serif;\r\n        background-color: #F0EFE9;\r\n        margin-top: -32px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .perspective-container { perspective: 1000px; }\r\n    .preserve-3d { transform-style: preserve-3d; }\r\n    .writing-vertical { writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 0.3em; }\r\n\r\n    .hover-ink {\r\n        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        background-size: 0% 100%;\r\n        background-repeat: no-repeat;\r\n        background-image: linear-gradient(#B93A32, #B93A32);\r\n        background-position: 0% 90%;\r\n    }\r\n    .hover-ink:hover { color: #0F0F0F; letter-spacing: 0.05em; text-shadow: 0 0 20px rgba(185, 58, 50, 0.1); }\r\n\r\n    @keyframes fade-in-up {\r\n        0% { opacity: 0; transform: translateY(20px); }\r\n        100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .animate-fade-in-up { animation: fade-in-up 1s ease-out forwards; }\r\n\r\n    @keyframes smoke-rise {\r\n        0% { transform: translateY(20px) scale(0.8); opacity: 0; }\r\n        20% { opacity: 0.4; }\r\n        100% { transform: translateY(-100px) scale(1.2); opacity: 0; }\r\n    }\r\n    .smoke-particle {\r\n        position: absolute;\r\n        background: radial-gradient(circle, rgba(185,58,50,0.4) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        filter: blur(4px);\r\n        pointer-events: none;\r\n    }\r\n    @keyframes zen-float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"hero\" class=\"fulu-hero-container min-h-[90vh] flex items-center pt-24 pb-20 group\/hero\">\r\n    \r\n    <div class=\"max-w-7xl mx-auto px-6 w-full grid lg:grid-cols-2 gap-16 items-center relative z-10\">\r\n        \r\n        <div class=\"space-y-12 relative z-20 order-2 lg:order-1\">\r\n            <div class=\"space-y-6 opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n                <div class=\"inline-flex items-center gap-3 mb-2\">\r\n                    <span class=\"w-8 h-[1px] bg-cinnabar\"><\/span>\r\n                    <span class=\"text-xs font-bold tracking-[0.2em] text-cinnabar uppercase\">Digital Taoism<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"text-6xl md:text-8xl font-serif font-black leading-[0.95] text-ink tracking-tighter cursor-default\">\r\n                    \u9053\u6559\u908f\u8f2f<br>\r\n                    <span class=\"hover-ink inline-block cursor-default\" style=\"background-size: 100% 2px;\">\u6578\u64da\u986f\u50cf<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"text-xl text-gray-600 max-w-lg leading-relaxed font-medium border-l-2 border-gray-300 pl-6 transition-colors hover:border-cinnabar hover:text-ink\">\r\n                    \u62d2\u7d55\u6a21\u7cca\u7684\u7384\u5b78\u3002\u6211\u5011\u5c07\u300a\u9053\u85cf\u300b\u7d50\u69cb\u5316\uff0c<br>\u70ba\u60a8\u7684\u6c7a\u7b56\u63d0\u4f9b\u6e05\u6670\u7684\u8c61\u6578\u53c3\u8003\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"space-y-8 opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n                <div class=\"space-y-3\">\r\n                    <p class=\"text-xs font-bold text-gray-400 uppercase tracking-wider\">\u9078\u64c7\u60a8\u7684\u7948\u9858\u985e\u5225<\/p>\r\n                    <div class=\"flex flex-wrap gap-3\">\r\n                        <button class=\"px-5 py-2 bg-white border border-gray-200 font-serif font-bold text-sm text-gray-600 transition-all hover:border-ink hover:text-ink hover:-translate-y-1 shadow-sm\"># \u554f\u524d\u7a0b<\/button>\r\n                        <button class=\"px-5 py-2 bg-white border border-gray-200 font-serif font-bold text-sm text-gray-600 transition-all hover:border-ink hover:text-ink hover:-translate-y-1 shadow-sm\"># \u6c42\u6b63\u8ca1<\/button>\r\n                        <button class=\"px-5 py-2 bg-white border border-gray-200 font-serif font-bold text-sm text-gray-600 transition-all hover:border-ink hover:text-ink hover:-translate-y-1 shadow-sm\"># \u8993\u826f\u7de3<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <a href=\"#\" class=\"group relative inline-flex items-center justify-center px-10 py-4 border-2 border-cinnabar overflow-hidden transition-all duration-300\">\r\n                        <span class=\"absolute inset-0 bg-cinnabar translate-y-[100%] group-hover:translate-y-0 transition-transform duration-300 ease-out\"><\/span>\r\n                        <span class=\"relative text-cinnabar font-bold text-xl tracking-widest flex items-center gap-3 group-hover:text-white transition-colors\">\r\n                            \u7acb\u5373\u9ad4\u9a57 \r\n                            <svg class=\"w-5 h-5 transition-transform group-hover:translate-x-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n                        <\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative h-[650px] w-full flex items-center justify-center order-1 lg:order-2 opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.6s;\">\r\n            \r\n            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\r\n                <div class=\"absolute w-[350px] h-[350px] rounded-full border border-ink\/5 border-dashed animate-spin-slow\"><\/div>\r\n                <div class=\"absolute w-[500px] h-[500px] rounded-full border border-ink\/5 opacity-40 animate-spin-reverse\"><\/div>\r\n                <div class=\"absolute w-[650px] h-[650px] rounded-full border border-cinnabar\/10 animate-pulse\" style=\"animation-duration: 6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <div id=\"talisman-hero\" class=\"relative z-10 w-[240px] h-[540px] bg-[#FFFDF8] border border-black\/5 flex flex-col items-center py-10 transition-transform duration-100 ease-out preserve-3d cursor-pointer group shadow-[0_20px_40px_rgba(0,0,0,0.05)] hover:shadow-[0_30px_60px_rgba(185,58,50,0.15)]\" style=\"animation: zen-float 6s ease-in-out infinite;\">\r\n                \r\n                <div class=\"shine-overlay\"><\/div>\r\n                <div class=\"absolute bottom-0 left-0 w-full h-5 bg-[#FFFDF8]\" style=\"clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 95% 0%, 90% 100%, 85% 0%, 80% 100%, 75% 0%, 70% 100%, 65% 0%, 60% 100%, 55% 0%, 50% 100%, 45% 0%, 40% 100%, 35% 0%, 30% 100%, 25% 0%, 20% 100%, 15% 0%, 10% 100%, 5% 0%, 0% 100%);\"><\/div>\r\n                \r\n                <div class=\"w-full text-center border-b border-black\/5 pb-4 mb-4 relative z-10\">\r\n                    <span class=\"font-calligraphy text-4xl text-ink opacity-90 block mb-1\">\u6555\u4ee4<\/span>\r\n                    <span class=\"font-mono text-[8px] tracking-[0.3em] text-gray-400 uppercase\">Fulu Protocol<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"flex-grow flex items-center justify-center relative w-full z-10 perspective-content\">\r\n                    <div class=\"writing-vertical font-serif font-black text-5xl text-ink z-10 leading-relaxed drop-shadow-sm group-hover:scale-105 transition-transform duration-500\">\r\n                        \u5fc3\u8aa0\u5247\u9748<br>\u6578\u64da\u986f\u50cf\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"w-full flex justify-center pb-6 pt-2 z-10\">\r\n                    <div class=\"w-14 h-14 border-2 border-cinnabar rounded-lg grid place-items-center text-cinnabar font-serif font-black text-[10px] rotate-[-2deg] mix-blend-multiply bg-white\/50 backdrop-blur-[2px] transition-transform duration-500 group-hover:rotate-0 group-hover:scale-110 shadow-sm\">\r\n                        \u798f\u797f<br>\u8a8d\u8b49\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const heroContainer = document.querySelector('.fulu-hero-container');\r\n        const talisman = document.getElementById('talisman-hero');\r\n        if(heroContainer && talisman) {\r\n            heroContainer.addEventListener('mousemove', (e) => {\r\n                const rect = heroContainer.getBoundingClientRect();\r\n                const x = (rect.width \/ 2 - (e.clientX - rect.left)) \/ 40; \r\n                const y = (rect.height \/ 2 - (e.clientY - rect.top)) \/ 40;\r\n                talisman.style.transform = `rotateY(${x}deg) rotateX(${y}deg)`;\r\n            });\r\n            heroContainer.addEventListener('mouseleave', () => {\r\n                talisman.style.transform = '';\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-39f7445 e-flex e-con-boxed e-con e-parent\" data-id=\"39f7445\" 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-45b0d29 elementor-widget elementor-widget-html\" data-id=\"45b0d29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"philosophy\" class=\"border-y border-ink bg-white overflow-hidden py-0 group\/philosophy\">\r\n    \r\n    <style>\r\n        \/* 1. \u8dd1\u99ac\u71c8\u52d5\u756b *\/\r\n        @keyframes marquee {\r\n            0% { transform: translateX(0%); }\r\n            100% { transform: translateX(-100%); }\r\n        }\r\n        @keyframes marquee2 {\r\n            0% { transform: translateX(100%); }\r\n            100% { transform: translateX(0%); }\r\n        }\r\n        .animate-marquee { animation: marquee 25s linear infinite; }\r\n        .animate-marquee2 { animation: marquee2 25s linear infinite; }\r\n\r\n        \/* 2. \u6c34\u58a8\u6688\u67d3\u6d6e\u73fe (Ink Reveal) *\/\r\n        @keyframes ink-reveal-up {\r\n            0% { opacity: 0; transform: translateY(20px); filter: blur(4px); }\r\n            100% { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n        }\r\n        .reveal-text {\r\n            animation: ink-reveal-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n            opacity: 0; \/* \u521d\u59cb\u96b1\u85cf *\/\r\n        }\r\n\r\n        \/* 3. \u6731\u7802\u84cb\u5370\u6548\u679c (Stamp Impact) - \u4fee\u6b63\u7248 *\/\r\n        @keyframes stamp-land {\r\n            0% { \r\n                opacity: 0; \r\n                transform: scale(2.0) rotate(-5deg); \/* \u8d77\u59cb\u653e\u5927\u500d\u7387\u589e\u52a0\uff0c\u66f4\u6709\u885d\u64ca\u611f *\/\r\n            }\r\n            60% { \r\n                opacity: 1; \r\n                transform: scale(0.95) rotate(-1deg); \/* \u84cb\u4e0b\u53bb *\/\r\n            }\r\n            80% { \r\n                opacity: 1; \r\n                transform: scale(1.02) rotate(-1deg); \/* \u5fae\u5fae\u56de\u5f48 *\/\r\n            }\r\n            100% { \r\n                opacity: 1; \/* \u95dc\u9375\uff1a\u5f37\u5236\u8a2d\u70ba 1\uff0c\u78ba\u4fdd\u4e0d\u6d88\u5931 *\/\r\n                transform: scale(1) rotate(-1deg); \r\n            }\r\n        }\r\n        .stamp-anim {\r\n            \/* \u6642\u9593\u6539\u70ba 1.5s (\u8b8a\u6162)\uff0c\u8b93\u52d5\u4f5c\u770b\u6e05\u695a *\/\r\n            animation: stamp-land 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n            opacity: 0; \/* \u521d\u59cb\u96b1\u85cf *\/\r\n            display: inline-block; \/* \u78ba\u4fdd\u8b8a\u5f62\u6548\u679c\u6b63\u78ba *\/\r\n        }\r\n\r\n        \/* 4. \u5206\u9694\u7dda\u751f\u9577 (Line Grow) *\/\r\n        @keyframes line-grow {\r\n            0% { width: 0%; opacity: 0; }\r\n            100% { width: 100%; opacity: 1; }\r\n        }\r\n        .line-anim {\r\n            animation: line-grow 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n            width: 0%; \/* \u521d\u59cb\u5bec\u5ea6 *\/\r\n        }\r\n\r\n        \/* 5. \u592a\u6975\u65cb\u8f49 (Slow Tao Spin) *\/\r\n        @keyframes tao-spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n        .tao-spin { animation: tao-spin 12s linear infinite; }\r\n    <\/style>\r\n\r\n    <div class=\"relative flex overflow-x-hidden border-b border-ink bg-ink text-paper py-3 select-none\">\r\n        <div class=\"animate-marquee whitespace-nowrap flex gap-12 font-mono text-xs md:text-sm tracking-widest font-bold items-center\">\r\n            <span>DIGITAL TAOISM \/\/ \u6578\u64da\u986f\u50cf<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>NO SUPERSTITION \/\/ \u62d2\u7d55\u8ff7\u4fe1<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>SECOND OPINION \/\/ \u6c7a\u7b56\u53c3\u8003<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>DIGITAL TAOISM \/\/ \u6578\u64da\u986f\u50cf<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>NO SUPERSTITION \/\/ \u62d2\u7d55\u8ff7\u4fe1<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>SECOND OPINION \/\/ \u6c7a\u7b56\u53c3\u8003<\/span>\r\n        <\/div>\r\n        <div class=\"absolute top-0 py-3 animate-marquee2 whitespace-nowrap flex gap-12 font-mono text-xs md:text-sm tracking-widest font-bold items-center\">\r\n            <span>DIGITAL TAOISM \/\/ \u6578\u64da\u986f\u50cf<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>NO SUPERSTITION \/\/ \u62d2\u7d55\u8ff7\u4fe1<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>SECOND OPINION \/\/ \u6c7a\u7b56\u53c3\u8003<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>DIGITAL TAOISM \/\/ \u6578\u64da\u986f\u50cf<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>NO SUPERSTITION \/\/ \u62d2\u7d55\u8ff7\u4fe1<\/span>\r\n            <span class=\"text-cinnabar\">\u2022<\/span>\r\n            <span>SECOND OPINION \/\/ \u6c7a\u7b56\u53c3\u8003<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-5xl mx-auto px-6 py-16 md:py-24 text-center\">\r\n        \r\n        <div class=\"mb-8 flex justify-center\">\r\n            <div class=\"w-16 h-16 border-2 border-ink rounded-full flex items-center justify-center text-3xl tao-spin shadow-md bg-white z-10\">\r\n                \u262f\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h2 class=\"text-3xl md:text-5xl font-serif font-bold leading-tight text-ink mb-12\">\r\n            <span class=\"block reveal-text\" style=\"animation-delay: 0.1s;\">\u6211\u5011\u63d0\u4f9b\u7684\u662f\u4e00\u7a2e\u57fa\u65bc\u50b3\u7d71\u908f\u8f2f\u7684<\/span>\r\n            <span class=\"inline-block bg-cinnabar text-white px-3 py-1 mt-3 md:mt-4 stamp-anim shadow-lg\" style=\"animation-delay: 0.5s;\">\r\n                \u7b2c\u4e8c\u610f\u898b (Second Opinion)\r\n            <\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-16 text-left max-w-4xl mx-auto mt-16\">\r\n            \r\n            <div class=\"group\/item\">\r\n                <h4 class=\"font-bold pb-2 mb-4 relative overflow-hidden reveal-text\" style=\"animation-delay: 0.7s;\">\r\n                    01. \u7d50\u69cb\u5316\r\n                    <div class=\"absolute bottom-0 left-0 h-[2px] bg-ink line-anim\" style=\"animation-delay: 0.9s;\"><\/div>\r\n                <\/h4>\r\n                <p class=\"text-gray-600 leading-relaxed reveal-text\" style=\"animation-delay: 0.8s;\">\r\n                    <strong class=\"text-ink bg-gray-100 px-1\">\u798f\u797f\u535a\u58eb<\/strong> \u662f\u4e00\u500b\u81f4\u529b\u65bc\u5c07\u300a\u9053\u85cf\u300b\u53e4\u8001\u667a\u6167\u8f49\u5316\u70ba\u73fe\u4ee3\u7b97\u6cd5\u7684\u6587\u5316\u5be6\u9a57\u5ba4\u3002\u7b26\u7c59\u5728\u9019\u88e1\u88ab\u89e3\u69cb\u70ba\u7d14\u7cb9\u7684\u300c\u4fe1\u606f\u8f09\u9ad4\u300d\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"group\/item\">\r\n                <h4 class=\"font-bold pb-2 mb-4 relative overflow-hidden reveal-text\" style=\"animation-delay: 0.9s;\">\r\n                    02. \u53bb\u9b45\u5316\r\n                    <div class=\"absolute bottom-0 left-0 h-[2px] bg-ink line-anim\" style=\"animation-delay: 1.1s;\"><\/div>\r\n                <\/h4>\r\n                <p class=\"text-gray-600 leading-relaxed reveal-text\" style=\"animation-delay: 1.0s;\">\r\n                    \u7c64\u8a69\u88ab\u8996\u70ba\u300c\u8c61\u6578\u6a21\u578b\u300d\u3002\u6c92\u6709\u8ff7\u4fe1\uff0c\u53ea\u6709\u5c0d\u4e0d\u78ba\u5b9a\u6027\u7684\u7406\u6027\u63a2\u7d22\u3002\u6211\u5011\u5c0b\u627e\u7684\u662f<span class=\"border-b border-cinnabar\/30 text-ink\">\u6578\u64da\u8207\u5fc3\u9748\u7684\u5171\u9cf4<\/span>\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-638954a e-flex e-con-boxed e-con e-parent\" data-id=\"638954a\" 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-11e0a12 elementor-widget elementor-widget-html\" data-id=\"11e0a12\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section id=\"modules\" class=\"py-24 px-6 bg-[#F0EFE9]\">\r\n   <\/section>\r\n    <div class=\"max-w-[1400px] mx-auto\">\r\n        \r\n        <div class=\"flex items-end justify-between mb-8\">\r\n            <h3 class=\"text-8xl font-serif font-black text-ink opacity-10 absolute left-0 translate-y-[-50%] pointer-events-none\">MODULES<\/h3>\r\n            <div class=\"text-sm font-bold border border-ink px-3 py-1 bg-white z-10\">EXPLORE \/\/ \u63a2\u7d22\u5e73\u53f0<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 border-l border-t border-ink bg-white shadow-[20px_20px_0px_rgba(0,0,0,0.1)]\">\r\n            \r\n            <a href=\"#\" class=\"group relative border-r border-b border-ink p-10 h-[500px] flex flex-col justify-between hover:bg-ink transition-colors duration-500\">\r\n                <div class=\"relative z-10\">\r\n                    <div class=\"font-mono text-xs text-gray-400 group-hover:text-gray-500 mb-4\">01 \/\/ KNOWLEDGE<\/div>\r\n                    <h4 class=\"text-3xl font-serif font-bold text-ink group-hover:text-white transition-colors mb-6\">\r\n                        \u6587\u5316<br>\u77e5\u8b58\u5eab\r\n                    <\/h4>\r\n                    <p class=\"text-gray-600 group-hover:text-gray-400 transition-colors leading-relaxed\">\r\n                        \u6df1\u5165\u7406\u89e3\u7b26\u7c59\u7d50\u69cb\u3001\u4e94\u884c\u751f\u524b\u8207\u9053\u6559\u5b87\u5b99\u89c0\u3002\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"self-end text-6xl opacity-20 group-hover:opacity-100 group-hover:text-white transition-all duration-500 group-hover:scale-110\">\r\n                    \ud83d\udcda\r\n                <\/div>\r\n                \r\n                <div class=\"absolute top-6 right-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n                    <span class=\"text-white text-2xl\">\u2197<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"group relative border-r border-b border-ink p-10 h-[500px] flex flex-col justify-between hover:bg-ink transition-colors duration-500\">\r\n                <div class=\"relative z-10\">\r\n                    <div class=\"font-mono text-xs text-cinnabar font-bold mb-4\">02 \/\/ AI CORE (HOT)<\/div>\r\n                    <h4 class=\"text-3xl font-serif font-bold text-ink group-hover:text-white transition-colors mb-6\">\r\n                        AI \u6c42\u7c64<br>\u9ad4\u9a57\r\n                    <\/h4>\r\n                    <p class=\"text-gray-600 group-hover:text-gray-400 transition-colors leading-relaxed\">\r\n                        \u4e0d\u50c5\u662f\u96a8\u6a5f\uff0c\u800c\u662f\u8a9e\u7fa9\u5834\u7684\u5171\u9cf4\u3002\u8f38\u5165\u56f0\u60d1\uff0c\u7372\u5f97\u57fa\u65bc\u8c61\u6578\u7684\u73fe\u4ee3\u89e3\u8b80\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-32 h-32 border border-dashed border-gray-300 rounded-full group-hover:border-white\/30 animate-spin-slow transition-colors\"><\/div>\r\n\r\n                <div class=\"self-end text-6xl opacity-20 group-hover:opacity-100 group-hover:text-white transition-all duration-500 group-hover:scale-110\">\r\n                    \ud83d\udd2e\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"group relative border-r border-b border-ink p-10 h-[500px] flex flex-col justify-between hover:bg-ink transition-colors duration-500\">\r\n                <div class=\"relative z-10\">\r\n                    <div class=\"font-mono text-xs text-gray-400 group-hover:text-gray-500 mb-4\">03 \/\/ PROTOTYPE<\/div>\r\n                    <h4 class=\"text-3xl font-serif font-bold text-ink group-hover:text-white transition-colors mb-6\">\r\n                        \u7b26\u7c59\u7522\u54c1<br>Demo\r\n                    <\/h4>\r\n                    <p class=\"text-gray-600 group-hover:text-gray-400 transition-colors leading-relaxed\">\r\n                        \u63a2\u7d22\u5be6\u9ad4\u7b26\u7c59\u8207\u96fb\u5b50\u58a8\u6c34\u3001NFC \u7d50\u5408\u7684\u53ef\u80fd\u6027\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"self-end text-6xl opacity-20 group-hover:opacity-100 group-hover:text-white transition-all duration-500 group-hover:scale-110\">\r\n                    \ud83e\udde7\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-a36a1b0 e-flex e-con-boxed e-con e-parent\" data-id=\"a36a1b0\" 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-1a015df elementor-widget elementor-widget-html\" data-id=\"1a015df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- \u57fa\u790e\u8a2d\u5b9a --- *\/\r\n    .section-bg {\r\n        background-color: #F0EFE9;\r\n        border-bottom: 1px solid rgba(15, 15, 15, 0.2);\r\n    }\r\n\r\n    \/* --- 1. \u81ea\u52d5\u9032\u5834\u52d5\u756b (\u7d14 CSS\uff0c\u4fdd\u8b49\u986f\u793a) --- *\/\r\n    @keyframes fadeInUpSimple {\r\n        0% { opacity: 0; transform: translateY(30px); }\r\n        100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n    \r\n    .animate-entry {\r\n        \/* \u9810\u8a2d\u76f4\u63a5\u57f7\u884c\u52d5\u756b\uff0c\u4e0d\u4f9d\u8cf4 JS *\/\r\n        animation: fadeInUpSimple 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n        opacity: 0; \/* \u521d\u59cb\u72c0\u614b *\/\r\n    }\r\n    \r\n    \/* \u5ef6\u9072\u8a2d\u5b9a\uff0c\u5275\u9020\u5c64\u6b21\u611f *\/\r\n    .delay-1 { animation-delay: 0.2s; }\r\n    .delay-2 { animation-delay: 0.4s; }\r\n    .delay-3 { animation-delay: 0.6s; }\r\n\r\n    \/* --- 2. \u5782\u76f4\u6587\u5b57\u6d41 (\u88dd\u98fe) --- *\/\r\n    @keyframes text-scroll {\r\n        0% { transform: translateY(0); }\r\n        100% { transform: translateY(-50%); }\r\n    }\r\n    .vertical-ticker {\r\n        writing-mode: vertical-rl;\r\n        text-orientation: upright;\r\n        animation: text-scroll 20s linear infinite;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* --- 3. \u57fa\u790e\u5efa\u8a2d\u5361\u7247\u4e92\u52d5 (\u78c1\u5438\u611f + \u9ed1\u6846) --- *\/\r\n    .foundation-card {\r\n        transition: all 0.3s ease;\r\n        border: 1px solid #d1d5db; \/* \u6dfa\u7070\u6846 *\/\r\n        background-color: transparent;\r\n    }\r\n    .foundation-card:hover {\r\n        border-color: #0F0F0F; \/* \u8b8a\u9ed1\u6846 *\/\r\n        transform: translateY(-5px);\r\n        background-color: rgba(255, 255, 255, 0.5);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    }\r\n    \r\n    \/* \u6578\u5b57\u5713\u5708\u65cb\u8f49 *\/\r\n    .num-circle {\r\n        transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        background-color: transparent;\r\n    }\r\n    .foundation-card:hover .num-circle {\r\n        background-color: #0F0F0F;\r\n        color: #F0EFE9;\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    \/* --- 4. \u5718\u968a\u5217\u8868\u4e92\u52d5 (\u7d05\u8272\u6383\u63cf\u5149) --- *\/\r\n    .team-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: background-color 0.3s;\r\n    }\r\n    \/* \u6383\u63cf\u5149\u675f *\/\r\n    .team-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(201, 42, 42, 0.1), transparent);\r\n        transition: left 0.4s ease-in-out;\r\n        pointer-events: none;\r\n    }\r\n    .team-item:hover::after {\r\n        left: 100%;\r\n    }\r\n    .team-item:hover h4 {\r\n        color: #C92A2A; \/* \u6587\u5b57\u8b8a\u7d05 *\/\r\n        transform: translateX(5px);\r\n    }\r\n    .team-item h4 { transition: all 0.3s ease; }\r\n<\/style>\r\n\r\n<section id=\"about\" class=\"py-24 px-6 section-bg relative overflow-hidden\">\r\n    \r\n    <div class=\"absolute bottom-0 left-10 text-[12vw] leading-none font-serif font-black text-ink opacity-[0.03] select-none pointer-events-none\">\r\n        \u8d77\u6e90\r\n    <\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto relative z-10\">\r\n        \r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 mb-24\">\r\n            \r\n            <div class=\"lg:col-span-4 relative animate-entry\">\r\n                <div class=\"inline-block border border-ink px-3 py-1 text-xs font-bold tracking-widest uppercase mb-6 hover:bg-ink hover:text-[#F0EFE9] transition-colors duration-300 cursor-default\">\r\n                    The Origin \/\/ 03\r\n                <\/div>\r\n                <h2 class=\"text-4xl md:text-5xl font-serif font-black text-ink leading-tight mb-6\">\r\n                    \u6587\u5316\u5be6\u9a57\u5ba4\u7684<br>\r\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cinnabar to-ink\">\u5efa\u69cb\u57fa\u790e<\/span>\r\n                <\/h2>\r\n                <div class=\"w-16 h-1 bg-ink mb-6\"><\/div>\r\n                \r\n                <div class=\"font-mono text-xs text-gray-500 space-y-1 border-l border-gray-300 pl-4\">\r\n                    <p>FULU DOCTOR LAB<\/p>\r\n                    <p>EST. 2024<\/p>\r\n                    <p>TAIPEI \/ CLOUD<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"lg:col-span-8 flex flex-col justify-center border-l-2 border-ink\/10 pl-8 md:pl-12 animate-entry delay-1\">\r\n                <p class=\"text-xl md:text-2xl font-serif text-ink leading-relaxed mb-8\">\r\n                    \u300c\u798f\u797f\u535a\u58eb\u300d\u7684\u5b58\u5728\u672c\u8eab\uff0c\u50b3\u905e\u7684\u662f\u4e00\u500b\u660e\u78ba\u7acb\u5834\uff1a<br>\r\n                    <span class=\"relative inline-block px-1\">\r\n                        <strong class=\"relative z-10\">\u6587\u5316\u503c\u5f97\u88ab\u8a8d\u771f\u5c0d\u5f85<\/strong>\r\n                        <span class=\"absolute bottom-1 left-0 w-full h-3 bg-cinnabar\/20 -z-0\"><\/span>\r\n                    <\/span>\r\n                    \uff0c\u4e5f\u503c\u5f97\u88ab\u9577\u671f\u5efa\u8a2d\u3002\r\n                <\/p>\r\n                <p class=\"text-gray-600 max-w-2xl text-base leading-loose\">\r\n                    \u6211\u5011\u4e0d\u5c07\u6587\u5316\u5de5\u5177\u5316\u6216\u6d41\u91cf\u5316\u3002\u9019\u662f\u4e00\u500b\u9577\u671f\u5efa\u8a2d\u7684\u6587\u5316\u5e73\u53f0\uff0c\u65e8\u5728\u5c07\u300a\u9053\u85cf\u300b\u53e4\u8001\u667a\u6167\u900f\u904e\u73fe\u4ee3\u7b97\u6cd5\u9032\u884c\u7d50\u69cb\u5316\u6574\u7406\uff0c\u8b93\u6587\u5316\u53ef\u4ee5\u88ab\u7406\u89e3\u3001\u88ab\u9ad4\u9a57\u3001\u4e26\u6301\u7e8c\u50b3\u627f\u3002\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-24\">\r\n            \r\n            <div class=\"foundation-card p-8 group animate-entry delay-1\">\r\n                <div class=\"num-circle w-12 h-12 border border-ink rounded-full flex items-center justify-center mb-6 text-ink\">\r\n                    <span class=\"font-serif font-bold text-lg\">\u58f9<\/span>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-serif font-bold text-ink mb-3 group-hover:text-cinnabar transition-colors\">\u9053\u6559\u5167\u5bb9\u7cfb\u7d71\u5316<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                    \u5c0d\u7b26\u7c59\u3001\u7c64\u8a69\u3001\u4e94\u884c\u7b49\u5167\u5bb9\u9032\u884c\u7d50\u69cb\u5316\u6574\u7406\uff0c\u6ce8\u91cd\u6587\u5316\u8108\u7d61\u3001\u6b77\u53f2\u51fa\u8655\u8207\u8868\u9054\u514b\u5236\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"foundation-card p-8 group animate-entry delay-2\">\r\n                <div class=\"num-circle w-12 h-12 border border-ink rounded-full flex items-center justify-center mb-6 text-ink\">\r\n                    <span class=\"font-serif font-bold text-lg\">\u8cb3<\/span>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-serif font-bold text-ink mb-3 group-hover:text-cinnabar transition-colors\">AI \u8207\u6578\u4f4d\u7d93\u9a57<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                    \u5718\u968a\u5177\u5099\u591a\u5e74\u7684 AI \u8a9e\u7fa9\u8655\u7406\u8207\u6578\u4f4d\u7522\u54c1\u7d93\u9a57\uff0c\u719f\u6089\u6587\u5316\u5167\u5bb9\u8207\u6280\u8853\u7cfb\u7d71\u7684\u5354\u540c\u8a2d\u8a08\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"foundation-card p-8 group animate-entry delay-3\">\r\n                <div class=\"num-circle w-12 h-12 border border-ink rounded-full flex items-center justify-center mb-6 text-ink\">\r\n                    <span class=\"font-serif font-bold text-lg\">\u53c3<\/span>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-serif font-bold text-ink mb-3 group-hover:text-cinnabar transition-colors\">\u9577\u671f\u6295\u5165\u5c0e\u5411<\/h3>\r\n                <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n                    \u9805\u76ee\u521d\u671f\u4ee5\u6587\u5316\u5167\u5bb9\u8207\u9ad4\u9a57\u8cea\u91cf\u70ba\u512a\u5148\uff0c\u5546\u696d\u5316\u7bc0\u594f\u4fdd\u6301\u5be9\u614e\u8207\u514b\u5236\u3002\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"border-t border-ink animate-entry delay-2\">\r\n            <div class=\"flex items-center gap-3 py-6 border-b border-gray-300\">\r\n                <span class=\"w-2 h-2 bg-cinnabar rounded-full animate-pulse\"><\/span>\r\n                <h3 class=\"text-sm font-bold tracking-widest uppercase text-ink\">Team Structure<\/h3>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-gray-300 border-b border-gray-300\">\r\n                \r\n                <div class=\"team-item p-8 hover:bg-black\/5 cursor-default\">\r\n                    <div class=\"text-[10px] text-gray-400 font-mono mb-3 tracking-wider\">ROLE \/\/ 01<\/div>\r\n                    <h4 class=\"text-lg font-serif font-bold text-ink mb-2\">\u6587\u5316\u9867\u554f<\/h4>\r\n                    <p class=\"text-xs text-gray-500 leading-relaxed\">\u78ba\u4fdd\u5167\u5bb9\u4f86\u6e90\u8207\u8868\u9054\u7684\u6b63\u7d71\u6027\u8207\u908a\u754c\u610f\u8b58\u3002<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"team-item p-8 hover:bg-black\/5 cursor-default\">\r\n                    <div class=\"text-[10px] text-gray-400 font-mono mb-3 tracking-wider\">ROLE \/\/ 02<\/div>\r\n                    <h4 class=\"text-lg font-serif font-bold text-ink mb-2\">\u6280\u8853\u5718\u968a<\/h4>\r\n                    <p class=\"text-xs text-gray-500 leading-relaxed\">\u8ca0\u8cac AI \u7cfb\u7d71\u7a69\u5b9a\u6027\u3001\u8a9e\u7fa9\u89e3\u6790\u6a21\u578b\u8207\u5e73\u53f0\u5b89\u5168\u3002<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"team-item p-8 hover:bg-black\/5 cursor-default\">\r\n                    <div class=\"text-[10px] text-gray-400 font-mono mb-3 tracking-wider\">ROLE \/\/ 03<\/div>\r\n                    <h4 class=\"text-lg font-serif font-bold text-ink mb-2\">\u7522\u54c1\u8207\u904b\u71df<\/h4>\r\n                    <p class=\"text-xs text-gray-500 leading-relaxed\">\u8ca0\u8cac\u9ad4\u9a57\u8a2d\u8a08\u6d41\u7a0b\u3001\u4e92\u52d5\u512a\u5316\u8207\u9577\u671f\u5167\u5bb9\u7dad\u8b77\u3002<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <div class=\"absolute top-0 right-0 h-full w-12 border-l border-ink\/10 hidden lg:flex justify-center overflow-hidden bg-transparent\">\r\n        <div class=\"vertical-ticker text-[10px] font-mono text-gray-300 tracking-widest whitespace-nowrap py-4 select-none\">\r\n            CULTURAL_LAB_EST_2024 \u2022 DATA_STRUCTURE \u2022 TAOISM_LOGIC \u2022 AI_SEMANTICS \u2022 CULTURAL_LAB_EST_2024 \u2022 DATA_STRUCTURE \u2022 TAOISM_LOGIC \u2022 AI_SEMANTICS\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\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-cf9ebde e-flex e-con-boxed e-con e-parent\" data-id=\"cf9ebde\" 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-fccff10 elementor-widget elementor-widget-html\" data-id=\"fccff10\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- 1. \u5361\u7247\u901a\u7528\u4e92\u52d5 --- *\/\r\n    .interactive-card {\r\n        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n    }\r\n    .interactive-card:hover {\r\n        transform: translateY(-5px); \/* \u4e0a\u6d6e *\/\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1); \/* \u589e\u52a0\u9670\u5f71 *\/\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* --- 2. \u8cfd\u535a\u5149\u6383\u63cf\u7279\u6548 (\u7528\u65bc\u5354\u8b70\u5340) --- *\/\r\n    .scan-effect {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \/* \u6383\u63cf\u5149\u675f *\/\r\n    .scan-effect::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            to right,\r\n            rgba(255,255,255,0) 0%,\r\n            rgba(255,255,255,0.3) 50%,\r\n            rgba(255,255,255,0) 100%\r\n        );\r\n        transform: skewX(-25deg);\r\n        transition: left 0.5s;\r\n        pointer-events: none;\r\n    }\r\n    .scan-effect:hover::after {\r\n        left: 200%; \/* \u6ed1\u9f20\u6ed1\u904e\u6642\uff0c\u5149\u675f\u6383\u904e\u53bb *\/\r\n        transition: left 0.7s ease-in-out;\r\n    }\r\n\r\n    \/* --- 3. \u5370\u7ae0\u843d\u4e0b\u52d5\u756b --- *\/\r\n    @keyframes stamp-drop {\r\n        0% { opacity: 0; transform: scale(3) rotate(10deg); }\r\n        50% { opacity: 1; transform: scale(0.8) rotate(-2deg); }\r\n        70% { transform: scale(1.05) rotate(-2deg); }\r\n        100% { transform: scale(1) rotate(-2deg); }\r\n    }\r\n    .stamp-badge {\r\n        animation: stamp-drop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n        opacity: 0; \/* \u521d\u59cb\u96b1\u85cf\uff0c\u52d5\u756b\u958b\u59cb\u5f8c\u986f\u793a *\/\r\n        animation-delay: 0.5s; \/* \u5ef6\u9072\u64ad\u653e *\/\r\n    }\r\n\r\n    \/* --- 4. \u6642\u9593\u8ef8\u8108\u885d --- *\/\r\n    .timeline-dot {\r\n        transition: all 0.3s ease;\r\n    }\r\n    .group:hover .timeline-dot {\r\n        transform: translate(-50%, -50%) scale(1.5); \/* \u4fee\u6b63\u5b9a\u4f4d\u4e26\u653e\u5927 *\/\r\n        background-color: #C92A2A; \/* \u8b8a\u7d05\u8272 *\/\r\n        border-color: #0F0F0F; \/* \u908a\u6846\u8b8a\u9ed1 *\/\r\n    }\r\n<\/style>\r\n\r\n<section id=\"roadmap\" class=\"py-24 px-6 bg-[#F0EFE9] relative overflow-hidden\">\r\n    \r\n    <div class=\"absolute top-0 right-0 text-[15vw] leading-none font-serif font-black text-ink opacity-[0.03] select-none pointer-events-none\" style=\"writing-mode: vertical-rl;\">\r\n        \u6f14\u9032\r\n    <\/div>\r\n\r\n    <div class=\"max-w-4xl mx-auto relative z-10\">\r\n        \r\n        <div class=\"text-center mb-16 space-y-4\">\r\n            <div class=\"inline-block border border-ink px-3 py-1 text-xs font-bold tracking-widest uppercase bg-white hover:bg-ink hover:text-white transition-colors cursor-default\">\r\n                Roadmap \/\/ 04\r\n            <\/div>\r\n            <h2 class=\"text-3xl md:text-5xl font-serif font-black text-ink\">\r\n                \u7a69\u5b9a\u9810\u671f\uff0c\u5faa\u5e8f\u6f14\u9032\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"relative ml-4 md:mx-auto md:w-full\">\r\n            <div class=\"absolute left-[7px] md:left-1\/2 top-0 bottom-0 w-[2px] bg-gray-300 -translate-x-1\/2\"><\/div>\r\n\r\n            <div class=\"relative pl-10 md:pl-0 md:flex md:justify-between md:items-center mb-12 group\">\r\n                <div class=\"timeline-dot absolute left-0 md:left-1\/2 top-0 md:top-1\/2 w-4 h-4 rounded-full bg-cinnabar border-4 border-[#F0EFE9] md:-translate-x-1\/2 md:-translate-y-1\/2 z-20\"><\/div>\r\n                \r\n                <div class=\"interactive-card md:w-[45%] md:text-right p-6 border border-gray-200 bg-white shadow-sm hover:border-cinnabar\">\r\n                    <div class=\"text-cinnabar font-mono text-xs font-bold mb-2\">PHASE 01 \/\/ \u73fe\u5728<\/div>\r\n                    <h3 class=\"text-xl font-serif font-bold text-ink mb-2\">\u57fa\u790e\u5efa\u8a2d<\/h3>\r\n                    <p class=\"text-sm text-gray-500\">\u77e5\u8b58\u5eab\u4e0a\u7dda\u3001AI \u6c42\u7c64\u9ad4\u9a57\u7248\u3001Demo \u5c55\u793a<\/p>\r\n                <\/div>\r\n                <div class=\"hidden md:block md:w-[45%]\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative pl-10 md:pl-0 md:flex md:justify-between md:items-center mb-12 group\">\r\n                <div class=\"timeline-dot absolute left-0 md:left-1\/2 top-0 md:top-1\/2 w-4 h-4 rounded-full bg-ink border-4 border-[#F0EFE9] md:-translate-x-1\/2 md:-translate-y-1\/2 z-20\"><\/div>\r\n                \r\n                <div class=\"hidden md:block md:w-[45%]\"><\/div>\r\n                \r\n                <div class=\"interactive-card md:w-[45%] p-6 border border-gray-200 bg-white shadow-sm hover:border-ink\">\r\n                    <div class=\"text-gray-400 font-mono text-xs font-bold mb-2 group-hover:text-ink transition-colors\">PHASE 02 \/\/ \u8fd1\u671f<\/div>\r\n                    <h3 class=\"text-xl font-serif font-bold text-ink mb-2\">\u9ad4\u9a57\u6df1\u5316<\/h3>\r\n                    <p class=\"text-sm text-gray-500\">\u89e3\u8b80\u908f\u8f2f\u512a\u5316\u3001\u5be6\u9ad4\u4e92\u52d5\u958b\u767c\u3001\u7cfb\u7d71\u5316\u6574\u7406<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative pl-10 md:pl-0 md:flex md:justify-between md:items-center group\">\r\n                <div class=\"timeline-dot absolute left-0 md:left-1\/2 top-0 md:top-1\/2 w-4 h-4 rounded-full bg-gray-300 border-4 border-[#F0EFE9] md:-translate-x-1\/2 md:-translate-y-1\/2 z-20\"><\/div>\r\n                \r\n                <div class=\"interactive-card md:w-[45%] md:text-right p-6 border border-gray-200 bg-white shadow-sm hover:border-gray-400\">\r\n                    <div class=\"text-gray-400 font-mono text-xs font-bold mb-2\">PHASE 03 \/\/ \u672a\u4f86<\/div>\r\n                    <h3 class=\"text-xl font-serif font-bold text-ink mb-2\">\u5e73\u53f0\u5ef6\u5c55<\/h3>\r\n                    <p class=\"text-sm text-gray-500\">\u865b\u5be6\u7522\u54c1\u7d50\u5408\u3001\u6703\u54e1\u670d\u52d9\u3001\u6d77\u5916\u62d3\u5c55<\/p>\r\n                <\/div>\r\n                <div class=\"hidden md:block md:w-[45%]\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"protocol\" class=\"py-20 px-6 bg-white border-t border-ink relative\">\r\n    \r\n    <div class=\"max-w-7xl mx-auto\">\r\n        \r\n        <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 border-b-2 border-ink pb-6\">\r\n            <div>\r\n                <h2 class=\"text-3xl font-serif font-bold text-ink mb-2\">\u7cfb\u7d71\u8207\u502b\u7406\u5354\u8b70<\/h2>\r\n                <span class=\"font-mono text-xs text-gray-400 tracking-wider\">SYSTEM PROTOCOL<\/span>\r\n            <\/div>\r\n            <div class=\"stamp-badge mt-4 md:mt-0 px-4 py-2 border-2 border-cinnabar text-cinnabar font-bold text-xs uppercase tracking-widest bg-white z-10\">\r\n                Authorized 01\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n            \r\n            <div class=\"scan-effect interactive-card bg-[#F9F9F7] p-6 border border-gray-200 hover:border-ink hover:bg-white\">\r\n                <div class=\"text-gray-400 font-mono text-xs mb-3\">01 \/\/ ROLE<\/div>\r\n                <h4 class=\"text-xl font-serif font-bold text-ink mb-2\">\u8f14\u52a9\u800c\u975e\u6c7a\u7b56<\/h4>\r\n                <p class=\"text-sm text-gray-500 leading-relaxed\">\r\n                    AI \u662f\u300c\u6587\u5316\u7ffb\u8b6f\u6a5f\u300d\uff0c\u8ca0\u8cac\u89e3\u6790\u8a9e\u7fa9\u8207\u6574\u7406\u60c5\u5883\uff0c<strong class=\"text-ink\">\u4e0d\u63d0\u4f9b\u6a19\u6e96\u7b54\u6848<\/strong>\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"scan-effect interactive-card bg-[#F9F9F7] p-6 border border-gray-200 hover:border-cinnabar hover:bg-white\">\r\n                <div class=\"text-cinnabar font-mono text-xs mb-3 flex items-center gap-2\">\r\n                    02 \/\/ LIMITS <span class=\"w-1.5 h-1.5 rounded-full bg-cinnabar animate-pulse\"><\/span>\r\n                <\/div>\r\n                <h4 class=\"text-xl font-serif font-bold text-ink mb-2\">\u975e\u9810\u6e2c\u5de5\u5177<\/h4>\r\n                <ul class=\"text-sm text-gray-500 space-y-1\">\r\n                    <li class=\"flex items-center gap-2\"><span class=\"text-cinnabar\">\u2715<\/span> \u4e0d\u7b97\u547d\u3001\u4e0d\u6e2c\u5409\u51f6<\/li>\r\n                    <li class=\"flex items-center gap-2\"><span class=\"text-cinnabar\">\u2715<\/span> \u4e0d\u63d0\u4f9b\u91ab\u7642\u6cd5\u5f8b\u5efa\u8b70<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"scan-effect interactive-card bg-[#F9F9F7] p-6 border border-gray-200 hover:border-green-600 hover:bg-white\">\r\n                <div class=\"text-green-600 font-mono text-xs mb-3\">03 \/\/ PRIVACY<\/div>\r\n                <h4 class=\"text-xl font-serif font-bold text-ink mb-2\">\u6578\u64da\u6700\u5c0f\u5316<\/h4>\r\n                <p class=\"text-sm text-gray-500 leading-relaxed\">\r\n                    \u4e0d\u641c\u96c6\u654f\u611f\u500b\u8cc7\uff0c\u5c0d\u8a71\u6578\u64da\u50c5\u7528\u65bc\u512a\u5316\u9ad4\u9a57\uff0c\u7d55\u4e0d\u8ca9\u552e\u7b2c\u4e09\u65b9\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"scan-effect interactive-card bg-[#F9F9F7] p-6 border border-gray-200 hover:border-ink hover:bg-white\">\r\n                <div class=\"text-gray-400 font-mono text-xs mb-3\">04 \/\/ NATURE<\/div>\r\n                <h4 class=\"text-xl font-serif font-bold text-ink mb-2\">\u6587\u5316\u9ad4\u9a57\u5e73\u53f0<\/h4>\r\n                <div class=\"flex flex-wrap gap-2 mt-2\">\r\n                    <span class=\"text-[10px] bg-white border border-gray-200 px-2 py-1 text-gray-500 group-hover:border-ink\">\u7121\u5b97\u6559\u6536\u8cbb<\/span>\r\n                    <span class=\"text-[10px] bg-white border border-gray-200 px-2 py-1 text-gray-500 group-hover:border-ink\">\u7121\u7406\u6027\u8a98\u5c0e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mt-16 pt-8 border-t border-gray-200 flex flex-col md:flex-row justify-between items-center text-xs text-gray-400 font-mono\">\r\n            <div>\r\n                &copy; 2026 Fulu Doctor.\r\n            <\/div>\r\n            <div class=\"flex gap-6 mt-4 md:mt-0\">\r\n                <a href=\"#\" class=\"hover:text-ink transition-colors\">Terms<\/a>\r\n                <a href=\"#\" class=\"hover:text-ink transition-colors\">Privacy<\/a>\r\n                <a href=\"#\" class=\"hover:text-ink transition-colors\">Contact<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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>\u9053 > SYSTEM LOADING&#8230; 0% \u9996\u9801 \/\/ HOME \u7406\u5ff5 \/\/ PHILOSOPH [&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.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/drfulu.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97\" \/>\n<meta property=\"og:description\" content=\"\u9053 &gt; SYSTEM LOADING&#8230; 0% \u9996\u9801 \/\/ HOME \u7406\u5ff5 \/\/ PHILOSOPH [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/drfulu.com\/\" \/>\n<meta property=\"og:site_name\" content=\"\u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T03:51:13+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=\"10 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/drfulu.com\/\",\"url\":\"https:\/\/drfulu.com\/\",\"name\":\"Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97\",\"isPartOf\":{\"@id\":\"https:\/\/drfulu.com\/#website\"},\"datePublished\":\"2026-01-21T09:20:05+00:00\",\"dateModified\":\"2026-02-05T03:51:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/drfulu.com\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/drfulu.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/drfulu.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/drfulu.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/drfulu.com\/#website\",\"url\":\"https:\/\/drfulu.com\/\",\"name\":\"\u798f\u797f\u535a\u58eb Fulu Doctor\uff5cAI \u6c7a\u7b56\u904b\u7b97\",\"description\":\"\u9053\u6559\u908f\u8f2f \u00d7 AI \u6c7a\u7b56\u904b\u7b97\uff5c\u6578\u4f4d\u7b26\u7c59\u8207\u6587\u5316\u5be6\u9a57\u5ba4\",\"alternateName\":\"\u798f\u797f\u535a\u58eb Fulu Doctor \u9053\u6559\u908f\u8f2f \u00d7 AI \u6c7a\u7b56\u904b\u7b97\uff5c\u6578\u4f4d\u7b26\u7c59\u8207\u6587\u5316\u5be6\u9a57\u5ba4\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/drfulu.com\/?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":"Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97","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:\/\/drfulu.com\/","og_locale":"zh_TW","og_type":"article","og_title":"Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97","og_description":"\u9053 > SYSTEM LOADING&#8230; 0% \u9996\u9801 \/\/ HOME \u7406\u5ff5 \/\/ PHILOSOPH [&hellip;]","og_url":"https:\/\/drfulu.com\/","og_site_name":"\u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97","article_modified_time":"2026-02-05T03:51:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"10 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/drfulu.com\/","url":"https:\/\/drfulu.com\/","name":"Home - \u798f\u797f\u535a\u58ebFulu\uff5cAI \u6c7a\u7b56\u904b\u7b97","isPartOf":{"@id":"https:\/\/drfulu.com\/#website"},"datePublished":"2026-01-21T09:20:05+00:00","dateModified":"2026-02-05T03:51:13+00:00","breadcrumb":{"@id":"https:\/\/drfulu.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/drfulu.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/drfulu.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/drfulu.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/drfulu.com\/#website","url":"https:\/\/drfulu.com\/","name":"\u798f\u797f\u535a\u58eb Fulu Doctor\uff5cAI \u6c7a\u7b56\u904b\u7b97","description":"\u9053\u6559\u908f\u8f2f \u00d7 AI \u6c7a\u7b56\u904b\u7b97\uff5c\u6578\u4f4d\u7b26\u7c59\u8207\u6587\u5316\u5be6\u9a57\u5ba4","alternateName":"\u798f\u797f\u535a\u58eb Fulu Doctor \u9053\u6559\u908f\u8f2f \u00d7 AI \u6c7a\u7b56\u904b\u7b97\uff5c\u6578\u4f4d\u7b26\u7c59\u8207\u6587\u5316\u5be6\u9a57\u5ba4","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drfulu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drfulu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/drfulu.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/drfulu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}