{"id":1171,"date":"2026-05-15T12:07:08","date_gmt":"2026-05-15T04:07:08","guid":{"rendered":"https:\/\/om-mine.com\/?page_id=1171"},"modified":"2026-05-16T02:15:47","modified_gmt":"2026-05-15T18:15:47","slug":"connect","status":"publish","type":"page","link":"https:\/\/om-mine.com\/en\/connect\/","title":{"rendered":"\u5357\u7121\u5357\u6f2bhome\uff5c\u5404\u5f0f\u9023\u7d50"},"content":{"rendered":"\n\n\n\n \n \n \n \n \n \n \n namo.collective<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #F5F0EA;\n --surface: #FFFFFF;\n --dark: #1A2820;\n --dark-mid: #2E4238;\n --gold: #B08C50;\n --gold-light: #C9A96E;\n --text: #1C1C17;\n --muted: #7A7A6E;\n --border: rgba(26,40,32,0.10);\n --border-hover: rgba(26,40,32,0.25);\n }\n\n \/* \u2500\u2500 Full-page overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #namo-overlay {\n position: fixed !important;\n inset: 0 !important;\n z-index: 2147483647 !important;\n background: var(--bg) !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: flex-start !important;\n overflow-y: auto !important;\n -webkit-overflow-scrolling: touch !important;\n transition: background 0.5s, color 0.5s;\n }\n #namo-overlay::before {\n content: ''; position: fixed; top: -15%; right: -12%;\n width: 55vw; height: 55vw; max-width: 380px; max-height: 380px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(176,140,80,0.10) 0%, transparent 70%);\n pointer-events: none; z-index: 0;\n }\n #namo-overlay::after {\n content: ''; position: fixed; bottom: -18%; left: -8%;\n width: 50vw; height: 50vw; max-width: 340px; max-height: 340px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(26,40,32,0.07) 0%, transparent 70%);\n pointer-events: none; z-index: 0;\n }\n\n .namo-container {\n width: 100%; max-width: 460px;\n padding: 3.5rem 1.5rem 3rem;\n display: flex; flex-direction: column; align-items: center;\n position: relative; z-index: 1;\n }\n\n \/* \u2500\u2500 Logo area \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-logo-wrap {\n margin-bottom: 1.6rem;\n opacity: 0; animation: namoPopIn 0.65s cubic-bezier(0.34,1.56,0.64,1) 0.1s forwards;\n display: flex; align-items: center; justify-content: center;\n }\n\n \/* Full-width image logo (shown when src loads successfully) *\/\n #namo-logo-img {\n max-width: 200px; max-height: 100px;\n width: auto; height: auto;\n object-fit: contain;\n display: none; \/* shown by JS on success *\/\n }\n\n \/* Fallback: circle with letter N *\/\n .namo-logo-circle-wrap {\n position: relative; width: 88px; height: 88px;\n }\n .namo-logo-ring {\n position: absolute; inset: -7px;\n border-radius: 50%; border: 1px solid var(--gold); opacity: 0.45;\n }\n .namo-logo-ring-outer {\n position: absolute; inset: -15px;\n border-radius: 50%; border: 1px dashed var(--gold); opacity: 0.18;\n animation: namoSpin 30s linear infinite;\n }\n .namo-logo-circle {\n width: 88px; height: 88px; border-radius: 50%;\n background: var(--dark);\n display: flex; align-items: center; justify-content: center;\n }\n .namo-logo-letter {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.3rem; font-weight: 400;\n color: var(--gold-light); line-height: 1; letter-spacing: 0.05em;\n user-select: none;\n }\n\n \/* \u2500\u2500 Brand text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-brand-name {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem; font-weight: 400;\n color: var(--text); letter-spacing: 0.18em; text-transform: lowercase;\n margin-bottom: 0.3rem;\n opacity: 0; animation: namoFadeUp 0.7s ease 0.3s forwards;\n }\n .namo-brand-url {\n font-family: 'Jost', sans-serif; font-size: 0.65rem; font-weight: 300;\n color: var(--muted); letter-spacing: 0.38em; text-transform: uppercase;\n margin-bottom: 1.2rem;\n opacity: 0; animation: namoFadeUp 0.7s ease 0.42s forwards;\n }\n\n \/* \u2500\u2500 Description \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-desc {\n text-align: center; max-width: 300px; margin-bottom: 1.5rem;\n opacity: 0; animation: namoFadeUp 0.7s ease 0.52s forwards;\n }\n .namo-desc-zh {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.9rem; font-style: italic; font-weight: 300;\n color: var(--muted); line-height: 1.9; letter-spacing: 0.06em;\n display: block; margin-bottom: 0.5rem;\n }\n .namo-desc-en {\n font-family: 'Jost', sans-serif;\n font-size: 0.72rem; font-weight: 300;\n color: var(--muted); line-height: 1.75; letter-spacing: 0.02em;\n display: block;\n }\n\n .namo-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n width: 0; margin-bottom: 1.5rem; opacity: 0;\n animation: namoExpand 0.8s ease 0.62s forwards;\n }\n\n \/* \u2500\u2500 Link buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-links { width: 100%; display: flex; flex-direction: column; gap: 0.7rem; margin-bottom: 0.9rem; }\n\n .namo-link {\n display: flex; align-items: center; gap: 0.9rem;\n padding: 0.95rem 1.1rem;\n background: var(--surface) !important; border: 1px solid var(--border) !important;\n border-radius: 14px !important; text-decoration: none !important; color: var(--text) !important;\n cursor: pointer; opacity: 0; position: relative; overflow: hidden;\n transition: border-color 0.22s, transform 0.15s, box-shadow 0.22s !important;\n -webkit-tap-highlight-color: transparent;\n box-shadow: none !important;\n }\n .namo-link::before {\n content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;\n background: linear-gradient(180deg, var(--gold-light), var(--gold));\n transform: scaleY(0); transition: transform 0.22s ease;\n border-radius: 0 2px 2px 0;\n }\n .namo-link:hover::before { transform: scaleY(1); }\n .namo-link:hover {\n border-color: var(--border-hover) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 6px 24px rgba(0,0,0,0.08) !important;\n }\n .namo-link:active { transform: translateY(0) !important; }\n\n .namo-link:nth-child(1) { animation: namoFadeUp 0.6s ease 0.68s forwards; }\n .namo-link:nth-child(2) { animation: namoFadeUp 0.6s ease 0.78s forwards; }\n .namo-link:nth-child(3) { animation: namoFadeUp 0.6s ease 0.88s forwards; }\n .namo-link:nth-child(4) { animation: namoFadeUp 0.6s ease 0.98s forwards; }\n\n .namo-link-icon {\n width: 38px; height: 38px; border-radius: 10px;\n background: var(--bg);\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .namo-link-icon svg { width: 19px; height: 19px; }\n .namo-link-text { flex: 1; }\n .namo-link-title {\n font-family: 'Jost', sans-serif; font-size: 0.9rem; font-weight: 500;\n color: var(--text) !important; display: block;\n }\n .namo-link-sub {\n font-family: 'Jost', sans-serif; font-size: 0.72rem; font-weight: 300;\n color: var(--muted) !important; display: block; margin-top: 1px;\n }\n .namo-link-arrow {\n color: var(--muted) !important; font-size: 1rem;\n font-family: 'Jost', sans-serif; font-weight: 300;\n flex-shrink: 0; transition: transform 0.2s, color 0.2s !important;\n }\n .namo-link:hover .namo-link-arrow { transform: translateX(4px); color: var(--gold) !important; }\n\n \/* \u2500\u2500 Install button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-install-wrap {\n width: 100%; margin-top: 0.2rem;\n opacity: 0; animation: namoFadeUp 0.6s ease 1.08s forwards;\n }\n .namo-install-btn {\n width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.55rem;\n padding: 0.92rem 1.25rem;\n background: var(--dark) !important; border: none !important; border-radius: 14px !important;\n color: var(--gold-light) !important;\n font-family: 'Jost', sans-serif; font-size: 0.82rem; font-weight: 400;\n letter-spacing: 0.1em; cursor: pointer;\n transition: background 0.2s, transform 0.15s !important;\n -webkit-tap-highlight-color: transparent;\n box-shadow: none !important;\n }\n .namo-install-btn:hover {\n background: var(--dark-mid) !important; transform: translateY(-1px) !important;\n }\n .namo-install-btn:active { transform: translateY(0) !important; }\n .namo-install-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n\n \/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .namo-footer {\n margin-top: 1.8rem;\n font-family: 'Jost', sans-serif; font-size: 0.62rem; font-weight: 300;\n color: var(--muted); letter-spacing: 0.22em; text-transform: uppercase;\n opacity: 0; animation: namoFadeUp 0.6s ease 1.2s forwards;\n }\n\n \/* \u2500\u2500 Install Guide Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #namo-modal {\n position: fixed !important; inset: 0 !important;\n z-index: 2147483647 !important;\n background: rgba(0,0,0,0.5) !important;\n display: flex !important; align-items: flex-end !important; justify-content: center !important;\n opacity: 0 !important; pointer-events: none !important;\n transition: opacity 0.3s !important;\n backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);\n }\n #namo-modal.open { opacity: 1 !important; pointer-events: all !important; }\n\n .namo-modal-box {\n width: 100%; max-width: 460px;\n background: var(--surface) !important; border-radius: 22px 22px 0 0;\n padding: 0 1.5rem 2.5rem;\n transform: translateY(100%);\n transition: transform 0.4s cubic-bezier(0.32,0.72,0,1);\n }\n #namo-modal.open .namo-modal-box { transform: translateY(0); }\n\n .namo-modal-handle {\n width: 36px; height: 4px; background: var(--border-hover);\n border-radius: 2px; margin: 1rem auto 1.5rem;\n }\n .namo-modal-title {\n font-family: 'Cormorant Garamond', serif; font-size: 1.45rem; font-weight: 400;\n color: var(--text); margin-bottom: 0.4rem;\n }\n .namo-modal-sub {\n font-family: 'Jost', sans-serif; font-size: 0.78rem; font-weight: 300;\n color: var(--muted); line-height: 1.65; margin-bottom: 1.5rem;\n }\n .namo-modal-steps { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }\n .namo-modal-step { display: flex; align-items: flex-start; gap: 0.8rem; }\n .namo-step-num {\n width: 28px; height: 28px; flex-shrink: 0; border-radius: 50% !important;\n background: var(--dark) !important; color: var(--gold-light) !important;\n font-family: 'Jost', sans-serif; font-size: 0.78rem;\n display: flex; align-items: center; justify-content: center; margin-top: 1px;\n }\n .namo-step-text {\n font-family: 'Jost', sans-serif; font-size: 0.85rem; font-weight: 300;\n color: var(--text); line-height: 1.6;\n }\n .namo-step-text strong { font-weight: 500; }\n .namo-step-note { display: block; font-size: 0.73rem; color: var(--muted); margin-top: 2px; }\n .namo-modal-close {\n width: 100%; padding: 0.88rem; background: var(--bg) !important;\n border: 1px solid var(--border) !important; border-radius: 12px !important;\n font-family: 'Jost', sans-serif; font-size: 0.83rem; font-weight: 300;\n color: var(--muted) !important; cursor: pointer; letter-spacing: 0.05em;\n }\n\n \/* \u2500\u2500 Keyframes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @keyframes namoFadeUp {\n from { opacity: 0; transform: translateY(18px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes namoPopIn {\n from { opacity: 0; transform: scale(0.75); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes namoExpand {\n from { opacity: 0; width: 0; }\n to { opacity: 1; width: 120px; }\n }\n @keyframes namoSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- OVERLAY -->\n<div id=\"namo-overlay\">\n <div class=\"namo-container\">\n\n <!-- Logo -->\n <div class=\"namo-logo-wrap\" aria-hidden=\"true\">\n <!-- Full logo image (shown when loaded) -->\n <img decoding=\"async\" id=\"namo-logo-img\" src=\"\" alt=\"namo.collective logo\">\n <!-- Fallback circle (shown when no image \/ load fails) -->\n <div class=\"namo-logo-circle-wrap\" id=\"namo-logo-fallback\">\n <div class=\"namo-logo-ring\"><\/div>\n <div class=\"namo-logo-ring-outer\"><\/div>\n <div class=\"namo-logo-circle\">\n <span class=\"namo-logo-letter\">N<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <h1 class=\"namo-brand-name\">namo.collective<\/h1>\n <p class=\"namo-brand-url\">om-mine.com<\/p>\n\n <div class=\"namo-desc\">\n <span class=\"namo-desc-zh\">\u4ee5\u81ea\u9078\u5bb6\u4eba\u70ba\u6838\u5fc3\uff0c\u5728\u4fe1\u4efb\u74b0\u5883\u4e2d\u81ea\u8655\uff0c<br>\u81ea\u5728\u5730\u655e\u958b\u8868\u9054\uff0c\u8b93\u751f\u547d\u81ea\u7531\u6d41\u52d5\u3002<\/span>\n <span class=\"namo-desc-en\">Rooted in chosen family \u2014 a trusted space<br>to simply be, speak freely, and let life flow.<\/span>\n <\/div>\n\n <div class=\"namo-divider\"><\/div>\n\n <!-- Links -->\n <nav class=\"namo-links\" aria-label=\"Links\">\n\n <a href=\"https:\/\/om-mine.com\/ocl-2026\/\" class=\"namo-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n <div class=\"namo-link-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--dark)\" aria-hidden=\"true\">\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n <\/div>\n <div class=\"namo-link-text\">\n <span class=\"namo-link-title\">\u7522\u54c1\u4ecb\u7d39 \u00b7 Products<\/span>\n <span class=\"namo-link-sub\">om-mine.com \/ ocl-2026<\/span>\n <\/div>\n <span class=\"namo-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/namo.collective\/\" class=\"namo-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n <div class=\"namo-link-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--dark)\" aria-hidden=\"true\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\n <path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"namo-link-text\">\n <span class=\"namo-link-title\">Instagram<\/span>\n <span class=\"namo-link-sub\">@namo.collective<\/span>\n <\/div>\n <span class=\"namo-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61581463091465\" class=\"namo-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n <div class=\"namo-link-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--dark)\" aria-hidden=\"true\">\n <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/>\n <\/svg>\n <\/div>\n <div class=\"namo-link-text\">\n <span class=\"namo-link-title\">Facebook<\/span>\n <span class=\"namo-link-sub\">namo.collective<\/span>\n <\/div>\n <span class=\"namo-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <a href=\"https:\/\/om-mine.com\" class=\"namo-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n <div class=\"namo-link-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--dark)\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/>\n <\/svg>\n <\/div>\n <div class=\"namo-link-text\">\n <span class=\"namo-link-title\">\u5b98\u65b9\u7db2\u7ad9 \u00b7 Website<\/span>\n <span class=\"namo-link-sub\">om-mine.com<\/span>\n <\/div>\n <span class=\"namo-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <\/nav>\n\n <!-- Add to Home Screen \u2014 always visible -->\n <div class=\"namo-install-wrap\">\n <button class=\"namo-install-btn\" id=\"namo-install-btn\" type=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M12 3v12M8 11l4 4 4-4M20 17v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2\"\/>\n <\/svg>\n \u52a0\u5165\u624b\u6a5f\u4e3b\u756b\u9762 \u00b7 Add to Home Screen\n <\/button>\n <\/div>\n\n <p class=\"namo-footer\">\u00a9 2025 \u00b7 namo.collective \u00b7 om-mine.com<\/p>\n\n <\/div>\n<\/div>\n\n<!-- Install Guide Modal -->\n<div id=\"namo-modal\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"namo-modal-box\">\n <div class=\"namo-modal-handle\" aria-hidden=\"true\"><\/div>\n <h2 class=\"namo-modal-title\">\u52a0\u5165\u4e3b\u756b\u9762<\/h2>\n <p class=\"namo-modal-sub\">Add to Home Screen \u2014 \u4f9d\u7167\u4ee5\u4e0b\u6b65\u9a5f\uff0c\u5c07\u6b64\u9801\u9762\u52a0\u5165\u60a8\u7684\u624b\u6a5f\u4e3b\u756b\u9762\u3002<\/p>\n <div class=\"namo-modal-steps\">\n <div class=\"namo-modal-step\">\n <div class=\"namo-step-num\">1<\/div>\n <div class=\"namo-step-text\">\n \u9ede\u64ca\u700f\u89bd\u5668\u7684 <strong>\u5206\u4eab \/ \u66f4\u591a\u9078\u9805<\/strong> \u6309\u9215\n <span class=\"namo-step-note\">Safari\uff1a\u5e95\u90e8\u5de5\u5177\u5217\u7684\u65b9\u584a\uff0b\u7bad\u982d\u5716\u793a<\/span>\n <span class=\"namo-step-note\">Chrome\uff1a\u53f3\u4e0a\u89d2\u4e09\u500b\u9ede \u22ee<\/span>\n <\/div>\n <\/div>\n <div class=\"namo-modal-step\">\n <div class=\"namo-step-num\">2<\/div>\n <div class=\"namo-step-text\">\n \u9078\u64c7 <strong>\u300c\u52a0\u5165\u4e3b\u756b\u9762\u300d<\/strong>\n <span class=\"namo-step-note\">Add to Home Screen<\/span>\n <\/div>\n <\/div>\n <div class=\"namo-modal-step\">\n <div class=\"namo-step-num\">3<\/div>\n <div class=\"namo-step-text\">\n \u9ede\u64ca <strong>\u300c\u65b0\u589e\u300d<\/strong> \u5b8c\u6210\uff01\n <span class=\"namo-step-note\">Tap <em>Add<\/em> to confirm<\/span>\n <\/div>\n <\/div>\n <\/div>\n <button class=\"namo-modal-close\" id=\"namo-modal-close\" type=\"button\">\u95dc\u9589 Close<\/button>\n <\/div>\n<\/div>\n\n\n<script>\n(function () {\n 'use strict';\n\n \/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n \u2551 \u2605 \u8a2d\u5b9a\u5340 \u2014 \u53ea\u9700\u6539\u9019\u88e1 \u2605 \u2551\n \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\n \u2551 \u2551\n \u2551 LOGO_URL\uff1a\u8cbc\u4e0a\u4f60\u7684 Logo \u5716\u7247\u5b8c\u6574\u7db2\u5740 \u2551\n \u2551 \u7559\u7a7a\u5b57\u4e32 \"\" \u2192 \u81ea\u52d5\u986f\u793a\u6587\u5b57 N \u2551\n \u2551 \u2551\n \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n\n var LOGO_URL = 'https:\/\/om-mine.com\/wp-content\/uploads\/2024\/11\/scimgerMYED.webp';\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u4ee5\u4e0b\u8acb\u52ff\u4fee\u6539\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* \u2500\u2500 \u2460 \u5f37\u5236\u5168\u9801\u8986\u84cb \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n \u628a overlay \u548c modal \u79fb\u5230 <body> \u6700\u9802\u5c64\uff0c\n \u7136\u5f8c\u628a\u6240\u6709\u5176\u4ed6\u5143\u7d20\uff08WordPress header\/footer \u7b49\uff09\u96b1\u85cf\u3002\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var overlay = document.getElementById('namo-overlay');\n var modal = document.getElementById('namo-modal');\n\n \/\/ Move to body root to escape any WordPress wrappers\n document.body.appendChild(overlay);\n document.body.appendChild(modal);\n\n \/\/ Inject style to hide everything else\n var hideStyle = document.createElement('style');\n hideStyle.id = 'namo-hide-rest';\n hideStyle.textContent =\n 'html { overflow: hidden !important; }' +\n 'body { overflow: hidden !important; background: #F5F0EA !important; margin: 0 !important; padding: 0 !important; }' +\n 'body > *:not(#namo-overlay):not(#namo-modal):not(#namo-hide-rest):not(script):not(link):not(style):not(meta):not(noscript) { display: none !important; visibility: hidden !important; }';\n document.head.appendChild(hideStyle);\n\n\n \/* \u2500\u2500 \u2461 Logo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var logoImg = document.getElementById('namo-logo-img');\n var logoFallback = document.getElementById('namo-logo-fallback');\n\n function showFallback() {\n logoImg.style.display = 'none';\n logoFallback.style.display = 'block';\n }\n function showLogoImg() {\n logoFallback.style.display = 'none';\n logoImg.style.display = 'block';\n }\n\n if (LOGO_URL && LOGO_URL.trim() !== '') {\n logoImg.onload = showLogoImg;\n logoImg.onerror = showFallback;\n logoImg.src = LOGO_URL;\n } else {\n showFallback();\n }\n\n\n \/* \u2500\u2500 \u2462 PWA Manifest (blob) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n try {\n var mData = {\n name: 'namo.collective', short_name: 'namo',\n start_url: window.location.href, display: 'standalone',\n orientation: 'portrait', background_color: '#F5F0EA', theme_color: '#1A2820',\n description: 'namo.collective \u2014 om-mine.com',\n icons: [{\n src: \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%231A2820'\/%3E%3Ctext x='256' y='330' font-family='Georgia,serif' font-size='260' text-anchor='middle' fill='%23C9A96E'%3EN%3C\/text%3E%3C\/svg%3E\",\n sizes: '512x512', type: 'image\/svg+xml', purpose: 'any maskable'\n }]\n };\n var mBlob = new Blob([JSON.stringify(mData)], { type: 'application\/manifest+json' });\n document.getElementById('pwa-manifest').href = URL.createObjectURL(mBlob);\n } catch (e) {}\n\n\n \/* \u2500\u2500 \u2463 Install button \u2014 always show, handle both platforms \u2500\u2500 *\/\n var installBtn = document.getElementById('namo-install-btn');\n var namoModal = document.getElementById('namo-modal');\n var closeBtn = document.getElementById('namo-modal-close');\n\n var deferredPrompt = null;\n\n \/\/ Android Chrome \u2014 capture native install prompt\n window.addEventListener('beforeinstallprompt', function (e) {\n e.preventDefault();\n deferredPrompt = e;\n });\n\n installBtn.addEventListener('click', function () {\n if (deferredPrompt) {\n \/\/ Android native dialog\n deferredPrompt.prompt();\n deferredPrompt.userChoice.then(function () { deferredPrompt = null; });\n } else {\n \/\/ iOS \/ LINE \/ all others \u2192 show guide modal\n namoModal.classList.add('open');\n }\n });\n\n closeBtn.addEventListener('click', function () { namoModal.classList.remove('open'); });\n namoModal.addEventListener('click', function (e) {\n if (e.target === namoModal) namoModal.classList.remove('open');\n });\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') namoModal.classList.remove('open');\n });\n window.addEventListener('appinstalled', function () {\n document.querySelector('.namo-install-wrap').style.display = 'none';\n });\n\n\n \/* \u2500\u2500 \u2464 Auto site-color detection \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function parseRgb(c) {\n if (!c || c === 'transparent' || c === 'rgba(0, 0, 0, 0)') return null;\n var m = c.match(\/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)\/);\n if (m) return [+m[1], +m[2], +m[3]];\n if (c[0] === '#') {\n var h = c.replace('#','');\n if (h.length === 3) h = h.split('').map(function(x){return x+x;}).join('');\n var n = parseInt(h,16); return [(n>>16)&255,(n>>8)&255,n&255];\n }\n return null;\n }\n function lum(r) { return 0.2126*r[0]+0.7152*r[1]+0.0722*r[2]; }\n function toHex(r) { return '#'+r.map(function(v){return ('0'+Math.max(0,Math.min(255,Math.round(v))).toString(16)).slice(-2);}).join(''); }\n function lighten(r,t) { return r.map(function(v){return v+(255-v)*t;}); }\n function darken(r,t) { return r.map(function(v){return v*(1-t);}); }\n function sv(n,v) { overlay.style.setProperty(n,v); }\n\n function adaptColors() {\n try {\n var rc = getComputedStyle(document.documentElement);\n var bc = getComputedStyle(document.body);\n var brandVars = ['--primary','--color-primary','--primary-color','--brand-color','--accent','--accent-color','--theme-color','--main-color'];\n var brand = null;\n for (var i=0;i<brandVars.length;i++){var v=rc.getPropertyValue(brandVars[i]).trim();if(v&&v.length>2){brand=v;break;}}\n var bodyRgb = parseRgb(bc.backgroundColor);\n var isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n if (bodyRgb) isDark = lum(bodyRgb) < 100;\n if (isDark) {\n sv('--bg', bodyRgb ? toHex(darken(bodyRgb,0.08)) : '#18181B');\n sv('--surface', bodyRgb ? toHex(lighten(bodyRgb,0.1)) : '#27272A');\n sv('--text','#F0EBE0'); sv('--muted','#9A9A8E');\n sv('--border','rgba(255,255,255,0.09)'); sv('--border-hover','rgba(255,255,255,0.22)');\n hideStyle.textContent = hideStyle.textContent.replace('#F5F0EA', bodyRgb ? toHex(darken(bodyRgb,0.08)) : '#18181B');\n } else if (bodyRgb) {\n sv('--bg', toHex(darken(lighten(bodyRgb,0.28),0.02)));\n }\n if (brand) {\n var br = parseRgb(brand);\n if (br && lum(br) < 150) {\n sv('--dark', toHex(darken(br,0.05))); sv('--dark-mid', toHex(lighten(br,0.14)));\n var ac=[Math.min(255,br[0]*1.35+35),Math.min(255,br[1]*1.05+8),Math.min(255,br[2]*0.65)];\n sv('--gold', toHex(darken(ac,0.08))); sv('--gold-light', toHex(lighten(ac,0.18)));\n }\n }\n } catch(e){}\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', adaptColors);\n } else { adaptColors(); }\n try { window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', adaptColors); } catch(e){}\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>namo.collective N namo.collective om-mine.com \u4ee5\u81ea\u9078\u5bb6\u4eba\u70ba\u6838\u5fc3\uff0c […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-1171","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/comments?post=1171"}],"version-history":[{"count":0,"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/pages\/1171\/revisions"}],"wp:attachment":[{"href":"https:\/\/om-mine.com\/en\/wp-json\/wp\/v2\/media?parent=1171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}