zqzb/cloud.html at main · AD-iOS/zqzb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>网盘资源 | iOS-AD Repo - 高速下载中心</title>
    <meta name="description" content="iOS越狱资源高速下载中心，提供官方和用户投稿的网盘资源一站式服务">
    <meta name="keywords" content="iOS越狱资源,网盘下载,123云盘,越狱插件下载,高速下载">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/cloud.css">
</head>
<body>
    <button class="theme-toggle" id="themeToggle" aria-label="切换主题">
        <i class="fas fa-moon"></i>
    </button>

    <div class="container">
        <header>
            <div class="logo animate__animated animate__bounceIn">
                <i class="fas fa-cloud-download-alt"></i>
            </div>
            <h1 class="animate__animated animate__fadeIn">网盘资源中心</h1>
            <p class="subtitle animate__animated animate__fadeIn animate-delay-1">
                <i class="fas fa-bolt"></i> 高速下载 · 稳定可靠 · 持续更新
            </p>
        </header>

        <div class="divider"></div>

        <div class="storage-grid">
            <!-- 官方主网盘 -->
            <div class="storage-card animate__animated animate__fadeInUp animate-delay-1">
                <div class="storage-icon">
                    <i class="fas fa-crown"></i>
                </div>
                <h3 class="storage-title">官方主网盘</h3>
                <p class="storage-desc">
                    包含iOS-AD Repo所有官方资源与工具，经过严格测试确保安全可靠，
                    提供最稳定的下载体验，每日更新维护
                </p>
                <a href="https://www.123pan.com/s/sg3zjv-5Dbcv"
                   class="btn btn-primary"
                   target="_blank">
                    <i class="fas fa-external-link-alt"></i> 访问123云盘
                </a>
            </div>

            <!-- 用户投稿网盘 -->
            <div class="storage-card animate__animated animate__fadeInUp animate-delay-2">
                <div class="storage-icon">
                    <i class="fas fa-users"></i>
                </div>
                <h3 class="storage-title">用户投稿网盘</h3>
                <p class="storage-desc">
                    社区用户分享的优质资源合集，包含各种实用插件和主题，
                    所有资源均经过管理员审核，确保安全可用
                </p>
                <a href="https://www.123865.com/s/sg3zjv-tUbcv"
                   class="btn btn-primary"
                   target="_blank">
                    <i class="fas fa-external-link-alt"></i> 访问投稿网盘
                </a>
            </div>
        </div>

        <div class="divider"></div>

        <a href="index.html" class="btn btn-secondary animate__animated animate__fadeInUp">
            <i class="fas fa-arrow-left"></i> 返回主站
        </a>

        <div class="footer animate__animated animate__fadeIn animate-delay-2">
            <p>© 2025 iOS-AD Repo 网盘资源中心</p>
            <p><a href="https://github.com/ios-gm"></a>由AD独立开发并且制作</p>
            <p>使用123云盘提供高速下载服务</p>
            <p>最后更新: <span id="lastUpdate">2025年8月</span></p>
        </div>
    </div>

    <script>
        // 暗黑模式切换
        const themeToggle = document.getElementById('themeToggle');
        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');

        // 初始化主题
        function initTheme() {
            const savedTheme = localStorage.getItem('theme');
            const systemDark = prefersDark.matches;

            if (savedTheme === 'dark' || (savedTheme === null && systemDark)) {
                document.documentElement.setAttribute('data-theme', 'dark');
                themeToggle.innerHTML = '<i class="fas fa-sun"></i>';
            } else {
                document.documentElement.setAttribute('data-theme', 'light');
                themeToggle.innerHTML = '<i class="fas fa-moon"></i>';
            }
        }

        // 切换主题
        function toggleTheme() {
            const currentTheme = document.documentElement.getAttribute('data-theme');
            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';

            document.documentElement.setAttribute('data-theme', newTheme);
            localStorage.setItem('theme', newTheme);

            themeToggle.innerHTML = newTheme === 'dark' ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
            themeToggle.style.transform = 'rotate(360deg)';

            setTimeout(() => {
                themeToggle.style.transform = '';
            }, 500);
        }

        // 监听系统主题变化
        prefersDark.addListener(e => {
            if (localStorage.getItem('theme') === null) {
                document.documentElement.setAttribute('data-theme', e.matches ? 'dark' : 'light');
                themeToggle.innerHTML = e.matches ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
            }
        });

        themeToggle.addEventListener('click', toggleTheme);

        // 按钮点击动画
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.btn').forEach(btn => {
                btn.addEventListener('mousedown', function() {
                    this.style.transform = 'scale(0.95)';
                });

                btn.addEventListener('mouseup', function() {
                    this.style.transform = '';
                });

                btn.addEventListener('mouseleave', function() {
                    this.style.transform = '';
                });
            });
        });

        // 设置最后更新时间
        document.getElementById('lastUpdate').textContent = new Date().toLocaleDateString('zh-CN', {
            year: 'numeric',
            month: 'long',
            day: 'numeric'
        });

        // 页面加载动画
        window.addEventListener('load', function() {
            document.body.style.opacity = 1;

            // 添加一些装饰性动画
            setTimeout(() => {
                const logo = document.querySelector('.logo');
                if (logo) {
                    logo.style.animation = 'bounce 2s infinite';
                }
            }, 1000);
        });

        // 初始化主题
        initTheme();
    </script>
</body>
</html>