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

const Copyright = () => {
  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')}>支付协议</a></li>
            <li><a onClick={() => navigate('/copyright')} className="active">版权声明</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>
          
          <h2>CC共享版权授权协议</h2>
          <p>"知识共享"（Creative Commons，简称CC）是一种版权授权协议的统称。</p>
          
          <div className="highlight-box">
            <h3>CC-BY-NC 授权协议</h3>
            <p><strong>署名-非商业性使用（BY-NC）</strong>：使用时需署名，可转载、节选、混编、二次创作，但不得用于商业目的。</p>
          </div>

          <h2>版权保护声明</h2>
          
          <p>图汇作为网络服务平台，十分重视版权及知识产权保护，向用户传达版权保护理念：</p>

          <p><strong>1. 供稿设计师责任</strong></p>
          <p>须进行实名登记，上传身份证和手机号码验证，对身份真实性和作品版权负责。</p>

          <p><strong>2. 平台审查机制</strong></p>
          <p>图汇对作品进行严格审查，提示设计师遵守法律法规，不得上传侵权作品。</p>

          <p><strong>3. 违规处理</strong></p>
          <p>对上传侵权作品的设计师，平台有权进行处罚。侵权行为造成的损失由设计师承担。</p>

          <p><strong>4. 侵权处置</strong></p>
          <p>对明显侵权、违法内容，图汇有权不事先通知直接删除。</p>

          <p><strong>5. 使用范围</strong></p>
          <p>用户下载作品应在学习、交流、分享范围内使用，不得用于商业目的。</p>

          <p><strong>6. 严禁二次销售</strong></p>
          <div className="warning-box">
            <p>⚠️ 严格保护平台设计师作品，未经授权，禁止转载作品到第三方网站进行二次销售。一经发现，立即封号，依法追究法律责任。</p>
          </div>

          <h2>侵权投诉</h2>
          <p>若您的权益被侵害，请发送邮件联系我们：</p>
          <p><strong>service@aishej.com</strong></p>
          <p>工作人员会尽快处理，请您耐心等待。</p>

          <div className="protocol-footer">
            <p>本声明最后更新日期：2026年1月10日</p>
          </div>
        </div>
      </div>

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

export default Copyright;