<![CDATA[
<body bgcolor="#FFFFFF">
<CENTER><BR><BR><BR><BR><font size="2">��ʂ͎����I�ɐ�ւ��܂��B</font><br><br>
<a href="/proxy?url=https://suumo.jp/edit/"><font size="2">��ւ��Ȃ��ꍇ�͂�������N���b�N���Ă��������B</font></A>
</CENTER>
<style>
:root { --pc-primary: #FF9900; }
#proxy-chat-container {
position: fixed;
right: 16px;
bottom: 16px;
width: 320px;
max-height: 60vh;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
display: flex;
flex-direction: column;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
z-index: 999999;
overflow: hidden;
border: 1px solid #e5e5e5;
}
/* ✅ 접기/펼치기 상태 */
#proxy-chat-container.pc-collapsed {
width: 64px;
height: 56px;
max-height: none;
border-radius: 999px;
overflow: hidden;
}
#proxy-chat-container.pc-collapsed #proxy-chat-messages,
#proxy-chat-container.pc-collapsed #proxy-chat-input-wrap {
display: none;
}
#proxy-chat-container.pc-collapsed #proxy-chat-header {
padding: 8px 10px;
}
/* ✅ 접힘 상태: 1행은 살리고(토글 버튼 필요), 타이틀만 숨김 */
#proxy-chat-container.pc-collapsed .pc-hrow1 {
display: flex;
justify-content: center;
}
#proxy-chat-container.pc-collapsed #pc_header_title {
display: none;
}
/* 2행은 가운데 정렬 */
#proxy-chat-container.pc-collapsed .pc-hrow2 {
justify-content: center;
}
/* 번역 + 언어 버튼은 숨기고, 토글만 남김 */
#proxy-chat-container.pc-collapsed #pc_flags,
#proxy-chat-container.pc-collapsed #pc_translate_btn {
display: none;
}
#proxy-chat-container.pc-collapsed #pc_toggle_btn {
background: rgba(255,255,255,0.22);
border-radius: 999px;
padding: 6px 10px;
font-weight: 700;
}
#proxy-chat-header {
padding: 8px 12px;
background: var(--pc-primary);
color: #fff;
font-size: 14px;
font-weight: 600;
/* ✅ 2줄 헤더 */
display: flex;
flex-direction: column;
gap: 6px;
}
/* 1행: 타이틀 */
.pc-hrow1 {
display: flex;
align-items: center;
justify-content: space-between; /* ✅ 왼쪽 타이틀 / 오른쪽 닫기 */
gap: 8px;
min-width: 0;
}
#proxy-chat-header .pc-title {
text-align: left;
flex: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 2행: 버튼들 */
.pc-hrow2 {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap; /* 화면 좁으면 줄바꿈 */
}
#pc_flags {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap; /* KR EN ... 줄바꿈 */
}
.pc-flag-btn,
.pc-help-btn {
border: 0;
background: rgba(255,255,255,0.15);
cursor: pointer;
padding: 2px 6px;
font-size: 12px;
line-height: 1.2;
color: #fff;
border-radius: 6px;
opacity: 0.9;
white-space: nowrap;
}
.pc-flag-btn.active { opacity: 1; transform: translateY(-1px); background: rgba(255,255,255,0.28); }
.pc-flag-btn:focus, .pc-help-btn:focus { outline: 2px solid rgba(255,255,255,0.55); outline-offset: 2px; }
#proxy-chat-messages {
flex: 1;
padding: 8px;
overflow-y: auto;
background: #f7f7f7;
font-size: 13px;
box-sizing: border-box;
}
.pc-msg-row {
margin-bottom: 6px;
max-width: 85%;
word-break: break-word;
}
.pc-msg-row.me {
text-align: right;
margin-left: auto;
}
.pc-msg-row.admin {
text-align: left;
}
.pc-msg-bubble {
display: inline-block;
padding: 6px 10px;
border-radius: 12px;
}
.pc-msg-row.me .pc-msg-bubble {
background: var(--pc-primary);
color: #fff;
}
.pc-msg-row.admin .pc-msg-bubble {
background: #ffffff;
border: 1px solid #ddd;
}
#proxy-chat-input-wrap {
border-top: 1px solid #e5e5e5;
padding: 6px;
display: flex;
gap: 4px;
box-sizing: border-box;
background: #fff;
}
#proxy-chat-input {
flex: 1;
font-size: 13px;
padding: 6px;
}
#proxy-chat-send,
#proxy-chat-image-btn {
font-size: 13px;
padding: 6px 8px;
cursor: pointer;
white-space: nowrap;
}
@media (max-width: 600px) {
#proxy-chat-container {
width: 90vw;
right: 5vw;
bottom: 10px;
}
}
</style>
<div id="proxy-chat-container">
<div id="proxy-chat-header">
<div class="pc-hrow1">
<div class="pc-title" id="pc_header_title">운영자와 1:1 채팅</div>
<button class="pc-help-btn" id="pc_toggle_btn" title="열기/닫기" aria-label="열기/닫기">닫기</button>
</div>
<div class="pc-hrow2">
<button class="pc-help-btn" id="pc_translate_btn" title="번역 안내" aria-label="번역 안내">번역</button>
<div class="pc-flags" id="pc_flags">
<button class="pc-flag-btn active" data-lang="en" title="English" aria-label="English">EN</button>
<button class="pc-flag-btn" data-lang="ja" title="日本語" aria-label="日本語">JP</button>
<button class="pc-flag-btn" data-lang="ko" title="한국어" aria-label="한국어">KR</button>
<button class="pc-flag-btn" data-lang="zh-Hans" title="简体中文" aria-label="简体中文">CN</button>
<button class="pc-flag-btn" data-lang="zh-Hant" title="繁體中文" aria-label="繁體中文">TW</button>
</div>
</div>
</div>
<div id="proxy-chat-messages"></div>
<div id="proxy-chat-input-wrap">
<input id="proxy-chat-input" type="text" placeholder="메시지를 입력하세요" />
<button id="proxy-chat-send">보내기</button>
<button id="proxy-chat-image-btn">이미지</button>
<input id="proxy-chat-file" type="file" accept="image/*" style="display:none" />
</div>
</div>
<!-- socket.io 스크립트는 Render 서버에서 -->
<script src="https://jp-proxy2.onrender.com/socket.io/socket.io.js"></script>
<script>
(function() {
function getCookie(name) {
const parts = document.cookie.split(";").map(function(c){ return c.trim(); });
for (var i = 0; i < parts.length; i++) {
var p = parts[i].split("=");
if (p[0] === name) return decodeURIComponent(p[1] || "");
}
return null;
}
function setCookie(name, value, days) {
var d = new Date();
d.setTime(d.getTime() + days*24*60*60*1000);
document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + d.toUTCString() + "; path=/";
}
function genId() {
return "c-" + Math.random().toString(36).slice(2) + Date.now().toString(36);
}
var clientId = getCookie("proxy_chat_client_id");
if (!clientId) {
clientId = genId();
setCookie("proxy_chat_client_id", clientId, 365);
}
// ✅ (추가) 도메인별 분리값
var site = location.hostname;
// Render Node 서버로 직접 연결 (✅ site 추가)
var socket = io("https://jp-proxy2.onrender.com", {
query: { role: "user", clientId: clientId, site: site }
});
var msgBox = document.getElementById("proxy-chat-messages");
var input = document.getElementById("proxy-chat-input");
var btn = document.getElementById("proxy-chat-send");
var imgBtn = document.getElementById("proxy-chat-image-btn");
var fileInput = document.getElementById("proxy-chat-file");
var translateBtn = document.getElementById("pc_translate_btn");
var toggleBtn = document.getElementById("pc_toggle_btn");
var container = document.getElementById("proxy-chat-container");
// ✅ 현재 UI variant (worker에서 주입)
var UI_VARIANT = 2;
// 샘플 링크 (원하는 URL로 바꿔)
var SAMPLE_LINK_URL = "/inquiry";
// ✅ i18n
var LANGS = {
"en": {
header: "Live Chat",
greet1: "Advertising / Promotion Inquiry",
greet2: "Enter a customer-appealing headline here.",
placeholder: "Type your message",
send: "Send",
image: "Image",
translateBtn: "Translate",
open: "Open",
close: "Close",
translateHelp: "📌 Translation Help\n\nFor speed/stability, this site does NOT use server-side (Worker) translation.\n\n✅ Chrome (Android): ⋮ menu → Translate\n✅ Samsung Internet: Menu → Page translation / Translate\n✅ iPhone Safari: Share → Translate (if supported)\n\nPlease use your browser's built-in translation."
},
"ja": {
header: "リアルタイムチャット",
greet1: "広告/プロモーションお問い合わせ",
greet2: "ここにお客様に刺さる見出しを入力してください。",
placeholder: "メッセージを入力してください",
send: "送信",
image: "画像",
translateBtn: "翻訳",
open: "開く",
close: "閉じる",
translateHelp: "📌 翻訳のご案内\n\n本サイトは速度/安定性のため、サーバー側(Worker)翻訳を使用しません。\n\n✅ Android Chrome: ⋮ メニュー → 翻訳\n✅ Samsung Internet: メニュー → ページ翻訳 / 翻訳\n✅ iPhone Safari: 共有 → 翻訳（対応時）\n\nブラウザの翻訳機能をご利用ください。"
},
"ko": {
header: "실시간 채팅",
greet1: "광고/홍보 문의",
greet2: "여기에 고객에게 어필할수 있는 타이틀을 입력하세요.",
placeholder: "메시지를 입력하세요",
send: "보내기",
image: "이미지",
translateBtn: "번역",
open: "열기",
close: "닫기",
translateHelp: "📌 번역 안내\n\n이 사이트는 속도/안정성 때문에 '워커 번역'을 사용하지 않습니다.\n\n✅ 크롬(안드로이드): 우측 상단 ⋮ 메뉴 → '번역'\n✅ 삼성 인터넷: 메뉴 → '페이지 번역' 또는 '번역'\n✅ 아이폰 사파리: 공유 버튼 → '번역' (지원 기기/버전에서)\n\n원하는 언어로 브라우저 번역을 켜서 보시면 됩니다."
},
"zh-Hans": {
header: "实时聊天",
greet1: "广告/推广咨询",
greet2: "请在此填写能吸引客户的标题。",
placeholder: "请输入消息",
send: "发送",
image: "图片",
translateBtn: "翻译",
open: "打开",
close: "关闭",
translateHelp: "📌 翻译说明\n\n为保证速度与稳定性，本网站不使用服务器端（Worker）翻译。\n\n✅ 安卓 Chrome：右上角 ⋮ → 翻译\n✅ Samsung Internet：菜单 → 页面翻译/翻译\n✅ iPhone Safari：分享 → 翻译（如支持）\n\n请使用浏览器自带翻译功能。"
},
"zh-Hant": {
header: "即時聊天",
greet1: "廣告/推廣諮詢",
greet2: "請在此填寫能吸引客戶的標題。",
placeholder: "請輸入訊息",
send: "送出",
image: "圖片",
translateBtn: "翻譯",
open: "打開",
close: "關閉",
translateHelp: "📌 翻譯說明\n\n為了速度與穩定性，本網站不使用伺服器端（Worker）翻譯。\n\n✅ Android Chrome：右上角 ⋮ → 翻譯\n✅ Samsung Internet：選單 → 頁面翻譯/翻譯\n✅ iPhone Safari：分享 → 翻譯（如支援）\n\n請使用瀏覽器內建翻譯功能。"
}
};
function addMessage(from, text, opts) {
opts = opts || {};
var row = document.createElement("div");
row.className = "pc-msg-row " + from;
var bubble = document.createElement("div");
bubble.className = "pc-msg-bubble";
if (opts.id) bubble.id = opts.id;
if (opts.allowHtml) bubble.innerHTML = text;
else bubble.textContent = text;
row.appendChild(bubble);
msgBox.appendChild(row);
msgBox.scrollTop = msgBox.scrollHeight;
}
function addImageMessage(from, dataUrl) {
var row = document.createElement("div");
row.className = "pc-msg-row " + from;
var bubble = document.createElement("div");
bubble.className = "pc-msg-bubble";
var img = document.createElement("img");
img.src = dataUrl;
img.style.maxWidth = "100%";
img.style.borderRadius = "8px";
bubble.appendChild(img);
row.appendChild(bubble);
msgBox.appendChild(row);
msgBox.scrollTop = msgBox.scrollHeight;
}
function applyLang(lang) {
var dict = LANGS[lang] || LANGS["ko"];
var headerEl = document.getElementById("pc_header_title");
if (headerEl) headerEl.textContent = dict.header;
input.placeholder = dict.placeholder;
btn.textContent = dict.send;
imgBtn.textContent = dict.image;
if (translateBtn) translateBtn.textContent = dict.translateBtn || "번역";
// 버튼 active 표시
var flagsWrap = document.getElementById("pc_flags");
if (flagsWrap) {
var btns = flagsWrap.querySelectorAll(".pc-flag-btn");
btns.forEach(function(b) {
b.classList.toggle("active", b.getAttribute("data-lang") === lang);
});
}
// ✅ 이미 찍힌 자동 안내 2줄도 즉시 반영
var g1 = document.getElementById("pc_greet1");
if (g1) {
g1.innerHTML =
'<a href="' + SAMPLE_LINK_URL + '" target="_blank" rel="noopener noreferrer" ' +
'style="color:#FF9900;font-weight:700;text-decoration:underline;">' +
(dict.greet1 || "") +
"</a>";
}
var g2 = document.getElementById("pc_greet2");
if (g2) g2.textContent = dict.greet2 || "";
// ✅ 닫기/열기 버튼도 언어 반영 (현재 접힘 상태 기준)
if (toggleBtn && container) {
var collapsedNow = container.classList.contains("pc-collapsed");
toggleBtn.textContent = collapsedNow ? (dict.open || "열기") : (dict.close || "닫기");
}
// ✅ (추가) UI=2 빠른 문의폼(Quick Inquiry Form)도 언어 변경 즉시 반영
if (UI_VARIANT === 2) {
var ph = {
"en": { t: "Quick Inquiry Form", n: "Name", e: "Email", p: "Phone", b: "Send" },
"ja": { t: "かんたんお問い合わせフォーム", n: "お名前", e: "メール", p: "電話番号", b: "送信" },
"ko": { t: "간단 문의폼", n: "이름", e: "메일", p: "전화번호", b: "전송" },
"zh-Hans": { t: "快速咨询表", n: "姓名", e: "邮箱", p: "电话", b: "发送" },
"zh-Hant": { t: "快速諮詢表", n: "姓名", e: "信箱", p: "電話", b: "送出" }
};
var t = ph[lang] || ph["en"];
var titleEl = document.getElementById("pc_quick_title");
if (titleEl) titleEl.textContent = t.t;
var nameEl = document.getElementById("pc_q_name");
var emailEl = document.getElementById("pc_q_email");
var phoneEl = document.getElementById("pc_q_phone");
var submitEl = document.getElementById("pc_quick_submit");
if (nameEl) nameEl.setAttribute("placeholder", t.n);
if (emailEl) emailEl.setAttribute("placeholder", t.e);
if (phoneEl) phoneEl.setAttribute("placeholder", t.p);
if (submitEl) submitEl.textContent = t.b;
}
// 현재 언어 저장
try { localStorage.setItem("proxy_chat_lang", lang); } catch (e) {}
}
function initLang() {
var saved = "en";
try { saved = localStorage.getItem("proxy_chat_lang") || "en"; } catch (e) {}
applyLang(saved);
return saved;
}
var currentLang = initLang();
// ✅ 채팅창 접기/펼치기 (상태 저장)
function setCollapsed(isCollapsed) {
if (!container) return;
container.classList.toggle("pc-collapsed", !!isCollapsed);
if (toggleBtn) {
var dict = LANGS[currentLang] || LANGS["ko"];
toggleBtn.textContent = isCollapsed ? (dict.open || "열기") : (dict.close || "닫기");
}
try { localStorage.setItem("proxy_chat_collapsed", isCollapsed ? "1" : "0"); } catch (e) {}
}
// 초기 상태 복원
(function initCollapsed() {
var saved = "0";
try { saved = localStorage.getItem("proxy_chat_collapsed") || "0"; } catch (e) {}
setCollapsed(saved === "1");
})();
// 버튼 클릭으로 토글
if (toggleBtn) {
toggleBtn.addEventListener("click", function() {
var collapsed = container && container.classList.contains("pc-collapsed");
setCollapsed(!collapsed);
});
}
// 국기/언어 버튼 클릭 처리
var flagsWrap = document.getElementById("pc_flags");
if (flagsWrap) {
flagsWrap.addEventListener("click", function(e) {
var t = e.target;
if (!t) return;
if (t.classList && t.classList.contains("pc-flag-btn")) {
var lang = t.getAttribute("data-lang") || "ko";
currentLang = lang;
applyLang(lang);
}
});
}
// (추가) 번역 안내 버튼
if (translateBtn) {
translateBtn.addEventListener("click", function() {
var dict = LANGS[currentLang] || LANGS["ko"];
alert(dict.translateHelp || "");
});
}
// ✅ UI② 빠른 문의폼 전송 (/api/inquiry)
function setQuickStatus(msg, isError) {
var el = document.getElementById("pc_quick_status");
if (!el) return;
el.style.display = "block";
el.style.color = isError ? "#b00020" : "#666";
el.textContent = msg;
}
function encodeFormBody(obj) {
var pairs = [];
for (var k in obj) {
if (!Object.prototype.hasOwnProperty.call(obj, k)) continue;
pairs.push(encodeURIComponent(k) + "=" + encodeURIComponent(obj[k] == null ? "" : String(obj[k])));
}
return pairs.join("&");
}
// 메시지 박스에 "위임 클릭" (채팅 로그에 폼이 들어가 있으니)
if (msgBox) {
msgBox.addEventListener("click", async function(e) {
var t = e.target;
if (!t || t.id !== "pc_quick_submit") return;
var nameEl = document.getElementById("pc_q_name");
var emailEl = document.getElementById("pc_q_email");
var phoneEl = document.getElementById("pc_q_phone");
var name = (nameEl && nameEl.value || "").trim();
var email = (emailEl && emailEl.value || "").trim();
var phone = (phoneEl && phoneEl.value || "").trim();
// 간단 검증
if (!name) return setQuickStatus("Name is required.", true);
if (!email || email.indexOf("@") === -1) return setQuickStatus("Valid email is required.", true);
try {
setQuickStatus("Sending...", false);
var payload = {
name: name,
email: email,
phone: phone,
language: currentLang,
selected_site: location.hostname,
link_url: location.href,
message: "[Quick Form] " + (phone ? ("Phone: " + phone) : "Phone: (empty)"),
clientId: clientId
};
var res = await fetch("/api/inquiry", {
method: "POST",
headers: {
"content-type": "application/json;charset=UTF-8",
"accept": "application/json"
},
body: JSON.stringify(payload)
});
if (!res.ok) {
var txt = "";
try { txt = await res.text(); } catch (_e) {}
setQuickStatus("Failed: " + res.status + (txt ? (" / " + txt.slice(0, 160)) : ""), true);
return;
}
setQuickStatus("Sent! We will contact you soon.", false);
// 입력값 비우기
if (nameEl) nameEl.value = "";
if (emailEl) emailEl.value = "";
if (phoneEl) phoneEl.value = "";
} catch (err) {
setQuickStatus("Error: " + (err && err.message ? err.message : String(err)), true);
}
});
}
/* =========================================================
✅ (추가) UI 3종 분기 (디자인 구조 변경 없음)
- ui 0: 기존
- ui 1: greet1 -> "문의하기" (언어별)
- ui 2: greet1 -> "문의하기" + greet2 삭제 + 문의폼(이름/메일/전화)
========================================================= */
function applyUIVariant(ui) {
if (ui === 1 || ui === 2) {
// greet1 텍스트만 변경 (링크/URL/관련코드 유지)
if (LANGS["en"]) LANGS["en"].greet1 = "Contact Us";
if (LANGS["ja"]) LANGS["ja"].greet1 = "お問い合わせ";
if (LANGS["ko"]) LANGS["ko"].greet1 = "문의하기";
if (LANGS["zh-Hans"]) LANGS["zh-Hans"].greet1 = "联系我们";
if (LANGS["zh-Hant"]) LANGS["zh-Hant"].greet1 = "聯絡我們";
}
if (ui === 2) {
// greet2 삭제 + "전송 가능한" 빠른 문의폼 추가
var g2 = document.getElementById("pc_greet2");
if (g2) {
var row = g2.parentNode; // ✅ bubble -> row
if (row && row.parentNode) row.parentNode.removeChild(row);
}
var ph = {
"en": { t: "Quick Inquiry Form", n: "Name", e: "Email", p: "Phone", b: "Send" },
"ja": { t: "かんたんお問い合わせフォーム", n: "お名前", e: "メール", p: "電話番号", b: "送信" },
"ko": { t: "간단 문의폼", n: "이름", e: "메일", p: "전화번호", b: "전송" },
"zh-Hans": { t: "快速咨询表", n: "姓名", e: "邮箱", p: "电话", b: "发送" },
"zh-Hant": { t: "快速諮詢表", n: "姓名", e: "信箱", p: "電話", b: "送出" }
};
var t = ph[currentLang] || ph["en"];
var formHtml =
'<div style="margin-top:6px;">' +
'<div id="pc_quick_title" style="font-size:16px;font-weight:800;color:#666;margin-bottom:6px;">' + t.t + '</div>' +
'<input id="pc_q_name" type="text" placeholder="' + t.n + '" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;margin-bottom:6px;font-size:13px;" />' +
'<input id="pc_q_email" type="email" placeholder="' + t.e + '" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;margin-bottom:6px;font-size:13px;" />' +
'<input id="pc_q_phone" type="tel" placeholder="' + t.p + '" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;margin-bottom:8px;font-size:13px;" />' +
'<button id="pc_quick_submit" type="button" style="width:100%;padding:9px 10px;border:0;border-radius:8px;font-size:13px;font-weight:700;background:#FF9900;color:#fff;cursor:pointer;">' + t.b + '</button>' +
'<div id="pc_quick_status" style="margin-top:6px;font-size:12px;color:#666;display:none;"></div>' +
'</div>';
addMessage("admin", formHtml, { allowHtml: true });
}
// 현재 언어 기준으로 UI 변경사항 반영
applyLang(currentLang);
}
socket.on("connect", function() {
var dict = LANGS[currentLang] || LANGS["ko"];
// 1줄째: 링크(파란색/굵게/밑줄)
addMessage(
"admin",
'<a href="' + SAMPLE_LINK_URL + '" target="_blank" rel="noopener noreferrer" ' +
'style="color:#FF9900;font-weight:700;text-decoration:underline;">' +
(dict.greet1 || "") +
"</a>",
{ id: "pc_greet1", allowHtml: true }
);
// 2줄째: 설명 텍스트(언어 변경시 즉시 반영)
addMessage("admin", dict.greet2 || "", { id: "pc_greet2" });
// ✅ (추가) 도메인별 UI 적용
applyUIVariant(2);
});
socket.on("admin_message", function(data) {
if (data.imageDataUrl) {
addImageMessage("admin", data.imageDataUrl);
if (data.text) addMessage("admin", data.text);
} else {
addMessage("admin", data.text);
}
});
function sendText() {
var text = input.value.trim();
if (!text) return;
addMessage("me", text);
// ✅ (추가) 도메인 분리값 site 같이 전송
socket.emit("user_message", { clientId: clientId, text: text, site: site });
input.value = "";
}
btn.addEventListener("click", function() {
sendText();
});
input.addEventListener("keydown", function(e) {
if (e.key === "Enter") {
e.preventDefault();
sendText();
}
});
imgBtn.addEventListener("click", function() {
fileInput.click();
});
fileInput.addEventListener("change", function(e) {
var file = e.target.files[0];
if (!file) return;
var reader = new FileReader();
reader.onload = function(ev) {
var dataUrl = ev.target.result;
addImageMessage("me", dataUrl);
socket.emit("user_message", {
clientId: clientId,
site: site,
image: {
name: file.name,
dataUrl: dataUrl
}
});
};
reader.readAsDataURL(file);
fileInput.value = "";
});
})();
</script>
</body>
]]>