{"id":8267,"date":"2026-04-01T14:48:09","date_gmt":"2026-04-01T06:48:09","guid":{"rendered":"https:\/\/alleneden.com\/?page_id=8267"},"modified":"2026-04-13T11:53:48","modified_gmt":"2026-04-13T03:53:48","slug":"%e5%8f%96%e5%be%97%e8%81%94%e7%b3%bb","status":"publish","type":"page","link":"https:\/\/alleneden.com\/index.php\/%e5%8f%96%e5%be%97%e8%81%94%e7%b3%bb\/","title":{"rendered":"\u53d6\u5f97\u8054\u7cfb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8267\" class=\"elementor elementor-8267\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b9a24 e-con-full e-flex e-con e-parent\" data-id=\"d5b9a24\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab346d3 elementor-widget elementor-widget-html\" data-id=\"ab346d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. \u6837\u5f0f\u5b9a\u4e49 - \u4fdd\u6301\u4e00\u81f4 -->\r\n<style>\r\n  \/* === \u56fa\u5b9a\u9875\u9762\uff0c\u7981\u6b62\u4e0a\u4e0b\u79fb\u52a8\uff0c\u9690\u85cf\u6eda\u52a8\u6761 === *\/\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overscroll-behavior: none;\r\n  }\r\n  \r\n  ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  html {\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n  }\r\n\r\n  .dgb-section {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    background-color: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n  .dgb-wrapper {\r\n    position: relative;\r\n    height: 100vh;\r\n    width: 100vw;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .dgb-text-panel {\r\n    width: 80%;\r\n    height: 100%;\r\n    position: relative;\r\n    z-index: 10;\r\n    padding-left: 8vw;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .dgb-text-item {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    width: 85%;\r\n    max-width: 1000px;\r\n    padding-right: 40px;\r\n  }\r\n  \r\n  .dgb-subtitle {\r\n    font-size: clamp(10px, 1vw, 14px);\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 2.5vh;\r\n    color: #fff;\r\n  }\r\n  \r\n  .dgb-title {\r\n    font-size: 38px; \/* \u9488\u5bf9\u8054\u7cfb\u4fe1\u606f\u7a0d\u5fae\u8c03\u5c0f\u5b57\u53f7\uff0c\u907f\u514d\u884c\u6570\u8fc7\u591a\u91cd\u53e0 *\/\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n    letter-spacing: -0.02em;\r\n    color: #fff;\r\n  }\r\n\r\n  .dgb-title-en {\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    margin-top: 15px; \r\n    color: rgba(255, 255, 255, 0.85); \r\n  }\r\n\r\n  .dgb-wheel-panel {\r\n    position: absolute;\r\n    left: 105%;\r\n    top: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    z-index: 5;\r\n  }\r\n  \r\n  .dgb-wheel-item {\r\n    position: absolute;\r\n    width: 42vw;\r\n    max-width: 980px;\r\n    height: auto; \r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.6);\r\n    opacity: 0; \r\n  }\r\n\r\n  .dgb-wheel-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgb-text-panel {\r\n      width: 100%;\r\n      padding-left: 5vw;\r\n      padding-right: 5vw;\r\n    }\r\n    .dgb-text-item {\r\n      top: 25%;\r\n    }\r\n    .dgb-wheel-panel {\r\n      left: 110%;\r\n      top: 75%;\r\n    }\r\n    .dgb-wheel-item {\r\n      width: 60vw;\r\n    }\r\n    .dgb-title {\r\n      font-size: 24px;\r\n    }\r\n    .dgb-title-en {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- 2. HTML \u7ed3\u6784 - \u66ff\u6362\u4e3a\u60a8\u7684\u8054\u7cfb\u5185\u5bb9 -->\r\n<div class=\"dgb-section\" id=\"dgb-scroll-container\">\r\n  <div class=\"dgb-wrapper\">\r\n    \r\n    <div class=\"dgb-text-panel\">\r\n      <!-- \u7b2c\u4e00\u7ec4\uff1a\u516c\u53f8\u5b98\u65b9\u8054\u7cfb -->\r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">OFFICIAL CONTACT<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \u516c\u53f8\u5b98\u65b9\u8054\u7cfb\u65b9\u5f0f<br>\r\n          1\u3001\u90ae\u7bb1\uff1aae@alleneden.com<br>\r\n          2\u3001\u7535\u8bdd\uff1a0755-22918996<br>\r\n          3\u3001\u5730\u5740\uff1a\u6df1\u5733\u5e02\u5357\u5c71\u533a\u8c6a\u65b9\u5929\u9645\u5e7f\u573a4611<br>\r\n          <span class=\"dgb-title-en\">Official Contact Information<br>Email: ae@alleneden.com | Tel: 0755-22918996<br>Address: 4611, Haofang Tianji Plaza, Nanshan District, Shenzhen<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      \r\n      <!-- \u7b2c\u4e8c\u7ec4\uff1a\u4e1a\u52a1\u54a8\u8be2 -->\r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">BUSINESS CONSULTING<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \u4e1a\u52a1\u54a8\u8be2\u670d\u52a1<br>\r\n          1\u3001\u8bf7\u626b\u63cf\u53f3\u4fa7\u4e1a\u52a1\u5ba2\u670d\u4e8c\u7ef4\u7801<br>\r\n          <span class=\"dgb-title-en\">Business Inquiries<br>Please scan the Business QR code on the right for professional support and partnership consultation.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u56fe\u7247\u9762\u677f - \u66ff\u6362\u4e3a\u60a8\u7684\u4e8c\u7ef4\u7801\u914d\u56fe -->\r\n    <div class=\"dgb-wheel-panel\">\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe1-2-scaled.png\" alt=\"Official QR\">\r\n      <\/div>\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe2-1.png\" alt=\"Business QR\">\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 3. \u811a\u672c - \u4fdd\u6301\u4e00\u81f4 -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n  function initDgbAnimation() {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n      setTimeout(initDgbAnimation, 100);\r\n      return;\r\n    }\r\n    \r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const wheelPanel = document.querySelector('.dgb-wheel-panel');\r\n    const wheelItems = document.querySelectorAll('.dgb-wheel-item');\r\n    const textItems = document.querySelectorAll('.dgb-text-item');\r\n    \r\n    let radius = window.innerWidth * 0.45; \r\n    const angleStep = 45; \r\n    \r\n    if (window.innerWidth <= 768) {\r\n      radius = window.innerWidth * 0.7;\r\n    }\r\n\r\n    wheelItems.forEach((item, i) => {\r\n      let angleDeg = 180 - (i * angleStep);\r\n      let angleRad = angleDeg * Math.PI \/ 180;\r\n      \r\n      let x = radius * Math.cos(angleRad);\r\n      let y = radius * Math.sin(angleRad);\r\n      \r\n      let startOpacity = i === 0 ? 1 : 0.2;\r\n      let startScale = i === 0 ? 1 : 0.8;\r\n      \r\n      gsap.set(item, { x: x, y: y, xPercent: -50, yPercent: -50, opacity: startOpacity, scale: startScale });\r\n    });\r\n\r\n    \/\/ \u521d\u59cb\u663e\u793a\u7b2c\u4e00\u9879\r\n    textItems.forEach((text, i) => {\r\n      gsap.set(text, { opacity: i === 0 ? 1 : 0 });\r\n      text.style.pointerEvents = i === 0 ? 'auto' : 'none';\r\n    });\r\n\r\n    const totalRotation = (wheelItems.length - 1) * angleStep;\r\n\r\n    ScrollTrigger.create({\r\n      trigger: \"#dgb-scroll-container\",\r\n      start: \"top top\",\r\n      \/\/ \u6839\u636e\u5185\u5bb9\u6570\u91cf\u81ea\u52a8\u8ba1\u7b97\u6eda\u52a8\u957f\u5ea6\uff08\u6b64\u59042\u9879\u5185\u5bb9\u7ea6 1200 \u50cf\u7d20\uff09\r\n      end: \"+=\" + (wheelItems.length * 600), \r\n      pin: true,\r\n      scrub: 0,\r\n      \r\n      onUpdate: (self) => {\r\n        const progress = self.progress;\r\n        const currentRotation = progress * totalRotation;\r\n        gsap.set(wheelPanel, { rotation: currentRotation });\r\n        \r\n        const exactIndex = progress * (wheelItems.length - 1);\r\n        \r\n        wheelItems.forEach((item, i) => {\r\n          let dist = Math.abs(exactIndex - i);\r\n          let scale = 1 - Math.min(dist * 0.2, 0.25); \r\n          let opacity = 1 - Math.min(dist * 0.8, 0.9);\r\n          \r\n          gsap.set(item, { \r\n            rotation: -currentRotation,\r\n            scale: scale,\r\n            opacity: opacity\r\n          });\r\n        });\r\n\r\n        textItems.forEach((text, i) => {\r\n          let dist = Math.abs(exactIndex - i);\r\n          let textOpacity = 1 - Math.min(dist * 1.5, 1);\r\n          gsap.set(text, { opacity: textOpacity });\r\n          text.style.pointerEvents = textOpacity > 0.1 ? 'auto' : 'none';\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n    initDgbAnimation();\r\n  } else {\r\n    window.addEventListener('DOMContentLoaded', initDgbAnimation);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a93638 e-con-full e-flex e-con e-parent\" data-id=\"9a93638\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863cbd5 elementor-widget elementor-widget-html\" data-id=\"863cbd5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"follow-section\">\r\n    <h3 class=\"follow-title\">FOLLOW US<\/h3>\r\n    <div class=\"social-icons\">\r\n        <span class=\"line\"><\/span>\r\n        <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Group-27.png\" alt=\"Bilibili\"><\/a>\r\n        <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Group-26.png\" alt=\"Weibo\"><\/a>\r\n        <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Group-25.png\" alt=\"TikTok\"><\/a>\r\n        <span class=\"line\"><\/span>\r\n    <\/div>\r\n    <p class=\"follow-tag\">#AllenEden #\u97f3\u4e50\u3001\u670b\u53cb\u3001\u7f8e\u597d\u751f\u6d3b\u3002<\/p>\r\n<\/div>\r\n\r\n<style>\r\n    .follow-section { text-align: center; color: #fff; padding: 20px 0; }\r\n    .follow-title { font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; color: #888; }\r\n    .social-icons { display: flex; align-items: center; justify-content: center; gap: 20px; }\r\n    .line { width: 40%; height: 1px; background: #444; }\r\n    .social-icons a img { width: 40px; height: 40px; transition: opacity 0.3s; }\r\n    .social-icons a:hover img { opacity: 0.7; }\r\n    .follow-tag { margin-top: 20px; font-size: 12px; color: #666; }\r\n<\/style>\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>OFFICIAL CONTACT \u516c\u53f8\u5b98\u65b9\u8054\u7cfb\u65b9\u5f0f 1\u3001\u90ae\u7bb1\uff1aae@alleneden.com 2\u3001\u7535\u8bdd\uff1a07 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8267","page","type-page","status-publish","hentry"],"blocksy_meta":"","_links":{"self":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/8267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/comments?post=8267"}],"version-history":[{"count":13,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/8267\/revisions"}],"predecessor-version":[{"id":8295,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/8267\/revisions\/8295"}],"wp:attachment":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/media?parent=8267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}