<p>&nbsp;</p><style>/* تنظیمات پایه برای body و html */html, body {margin: 0;padding: 0;height: 100%;overflow: hidden; /* مخفی کردن اسکرول‌های اضافی */background-color: #f0f0f0; /* رنگ پس‌زمینه */font-family: Arial, sans-serif;}/* متغیر CSS برای ارتفاع نمایشگر */:root {--vh: 100%;}/* حالت عادی */.iframe-container.normal {position: relative;width: 100%;height: 100vh;overflow: hidden;}.iframe-container.normal iframe {width: 100%;height: 100%;border: none;display: none;position: relative;top: 0;}/* حالت تمام صفحه */.iframe-container.fullscreen {position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh) * 100); /* استفاده از متغیر --vh */overflow: hidden; /* مخفی کردن بخش‌های اضافی */z-index: 1; /* ترتیب نمایش */}.iframe-container.fullscreen iframe {position: absolute;top: -192.75px; /* پنهان کردن ۵.۱ سانتیمتر بالای صفحه (192.75px) */left: 0;width: 100%;height: calc((var(--vh) * 100) + 192.75px + 38px); /* افزایش ارتفاع iframe به اندازه ۵.۱ سانتیمتر بالا و ۱ سانتیمتر پایین */border: none;display: block;}/* استایل‌های مشترک */.loading {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;z-index: 10000;}.loading-message {margin-bottom: 20px;font-size: 18px;}.progress {width: 80%;max-width: 400px;height: 20px;background-color: #ddd;border-radius: 5px;overflow: hidden;}.progress-bar {height: 100%;width: 0;background-color: #4caf50;transition: width 1s;}.error-message {display: none;color: red;margin-top: 20px;font-size: 16px;text-align: center;}#retryButton {display: none;margin-top: 10px;padding: 10px 20px;font-size: 16px;cursor: pointer;background-color: #4caf50;color: white;border: none;border-radius: 5px;}/* استایل پنجره سفارشی (modal) */.modal {display: none;position: fixed;z-index: 10002;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 500px;text-align: center;border-radius: 5px;}.modal-button {margin-top: 20px;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;}.cancel-btn {background-color: #f44336;color: white;}.image-container {display: flex;flex-wrap: wrap;justify-content: center;}.image-item {margin: 10px;text-align: center;}.image-item img {width: 80px;height: 80px;object-fit: cover;border-radius: 5px;margin-bottom: 5px;}.image-item button {background-color: #4CAF50;color: white;padding: 5px 10px;border: none;border-radius: 5px;cursor: pointer;font-size: 12px;}.image-item button:hover {background-color: #45a049;}@media (max-width: 768px) {/* تنظیمات واکنش‌گرا برای عناصر دیگر در صورت نیاز */}@keyframes pulse {0% { transform: translateY(-50%) scale(1); }50% { transform: translateY(-50%) scale(1.1); }100% { transform: translateY(-50%) scale(1); }}/* Overlay برای مخفی کردن بخش‌های اضافی */.overlay-top {position: fixed;top: 0;left: 0;width: 100%;height: 192.75px; /* ارتفاع ۵.۱ سانتیمتر (192.75px) */background-color: transparent; /* رنگ پس‌زمینه شفاف */z-index: 900; /* زیر iframe-container */pointer-events: none; /* اجازه دادن به اسکرول از طریق iframe */display: none; /* مخفی در حالت عادی */}.overlay-bottom {position: fixed;bottom: 0;left: 0;width: 100%;height: 38px; /* ارتفاع ۱ سانتیمتر (38px) */background-color: transparent; /* رنگ پس‌زمینه شفاف */z-index: 900; /* زیر iframe-container */pointer-events: none; /* اجازه دادن به اسکرول از طریق iframe */display: none; /* مخفی در حالت عادی */}</style><!-- پنجره سفارشی (modal) برای تصاویر شناسایی شده --><div id="myModal" class="modal"><div class="modal-content"><p style="text-align: center;">تصاویر شناسایی&zwnj;شده</p><div class="image-container" id="imageContainer"><!-- تصاویر شناسایی‌شده در اینجا قرار می‌گیرند --></div><button class="modal-button cancel-btn" id="closeBtn">بستن</button></div></div><!-- لودینگ و iframe --><div class="iframe-container normal"><div class="loading" id="loadingContainer"><div class="loading-message">لطفاً صبر کنید...</div><div class="progress"><div class="progress-bar" id="progressBar"></div></div><div class="error-message" id="errorMessage">بارگیری زیاد طول کشید.<br />در صورت عدم بارگذاری، فیلترشکن خود را روشن کنید.اگر روشن بود و این فرایند ادامه داشت بعدا امتحان کنید.</div><button id="retryButton">بارگذاری مجدد</button></div><!-- اضافه کردن ویژگی sandbox و allow --> <iframe id="myIframe" sandbox="allow-scripts allow-same-origin allow-forms allow-modals" allow="clipboard-read; clipboard-write"></iframe></div><!-- Overlay برای مخفی کردن بخش‌های اضافی --><div class="overlay-top" id="overlayTop"></div><div class="overlay-bottom" id="overlayBottom"></div><p><script>const siteURL = 'https://yuntian-deng-o1mini.hf.space/';const excludeUrls = ['https://yanze-pulid.hf.space/--replicas/3t64n/file=/tmp/gradio/7567beceda2541f726af7beb4c9aa857b4a96b77/liuyifei.png'];let progress = 0;const progressBar = document.getElementById('progressBar');const retryButton = document.getElementById('retryButton');const errorMessage = document.getElementById('errorMessage');const loadingContainer = document.getElementById('loadingContainer');let interval;let iframeLoadedFlag = false;function startProgress() {loadingContainer.style.display = 'flex';progressBar.style.width = '0%';progress = 0;interval = setInterval(() => {if (progress < 100) {progress += 10;progressBar.style.width = progress + '%';}if (progress === 100) {clearInterval(interval);if (!iframeLoadedFlag) {retryButton.style.display = 'block';errorMessage.style.display = 'block';}}}, 1000);}function iframeLoaded() {iframeLoadedFlag = true;clearInterval(interval);loadingContainer.style.display = 'none';const iframeContainer = document.querySelector('.iframe-container');iframeContainer.classList.remove('normal');iframeContainer.classList.add('fullscreen');// نمایش overlayهاdocument.getElementById('overlayTop').style.display = 'block';document.getElementById('overlayBottom').style.display = 'block';// تنظیم iframe به نمایشdocument.getElementById('myIframe').style.display = 'block';}function iframeError() {clearInterval(interval);loadingContainer.style.display = 'flex';retryButton.style.display = 'block';errorMessage.style.display = 'block';}function loadIframe() {fetch(siteURL, { method: 'HEAD', mode: 'no-cors' }).then(() => {const iframe = document.getElementById('myIframe');iframe.src = siteURL;iframe.onload = iframeLoaded;iframe.onerror = iframeError;}).catch(() => {iframeError();});}retryButton.addEventListener('click', function() {progress = 0;progressBar.style.width = '0%';iframeLoadedFlag = false;retryButton.style.display = 'none';errorMessage.style.display = 'none';loadingContainer.style.display = 'flex';document.getElementById('myIframe').style.display = 'none';loadIframe();startProgress();});// مدیریت پنجره‌های مدالconst imageModal = document.getElementById('myModal');const closeBtn = document.getElementById('closeBtn');closeBtn.addEventListener('click', function() {imageModal.style.display = 'none';});window.addEventListener('click', function(event) {if (event.target == imageModal) {imageModal.style.display = 'none';}});// تنظیم ارتفاع نمایشگر برای متغیر --vhfunction setVh() {let vh = window.innerHeight * 0.01;document.documentElement.style.setProperty('--vh', `${vh}px`);}// فراخوانی تابع برای تنظیم متغیر vhsetVh();// به‌روزرسانی متغیر vh در تغییر اندازه صفحهwindow.addEventListener('resize', setVh);// اجرای بارگذاری iframe و آغاز لودینگloadIframe();startProgress();// جلوگیری از باز شدن لینک‌ها در مرورگر (برای لینک‌های خارج از iframe)document.addEventListener('click', function(event) {if (event.target.tagName === 'A') {event.preventDefault();// اینجا می‌توانید کد مورد نظر برای مدیریت کلیک روی لینک را قرار دهید}});</script></p> این یک سایت چت بات است چند تا مشکل داره که باید رفع کنیم. وقتی داخل سایت کیبورد بالا میاد تا چت کنم یا کدهای طولانی داخل سایت می‌فرستم و یا متن‌های طولانی می‌فرستم سایت یکم میره بالاتر و مخفی‌سازی پایین هم معلوم میشه تو کاری کن حتی متن‌های طولانی داخل سایت می‌فرستم یا کیبورد بالا میاد یا هرچی سایت تغییری نکنه و همون حالت اولیه خودش رو داشته باشه کد کامل یکجا درست کن بفرست، سایت حالت تمام صفحه خودش رو داشته باشه