frontend/src/screens/profile/TermsOfServiceScreen.tsx

/**
 * 用户协议页面 TermsOfServiceScreen
 * 威友 - 用户服务协议
 * 扁平化设计风格
 */

import React, { useMemo } from 'react';
import {
  View,
  StyleSheet,
  ScrollView,
} from 'react-native';
import { StatusBar } from 'expo-status-bar';
import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
import { useRouter } from 'expo-router';
import {
  useAppColors,
  spacing,
  type AppColors,
} from '../../theme';
import { Text, SimpleHeader } from '../../components/common';
import { useResponsive, useResponsiveSpacing } from '../../hooks';

// 内容最大宽度
const CONTENT_MAX_WIDTH = 400;

// 威友橙主题色
const THEME_COLORS = {
  primary: '#FF6B35',
};

// 协议最后更新日期
const LAST_UPDATED = '2026年4月28日';

// 协议条款内容
const TERMS_SECTIONS = [
  {
    title: '一、协议的范围',
    content: `1.1 本协议是您与威友（以下简称"我们"或"本应用"）之间关于您使用本应用服务所订立的协议。

1.2 本协议内容包括协议正文及所有我们已经发布或将来可能发布的各类规则、公告或通知。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。

1.3 我们有权根据法律法规的变化及业务调整的需要，不时修改本协议及各类规则。修改后的协议将在应用内公示。如您不同意变更后的内容，应立即停止使用本服务。如您继续使用本服务，即视为您已阅读并同意受变更后的协议约束。`,
  },
  {
    title: '二、账号注册与使用',
    content: `2.1 您确认，在您开始注册程序使用本应用服务前，您应当具备中华人民共和国法律规定的与您行为相适应的民事行为能力。若您是未满18周岁的未成年人，应在监护人监护、指导下并获得监护人同意后使用本应用服务。

2.2 您可以使用手机号、邮箱进行注册（具体以应用实际提供的注册方式为准）。您应当提供真实、准确、完整、合法有效的注册信息，并在信息变更时及时更新。

2.3 您的账号仅限于您本人使用，禁止赠与、借用、租用、转让或售卖。我们有权对账号进行安全验证，如发现异常登录或使用情况，有权采取相应措施。

2.4 您应妥善保管账号和密码，对账号下的所有行为承担法律责任。因您保管不善导致的账号被盗或密码泄露，我们不承担责任。`,
  },
  {
    title: '三、服务内容',
    content: `3.1 本应用向您提供校园社交服务，包括但不限于：发布动态、评论互动、私信聊天、群组交流、学习资料分享等功能。

3.2 我们有权根据实际情况随时调整服务内容，包括但不限于增加、删除或修改功能。服务调整将在应用内进行公告。

3.3 我们致力于为您提供优质的服务，但不保证服务不会中断，对服务的及时性、安全性、准确性不作担保。`,
  },
  {
    title: '四、用户行为规范',
    content: `4.1 您在使用本应用服务时，必须遵守中华人民共和国相关法律法规，不得利用本应用从事违法违规活动。

4.2 您不得发布、传播以下内容：
（1）反对宪法所确定的基本原则的；
（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
（3）损害国家荣誉和利益的；
（4）煽动民族仇恨、民族歧视，破坏民族团结的；
（5）破坏国家宗教政策，宣扬邪教和封建迷信的；
（6）散布谣言，扰乱社会秩序，破坏社会稳定的；
（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
（8）侮辱或者诽谤他人，侵害他人合法权益的；
（9）含有法律、行政法规禁止的其他内容的。

4.3 您不得从事以下行为：
（1）冒充他人或使用虚假身份；
（2）恶意注册账号，包括但不限于批量注册、使用非法手段注册；
（3）利用技术手段批量发布内容或进行其他操作；
（4）干扰或破坏本应用服务或服务器；
（5）侵犯他人知识产权、隐私权等合法权益；
（6）发布垃圾信息、广告信息或进行其他骚扰行为。

4.4 若您是未满18周岁的未成年人，应在监护人监护、指导下并获得监护人同意后使用本应用服务。我们非常重视对未成年人个人信息的保护，若您是未成年人的监护人，请监督您的被监护人使用本服务。

4.5 若您认为本应用内的内容侵犯了您的合法权益，或您发现任何违法违规内容，请通过 system@qczlit.cn 联系我们进行投诉举报，我们将在收到通知后依法尽快处理。`,
  },
  {
    title: '五、知识产权',
    content: `5.1 本应用的商标、标识、界面设计、程序代码、数据库等所有知识产权均归我们及我们的关联公司所有或已获得合法授权。

5.2 您在使用本应用服务过程中产生的内容（包括但不限于文字、图片、视频等），您保留对该内容的知识产权。您授予我们一项全球范围内、免费、非独家、可转授权的许可，允许我们使用、复制、修改、改编、出版、翻译、据以创作衍生作品、传播、表演和展示此等内容，以及用于本应用的运营、推广、宣传和商业用途。

5.3 未经我们书面许可，您不得复制、修改、传播、出售、出租本应用或其任何部分，不得对本应用进行反向工程、反编译或试图以其他方式发现其源代码。`,
  },
  {
    title: '六、隐私保护',
    content: `6.1 我们非常重视您的隐私保护，具体隐私政策请参见《隐私政策》。

6.2 您同意我们可以按照《隐私政策》的规定收集、使用、存储和分享您的个人信息。

6.3 我们将采取合理的技术和管理措施保护您的个人信息安全，但不对因不可抗力或第三方原因导致的信息泄露承担责任。

6.4 本应用集成了极光推送 - JPush SDK - Android等第三方SDK，用于实现消息推送等功能。第三方SDK可能会收集和处理您的设备标识符、设备信息等必要数据。具体的第三方SDK信息请参见《隐私政策》中的"第三方SDK目录"章节。`,
  },
  {
    title: '七、免责声明',
    content: `7.1 您理解并同意，本应用服务是按照现有技术和条件所能达到的现状提供的。我们会尽最大努力确保服务的连贯性和安全性，但不能随时预见和防范法律、技术以及其他风险。

7.2 您理解并同意，我们对以下情形不承担责任：
（1）因不可抗力导致的服务中断或数据丢失；
（2）因您的过错导致的任何损失；
（3）因第三方原因导致的服务中断或信息泄露；
（4）其他非因我们原因导致的损失。

7.3 您通过本应用与其他用户进行交往或交易，由此产生的任何纠纷由您自行解决并承担责任。`,
  },
  {
    title: '八、违约责任',
    content: `8.1 如果我们发现或收到他人举报您违反本协议约定的，我们有权根据情节轻重对相关内容进行删除、屏蔽，并视行为情节对违规账号处以包括但不限于警告、限制功能、暂停使用、永久封禁等处罚。因法律法规要求或紧急情况下，我们可能在不提前通知的情况下采取上述措施。

8.2 账号被封禁或注销后，账号内的虚拟资产（包括但不限于积分、虚拟币、会员权益等）将不予退还或清零，您不得因此向我们主张任何赔偿或补偿。

8.3 因您违反本协议或相关规则，导致或产生任何第三方主张的任何索赔、要求或损失，您应当独立承担责任，并赔偿我们因此遭受的损失。`,
  },
  {
    title: '九、协议的终止',
    content: `9.1 您有权随时终止使用本应用服务，可以通过注销账号的方式终止本协议。

9.2 我们有权在以下情况下终止本协议：
（1）您违反本协议或相关规则；
（2）根据法律法规或政府部门要求；
（3）因不可抗力导致无法提供服务。

9.3 协议终止后，我们有权保留或删除您的账号信息及内容，且不承担任何责任。`,
  },
  {
    title: '十、其他',
    content: `10.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。

10.2 因本协议引起的或与本协议有关的任何争议，由协议各方协商解决，也可由有关部门调解。协商或调解不成的，应向山东省威海市环翠区人民法院提起诉讼。

10.3 本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。`,
  },
];

