优化结果

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/css/background.css

@@ -0,0 +1,81 @@
+/* 背景样式文件 */
+body {
+    background: linear-gradient(135deg, #a8e6cf 0%, #dcedc1 25%, #ffd3a5 50%, #a8e6cf 75%, #88d8a3 100%);
+    background-size: 400% 400%;
+    animation: gradientShift 15s ease infinite;
+    position: relative;
+}
+
+/* 背景动画 */
+@keyframes gradientShift {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
+/* 背景装饰元素 */
+body::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: 
+        radial-gradient(circle at 20% 80%, rgba(39, 174, 96, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 40% 40%, rgba(26, 188, 156, 0.05) 0%, transparent 50%);
+    pointer-events: none;
+    z-index: -1;
+}
+
+/* 浮动装饰圆点 */
+body::after {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image:
+        radial-gradient(2px 2px at 20px 30px, rgba(39, 174, 96, 0.3), transparent),
+        radial-gradient(2px 2px at 40px 70px, rgba(46, 204, 113, 0.2), transparent),
+        radial-gradient(1px 1px at 90px 40px, rgba(26, 188, 156, 0.3), transparent),
+        radial-gradient(1px 1px at 130px 80px, rgba(39, 174, 96, 0.2), transparent),
+        radial-gradient(2px 2px at 160px 30px, rgba(46, 204, 113, 0.3), transparent);
+    background-repeat: repeat;
+    background-size: 200px 100px;
+    animation: floatDots 20s linear infinite;
+    pointer-events: none;
+    z-index: -1;
+}
+
+@keyframes floatDots {
+    0% {
+        transform: translateY(0px);
+    }
+    100% {
+        transform: translateY(-100px);
+    }
+}
+
+/* 响应式背景调整 */
+@media (max-width: 768px) {
+    body::after {
+        background-size: 150px 75px;
+        animation-duration: 25s;
+    }
+}
+
+@media (max-width: 480px) {
+    body::after {
+        background-size: 100px 50px;
+        animation-duration: 30s;
+    }
+}

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/css/style.css

@@ -0,0 +1,339 @@
+/* 基础样式重置 */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
+    line-height: 1.6;
+    color: #2c3e50;
+    min-height: 100vh;
+    overflow-x: hidden;
+}
+
+/* 容器布局 */
+.container {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+/* 头部样式 */
+.header {
+    text-align: center;
+    margin-bottom: 40px;
+    padding: 30px 0;
+}
+
+.title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #27ae60;
+    margin-bottom: 10px;
+    text-shadow: 0 2px 4px rgba(39, 174, 96, 0.2);
+}
+
+.subtitle {
+    font-size: 1.1rem;
+    color: #7f8c8d;
+    font-weight: 400;
+}
+
+/* 主要内容区域 */
+.main {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.content-card {
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 20px;
+    padding: 40px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(39, 174, 96, 0.1);
+    width: 100%;
+    max-width: 600px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.content-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
+}
+
+/* KFC文案内容 */
+.kfc-content {
+    min-height: 200px;
+    padding: 30px;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-radius: 15px;
+    border-left: 5px solid #27ae60;
+    margin-bottom: 30px;
+    position: relative;
+    overflow: hidden;
+}
+
+.kfc-content::before {
+    content: '"';
+    position: absolute;
+    top: 10px;
+    left: 15px;
+    font-size: 3rem;
+    color: #27ae60;
+    opacity: 0.3;
+    font-family: serif;
+}
+
+.kfc-content p {
+    font-size: 1.1rem;
+    line-height: 1.8;
+    color: #2c3e50;
+    margin-left: 20px;
+    position: relative;
+    z-index: 1;
+}
+
+.loading-text {
+    text-align: center;
+    color: #7f8c8d;
+    font-style: italic;
+}
+
+/* 按钮组 */
+.button-group {
+    display: flex;
+    gap: 15px;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+.generate-btn, .copy-btn {
+    padding: 15px 30px;
+    border: none;
+    border-radius: 50px;
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.generate-btn {
+    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
+    color: white;
+    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
+}
+
+.generate-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);
+}
+
+.generate-btn:active {
+    transform: translateY(0);
+}
+
+.generate-btn:disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+    transform: none;
+}
+
+.copy-btn {
+    background: linear-gradient(135deg, #3498db 0%, #5dade2 100%);
+    color: white;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.copy-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
+}
+
+/* 编号信息 */
+.index-info {
+    text-align: center;
+    padding: 10px;
+    background: rgba(39, 174, 96, 0.1);
+    border-radius: 10px;
+    border: 1px solid rgba(39, 174, 96, 0.2);
+}
+
+.index-text {
+    color: #27ae60;
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+#indexNumber {
+    color: #2c3e50;
+    font-weight: 700;
+}
+
+/* 底部 */
+.footer {
+    text-align: center;
+    padding: 20px 0;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    margin-top: 40px;
+}
+
+/* 提示框 */
+.toast {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background: #27ae60;
+    color: white;
+    padding: 15px 25px;
+    border-radius: 10px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+    transform: translateX(400px);
+    transition: transform 0.3s ease;
+    z-index: 1000;
+    font-weight: 600;
+}
+
+.toast.show {
+    transform: translateX(0);
+}
+
+/* 平板端适配 (768px - 1024px) */
+@media (max-width: 1024px) and (min-width: 768px) {
+    .container {
+        padding: 15px;
+    }
+    
+    .title {
+        font-size: 2.2rem;
+    }
+    
+    .content-card {
+        padding: 35px;
+        max-width: 550px;
+    }
+    
+    .kfc-content {
+        padding: 25px;
+        min-height: 180px;
+    }
+    
+    .button-group {
+        flex-direction: row;
+        gap: 12px;
+    }
+    
+    .generate-btn, .copy-btn {
+        padding: 12px 25px;
+        font-size: 0.95rem;
+    }
+}
+
+/* 手机端适配 (最大768px) */
+@media (max-width: 768px) {
+    .container {
+        padding: 10px;
+    }
+    
+    .header {
+        margin-bottom: 30px;
+        padding: 20px 0;
+    }
+    
+    .title {
+        font-size: 1.8rem;
+        margin-bottom: 8px;
+    }
+    
+    .subtitle {
+        font-size: 1rem;
+    }
+    
+    .content-card {
+        padding: 25px;
+        margin: 0 5px;
+        border-radius: 15px;
+    }
+    
+    .kfc-content {
+        padding: 20px;
+        min-height: 150px;
+        margin-bottom: 25px;
+    }
+    
+    .kfc-content::before {
+        font-size: 2.5rem;
+        top: 5px;
+        left: 10px;
+    }
+    
+    .kfc-content p {
+        font-size: 1rem;
+        line-height: 1.7;
+        margin-left: 15px;
+    }
+    
+    .button-group {
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    .generate-btn, .copy-btn {
+        padding: 12px 20px;
+        font-size: 0.9rem;
+        width: 100%;
+    }
+    
+    .footer {
+        font-size: 0.8rem;
+        margin-top: 30px;
+    }
+    
+    .toast {
+        right: 10px;
+        left: 10px;
+        transform: translateY(-100px);
+        font-size: 0.9rem;
+    }
+    
+    .toast.show {
+        transform: translateY(0);
+    }
+}
+
+/* 小屏手机适配 (最大480px) */
+@media (max-width: 480px) {
+    .title {
+        font-size: 1.6rem;
+    }
+    
+    .content-card {
+        padding: 20px;
+        margin: 0;
+    }
+    
+    .kfc-content {
+        padding: 15px;
+        min-height: 120px;
+    }
+    
+    .kfc-content p {
+        font-size: 0.95rem;
+        margin-left: 10px;
+    }
+    
+    .generate-btn, .copy-btn {
+        padding: 10px 15px;
+        font-size: 0.85rem;
+    }
+}

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/index.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>随机KFC文案生成器</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/background.css">
+</head>
+<body>
+    <div class="container">
+        <header class="header">
+            <h1 class="title">🍗 随机KFC文案生成器</h1>
+            <p class="subtitle">疯狂星期四，文案来一套！</p>
+        </header>
+        
+        <main class="main">
+            <div class="content-card">
+                <div class="kfc-content" id="kfcContent">
+                    <p class="loading-text">点击按钮获取随机KFC文案...</p>
+                </div>
+                
+                <div class="button-group">
+                    <button class="generate-btn" id="generateBtn">
+                        <span class="btn-text">生成文案</span>
+                        <span class="btn-loading" style="display: none;">生成中...</span>
+                    </button>
+                    <button class="copy-btn" id="copyBtn" style="display: none;">复制文案</button>
+                </div>
+                
+                <div class="index-info" id="indexInfo" style="display: none;">
+                    <span class="index-text">文案编号: <span id="indexNumber"></span></span>
+                </div>
+            </div>
+        </main>
+        
+        <footer class="footer">
+            <p>© 2024 KFC文案生成器 | 让每个星期四都疯狂起来</p>
+        </footer>
+    </div>
+    
+    <div class="toast" id="toast"></div>
+    
+    <script src="js/main.js"></script>
+</body>
+</html>

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/js/main.js

@@ -0,0 +1,240 @@
+// KFC文案生成器主要功能
+class KFCGenerator {
+    constructor() {
+        this.apiEndpoints = [];
+        this.currentApiIndex = 0;
+        this.isLoading = false;
+        
+        this.init();
+    }
+    
+    // 初始化
+    async init() {
+        await this.loadApiEndpoints();
+        this.bindEvents();
+    }
+    
+    // 加载API接口列表
+    async loadApiEndpoints() {
+        try {
+            // 直接硬编码API端点，避免CORS问题
+            this.apiEndpoints = ["https://60s.api.shumengya.top"];
+        } catch (error) {
+            console.error('加载API接口列表失败:', error);
+            this.showToast('加载接口配置失败', 'error');
+        }
+    }
+    
+    // 绑定事件
+    bindEvents() {
+        const generateBtn = document.getElementById('generateBtn');
+        const copyBtn = document.getElementById('copyBtn');
+        
+        generateBtn.addEventListener('click', () => this.generateKFC());
+        copyBtn.addEventListener('click', () => this.copyContent());
+    }
+    
+    // 生成KFC文案
+    async generateKFC() {
+        if (this.isLoading) return;
+        
+        this.setLoadingState(true);
+        
+        let success = false;
+        let attempts = 0;
+        const maxAttempts = this.apiEndpoints.length;
+        
+        while (!success && attempts < maxAttempts) {
+            try {
+                const apiUrl = this.apiEndpoints[this.currentApiIndex];
+                const data = await this.fetchKFCData(apiUrl);
+                
+                if (data && data.code === 200 && data.data && data.data.kfc) {
+                    this.displayKFC(data.data);
+                    success = true;
+                } else {
+                    throw new Error('API返回数据格式错误');
+                }
+            } catch (error) {
+                console.error(`API ${this.currentApiIndex + 1} 请求失败:`, error);
+                this.currentApiIndex = (this.currentApiIndex + 1) % this.apiEndpoints.length;
+                attempts++;
+            }
+        }
+        
+        if (!success) {
+            this.showError('所有API接口都无法访问，请稍后重试');
+        }
+        
+        this.setLoadingState(false);
+    }
+    
+    // 请求KFC数据
+    async fetchKFCData(apiUrl) {
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 10000); // 10秒超时
+        
+        try {
+            const response = await fetch(`${apiUrl}/v2/kfc`, {
+                method: 'GET',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                signal: controller.signal
+            });
+            
+            clearTimeout(timeoutId);
+            
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+            
+            return await response.json();
+        } catch (error) {
+            clearTimeout(timeoutId);
+            throw error;
+        }
+    }
+    
+    // 显示KFC文案
+    displayKFC(data) {
+        const contentElement = document.getElementById('kfcContent');
+        const indexElement = document.getElementById('indexNumber');
+        const indexInfo = document.getElementById('indexInfo');
+        const copyBtn = document.getElementById('copyBtn');
+        
+        // 显示文案内容
+        contentElement.innerHTML = `<p>${this.escapeHtml(data.kfc)}</p>`;
+        
+        // 显示编号信息
+        if (data.index) {
+            indexElement.textContent = data.index;
+            indexInfo.style.display = 'block';
+        } else {
+            indexInfo.style.display = 'none';
+        }
+        
+        // 显示复制按钮
+        copyBtn.style.display = 'inline-block';
+        
+        // 添加显示动画
+        contentElement.style.opacity = '0';
+        contentElement.style.transform = 'translateY(20px)';
+        
+        setTimeout(() => {
+            contentElement.style.transition = 'all 0.5s ease';
+            contentElement.style.opacity = '1';
+            contentElement.style.transform = 'translateY(0)';
+        }, 100);
+    }
+    
+    // 显示错误信息
+    showError(message) {
+        const contentElement = document.getElementById('kfcContent');
+        contentElement.innerHTML = `<p class="loading-text" style="color: #e74c3c;">${this.escapeHtml(message)}</p>`;
+        
+        const copyBtn = document.getElementById('copyBtn');
+        const indexInfo = document.getElementById('indexInfo');
+        copyBtn.style.display = 'none';
+        indexInfo.style.display = 'none';
+    }
+    
+    // 复制文案内容
+    async copyContent() {
+        const contentElement = document.getElementById('kfcContent');
+        const textContent = contentElement.querySelector('p')?.textContent;
+        
+        if (!textContent || textContent.includes('点击按钮获取') || textContent.includes('失败')) {
+            this.showToast('没有可复制的内容', 'error');
+            return;
+        }
+        
+        try {
+            if (navigator.clipboard && window.isSecureContext) {
+                await navigator.clipboard.writeText(textContent);
+            } else {
+                // 降级方案
+                const textArea = document.createElement('textarea');
+                textArea.value = textContent;
+                textArea.style.position = 'fixed';
+                textArea.style.left = '-999999px';
+                textArea.style.top = '-999999px';
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                document.execCommand('copy');
+                textArea.remove();
+            }
+            
+            this.showToast('文案已复制到剪贴板', 'success');
+        } catch (error) {
+            console.error('复制失败:', error);
+            this.showToast('复制失败，请手动选择复制', 'error');
+        }
+    }
+    
+    // 设置加载状态
+    setLoadingState(loading) {
+        this.isLoading = loading;
+        const generateBtn = document.getElementById('generateBtn');
+        const btnText = generateBtn.querySelector('.btn-text');
+        const btnLoading = generateBtn.querySelector('.btn-loading');
+        
+        if (loading) {
+            generateBtn.disabled = true;
+            btnText.style.display = 'none';
+            btnLoading.style.display = 'inline';
+        } else {
+            generateBtn.disabled = false;
+            btnText.style.display = 'inline';
+            btnLoading.style.display = 'none';
+        }
+    }
+    
+    // 显示提示消息
+    showToast(message, type = 'success') {
+        const toast = document.getElementById('toast');
+        toast.textContent = message;
+        toast.className = `toast ${type}`;
+        toast.classList.add('show');
+        
+        setTimeout(() => {
+            toast.classList.remove('show');
+        }, 3000);
+    }
+    
+    // HTML转义
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+}
+
+// 页面加载完成后初始化
+document.addEventListener('DOMContentLoaded', () => {
+    const generator = new KFCGenerator();
+    // 页面加载完成后自动生成一条文案
+    setTimeout(() => {
+        generator.generateKFC();
+    }, 1000);
+});
+
+// 添加键盘快捷键支持
+document.addEventListener('keydown', (event) => {
+    // 按空格键生成文案
+    if (event.code === 'Space' && event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
+        event.preventDefault();
+        document.getElementById('generateBtn').click();
+    }
+    
+    // Ctrl+C 复制文案
+    if (event.ctrlKey && event.key === 'c' && event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
+        const copyBtn = document.getElementById('copyBtn');
+        if (copyBtn.style.display !== 'none') {
+            event.preventDefault();
+            copyBtn.click();
+        }
+    }
+});

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/接口集合.json

@@ -0,0 +1,3 @@
+[
+    "https://60s.api.shumengya.top"
+]

InfoGenie-frontend/public/60sapi/娱乐消遣/随机KFC文案/返回接口.json

@@ -0,0 +1,8 @@
+{
+  "code": 200,
+  "message": "获取成功。数据来自官方/权威源头，以确保稳定与实时。开源地址 https://github.com/vikiboss/60s，反馈群 595941841",
+  "data": {
+    "index": 78,
+    "kfc": "我叫夯大力 立冬给我准备了糖炒栗子了没有 没准备的自动绝交  再 v 我 50 吃疯狂星期四 然后再给我点杯奶茶 再给我两万块钱 懂吗你们"
+  }
+}