import { useNavigate } from 'react-router-dom';
import Header from '../components/Header';
import Footer from '../components/Footer';
import './Protocol.css';

const PayProtocol = () => {
  const navigate = useNavigate();

  return (
    <div className="protocol-page" style={{ paddingTop: '70px' }}>
      <Header />
      
      <div className="protocol-container">
        <div className="protocol-sidebar">
          <h3>相关协议</h3>
          <ul>
            <li><a onClick={() => navigate('/protocol')}>网站协议</a></li>
            <li><a onClick={() => navigate('/pay-protocol')} className="active">支付协议</a></li>
            <li><a onClick={() => navigate('/copyright')}>版权声明</a></li>
            <li><a onClick={() => navigate('/help')}>帮助中心</a></li>
            <li><a onClick={() => navigate('/upload-guide')}>供稿必读</a></li>
          </ul>
        </div>

        <div className="protocol-content">
          <h1>支付协议</h1>
          
          <p>欢迎使用图汇网站支付服务，为了保障您的权益，请认真阅读本协议。</p>

          <h2>一、使用规范</h2>
          
          <p><strong>1. 会员服务</strong></p>
          <p>VIP会员每天最多可以下载10个作品。当日未使用的下载次数将在24点清零，不可累计。</p>
          
          <p><strong>2. 服务周期</strong></p>
          <p>VIP会员服务有效期根据您选择购买的时长为准，自支付成功之日起计算。</p>
          
          <p><strong>3. 重复下载规则</strong></p>
          <p>同一作品当天再次下载不会重复扣除次数；次日起重新计入下载次数。</p>
          
          <p><strong>4. 账号独立性</strong></p>
          <p>不同登录方式（QQ、微信、手机号）将被识别为独立账号，权限无法转移。</p>
          
          <p><strong>5. 退款政策</strong></p>
          <p>购买后已使用下载服务，不接受退款。未使用且未超过7日可申请退款。</p>
          
          <p><strong>6. 使用规范</strong></p>
          <p>VIP会员仅限本人使用，禁止转让、出借或用于商业牟利。禁止恶意批量下载行为。</p>

          <h2>二、作品投诉说明</h2>
          
          <p>以下情况不在投诉受理范围：</p>
          <ul>
            <li>文字未转曲（不影响创意和分层素材使用）</li>
            <li>立体字、标题字无法直接编辑</li>
            <li>色差差异问题（不同设备显示差异）</li>
            <li>误下载或不会使用软件</li>
            <li>软件版本问题无法打开</li>
          </ul>

          <h2>三、其他约定</h2>
          
          <p>1. 使用支付服务即视为已阅读并同意本协议。</p>
          <p>2. 本协议适用中华人民共和国法律。</p>
          <p>3. 如有问题，请联系客服处理。</p>

          <div className="protocol-footer">
            <p>客服邮箱：service@aishej.com（工作日 9:00-18:00）</p>
            <p>本协议最后更新日期：2026年1月10日</p>
          </div>
        </div>
      </div>

      <Footer />
    </div>
  );
};

export default PayProtocol;
