<style>
    #tos-modal {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(8px);
        display: none; justify-content: center; align-items: center;
        z-index: 999999; direction: rtl; font-family: Tahoma, sans-serif;
        opacity: 0; transition: opacity 0.5s ease;
    }
    .modal-content {
        background: #fff; width: 90%; max-width: 600px;
        max-height: 85vh; border-radius: 20px;
        padding: 30px; display: flex; flex-direction: column;
        box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    }
    .modal-header { font-size: 1.4rem; font-weight: bold; margin-bottom: 20px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; color: #333; }
    .modal-body { overflow-y: auto; margin-bottom: 20px; padding-left: 10px; font-size: 0.9rem; color: #555; line-height: 1.8; }
    .modal-body h4 { color: #000; margin: 15px 0 5px 0; font-size: 1rem; }
    .modal-body::-webkit-scrollbar { width: 8px; }
    .modal-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
    .btn-accept {
        background: #000; color: #fff; border: none; padding: 15px;
        border-radius: 12px; cursor: pointer; font-weight: bold; transition: 0.3s;
        width: 100%;
    }
    .btn-accept:hover { background: #333; }
</style>

<div id="tos-modal">
    <div class="modal-content">
        <div class="modal-header">قوانین و مقررات استفاده از خدمات</div>
        <div class="modal-body">
            <p>ورود و استفاده از این پلتفرم به منزله پذیرش بی‌قید و شرط قوانین زیر است:</p>
            
            <h4>۱. حریم خصوصی و امنیت</h4>
            <p>انتشار اطلاعات هویتی دیگران بدون رضایت ممنوع است. حفظ امنیت حساب کاربری بر عهده شخص شماست.</p>
            
           <h4>۲. نظارت و اقدامات انضباطی</h4>
            <p>گزارش‌های تخلف بررسی و در صورت تایید، منجر به حذف محتوا یا مسدودسازی حساب خواهد شد. مدیریت پلتفرم حق محدودسازی دسترسی کاربران متخلف را دارد.</p>
           
            
            <h4>۳. رفتار و محتوای غیرمجاز</h4>
            <p>هرگونه توهین، آزار کلامی، انتشار محتوای غیرقانونی، خشونت‌آمیز، جنسی یا برهنگی اکیداً ممنوع است.</p>
            
            <h4>۴. فعالیت‌های فریبنده و فنی</h4>
            <p>ارسال پیام انبوه (اسپم)، فیشینگ، استفاده از ربات‌های مخرب و جعل هویت اشخاص یا برندها ممنوع است.</p>
            
            <h4>۵. حقوق مالکیت فکری</h4>
            <p>انتشار محتوای دارای حق نشر بدون اجازه صاحب اثر تخلف محسوب می‌شود.</p>
            
            <h4>۶. سلب مسئولیت</h4>
            <p>هر کاربر مسئول مستقیم محتوای منتشر شده از حساب خود است. پلتفرم در قبال نظرات کاربران یا خسارات احتمالی مسئولیتی ندارد.</p>
            
            <h4>۷. پیروی از قوانین جمهوری اسلامی</h4>
            <p>این پلتفرم تابع قوانین جاری کشور (قانون جرایم رایانه‌ای) است. انتشار محتوای خلاف امنیت ملی، نظم عمومی یا اخلاق اسلامی ممنوع است و در صورت دستور مراجع قضایی، همکاری لازم انجام خواهد شد.</p>
            
            <h4>۸. تغییرات قوانین</h4>
            <p>مدیریت پلتفرم حق به‌روزرسانی این قوانین را دارد و تغییرات پس از انتشار لازم‌الاجرا خواهند بود.</p>
        </div>
        <button class="btn-accept" onclick="acceptRules()">متوجه شدم و می‌پذیرم</button>
    </div>
</div>

<script>
    function acceptRules() {
        const modal = document.getElementById('tos-modal');
        modal.style.opacity = '0';
        setTimeout(() => { modal.style.display = 'none'; }, 500);
        localStorage.setItem('tos_accepted', 'true');
    }

    window.addEventListener('load', () => {
        if (localStorage.getItem('tos_accepted') !== 'true') {
            const modal = document.getElementById('tos-modal');
            setTimeout(() => {
                modal.style.display = 'flex';
                setTimeout(() => { modal.style.opacity = '1'; }, 50);
            }, 1000);
        }
    });
</script>