{"id":1373,"date":"2025-11-27T11:17:09","date_gmt":"2025-11-27T11:17:09","guid":{"rendered":"https:\/\/attrakfit.com\/?page_id=1373"},"modified":"2025-12-12T16:43:50","modified_gmt":"2025-12-12T08:43:50","slug":"brand_philosophy","status":"publish","type":"page","link":"https:\/\/attrakfit.com\/en\/brand_philosophy\/","title":{"rendered":"\u54c1\u724c\u7406\u5ff5"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1373\" class=\"elementor elementor-1373\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb3682 e-flex e-con-boxed e-con e-parent\" data-id=\"2eb3682\" 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-599aefe elementor-widget elementor-widget-html\" data-id=\"599aefe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- 1. \u5f37\u5236\u6eff\u7248\u8207\u7bc4\u570d\u9694\u96e2\u8a2d\u5b9a (Break-out & Scope) --- *\/\r\n    #attrak-philosophy-scope {\r\n        \/* \u5f37\u5236\u6eff\u7248 Break-out *\/\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        max-width: 100vw;\r\n        overflow-x: hidden;\r\n        \r\n        \/* \u9694\u96e2\u74b0\u5883\u8b8a\u6578\u8207\u57fa\u790e\u8a2d\u5b9a *\/\r\n        --bg-dark: #050505;\r\n        --bg-charcoal: #0b1015;\r\n        --text-main: #ffffff;\r\n        --text-sub: #b0b0b0;\r\n        --accent-color: #3498db;\r\n        --accent-glow: #00f2ff;\r\n        --border-color: #333333;\r\n        --font-stack: \"Inter\", \"Noto Sans TC\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n        \r\n        background-color: var(--bg-dark);\r\n        font-family: var(--font-stack);\r\n        color: var(--text-main);\r\n        line-height: 1.8;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u78ba\u4fdd\u6240\u6709\u5b50\u5143\u7d20\u4f7f\u7528 border-box \u4e14\u4e0d\u7e7c\u627f\u5916\u90e8\u908a\u8ddd *\/\r\n    #attrak-philosophy-scope * {\r\n        box-sizing: border-box;\r\n        font-family: var(--font-stack);\r\n    }\r\n\r\n    \/* \u9023\u7d50\u6a23\u5f0f\u91cd\u7f6e *\/\r\n    #attrak-philosophy-scope a {\r\n        text-decoration: none;\r\n        box-shadow: none;\r\n        border-bottom: none;\r\n    }\r\n\r\n    \/* --- 2. \u52d5\u756b\u5b9a\u7fa9 (\u52a0\u4e0a attrak- \u524d\u7db4\u4ee5\u9632\u885d\u7a81) --- *\/\r\n    @keyframes attrak-gridScroll {\r\n        0% { background-position: 0 0; }\r\n        100% { background-position: 50px 50px; }\r\n    }\r\n    @keyframes attrak-scanline {\r\n        0% { transform: translateY(-100%); opacity: 0; }\r\n        50% { opacity: 1; }\r\n        100% { transform: translateY(100%); opacity: 0; }\r\n    }\r\n    @keyframes attrak-pulse {\r\n        0%, 100% { opacity: 0.3; text-shadow: 0 0 10px rgba(52, 152, 219, 0.2); }\r\n        50% { opacity: 0.6; text-shadow: 0 0 20px rgba(52, 152, 219, 0.5); }\r\n    }\r\n    @keyframes attrak-bounce {\r\n        0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\r\n        40% { transform: translateX(-50%) translateY(-10px); }\r\n        60% { transform: translateX(-50%) translateY(-5px); }\r\n    }\r\n\r\n    \/* --- 3. \u5c0e\u89bd\u5217 (Scoped) --- *\/\r\n    #attrak-philosophy-scope nav {\r\n        position: relative; \/* \u907f\u514d\u906e\u64cb WP \u9078\u55ae *\/\r\n        width: 100%;\r\n        padding: 20px 40px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        z-index: 10;\r\n        background: rgba(5, 5, 5, 0.8);\r\n        border-bottom: 1px solid rgba(52, 152, 219, 0.2);\r\n    }\r\n\r\n    #attrak-philosophy-scope .logo { \r\n        font-size: 1.5rem; \r\n        font-weight: 800; \r\n        letter-spacing: 0.1em; \r\n        color: var(--text-main); \r\n        margin: 0; \/* \u91cd\u7f6e WP \u53ef\u80fd\u7d66 h1\/div \u7684 margin *\/\r\n    }\r\n\r\n    \/* --- 4. \u5bb9\u5668\u8207\u6392\u7248 (Scoped) --- *\/\r\n    \/* \u6539\u540d\u70ba attrak-container \u907f\u514d\u8207 theme \u885d\u7a81 *\/\r\n    #attrak-philosophy-scope .attrak-container {\r\n        width: 85%;\r\n        max-width: 960px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    #attrak-philosophy-scope section {\r\n        padding: 120px 20px;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        overflow: hidden;\r\n        margin: 0; \/* \u91cd\u7f6e *\/\r\n    }\r\n\r\n    \/* --- 5. \u6587\u5b57\u6a23\u5f0f (Scoped) --- *\/\r\n    #attrak-philosophy-scope h1, \r\n    #attrak-philosophy-scope h2 {\r\n        font-size: clamp(2.5rem, 5vw, 4rem);\r\n        font-weight: 700;\r\n        margin-top: 0;\r\n        margin-bottom: 1.5rem;\r\n        line-height: 1.2;\r\n        background: linear-gradient(135deg, #fff 30%, #3498db 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        \/* \u91cd\u7f6e WP \u53ef\u80fd\u7684\u6a23\u5f0f *\/\r\n        padding: 0;\r\n        border: none;\r\n    }\r\n\r\n    #attrak-philosophy-scope .sub-heading {\r\n        font-size: 1.25rem;\r\n        color: var(--accent-color);\r\n        margin-bottom: 2rem;\r\n        font-weight: 500;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    #attrak-philosophy-scope p {\r\n        font-size: 1.20rem;\r\n        color: var(--text-sub);\r\n        max-width: 680px;\r\n        margin: 0 auto 1.5rem auto;\r\n        font-weight: 300;\r\n        position: relative;\r\n        z-index: 2;\r\n        line-height: 1.8;\r\n        letter-spacing: 0.05em;\r\n        text-align: center;\r\n    }\r\n\r\n    #attrak-philosophy-scope .highlight { \r\n        color: #fff; \r\n        font-weight: 500;\r\n        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    \/* --- 6. \u7ae0\u7bc0\u6a19\u7c64 (Scoped) --- *\/\r\n    #attrak-philosophy-scope .section-tag {\r\n        display: inline-block;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.15em;\r\n        color: var(--accent-color);\r\n        border: 1px solid var(--accent-color);\r\n        padding: 8px 16px;\r\n        border-radius: 4px;\r\n        margin-bottom: 2rem;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #attrak-philosophy-scope .section-number {\r\n        font-family: \"Courier New\", Courier, monospace;\r\n        font-size: 6rem;\r\n        font-weight: 700;\r\n        letter-spacing: -5px;\r\n        color: transparent;\r\n        -webkit-text-stroke: 1px rgba(52, 152, 219, 0.3);\r\n        position: absolute;\r\n        top: -30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: -1;\r\n        line-height: 1;\r\n        opacity: 0.6;\r\n        animation: attrak-pulse 4s infinite alternate;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- 7. \u80cc\u666f\u7279\u6548 (Scoped) --- *\/\r\n    #attrak-philosophy-scope .bg-grid::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%; \r\n        width: 200%; height: 200%;\r\n        background-image: \r\n            linear-gradient(rgba(52, 152, 219, 0.1) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(52, 152, 219, 0.1) 1px, transparent 1px);\r\n        background-size: 60px 60px;\r\n        transform: perspective(500px) rotateX(60deg);\r\n        animation: attrak-gridScroll 15s linear infinite;\r\n        z-index: 0;\r\n        opacity: 0.5;\r\n        pointer-events: none;\r\n    }\r\n    #attrak-philosophy-scope .bg-grid::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle, transparent 20%, var(--bg-dark) 90%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    #attrak-philosophy-scope .bg-scan { background-color: var(--bg-charcoal); }\r\n    #attrak-philosophy-scope .bg-scan::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to bottom, transparent, rgba(52, 152, 219, 0.15), transparent);\r\n        height: 50%;\r\n        opacity: 0.5;\r\n        filter: blur(20px);\r\n        animation: attrak-scanline 6s linear infinite;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n    #attrak-philosophy-scope .bg-scan::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);\r\n        background-size: 30px 30px;\r\n        z-index: 0;\r\n        opacity: 0.3;\r\n    }\r\n\r\n    \/* --- 8. Section 3 \u5c08\u7528\u8996\u89ba (Scoped) --- *\/\r\n    #attrak-philosophy-scope .vision-questions {\r\n        font-size: 1.4rem;\r\n        color: var(--accent-color);\r\n        font-weight: 500;\r\n        font-style: italic;\r\n        margin: 2rem auto;\r\n        line-height: 1.6;\r\n        text-shadow: 0 0 10px rgba(52, 152, 219, 0.2);\r\n    }\r\n    #attrak-philosophy-scope .vision-content-box {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(52, 152, 219, 0.3);\r\n        border-radius: 12px;\r\n        padding: 30px;\r\n        margin: 2rem auto;\r\n        max-width: 750px;\r\n        backdrop-filter: blur(5px);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n    #attrak-philosophy-scope .vision-content-box p {\r\n        font-size: 1.15rem;\r\n        margin-bottom: 1rem;\r\n        text-align: justify;\r\n        text-justify: inter-ideograph;\r\n    }\r\n\r\n    \/* --- 9. Footer (Scoped) --- *\/\r\n    #attrak-philosophy-scope footer {\r\n        padding: 120px 20px;\r\n        background: #0EA5E9; \r\n        text-align: center;\r\n        border: none;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin: 0;\r\n    }\r\n    #attrak-philosophy-scope footer h2 {\r\n        font-family: \"Inter\", sans-serif;\r\n        font-size: clamp(2.5rem, 6vw, 5rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin-bottom: 0;\r\n        color: rgba(255, 255, 255, 0.95);\r\n        letter-spacing: -0.04em;\r\n        transform: scaleY(1.1);\r\n        background: none;\r\n        -webkit-background-clip: initial;\r\n        -webkit-text-fill-color: initial;\r\n        text-shadow: none;\r\n    }\r\n    #attrak-philosophy-scope footer p {\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-bottom: 3rem;\r\n        letter-spacing: 0.15em;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* --- 10. \u6309\u9215 (Scoped) --- *\/\r\n    #attrak-philosophy-scope .cta-group {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n    #attrak-philosophy-scope .cta-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 14px 40px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        z-index: 10;\r\n        line-height: 1.2;\r\n    }\r\n    #attrak-philosophy-scope .cta-btn.primary {\r\n        background: #ffffff;\r\n        color: var(--accent-color);\r\n        border: none;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n    #attrak-philosophy-scope .cta-btn.primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        background: #f0f8ff;\r\n        color: var(--accent-color); \/* \u78ba\u4fdd hover \u6642\u984f\u8272\u4e0d\u8b8a *\/\r\n    }\r\n    #attrak-philosophy-scope .cta-btn.secondary {\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 1px solid rgba(255, 255, 255, 0.7);\r\n    }\r\n    #attrak-philosophy-scope .cta-btn.secondary:hover {\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border-color: #fff;\r\n        transform: translateY(-3px);\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- 11. \u6372\u52d5\u6307\u793a\u5668 (Scoped) --- *\/\r\n    #attrak-philosophy-scope .scroll-indicator {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        color: var(--accent-color);\r\n        font-size: 2rem;\r\n        text-decoration: none;\r\n        animation: attrak-bounce 2s infinite;\r\n        z-index: 10;\r\n        opacity: 0.6;\r\n        transition: opacity 0.3s;\r\n        cursor: pointer;\r\n        border: none;\r\n        background: none;\r\n    }\r\n    #attrak-philosophy-scope .scroll-indicator:hover { opacity: 1; color: #fff; }\r\n\r\n    \/* --- 12. RWD (Scoped) --- *\/\r\n    @media (max-width: 768px) {\r\n        #attrak-philosophy-scope .vision-content-box {\r\n            padding: 20px;\r\n            width: 95%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"attrak-philosophy-scope\">\r\n\r\n    <section id=\"core_value\" class=\"bg-grid\" style=\"background-color: var(--bg-dark);\">\r\n        <div class=\"attrak-container\">\r\n            <div class=\"section-number\">01<\/div>\r\n            <div class=\"section-tag\">Core Value | \u6838\u5fc3\u50f9\u503c<\/div>\r\n            \r\n            <h1>\u611f\u53d7\u81ea\u5df1\u6b63\u5728\u8b8a\u5f37\u2014<br>\u8b93\u8a13\u7df4\u56de\u5230\u6700\u521d\u7684\u672c\u8cea<\/h1>\r\n            <div class=\"sub-heading\">Make Progress Intuitive.<\/div>\r\n            \r\n            <p>\r\n                <span class=\"highlight\">\u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u7684\u89d2\u8272\u4e0d\u662f\u8b93\u904b\u52d5\u8b8a\u5f97\u8907\u96dc\uff0c<br>\u800c\u662f\u8b93\u6bcf\u4e00\u500b\u4eba\u5728\u8a13\u7df4\u4e2d\u66f4\u5c08\u6ce8\u3001\u4e5f\u66f4\u6709\u628a\u63e1\u3002<\/span>\r\n            <\/p>\r\n        <\/div>\r\n        <a href=\"#brand_mission\" class=\"scroll-indicator\" aria-label=\"Scroll down\">\u25bc<\/a>\r\n    <\/section>\r\n\r\n    <section id=\"brand_mission\" class=\"bg-scan\">\r\n        <div class=\"attrak-container\">\r\n            <div class=\"section-number\">02<\/div>\r\n            <div class=\"section-tag\">Brand Mission | \u54c1\u724c\u4f7f\u547d<\/div>\r\n            \r\n            <h1>\u8ce6\u80fd\u500b\u4eba\u7684\u9032\u5316<\/h1>\r\n            <div class=\"sub-heading\">Empowering Personal Evolution.<\/div>\r\n            \r\n            <p>\r\n                <span class=\"highlight\">\u7528\u79d1\u5b78\uff0c\u966a\u4f60\u8d70\u5b8c\u8b8a\u5f37\u7684\u6bcf\u4e00\u6bb5\u8def\u3002<\/span>\r\n            <\/p>\r\n            <p>\r\n                \u4e0d\u8ad6\u4f60\u662f\u70ba\u4e86\u5065\u5eb7\u3001\u70ba\u4e86\u6311\u6230\u3001\u70ba\u4e86\u6bd4\u8cfd\uff0c\u8a13\u7df4\u4e0d\u61c9\u8a72\u53ea\u9760\u610f\u5fd7\u529b\u786c\u6490\uff0c\u66f4\u4e0d\u8a72\u9760\u731c\u6e2c\u8abf\u6574\u5f37\u5ea6\u3002\r\n                \r\n                \u6211\u5011\u8b93\u6bcf\u4e00\u6b21\u8e29\u8e0f\u90fd\u6709\u6e05\u695a\u65b9\u5411\uff0c\u8b93\u4f60\u77e5\u9053\u81ea\u5df1\u6b64\u523b\u6240\u505a\u7684\u52aa\u529b\u6b63\u78ba\u3001\u6709\u6548\u3001\u503c\u5f97\u3002\r\n            <\/p>\r\n        <\/div>\r\n        <a href=\"#brand_vision\" class=\"scroll-indicator\" aria-label=\"Scroll down\">\u25bc<\/a>\r\n    <\/section>\r\n\r\n    <section id=\"brand_vision\" class=\"bg-grid\" style=\"background-color: var(--bg-dark);\">\r\n        <div class=\"attrak-container\">\r\n            <div class=\"section-number\">03<\/div>\r\n            <div class=\"section-tag\">Brand Vision | \u54c1\u724c\u9858\u666f<\/div>\r\n            \r\n            <h1>\u6253\u9020\u4e00\u500b\u4eba\u4eba\u90fd\u80fd\u63a5\u89f8<br>\u5c08\u696d\u8a13\u7df4\u7684\u4e16\u754c<\/h1>\r\n            <div class=\"sub-heading\">Making Professional Training Accessible.<\/div>\r\n            \r\n            <p>\r\n                \u6211\u5011\u5c55\u671b\u7684\u672a\u4f86\uff0c\u662f\u904b\u52d5\u6210\u5c31\u611f\u4e0d\u518d\u6709\u9580\u6abb\u3002\r\n                \u6211\u5011\u770b\u898b\u5c08\u696d\u904b\u52d5\u54e1\u7684\u8a13\u7df4\u6a21\u5f0f\uff0c\u4e5f\u7406\u89e3\u4e00\u822c\u4f7f\u7528\u8005\u7684\u9650\u5236\u3002\u65bc\u662f\uff0c\u6211\u5011\u958b\u59cb\u601d\u8003\uff1a\r\n            <\/p>\r\n\r\n            <div class=\"vision-questions\">\r\n                \u300c\u70ba\u4ec0\u9ebc\u5c08\u696d\u8a13\u7df4\u53ea\u5b58\u5728\u65bc\u5c11\u6578\u4eba\u624b\u4e2d\uff1f<br>\r\n                \u70ba\u4ec0\u9ebc\u4e00\u822c\u4eba\u5728\u5ba4\u5167\u8a13\u7df4\u6642\uff0c\u7e3d\u662f\u7f3a\u4e4f\u660e\u78ba\u611f\u53d7\u8207\u6210\u5c31\u611f\uff1f\u300d\r\n            <\/div>\r\n\r\n            <div class=\"vision-content-box\">\r\n                <p>\r\n                    ATTRAK \u7684\u9858\u666f\uff0c\u662f\u8b93\u5c08\u696d\u4e0d\u518d\u9059\u9060\u3002\u900f\u904e\u667a\u6167\u611f\u6e2c\u3001\u500b\u4eba\u5316\u6a21\u578b\u8207 AI \u52d5\u4f5c\u5206\u6790\u7684\u6301\u7e8c\u6f14\u9032\uff0c\u6211\u5011\u5e0c\u671b\u5c07\u79d1\u5b78\u5316\u8a13\u7df4\u5e36\u9032\u6bcf\u4e00\u500b\u5bb6\u5ead\u3001\u6bcf\u4e00\u9593\u5065\u8eab\u623f\u3001\u6bcf\u4e00\u500b\u60f3\u9032\u6b65\u7684\u4eba\u8eab\u908a\u3002\r\n                <\/p>\r\n                <p style=\"margin-bottom: 0; color: #fff; font-weight: 500;\">\r\n                    \u7576\u6280\u8853\u4e0d\u518d\u6709\u8ddd\u96e2\uff0c\u6bcf\u4e00\u6ef4\u6c57\u6c34\u90fd\u6703\u8b8a\u5f97\u6709\u50f9\u503c\uff0c\u6bcf\u4e00\u4f4d\u4f7f\u7528\u8005\u90fd\u80fd\u771f\u6b63\u9ad4\u6703\u5230\u6210\u5c31\u611f\uff0c\u9019\u5c31\u662f\u6211\u5011\u6240\u8ffd\u6c42\u7684\u672a\u4f86\u3002\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer id=\"attrak-footer\">\r\n        <div class=\"attrak-container\">\r\n            <h2>Ready to evolve?<\/h2>\r\n            <p>\u958b\u555f\u4f60\u7684\u9032\u5316\u4e4b\u65c5<\/p>\r\n            \r\n            <div class=\"cta-group\">\r\n                <a href=\"#\" class=\"cta-btn secondary\">\u611f\u53d7\u7528\u6236\u5be6\u8b49<\/a>\r\n\r\n                <a href=\"#\" class=\"cta-btn primary\">\r\n                    \u63a2\u7d22 ATTRAK \u667a\u6167\u7cfb\u5217 &nbsp;\u279d\r\n                <\/a>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div> <script>\r\n    \/\/ \u7c21\u55ae\u7684\u5e73\u6ed1\u6efe\u52d5\u8173\u672c\uff0c\u78ba\u4fdd\u53ea\u5728\u9019\u500b\u5340\u584a\u5167\u904b\u4f5c\r\n    document.querySelectorAll('#attrak-philosophy-scope a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            const targetId = this.getAttribute('href');\r\n            \/\/ \u53ea\u5728\u6211\u5011 wrapper \u5167\u5c0b\u627e\u76ee\u6a19\uff0c\u907f\u514d\u5e72\u64fe WP \u5176\u4ed6\u5167\u5bb9\r\n            const targetElement = document.querySelector(targetId); \r\n            \r\n            if (targetElement) {\r\n                targetElement.scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/pages\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/comments?post=1373"}],"version-history":[{"count":6,"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/pages\/1373\/revisions"}],"predecessor-version":[{"id":1464,"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/pages\/1373\/revisions\/1464"}],"wp:attachment":[{"href":"https:\/\/attrakfit.com\/en\/wp-json\/wp\/v2\/media?parent=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}