{"id":35,"date":"2026-05-25T23:49:48","date_gmt":"2026-05-25T15:49:48","guid":{"rendered":"http:\/\/47.238.75.54\/index.php\/my-account\/"},"modified":"2026-10-23T01:46:56","modified_gmt":"2026-10-22T17:46:56","slug":"my-account","status":"publish","type":"page","link":"https:\/\/www.yunasoul.com\/index.php\/my-account\/","title":{"rendered":"\u6211\u7684\u5e10\u6237"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7bc759 e-con-full e-flex e-con e-parent\" data-id=\"b7bc759\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc9bba8 ay-account elementor-widget elementor-widget-shortcode\" data-id=\"bc9bba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47ec6e7 elementor-widget elementor-widget-html\" data-id=\"47ec6e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u57fa\u672c\u4fe1\u606f\u6807\u9898 *\/\r\n.ay-account .ay-profile-section-title {\r\n  grid-column: 1 \/ -1;\r\n  margin: 0 0 6px;\r\n  color: #ed008c;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* \u8d44\u6599\u8868\u5355\u5e03\u5c40 *\/\r\n.ay-account form.ay-profile-ready {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 20px;\r\n  max-width: none;\r\n}\r\n\r\n.ay-account .ay-profile-ready > * {\r\n  min-width: 0;\r\n}\r\n\r\n.ay-account .ay-profile-ready > .form-row {\r\n  float: none;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.ay-account .ay-profile-ready > .clear {\r\n  display: none;\r\n}\r\n\r\n.ay-account .ay-profile-ready .ay-profile-avatar {\r\n  grid-column: 1 \/ -1;\r\n  gap: 22px;\r\n  margin: 0 0 8px;\r\n  padding: 20px;\r\n  border: 1px solid #f4e8ee;\r\n  border-radius: 14px;\r\n  background: #fff;\r\n}\r\n\r\n.ay-account .ay-profile-avatar img {\r\n  width: 88px;\r\n  height: 88px;\r\n  border: 3px solid #fff;\r\n  box-shadow: 0 4px 16px #ed008c12;\r\n}\r\n\r\n.ay-account .ay-profile-avatar input[type=\"file\"] {\r\n  height: auto;\r\n  min-height: 0;\r\n  max-width: 100%;\r\n  padding: 0;\r\n  border: 0;\r\n  background: transparent;\r\n}\r\n\r\n.ay-account input[type=\"file\"]::file-selector-button {\r\n  margin-right: 10px;\r\n  padding: 8px 15px;\r\n  border: 1px solid #f0c7db;\r\n  border-radius: 8px;\r\n  background: #fff3f8;\r\n  color: #d9417b;\r\n  cursor: pointer;\r\n}\r\n\r\n.ay-account .ay-profile-ready > .ay-profile-nickname {\r\n  grid-column: 1 \/ -1;\r\n  max-width: 460px;\r\n}\r\n\r\n.ay-account .ay-nickname-suggest {\r\n  gap: 14px;\r\n  margin-top: 12px;\r\n  padding: 11px 14px;\r\n  font-size: 13px;\r\n}\r\n\r\n.ay-account .ay-profile-ready input.input-text {\r\n  min-height: 46px;\r\n  border-radius: 9px;\r\n}\r\n\r\n\/* \u8d26\u53f7\u4e0e\u5b89\u5168 *\/\r\n.ay-profile-security {\r\n  grid-column: 1 \/ -1;\r\n  margin-top: 12px;\r\n  overflow: hidden;\r\n  border: 1px solid #eee;\r\n  border-radius: 15px;\r\n  background: #fff;\r\n}\r\n\r\n.ay-profile-security__heading {\r\n  margin: 0;\r\n  padding: 15px 22px;\r\n  background: #f5f7f9;\r\n  color: #444;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n}\r\n\r\n.ay-profile-security__cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 24px;\r\n  padding: 28px;\r\n}\r\n\r\n.ay-profile-security__card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 25px 16px;\r\n  border-radius: 12px;\r\n  background: #fff;\r\n  box-shadow: 0 3px 24px rgba(40, 15, 35, .07);\r\n  text-align: center;\r\n}\r\n\r\n.ay-profile-security__icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-bottom: 12px;\r\n  color: #ed008c;\r\n}\r\n\r\n.ay-profile-security__name {\r\n  color: #444;\r\n  font-size: 16px;\r\n}\r\n\r\n.ay-profile-security__note {\r\n  margin: 10px 0 18px;\r\n  color: #999;\r\n  font-size: 13px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.ay-account .ay-profile-security__button {\r\n  margin-top: auto;\r\n  padding: 8px 18px;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  background: #f1f1f1;\r\n  color: #555;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.ay-account .ay-profile-security__button:hover {\r\n  background: #fff0f6;\r\n  color: #ed008c;\r\n}\r\n\r\n\/* \u5c55\u5f00\u7684\u539f\u751f\u8868\u5355\u533a\u57df *\/\r\n.ay-profile-security__editor {\r\n  padding: 0 24px 24px;\r\n}\r\n\r\n.ay-profile-security__editor[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n.ay-account .ay-profile-security__editor fieldset {\r\n  margin: 0;\r\n}\r\n\r\n.ay-account .ay-profile-security__editor .form-row {\r\n  float: none;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u4fdd\u5b58\u6309\u94ae *\/\r\n.ay-account .ay-profile-ready > .ay-profile-save {\r\n  grid-column: 1 \/ -1;\r\n  margin: 6px 0 0;\r\n}\r\n\r\n.ay-account .ay-profile-save button {\r\n  min-width: 140px;\r\n  min-height: 44px;\r\n  border-radius: 999px !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ay-account form.ay-profile-ready {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .ay-profile-security__cards {\r\n    gap: 14px;\r\n    padding: 18px 14px;\r\n  }\r\n\r\n  .ay-profile-security__card {\r\n    padding: 22px 10px;\r\n  }\r\n\r\n  .ay-profile-security__editor {\r\n    padding: 0 14px 20px;\r\n  }\r\n\r\n  .ay-account .ay-profile-ready .ay-profile-avatar {\r\n    padding: 14px;\r\n  }\r\n\r\n  .ay-account .ay-profile-avatar img {\r\n    width: 64px;\r\n    height: 64px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function setupProfile() {\r\n    const form = document.querySelector(\r\n      \".ay-account form.woocommerce-EditAccountForm\"\r\n    );\r\n\r\n    if (!form || form.classList.contains(\"ay-profile-ready\")) return;\r\n\r\n    const nickname = form.querySelector(\"#account_display_name\");\r\n    const email = form.querySelector(\"#account_email\");\r\n    const password = form.querySelector(\"#password_1\");\r\n    const submit = form.querySelector('button[name=\"save_account_details\"]');\r\n\r\n    if (!nickname || !email || !password || !submit) return;\r\n\r\n    const emailRow = email.closest(\".form-row\");\r\n    const passwordFieldset = password.closest(\"fieldset\");\r\n\r\n    if (!emailRow || !passwordFieldset) return;\r\n\r\n    form.classList.add(\"ay-profile-ready\");\r\n\r\n    const title = document.createElement(\"div\");\r\n    title.className = \"ay-profile-section-title\";\r\n    title.textContent = \"\u57fa\u672c\u4fe1\u606f\";\r\n    form.prepend(title);\r\n\r\n    const nicknameRow = nickname.closest(\".form-row\");\r\n    if (nicknameRow) nicknameRow.classList.add(\"ay-profile-nickname\");\r\n\r\n    const saveRow = submit.closest(\"p\");\r\n    if (saveRow) saveRow.classList.add(\"ay-profile-save\");\r\n\r\n    const security = document.createElement(\"section\");\r\n    security.className = \"ay-profile-security\";\r\n\r\n    security.innerHTML = `\r\n      <h3 class=\"ay-profile-security__heading\">\u8d26\u53f7\u4e0e\u5b89\u5168<\/h3>\r\n      <div class=\"ay-profile-security__cards\">\r\n        <div class=\"ay-profile-security__card\">\r\n          <svg class=\"ay-profile-security__icon\"\r\n               viewBox=\"0 0 40 40\" fill=\"none\" aria-hidden=\"true\">\r\n            <rect x=\"6\" y=\"16\" width=\"28\" height=\"21\" rx=\"3\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M12 16V10a8 8 0 0 1 16 0v6\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M20 25v5\" stroke=\"currentColor\"\r\n                  stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          <span class=\"ay-profile-security__name\">\u767b\u5f55\u5bc6\u7801<\/span>\r\n          <p class=\"ay-profile-security__note\">\u7ba1\u7406\u767b\u5f55\u5bc6\u7801<\/p>\r\n          <button type=\"button\" class=\"ay-profile-security__button\"\r\n                  data-editor=\"password\" aria-expanded=\"false\">\r\n            \u4fee\u6539\u767b\u5f55\u5bc6\u7801\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"ay-profile-security__card\">\r\n          <svg class=\"ay-profile-security__icon\"\r\n               viewBox=\"0 0 40 40\" fill=\"none\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"8\" width=\"34\" height=\"25\" rx=\"3\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M5 11l15 11 15-11\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\"\r\n                  stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          <span class=\"ay-profile-security__name\">\u90ae\u7bb1<\/span>\r\n          <p class=\"ay-profile-security__note\" data-email-preview><\/p>\r\n          <button type=\"button\" class=\"ay-profile-security__button\"\r\n                  data-editor=\"email\" aria-expanded=\"false\">\r\n            \u4fee\u6539\u90ae\u7bb1\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n\r\n    const emailEditor = document.createElement(\"div\");\r\n    emailEditor.className = \"ay-profile-security__editor\";\r\n    emailEditor.dataset.editorPanel = \"email\";\r\n    emailEditor.hidden = true;\r\n\r\n    const passwordEditor = document.createElement(\"div\");\r\n    passwordEditor.className = \"ay-profile-security__editor\";\r\n    passwordEditor.dataset.editorPanel = \"password\";\r\n    passwordEditor.hidden = true;\r\n\r\n    \/* \u79fb\u52a8\u539f\u6765\u7684\u5b57\u6bb5\uff0c\u4fdd\u7559\u5b57\u6bb5\u540d\u79f0\u53ca\u4fdd\u5b58\u673a\u5236 *\/\r\n    emailEditor.append(emailRow);\r\n    passwordEditor.append(passwordFieldset);\r\n    security.append(emailEditor, passwordEditor);\r\n\r\n    const anchor = saveRow || submit;\r\n    anchor.insertAdjacentElement(\"beforebegin\", security);\r\n\r\n    function updateEmailPreview() {\r\n      const value = email.value.trim();\r\n      const at = value.indexOf(\"@\");\r\n      const masked = at > 0\r\n        ? value.slice(0, 1) + \"***\" + value.slice(at)\r\n        : \"\u5c1a\u672a\u586b\u5199\u90ae\u7bb1\";\r\n\r\n      security.querySelector(\"[data-email-preview]\").textContent = masked;\r\n    }\r\n\r\n    email.addEventListener(\"input\", updateEmailPreview);\r\n    updateEmailPreview();\r\n\r\n    const buttons = security.querySelectorAll(\"[data-editor]\");\r\n\r\n    function setEditor(name, open) {\r\n      const panel = security.querySelector(\r\n        '[data-editor-panel=\"' + name + '\"]'\r\n      );\r\n      const button = security.querySelector(\r\n        '[data-editor=\"' + name + '\"]'\r\n      );\r\n      panel.hidden = !open;\r\n      button.setAttribute(\"aria-expanded\", String(open));\r\n    }\r\n\r\n    buttons.forEach(function (button) {\r\n      button.addEventListener(\"click\", function () {\r\n        const name = button.dataset.editor;\r\n        const open = button.getAttribute(\"aria-expanded\") !== \"true\";\r\n\r\n        setEditor(name, open);\r\n\r\n        if (open) {\r\n          const panel = security.querySelector(\r\n            '[data-editor-panel=\"' + name + '\"]'\r\n          );\r\n          const input = panel.querySelector(\"input\");\r\n          if (input) input.focus();\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* \u5bc6\u7801\u5df2\u6709\u8f93\u5165\u65f6\u4fdd\u6301\u5c55\u5f00\uff0c\u907f\u514d\u7528\u6237\u5fd8\u8bb0\u6b63\u5728\u4fee\u6539 *\/\r\n    passwordFieldset.addEventListener(\"input\", function () {\r\n      setEditor(\"password\", true);\r\n    });\r\n\r\n    \/* \u5fc5\u586b\u9a8c\u8bc1\u53d1\u73b0\u9690\u85cf\u5b57\u6bb5\u6709\u8bef\u65f6\uff0c\u81ea\u52a8\u5c55\u5f00 *\/\r\n    form.addEventListener(\"invalid\", function (event) {\r\n      const panel = event.target.closest(\"[data-editor-panel]\");\r\n      if (panel) setEditor(panel.dataset.editorPanel, true);\r\n    }, true);\r\n\r\n    \/* \u6709\u670d\u52a1\u7aef\u9519\u8bef\u63d0\u793a\u65f6\u5c55\u5f00\u8868\u5355\uff0c\u65b9\u4fbf\u68c0\u67e5 *\/\r\n    const account = form.closest(\".woocommerce\");\r\n    if (\r\n      account &&\r\n      account.querySelector(\".woocommerce-error, .woocommerce-notices-wrapper .is-error\")\r\n    ) {\r\n      setEditor(\"email\", true);\r\n      setEditor(\"password\", true);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", setupProfile);\r\n  } else {\r\n    setupProfile();\r\n  }\r\n})();\r\n<\/script>\r\n<style>\r\n\/* \u4e09\u5f20\u5b89\u5168\u5361\u7247 *\/\r\n.ay-account .ay-profile-security__cards {\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n  padding: 26px 20px;\r\n}\r\n\r\n.ay-account .ay-profile-security__card {\r\n  min-width: 0;\r\n  padding: 25px 12px;\r\n}\r\n\r\n.ay-account .ay-profile-security__note {\r\n  min-height: 22px;\r\n}\r\n\r\n\/* \u4fa7\u680f\u968f\u5185\u5bb9\u533a\u57df\u4f38\u5c55 *\/\r\n.ay-account > .elementor-widget-container > .woocommerce {\r\n  display: flex;\r\n  align-items: stretch;\r\n  flex-wrap: wrap;\r\n  gap: 30px;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation {\r\n  flex: 0 0 220px;\r\n  float: none;\r\n  width: 220px;\r\n  min-height: 650px;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-content {\r\n  flex: 1 1 0;\r\n  float: none;\r\n  width: auto;\r\n  min-width: 0;\r\n}\r\n\r\n\/* \u901a\u77e5\u72ec\u5360\u4e00\u884c *\/\r\n.ay-account .woocommerce > .woocommerce-notices-wrapper {\r\n  flex: 0 0 100%;\r\n}\r\n\r\n.ay-account .woocommerce > .woocommerce-notices-wrapper:empty {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .ay-account .woocommerce-MyAccount-navigation {\r\n    flex-basis: 180px;\r\n    width: 180px;\r\n  }\r\n\r\n  .ay-account .ay-profile-security__cards {\r\n    gap: 12px;\r\n    padding: 20px 14px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ay-account > .elementor-widget-container > .woocommerce {\r\n    gap: 20px;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-navigation,\r\n  .ay-account .woocommerce-MyAccount-content {\r\n    flex: 0 0 100%;\r\n    width: 100%;\r\n    min-height: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .ay-account .ay-profile-security__cards {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .ay-account .ay-profile-security__card {\r\n    padding: 22px 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function addPhoneCard() {\r\n    const form = document.querySelector(\r\n      \".ay-account form.ay-profile-ready\"\r\n    );\r\n    if (!form) return;\r\n\r\n    const security = form.querySelector(\".ay-profile-security\");\r\n    const cards = security && security.querySelector(\r\n      \".ay-profile-security__cards\"\r\n    );\r\n    const phone = form.querySelector(\"#ay_profile_phone\");\r\n\r\n    if (!security || !cards || !phone) return;\r\n    if (security.querySelector('[data-phone-card]')) return;\r\n\r\n    const row = phone.closest(\".form-row\");\r\n    if (!row) return;\r\n\r\n    const card = document.createElement(\"div\");\r\n    card.className = \"ay-profile-security__card\";\r\n    card.dataset.phoneCard = \"true\";\r\n\r\n    card.innerHTML = `\r\n      <svg class=\"ay-profile-security__icon\"\r\n           viewBox=\"0 0 40 40\" fill=\"none\" aria-hidden=\"true\">\r\n        <rect x=\"10\" y=\"3\" width=\"20\" height=\"34\" rx=\"3\"\r\n              stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n        <path d=\"M10 9H30M10 30H30\"\r\n              stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n        <circle cx=\"20\" cy=\"34\" r=\"1\" fill=\"currentColor\"\/>\r\n      <\/svg>\r\n      <span class=\"ay-profile-security__name\">\u624b\u673a\u53f7<\/span>\r\n      <p class=\"ay-profile-security__note\" data-phone-preview><\/p>\r\n      <button type=\"button\"\r\n              class=\"ay-profile-security__button\"\r\n              aria-expanded=\"false\">\r\n        \u4fee\u6539\u624b\u673a\u53f7\r\n      <\/button>\r\n    `;\r\n\r\n    cards.prepend(card);\r\n\r\n    const editor = document.createElement(\"div\");\r\n    editor.className = \"ay-profile-security__editor\";\r\n    editor.hidden = true;\r\n    editor.append(row);\r\n    security.append(editor);\r\n\r\n    const button = card.querySelector(\"button\");\r\n    const preview = card.querySelector(\"[data-phone-preview]\");\r\n\r\n    function updatePreview() {\r\n      const value = phone.value.trim();\r\n\r\n      preview.textContent = value\r\n        ? (\r\n            value.length > 7\r\n              ? value.slice(0, 3) + \"****\" + value.slice(-4)\r\n              : \"\u5df2\u586b\u5199\"\r\n          )\r\n        : \"\u5c1a\u672a\u586b\u5199\";\r\n    }\r\n\r\n    button.addEventListener(\"click\", function () {\r\n      const open = editor.hidden;\r\n      editor.hidden = !open;\r\n      button.setAttribute(\"aria-expanded\", String(open));\r\n\r\n      if (open) phone.focus();\r\n    });\r\n\r\n    phone.addEventListener(\"input\", updatePreview);\r\n\r\n    phone.addEventListener(\"invalid\", function () {\r\n      editor.hidden = false;\r\n      button.setAttribute(\"aria-expanded\", \"true\");\r\n    });\r\n\r\n    \/* \u4fdd\u5b58\u62a5\u9519\u65f6\u5c55\u5f00\uff0c\u65b9\u4fbf\u68c0\u67e5 *\/\r\n    const account = form.closest(\".woocommerce\");\r\n    if (account && account.querySelector(\".woocommerce-error\")) {\r\n      editor.hidden = false;\r\n      button.setAttribute(\"aria-expanded\", \"true\");\r\n    }\r\n\r\n    updatePreview();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", addPhoneCard);\r\n  } else {\r\n    addPhoneCard();\r\n  }\r\n})();\r\n<\/script>\r\n<style>\r\n\/* \u7edf\u4e00\u8d26\u6237\u4e3b\u4f53\u5e03\u5c40 *\/\r\n.ay-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  flex-wrap: wrap !important;\r\n  align-items: stretch !important;\r\n  justify-content: flex-start !important;\r\n  gap: 24px !important;\r\n}\r\n\r\n\/* \u901a\u77e5\u72ec\u5360\u4e00\u884c *\/\r\n.ay-account .woocommerce > .woocommerce-notices-wrapper {\r\n  order: 0;\r\n  flex: 0 0 100% !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.ay-account .woocommerce > .woocommerce-notices-wrapper:empty {\r\n  display: none !important;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u83dc\u5355 *\/\r\n.ay-account .woocommerce-MyAccount-navigation {\r\n  order: 1 !important;\r\n  flex: 0 0 200px !important;\r\n  float: none !important;\r\n  width: 200px !important;\r\n  max-width: 200px !important;\r\n  min-width: 0 !important;\r\n  min-height: 650px;\r\n  margin: 0 !important;\r\n  align-self: stretch !important;\r\n}\r\n\r\n\/* \u53f3\u4fa7\u5185\u5bb9 *\/\r\n.ay-account .woocommerce-MyAccount-content {\r\n  order: 2 !important;\r\n  flex: 1 1 0% !important;\r\n  float: none !important;\r\n  width: auto !important;\r\n  max-width: none !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 28px !important;\r\n}\r\n\r\n\/* \u6e05\u9664\u4e3b\u9898\u7684\u6d6e\u52a8\u5360\u4f4d *\/\r\n.ay-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,\r\n.ay-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {\r\n  display: none !important;\r\n  content: none !important;\r\n}\r\n\r\n\/* \u624b\u673a\u7aef\u4e0a\u4e0b\u6392\u5217 *\/\r\n@media (max-width: 767px) {\r\n  .ay-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {\r\n    flex-direction: column !important;\r\n    gap: 18px !important;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-navigation,\r\n  .ay-account .woocommerce-MyAccount-content {\r\n    flex: 0 0 auto !important;\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    min-height: 0 !important;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-content {\r\n    padding: 22px 16px !important;\r\n  }\r\n}\r\n<\/style>\r\n<style>\r\n.ay-account .ay-dashboard-links {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.ay-account .ay-dashboard-link {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  min-width: 0;\r\n  min-height: 160px;\r\n  padding: 24px;\r\n  border: 1px solid #f0e5ec;\r\n  border-radius: 14px;\r\n  background: #fff;\r\n  color: #444;\r\n  text-decoration: none;\r\n  box-shadow: 0 5px 20px rgba(70, 20, 55, .04);\r\n  transition: border-color .2s, transform .2s;\r\n}\r\n\r\n.ay-account .ay-dashboard-link:hover {\r\n  border-color: #ed80b0;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.ay-dashboard-link svg {\r\n  width: 32px;\r\n  height: 32px;\r\n  color: #ed008c;\r\n}\r\n\r\n.ay-dashboard-link strong {\r\n  color: #444;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n}\r\n\r\n.ay-dashboard-link span {\r\n  color: #999;\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.ay-account .ay-dashboard-link:focus-visible {\r\n  outline: 2px solid #ed008c;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* \u5c0f\u5c4f\u5e55\u4e24\u5217\uff0c\u624b\u673a\u5355\u5217 *\/\r\n@media (max-width: 1024px) {\r\n  .ay-account .ay-dashboard-links {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ay-account .ay-dashboard-links {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .ay-account .ay-dashboard-link {\r\n    min-height: 140px;\r\n    padding: 22px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ay-account .ay-dashboard-link {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function setupDashboard() {\r\n    document.querySelectorAll(\".ay-account\").forEach(function (account) {\r\n      const dashboard = account.querySelector(\r\n        \".woocommerce-MyAccount-navigation-link--dashboard.is-active\"\r\n      );\r\n      const content = account.querySelector(\r\n        \".woocommerce-MyAccount-content\"\r\n      );\r\n\r\n      \/* \u53ea\u5728\u4eea\u8868\u76d8\u663e\u793a\uff0c\u4e0d\u5f71\u54cd\u4e2a\u4eba\u8d44\u6599\u548c\u8ba2\u5355\u9875\u9762 *\/\r\n      if (!dashboard || !content ||\r\n          content.querySelector(\".ay-dashboard-links\")) return;\r\n\r\n      const items = [\r\n        {\r\n          menu: \"orders\",\r\n          title: \"\u8ba2\u5355\u5386\u53f2\",\r\n          description: \"\u67e5\u770b\u8ba2\u5355\u72b6\u6001\u4e0e\u8ba2\u5355\u8be6\u60c5\",\r\n          icon: '<rect x=\"7\" y=\"4\" width=\"18\" height=\"25\" rx=\"3\"\/>' +\r\n                '<path d=\"M12 11h8M12 17h8M12 23h5\"\/>'\r\n        },\r\n        {\r\n          menu: \"edit-address\",\r\n          title: \"\u5730\u5740\u7c3f\",\r\n          description: \"\u7ba1\u7406\u8d26\u5355\u5730\u5740\u4e0e\u6536\u8d27\u5730\u5740\",\r\n          icon: '<path d=\"M26 13c0 8-10 16-10 16S6 21 6 13' +\r\n                'a10 10 0 0 1 20 0Z\"\/>' +\r\n                '<circle cx=\"16\" cy=\"13\" r=\"3\"\/>'\r\n        },\r\n        {\r\n          menu: \"edit-account\",\r\n          title: \"\u4e2a\u4eba\u8d44\u6599\",\r\n          description: \"\u4fee\u6539\u5934\u50cf\u3001\u6635\u79f0\u548c\u8d26\u6237\u8d44\u6599\",\r\n          icon: '<circle cx=\"16\" cy=\"10\" r=\"6\"\/>' +\r\n                '<path d=\"M5 29v-3a11 11 0 0 1 22 0v3\"\/>'\r\n        }\r\n      ];\r\n\r\n      const grid = document.createElement(\"div\");\r\n      grid.className = \"ay-dashboard-links\";\r\n\r\n      items.forEach(function (item) {\r\n        const original = account.querySelector(\r\n          \".woocommerce-MyAccount-navigation-link--\" +\r\n          item.menu + \" a\"\r\n        );\r\n        if (!original) return;\r\n\r\n        const link = document.createElement(\"a\");\r\n        link.className = \"ay-dashboard-link\";\r\n        link.href = original.href;\r\n\r\n        link.innerHTML =\r\n          '<svg viewBox=\"0 0 32 32\" fill=\"none\" ' +\r\n          'stroke=\"currentColor\" stroke-width=\"1.7\" ' +\r\n          'stroke-linecap=\"round\" stroke-linejoin=\"round\" ' +\r\n          'aria-hidden=\"true\">' + item.icon + '<\/svg>';\r\n\r\n        const title = document.createElement(\"strong\");\r\n        title.textContent = item.title;\r\n\r\n        const description = document.createElement(\"span\");\r\n        description.textContent = item.description;\r\n\r\n        link.append(title, description);\r\n        grid.append(link);\r\n      });\r\n\r\n      if (grid.children.length) content.append(grid);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", setupDashboard);\r\n  } else {\r\n    setupDashboard();\r\n  }\r\n})();\r\n<\/script>\r\n<style>\r\n\/* \u7edf\u4e00\u4e2a\u4eba\u4e2d\u5fc3\u989c\u8272 *\/\r\n.ay-account {\r\n  --ay-pink: #eb5b98;\r\n  --ay-text: #34313b;\r\n  --ay-muted: #8c8592;\r\n  --ay-border: #f0e5ec;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u83dc\u5355 *\/\r\n.ay-account .woocommerce-MyAccount-navigation ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation li {\r\n  padding: 0;\r\n  margin: 0 0 8px;\r\n  border: 0;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation li a {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n  padding: 12px 18px;\r\n  border-radius: 10px;\r\n  color: #706675;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n  text-decoration: none;\r\n  transition: background .2s, color .2s;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation li a:hover {\r\n  background: #ffe7f0;\r\n  color: var(--ay-pink);\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation li.is-active a {\r\n  background: var(--ay-pink);\r\n  color: #fff;\r\n  box-shadow: 0 5px 14px rgba(235, 91, 152, .16);\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-navigation\r\n.woocommerce-MyAccount-navigation-link--customer-logout {\r\n  margin-top: 28px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid #f3dce7;\r\n}\r\n\r\n\/* \u9996\u9875\u6b22\u8fce\u8bed\uff1a\u4ec5\u6709\u5feb\u6377\u5165\u53e3\u7684\u9996\u9875\u751f\u6548 *\/\r\n.ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links) > p {\r\n  color: #827987;\r\n  font-size: 14px;\r\n  line-height: 1.9;\r\n  margin: 0 0 14px;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links)\r\n> p:first-of-type {\r\n  margin-top: 24px;\r\n  color: var(--ay-text);\r\n  font-size: 20px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links)\r\n> p:first-of-type strong {\r\n  color: var(--ay-pink);\r\n  font-weight: 600;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links)\r\n> p a {\r\n  color: var(--ay-pink);\r\n  text-decoration: none;\r\n}\r\n\r\n.ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links)\r\n> p a:hover {\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n\/* \u9996\u9875\u5feb\u6377\u5165\u53e3 *\/\r\n.ay-account .ay-dashboard-links {\r\n  gap: 16px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 180px;\r\n  padding: 24px;\r\n  padding-right: 38px;\r\n  border: 1px solid var(--ay-border);\r\n  border-radius: 16px;\r\n  background: #fff;\r\n  text-decoration: none;\r\n  box-shadow: 0 4px 16px rgba(65, 35, 55, .025);\r\n  transition:\r\n    transform .2s,\r\n    border-color .2s,\r\n    box-shadow .2s;\r\n}\r\n\r\n\/* \u56fe\u6807\u5e95\u8272 *\/\r\n.ay-account .ay-dashboard-links > a > svg {\r\n  box-sizing: content-box;\r\n  width: 25px;\r\n  height: 25px;\r\n  padding: 11px;\r\n  border-radius: 14px;\r\n  color: var(--ay-pink);\r\n  background: #fff0f6;\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a > strong {\r\n  margin-top: 4px;\r\n  color: var(--ay-text);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a > span {\r\n  color: var(--ay-muted);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u53f3\u4fa7\u7bad\u5934 *\/\r\n.ay-account .ay-dashboard-links > a::after {\r\n  content: \"\u203a\";\r\n  position: absolute;\r\n  top: 26px;\r\n  right: 20px;\r\n  color: #d7c2ce;\r\n  font-size: 25px;\r\n  line-height: 1;\r\n  transition: color .2s, transform .2s;\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a:hover {\r\n  transform: translateY(-3px);\r\n  border-color: #f2b6d0;\r\n  box-shadow: 0 10px 24px rgba(185, 78, 124, .08);\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a:hover::after {\r\n  color: var(--ay-pink);\r\n  transform: translateX(3px);\r\n}\r\n\r\n.ay-account .ay-dashboard-links > a:focus-visible {\r\n  outline: 2px solid var(--ay-pink);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* \u624b\u673a\u7aef *\/\r\n@media (max-width: 767px) {\r\n  .ay-account .woocommerce-MyAccount-navigation li {\r\n    margin: 0;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-navigation li a {\r\n    min-height: 42px;\r\n    padding: 10px 14px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-navigation\r\n  .woocommerce-MyAccount-navigation-link--customer-logout {\r\n    margin-top: 0;\r\n    padding-top: 0;\r\n    border-top: 0;\r\n  }\r\n\r\n  .ay-account .woocommerce-MyAccount-content:has(.ay-dashboard-links)\r\n  > p:first-of-type {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .ay-account .ay-dashboard-links {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .ay-account .ay-dashboard-links > a {\r\n    min-height: 0;\r\n    padding: 20px 38px 20px 20px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ay-account .ay-dashboard-links > a,\r\n  .ay-account .ay-dashboard-links > a::after {\r\n    transition: none;\r\n    transform: none;\r\n  }\r\n}\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":21,"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/www.yunasoul.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}