{"id":87,"date":"2025-09-10T09:04:34","date_gmt":"2025-09-10T00:04:34","guid":{"rendered":"https:\/\/www.milaraspa.com\/?page_id=87"},"modified":"2026-04-04T01:49:30","modified_gmt":"2026-04-03T16:49:30","slug":"%e7%84%a1%e6%96%99%e9%91%91%e5%ae%9a","status":"publish","type":"page","link":"https:\/\/www.milaraspa.com\/?page_id=87","title":{"rendered":"\u7121\u6599\u9451\u5b9a"},"content":{"rendered":"\n<style>\n* { margin: 0; padding: 0; box-sizing: border-box; }\n \nbody {\n  font-family: 'Josefin Sans', sans-serif;\n  background: #0d0b14;\n  color: #e8dff0;\n  min-height: 100vh;\n}\n \n.wrap {\n  max-width: 680px;\n  margin: 0 auto;\n  padding: 4rem 1.5rem 6rem;\n}\n \n\/* \u30d8\u30c3\u30c0\u30fc *\/\n.site-nav {\n  text-align: center;\n  padding: 1.5rem;\n  border-bottom: 0.5px solid rgba(200,150,220,0.1);\n  margin-bottom: 4rem;\n}\n \n.site-nav a {\n  font-size: 11px;\n  font-weight: 200;\n  letter-spacing: 0.4em;\n  color: #b090c8;\n  text-decoration: none;\n  text-transform: uppercase;\n}\n \n\/* \u30bf\u30a4\u30c8\u30eb *\/\n.page-eyebrow {\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.38em;\n  color: #7a6080;\n  text-transform: uppercase;\n  text-align: center;\n  margin-bottom: 1rem;\n}\n \n.page-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.8rem, 6vw, 2.8rem);\n  font-weight: 300;\n  text-align: center;\n  color: #f0e8f8;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  margin-bottom: 0.8rem;\n}\n \n.page-sub {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-style: italic;\n  color: #7a6080;\n  text-align: center;\n  margin-bottom: 3rem;\n}\n \n\/* \u30bf\u30b0 *\/\n.method-tags {\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: 3rem;\n}\n \n.method-tag {\n  padding: 5px 14px;\n  border: 0.5px solid rgba(200,150,220,0.25);\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.2em;\n  color: #9070a8;\n  text-transform: uppercase;\n}\n \n\/* \u30d5\u30a9\u30fc\u30e0 *\/\n.form-card {\n  border: 0.5px solid rgba(200,150,220,0.15);\n  padding: 2.5rem 2rem;\n  position: relative;\n  background: radial-gradient(ellipse at top, rgba(140,90,170,0.06) 0%, transparent 60%);\n}\n \n.form-card .corner {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-color: rgba(200,150,220,0.25);\n  border-style: solid;\n}\n.corner.tl { top: 10px; left: 10px; border-width: 1px 0 0 1px; }\n.corner.tr { top: 10px; right: 10px; border-width: 1px 1px 0 0; }\n.corner.bl { bottom: 10px; left: 10px; border-width: 0 0 1px 1px; }\n.corner.br { bottom: 10px; right: 10px; border-width: 0 1px 1px 0; }\n \n.form-label {\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.3em;\n  color: #7a6080;\n  text-transform: uppercase;\n  margin-bottom: 0.6rem;\n  display: block;\n}\n \n.form-group {\n  margin-bottom: 1.5rem;\n}\n \n.form-input {\n  width: 100%;\n  background: rgba(255,255,255,0.03);\n  border: 0.5px solid rgba(200,150,220,0.2);\n  color: #e8dff0;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  padding: 12px 16px;\n  outline: none;\n  transition: border-color 0.3s;\n  -webkit-appearance: none;\n}\n \n.form-input:focus {\n  border-color: rgba(200,150,220,0.5);\n}\n \n.form-input::placeholder {\n  color: #4a3d5a;\n}\n \n\/* \u751f\u5e74\u6708\u65e5\u306e3\u5206\u5272 *\/\n.date-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 8px;\n}\n \n.date-row select {\n  width: 100%;\n  background: rgba(255,255,255,0.03);\n  border: 0.5px solid rgba(200,150,220,0.2);\n  color: #e8dff0;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 300;\n  padding: 12px 10px;\n  outline: none;\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n}\n \n.date-row select option {\n  background: #1a1525;\n  color: #e8dff0;\n}\n \n.btn-diagnose {\n  width: 100%;\n  padding: 15px;\n  background: rgba(140,90,170,0.12);\n  border: 0.5px solid rgba(200,150,220,0.4);\n  color: #dcc8f0;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 12px;\n  font-weight: 300;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: all 0.4s;\n  margin-top: 0.5rem;\n}\n \n.btn-diagnose:hover {\n  background: rgba(140,90,170,0.25);\n  border-color: rgba(200,150,220,0.7);\n  color: #f0e8f8;\n}\n \n.btn-diagnose:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n \n\/* \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 *\/\n.loading {\n  display: none;\n  text-align: center;\n  padding: 3rem 0;\n}\n \n.loading-triangle {\n  width: 50px;\n  height: 50px;\n  margin: 0 auto 1.5rem;\n  animation: rotate 4s linear infinite;\n}\n \n@keyframes rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n \n.loading-text {\n  font-size: 11px;\n  font-weight: 300;\n  letter-spacing: 0.3em;\n  color: #7a6080;\n  text-transform: uppercase;\n}\n \n\/* \u7d50\u679c *\/\n.result {\n  display: none;\n  margin-top: 3rem;\n}\n \n.result-header {\n  text-align: center;\n  margin-bottom: 3rem;\n}\n \n.result-name {\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.35em;\n  color: #7a6080;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n \n.result-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.4rem, 4vw, 2rem);\n  font-weight: 300;\n  color: #f0e8f8;\n  letter-spacing: 0.04em;\n}\n \n.divider {\n  width: 1px;\n  height: 50px;\n  background: linear-gradient(to bottom, transparent, rgba(200,150,220,0.3), transparent);\n  margin: 2rem auto;\n}\n \n\/* \u5404\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n.section-card {\n  border: 0.5px solid rgba(200,150,220,0.12);\n  padding: 2rem 1.5rem;\n  margin-bottom: 1.5rem;\n  position: relative;\n}\n \n.section-system {\n  font-size: 9px;\n  font-weight: 300;\n  letter-spacing: 0.38em;\n  color: #6a5078;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n \n.section-value {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.6rem;\n  font-weight: 300;\n  color: #c9a8d4;\n  margin-bottom: 1rem;\n  letter-spacing: 0.04em;\n}\n \n.section-text {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-weight: 300;\n  color: #9080a0;\n  line-height: 1.9;\n}\n \n\/* \u7d71\u5408\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n.integration-card {\n  border: 0.5px solid rgba(200,150,220,0.25);\n  padding: 2.5rem 2rem;\n  margin: 2rem 0;\n  text-align: center;\n  position: relative;\n  background: radial-gradient(ellipse at center, rgba(140,90,170,0.08) 0%, transparent 70%);\n}\n \n.integration-label {\n  font-size: 9px;\n  font-weight: 300;\n  letter-spacing: 0.4em;\n  color: #7a6080;\n  text-transform: uppercase;\n  margin-bottom: 1.2rem;\n}\n \n.integration-text {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.05rem;\n  font-weight: 300;\n  color: #c0a8d8;\n  line-height: 2;\n}\n \n\/* CTA *\/\n.cta-section {\n  margin-top: 3rem;\n}\n \n.cta-label {\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.35em;\n  color: #6a5078;\n  text-transform: uppercase;\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n \n.cta-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n \n.cta-btn {\n  display: block;\n  padding: 16px 12px;\n  border: 0.5px solid rgba(200,150,220,0.25);\n  text-align: center;\n  text-decoration: none;\n  transition: all 0.3s;\n  background: rgba(140,90,170,0.05);\n}\n \n.cta-btn:hover {\n  background: rgba(140,90,170,0.15);\n  border-color: rgba(200,150,220,0.5);\n}\n \n.cta-btn-label {\n  font-size: 9px;\n  font-weight: 300;\n  letter-spacing: 0.25em;\n  color: #6a5078;\n  text-transform: uppercase;\n  margin-bottom: 0.4rem;\n}\n \n.cta-btn-text {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-weight: 300;\n  color: #c0a0d8;\n}\n \n.cta-btn-sub {\n  font-size: 10px;\n  font-weight: 300;\n  color: #6a5078;\n  margin-top: 0.3rem;\n  letter-spacing: 0.05em;\n}\n \n.cta-full {\n  margin-top: 10px;\n  display: block;\n  padding: 16px;\n  border: 0.5px solid rgba(200,150,220,0.15);\n  text-align: center;\n  text-decoration: none;\n  transition: all 0.3s;\n}\n \n.cta-full:hover {\n  background: rgba(140,90,170,0.08);\n}\n \n.retry-btn {\n  display: block;\n  width: 100%;\n  margin-top: 2rem;\n  padding: 12px;\n  background: transparent;\n  border: 0.5px solid rgba(200,150,220,0.15);\n  color: #6a5078;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 300;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n \n.retry-btn:hover {\n  border-color: rgba(200,150,220,0.3);\n  color: #9070a8;\n}\n \n\/* \u30a8\u30e9\u30fc *\/\n.error-msg {\n  display: none;\n  text-align: center;\n  padding: 2rem;\n  color: #8a6070;\n  font-size: 13px;\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n}\n \n@media (max-width: 480px) {\n  .cta-grid { grid-template-columns: 1fr; }\n  .form-card { padding: 2rem 1.2rem; }\n  .wrap { padding: 3rem 1.2rem 5rem; }\n}\n<\/style>\n<\/head>\n<body>\n \n<nav class=\"site-nav\">\n  <a href=\"\/\">\u2190 Cosmic Triforia<\/a>\n<\/nav>\n \n<div class=\"wrap\">\n \n  <p class=\"page-eyebrow\">Free Reading<\/p>\n  <h1 class=\"page-title\">\u3042\u306a\u305f\u306e\u8a2d\u8a08\u56f3\u3092<br>\u8aad\u307f\u89e3\u304f<\/h1>\n  <p class=\"page-sub\">\u751f\u5e74\u6708\u65e5\u304b\u3089\u3001\u4e09\u3064\u306e\u53e1\u667a\u304c\u4ea4\u5dee\u3059\u308b\u5834\u6240\u3078<\/p>\n \n  <div class=\"method-tags\">\n    <span class=\"method-tag\">\u6570\u79d8\u8853<\/span>\n    <span class=\"method-tag\">\u897f\u6d0b\u5360\u661f\u8853<\/span>\n    <span class=\"method-tag\">\u30de\u30e4\u66a6<\/span>\n  <\/div>\n \n  <!-- \u5165\u529b\u30d5\u30a9\u30fc\u30e0 -->\n  <div class=\"form-card\" id=\"formSection\">\n    <div class=\"corner tl\"><\/div>\n    <div class=\"corner tr\"><\/div>\n    <div class=\"corner bl\"><\/div>\n    <div class=\"corner br\"><\/div>\n \n    <div class=\"form-group\">\n      <label class=\"form-label\">\u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09<\/label>\n      <input type=\"text\" class=\"form-input\" id=\"nameInput\" placeholder=\"\u4f8b\uff1a\u306f\u308b\u304b\">\n    <\/div>\n \n    <div class=\"form-group\">\n      <label class=\"form-label\">\u751f\u5e74\u6708\u65e5<\/label>\n      <div class=\"date-row\">\n        <select id=\"yearSelect\">\n          <option value=\"\">\u5e74<\/option>\n        <\/select>\n        <select id=\"monthSelect\">\n          <option value=\"\">\u6708<\/option>\n        <\/select>\n        <select id=\"daySelect\">\n          <option value=\"\">\u65e5<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n \n    <button class=\"btn-diagnose\" id=\"diagnoseBtn\" onclick=\"startDiagnosis()\">\n      \u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3\u304f\n    <\/button>\n  <\/div>\n \n  <!-- \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0 -->\n  <div class=\"loading\" id=\"loading\">\n    <svg class=\"loading-triangle\" viewBox=\"0 0 50 50\" fill=\"none\">\n      <polygon points=\"25,5 46,42 4,42\" stroke=\"rgba(200,150,220,0.6)\" stroke-width=\"0.8\" fill=\"none\"\/>\n      <polygon points=\"25,14 38,38 12,38\" stroke=\"rgba(200,150,220,0.3)\" stroke-width=\"0.5\" fill=\"none\"\/>\n      <circle cx=\"25\" cy=\"28\" r=\"2\" fill=\"rgba(200,150,220,0.8)\"\/>\n    <\/svg>\n    <p class=\"loading-text\">\u661f\u306e\u914d\u7f6e\u3092\u8aad\u307f\u89e3\u3044\u3066\u3044\u307e\u3059<\/p>\n  <\/div>\n \n  <!-- \u30a8\u30e9\u30fc -->\n  <div class=\"error-msg\" id=\"errorMsg\">\n    \u8aad\u307f\u89e3\u304d\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3044\u307e\u3059\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n \n  <!-- \u7d50\u679c -->\n  <div class=\"result\" id=\"result\">\n    <div class=\"result-header\">\n      <p class=\"result-name\" id=\"resultName\"><\/p>\n      <h2 class=\"result-title\" id=\"resultTitle\"><\/h2>\n    <\/div>\n \n    <div class=\"divider\"><\/div>\n \n    <div class=\"section-card\">\n      <p class=\"section-system\">\u6570\u79d8\u8853 \u2014 Life Path<\/p>\n      <p class=\"section-value\" id=\"numerologyValue\"><\/p>\n      <p class=\"section-text\" id=\"numerologyText\"><\/p>\n    <\/div>\n \n    <div class=\"section-card\">\n      <p class=\"section-system\">\u897f\u6d0b\u5360\u661f\u8853 \u2014 Sun Sign<\/p>\n      <p class=\"section-value\" id=\"astrologyValue\"><\/p>\n      <p class=\"section-text\" id=\"astrologyText\"><\/p>\n    <\/div>\n \n    <div class=\"section-card\">\n      <p class=\"section-system\">\u30de\u30e4\u66a6 \u2014 Kin<\/p>\n      <p class=\"section-value\" id=\"mayaValue\"><\/p>\n      <p class=\"section-text\" id=\"mayaText\"><\/p>\n    <\/div>\n \n    <div class=\"divider\"><\/div>\n \n    <div class=\"integration-card\">\n      <div class=\"corner tl\"><\/div>\n      <div class=\"corner tr\"><\/div>\n      <div class=\"corner bl\"><\/div>\n      <div class=\"corner br\"><\/div>\n      <p class=\"integration-label\">\u4e09\u3064\u306e\u53e1\u667a\u304c\u8a9e\u308b\u3053\u3068<\/p>\n      <p class=\"integration-text\" id=\"integrationText\"><\/p>\n    <\/div>\n \n    <!-- CTA -->\n    <div class=\"cta-section\">\n      <p class=\"cta-label\">\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3078<\/p>\n      <div class=\"cta-grid\">\n        <a href=\"#\" class=\"cta-btn\" id=\"articleBtn\">\n          <p class=\"cta-btn-label\">\u6df1\u304f\u77e5\u308b<\/p>\n          <p class=\"cta-btn-text\">\u95a2\u9023\u8a18\u4e8b\u3092\u8aad\u3080<\/p>\n          <p class=\"cta-btn-sub\">\u77e5\u8b58\u3092\u5e83\u3052\u308b<\/p>\n        <\/a>\n        <a href=\"https:\/\/coconala.com\/services\/4152472\" class=\"cta-btn\" target=\"_blank\">\n          <p class=\"cta-btn-label\">\u672c\u683c\u9451\u5b9a<\/p>\n          <p class=\"cta-btn-text\">\u85cd\u306b\u9451\u5b9a\u3092\u4f9d\u983c<\/p>\n          <p class=\"cta-btn-sub\">\u8907\u54087\u4f53\u7cfb\u3067\u8aad\u307f\u89e3\u304f<\/p>\n        <\/a>\n      <\/div>\n      <a href=\"#\" class=\"cta-full\" id=\"phoneBtn\">\n        <p class=\"cta-btn-label\">\u4eca\u3059\u3050\u76f8\u8ac7\u3057\u305f\u3044\u65b9\u3078<\/p>\n        <p class=\"cta-btn-text\" style=\"font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:300;color:#9070a8;\">\u96fb\u8a71\u5360\u3044\u3067\u4eca\u591c\u306e\u7b54\u3048\u3092\u898b\u3064\u3051\u308b<\/p>\n      <\/a>\n    <\/div>\n \n    <button class=\"retry-btn\" onclick=\"resetForm()\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button>\n  <\/div>\n \n<\/div>\n \n<script>\n\/\/ \u5e74\u6708\u65e5\u30bb\u30ec\u30af\u30c8\u751f\u6210\nconst yearSel = document.getElementById('yearSelect');\nconst monthSel = document.getElementById('monthSelect');\nconst daySel = document.getElementById('daySelect');\n \nconst currentYear = new Date().getFullYear();\nfor (let y = currentYear - 10; y >= 1940; y--) {\n  yearSel.innerHTML += `<option value=\"${y}\">${y}\u5e74<\/option>`;\n}\nfor (let m = 1; m <= 12; m++) {\n  monthSel.innerHTML += `<option value=\"${m}\">${m}\u6708<\/option>`;\n}\nfor (let d = 1; d <= 31; d++) {\n  daySel.innerHTML += `<option value=\"${d}\">${d}\u65e5<\/option>`;\n}\n \n\/\/ \u30e9\u30a4\u30d5\u30d1\u30b9\u6570\u8a08\u7b97\nfunction calcLifePath(y, m, d) {\n  const digits = `${y}${m}${d}`.split('').map(Number);\n  let sum = digits.reduce((a, b) => a + b, 0);\n  while (sum > 9 && sum !== 11 && sum !== 22 && sum !== 33) {\n    sum = sum.toString().split('').map(Number).reduce((a, b) => a + b, 0);\n  }\n  return sum;\n}\n \n\/\/ \u592a\u967d\u661f\u5ea7\u8a08\u7b97\nfunction calcSunSign(m, d) {\n  const signs = [\n    { name: '\u5c71\u7f8a\u5ea7', en: 'Capricorn', end: [1, 19] },\n    { name: '\u6c34\u74f6\u5ea7', en: 'Aquarius', end: [2, 18] },\n    { name: '\u9b5a\u5ea7', en: 'Pisces', end: [3, 20] },\n    { name: '\u7261\u7f8a\u5ea7', en: 'Aries', end: [4, 19] },\n    { name: '\u7261\u725b\u5ea7', en: 'Taurus', end: [5, 20] },\n    { name: '\u53cc\u5b50\u5ea7', en: 'Gemini', end: [6, 20] },\n    { name: '\u87f9\u5ea7', en: 'Cancer', end: [7, 22] },\n    { name: '\u7345\u5b50\u5ea7', en: 'Leo', end: [8, 22] },\n    { name: '\u4e59\u5973\u5ea7', en: 'Virgo', end: [9, 22] },\n    { name: '\u5929\u79e4\u5ea7', en: 'Libra', end: [10, 22] },\n    { name: '\u880d\u5ea7', en: 'Scorpio', end: [11, 21] },\n    { name: '\u5c04\u624b\u5ea7', en: 'Sagittarius', end: [12, 21] },\n    { name: '\u5c71\u7f8a\u5ea7', en: 'Capricorn', end: [12, 31] },\n  ];\n  for (const s of signs) {\n    if (m < s.end[0] || (m === s.end[0] &#038;&#038; d <= s.end[1])) return s;\n  }\n  return signs[0];\n}\n \n\/\/ \u30de\u30e4\u66a6KIN\u756a\u53f7\u8a08\u7b97\uff08\u30c4\u30a9\u30eb\u30ad\u30f3\uff09\nfunction calcKin(y, m, d) {\n  const baseDate = new Date(1994, 6, 26); \/\/ KIN1\u306e\u57fa\u6e96\u65e5\n  const target = new Date(y, m - 1, d);\n  const diff = Math.floor((target - baseDate) \/ (1000 * 60 * 60 * 24));\n  let kin = ((diff % 260) + 260) % 260;\n  if (kin === 0) kin = 260;\n \n  const tones = ['\u78c1\u6c17','\u6708','\u96fb\u6c17','\u81ea\u5df1\u5b58\u5728','\u500d\u97f3','\u30ea\u30ba\u30e0','\u5171\u9cf4','\u9280\u6cb3','\u592a\u967d','\u60d1\u661f','\u30b9\u30da\u30af\u30c8\u30eb','\u6c34\u6676','\u5b87\u5b99'];\n  const seals = ['\u8d64\u3044\u7adc','\u767d\u3044\u98a8','\u9752\u3044\u591c','\u9ec4\u8272\u3044\u7a2e','\u8d64\u3044\u86c7','\u767d\u3044\u4e16\u754c\u306e\u6a4b\u6e21\u3057','\u9752\u3044\u624b','\u9ec4\u8272\u3044\u661f','\u8d64\u3044\u6708','\u767d\u3044\u72ac','\u9752\u3044\u733f','\u9ec4\u8272\u3044\u4eba','\u8d64\u3044\u7a7a\u6b69\u304f\u8005','\u767d\u3044\u9b54\u6cd5\u4f7f\u3044','\u9752\u3044\u9df2','\u9ec4\u8272\u3044\u6226\u58eb','\u8d64\u3044\u5730\u7403','\u767d\u3044\u93e1','\u9752\u3044\u5d50','\u9ec4\u8272\u3044\u592a\u967d'];\n \n  const tone = tones[(kin - 1) % 13];\n  const seal = seals[(kin - 1) % 20];\n \n  return { kin, tone, seal };\n}\n \nasync function startDiagnosis() {\n  const name = document.getElementById('nameInput').value.trim() || '\u3042\u306a\u305f';\n  const y = parseInt(yearSel.value);\n  const m = parseInt(monthSel.value);\n  const d = parseInt(daySel.value);\n \n  if (!y || !m || !d) {\n    alert('\u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044');\n    return;\n  }\n \n  \/\/ UI\u5207\u308a\u66ff\u3048\n  document.getElementById('formSection').style.display = 'none';\n  document.getElementById('loading').style.display = 'block';\n  document.getElementById('errorMsg').style.display = 'none';\n  document.getElementById('result').style.display = 'none';\n \n  \/\/ \u8a08\u7b97\n  const lifePath = calcLifePath(y, m, d);\n  const sunSign = calcSunSign(m, d);\n  const maya = calcKin(y, m, d);\n \n  const prompt = `\u3042\u306a\u305f\u306fCosmic Triforia\u306e\u5360\u8853\u5e2b\u3067\u3059\u3002\u30af\u30fc\u30eb\u30fb\u77e5\u7684\u30fb\u30df\u30b9\u30c6\u30ea\u30a2\u30b9\u306a\u6587\u4f53\u3067\u3001\u4ee5\u4e0b\u306e\u60c5\u5831\u3092\u6301\u3064\u4eba\u7269\u3078\u306e\u8a3a\u65ad\u30ea\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044\u3002\n \n\u540d\u524d: ${name}\n\u751f\u5e74\u6708\u65e5: ${y}\u5e74${m}\u6708${d}\u65e5\n\u6570\u79d8\u30e9\u30a4\u30d5\u30d1\u30b9\u6570: ${lifePath}\n\u897f\u6d0b\u5360\u661f\u8853 \u592a\u967d\u661f\u5ea7: ${sunSign.name}\uff08${sunSign.en}\uff09\n\u30de\u30e4\u66a6 KIN${maya.kin}: ${maya.tone}\u306e${maya.seal}\n \n\u4ee5\u4e0b\u306eJSON\u5f62\u5f0f\u306e\u307f\u3067\u8fd4\u3057\u3066\u304f\u3060\u3055\u3044\uff1a\n{\n  \"title\": \"\u3053\u306e\u4eba\u7269\u3092\u8c61\u5fb4\u3059\u308b\u77ed\u3044\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff0820\u5b57\u4ee5\u5185\uff09\",\n  \"numerology_text\": \"\u30e9\u30a4\u30d5\u30d1\u30b9${lifePath}\u306b\u3064\u3044\u3066\u306e\u6df1\u3044\u30ea\u30fc\u30c7\u30a3\u30f3\u30b0\uff08200\u5b57\u7a0b\u5ea6\uff09\",\n  \"astrology_text\": \"${sunSign.name}\u306b\u3064\u3044\u3066\u306e\u6df1\u3044\u30ea\u30fc\u30c7\u30a3\u30f3\u30b0\uff08200\u5b57\u7a0b\u5ea6\uff09\",\n  \"maya_text\": \"KIN${maya.kin} ${maya.tone}\u306e${maya.seal}\u306b\u3064\u3044\u3066\u306e\u6df1\u3044\u30ea\u30fc\u30c7\u30a3\u30f3\u30b0\uff08200\u5b57\u7a0b\u5ea6\uff09\",\n  \"integration\": \"\u4e09\u3064\u306e\u53e1\u667a\u3092\u7d71\u5408\u3057\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u3002\u8a69\u7684\u3067\u672c\u8cea\u3092\u7a81\u304f\u8a00\u8449\u3067\uff08300\u5b57\u7a0b\u5ea6\uff09\",\n  \"article_keyword\": \"\u95a2\u9023\u8a18\u4e8b\u691c\u7d22\u7528\u30ad\u30fc\u30ef\u30fc\u30c9\uff08\u4f8b: \u6570\u79d87 \u4f7f\u547d\uff09\"\n}`;\n \n  try {\n    const response = await fetch('https:\/\/api.anthropic.com\/v1\/messages', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({\n        model: 'claude-sonnet-4-20250514',\n        max_tokens: 1000,\n        messages: [{ role: 'user', content: prompt }]\n      })\n    });\n \n    const data = await response.json();\n    const text = data.content.map(i => i.text || '').join('');\n \n    let result;\n    try {\n      result = JSON.parse(text.replace(\/```json|```\/g, '').trim());\n    } catch {\n      throw new Error('parse error');\n    }\n \n    \/\/ \u7d50\u679c\u8868\u793a\n    document.getElementById('loading').style.display = 'none';\n    document.getElementById('result').style.display = 'block';\n \n    document.getElementById('resultName').textContent = name + ' \u3055\u3093\u3078';\n    document.getElementById('resultTitle').textContent = result.title;\n    document.getElementById('numerologyValue').textContent = `\u30e9\u30a4\u30d5\u30d1\u30b9 ${lifePath}`;\n    document.getElementById('numerologyText').textContent = result.numerology_text;\n    document.getElementById('astrologyValue').textContent = sunSign.name;\n    document.getElementById('astrologyText').textContent = result.astrology_text;\n    document.getElementById('mayaValue').textContent = `KIN ${maya.kin} \u2014 ${maya.tone}\u306e${maya.seal}`;\n    document.getElementById('mayaText').textContent = result.maya_text;\n    document.getElementById('integrationText').textContent = result.integration;\n \n    \/\/ \u8a18\u4e8b\u30ea\u30f3\u30af\n    if (result.article_keyword) {\n      document.getElementById('articleBtn').href = `\/?s=${encodeURIComponent(result.article_keyword)}`;\n    }\n \n    window.scrollTo({ top: 0, behavior: 'smooth' });\n \n  } catch (e) {\n    document.getElementById('loading').style.display = 'none';\n    document.getElementById('errorMsg').style.display = 'block';\n    document.getElementById('formSection').style.display = 'block';\n  }\n}\n \nfunction resetForm() {\n  document.getElementById('result').style.display = 'none';\n  document.getElementById('formSection').style.display = 'block';\n  document.getElementById('nameInput').value = '';\n  yearSel.value = '';\n  monthSel.value = '';\n  daySel.value = '';\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n \n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Cosmic Triforia Free Reading \u3042\u306a\u305f\u306e\u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3\u304f \u751f\u5e74\u6708\u65e5\u304b\u3089\u3001\u4e09\u3064\u306e\u53e1\u667a\u304c\u4ea4\u5dee\u3059\u308b\u5834\u6240\u3078 \u6570\u79d8\u8853 \u897f\u6d0b\u5360\u661f\u8853 \u30de\u30e4\u66a6 \u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09 \u751f\u5e74\u6708\u65e5 \u5e74 \u6708 \u65e5 \u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u7121\u6599\u9451\u5b9a - Cosmic Triforia<\/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:\/\/www.milaraspa.com\/?page_id=87\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u7121\u6599\u9451\u5b9a - Cosmic Triforia\" \/>\n<meta property=\"og:description\" content=\"\u2190 Cosmic Triforia Free Reading \u3042\u306a\u305f\u306e\u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3\u304f \u751f\u5e74\u6708\u65e5\u304b\u3089\u3001\u4e09\u3064\u306e\u53e1\u667a\u304c\u4ea4\u5dee\u3059\u308b\u5834\u6240\u3078 \u6570\u79d8\u8853 \u897f\u6d0b\u5360\u661f\u8853 \u30de\u30e4\u66a6 \u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09 \u751f\u5e74\u6708\u65e5 \u5e74 \u6708 \u65e5 \u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.milaraspa.com\/?page_id=87\" \/>\n<meta property=\"og:site_name\" content=\"Cosmic Triforia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-03T16:49:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"23\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.milaraspa.com\/?page_id=87\",\"url\":\"https:\/\/www.milaraspa.com\/?page_id=87\",\"name\":\"\u7121\u6599\u9451\u5b9a - Cosmic Triforia\",\"isPartOf\":{\"@id\":\"https:\/\/www.milaraspa.com\/#website\"},\"datePublished\":\"2025-09-10T00:04:34+00:00\",\"dateModified\":\"2026-04-03T16:49:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.milaraspa.com\/?page_id=87#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.milaraspa.com\/?page_id=87\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.milaraspa.com\/?page_id=87#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\/\/www.milaraspa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u7121\u6599\u9451\u5b9a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.milaraspa.com\/#website\",\"url\":\"https:\/\/www.milaraspa.com\/\",\"name\":\"Cosmic Triforia\",\"description\":\"\u4e09\u4f4d\u4e00\u4f53\u306e\u53e1\u667a\u3092\u5c4a\u3051\u308b\u30aa\u30e9\u30af\u30eb\u30e1\u30c7\u30a3\u30a2\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.milaraspa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u7121\u6599\u9451\u5b9a - Cosmic Triforia","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:\/\/www.milaraspa.com\/?page_id=87","og_locale":"ja_JP","og_type":"article","og_title":"\u7121\u6599\u9451\u5b9a - Cosmic Triforia","og_description":"\u2190 Cosmic Triforia Free Reading \u3042\u306a\u305f\u306e\u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3\u304f \u751f\u5e74\u6708\u65e5\u304b\u3089\u3001\u4e09\u3064\u306e\u53e1\u667a\u304c\u4ea4\u5dee\u3059\u308b\u5834\u6240\u3078 \u6570\u79d8\u8853 \u897f\u6d0b\u5360\u661f\u8853 \u30de\u30e4\u66a6 \u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09 \u751f\u5e74\u6708\u65e5 \u5e74 \u6708 \u65e5 \u8a2d\u8a08\u56f3\u3092\u8aad\u307f\u89e3 [&hellip;]","og_url":"https:\/\/www.milaraspa.com\/?page_id=87","og_site_name":"Cosmic Triforia","article_modified_time":"2026-04-03T16:49:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"23\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.milaraspa.com\/?page_id=87","url":"https:\/\/www.milaraspa.com\/?page_id=87","name":"\u7121\u6599\u9451\u5b9a - Cosmic Triforia","isPartOf":{"@id":"https:\/\/www.milaraspa.com\/#website"},"datePublished":"2025-09-10T00:04:34+00:00","dateModified":"2026-04-03T16:49:30+00:00","breadcrumb":{"@id":"https:\/\/www.milaraspa.com\/?page_id=87#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.milaraspa.com\/?page_id=87"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.milaraspa.com\/?page_id=87#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.milaraspa.com\/"},{"@type":"ListItem","position":2,"name":"\u7121\u6599\u9451\u5b9a"}]},{"@type":"WebSite","@id":"https:\/\/www.milaraspa.com\/#website","url":"https:\/\/www.milaraspa.com\/","name":"Cosmic Triforia","description":"\u4e09\u4f4d\u4e00\u4f53\u306e\u53e1\u667a\u3092\u5c4a\u3051\u308b\u30aa\u30e9\u30af\u30eb\u30e1\u30c7\u30a3\u30a2","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.milaraspa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":2,"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/www.milaraspa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}