function createTermsStyles(colors: AppColors) {
  return StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
    },
    scrollContent: {
      paddingHorizontal: 28,
      paddingTop: 24,
    },

    // 内容区域
    content: {
      maxWidth: CONTENT_MAX_WIDTH,
      alignSelf: 'center',
      width: '100%',
    },

    // 更新日期
    lastUpdated: {
      fontSize: 13,
      color: colors.text.hint,
      marginBottom: 20,
    },

    // 协议内容卡片
    termsCard: {
      backgroundColor: '#F5F5F7',
      borderRadius: 16,
      padding: 20,
      marginBottom: 24,
    },
    section: {
      marginBottom: 24,
    },
    sectionLast: {
      marginBottom: 0,
    },
    sectionTitle: {
      fontSize: 16,
      fontWeight: '600',
      color: THEME_COLORS.primary,
      marginBottom: 12,
    },
    sectionContent: {
      fontSize: 14,
      lineHeight: 24,
      color: colors.text.primary,
    },

    // 底部版权
    footer: {
      alignItems: 'center',
    },
    footerText: {
      fontSize: 13,
      color: colors.text.hint,
      textAlign: 'center',
      marginBottom: 4,
    },
  });
}

export const TermsOfServiceScreen: React.FC = () => {
  const colors = useAppColors();
  const styles = useMemo(() => createTermsStyles(colors), [colors]);
  const insets = useSafeAreaInsets();
  const { isMobile } = useResponsive();
  const responsivePadding = useResponsiveSpacing({ xs: 20, sm: 24, md: 28, lg: 32, xl: 40 });
  const router = useRouter();

  // 底部间距，避免被 TabBar 遮挡
  const scrollBottomInset = isMobile ? 64 + 24 + insets.bottom + spacing.md : spacing.lg;

  return (
    <SafeAreaView style={styles.container} edges={['top', 'bottom']}>
      <StatusBar style="auto" />
      <SimpleHeader title="用户协议" onBack={() => router.back()} />
      <ScrollView
        contentContainerStyle={[styles.scrollContent, { paddingHorizontal: responsivePadding, paddingBottom: scrollBottomInset }]}
        showsVerticalScrollIndicator={false}
      >
        <View style={styles.content}>
          {/* 更新日期 */}
          <Text style={styles.lastUpdated}>最后更新：{LAST_UPDATED}</Text>

          {/* 协议内容 */}
          <View style={styles.termsCard}>
            {TERMS_SECTIONS.map((section, index) => (
              <View key={index} style={[styles.section, index === TERMS_SECTIONS.length - 1 && styles.sectionLast]}>
                <Text style={styles.sectionTitle}>{section.title}</Text>
                <Text style={styles.sectionContent}>{section.content}</Text>
              </View>
            ))}
          </View>

          {/* 底部版权 */}
          <View style={styles.footer}>
            <Text style={styles.footerText}>© 2026 青春之旅电子信息科技（威海）有限公司</Text>
          </View>
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

export default TermsOfServiceScreen;