-
+
节气节日
-
+
当前节气
${lunarData.term.stage ? lunarData.term.stage.name : '无节气'}
-
+
法定假日
${lunarData.legal_holiday ? lunarData.legal_holiday.name : '无假日'}
-
+
传统节日
${lunarData.festival.both_desc || '无特殊节日'}
-
+
@@ -200,12 +196,12 @@ function displayLunarInfo(lunarData) {
一年第几天
第${lunarData.stats.day_of_year}天
${lunarData.lunar.hour_desc}
-
+
时辰干支
${lunarData.sixty_cycle.hour.name}
-
+
@@ -219,7 +215,7 @@ function displayLunarInfo(lunarData) {
时辰生肖
${lunarData.zodiac.hour}
-
+
黄历宜忌
@@ -253,7 +249,7 @@ function displayLunarInfo(lunarData) {
-
+
@@ -268,7 +264,7 @@ function displayLunarInfo(lunarData) {
今日运势
${lunarData.fortune.today_luck}
${lunarData.fortune.money}
-
+
@@ -277,12 +273,12 @@ function displayLunarInfo(lunarData) {
感情运
${lunarData.fortune.love}
-
+
年度统计
-
+
diff --git a/frontend/60sapi/实用功能/哈希解压压缩/js/script.js b/frontend/60sapi/实用功能/哈希解压压缩/js/script.js
index 4427a177..6f846356 100644
--- a/frontend/60sapi/实用功能/哈希解压压缩/js/script.js
+++ b/frontend/60sapi/实用功能/哈希解压压缩/js/script.js
@@ -1,5 +1,5 @@
// API配置
-const API_BASE_URL = 'https://60s.viki.moe/v2/hash';
+const API_BASE_URL = 'https://60s.api.shumengya.top/v2/hash';
// DOM元素
const elements = {
diff --git a/frontend/60sapi/实用功能/实时天气/css/background.css b/frontend/60sapi/实用功能/天气预报/css/background.css
similarity index 100%
rename from frontend/60sapi/实用功能/实时天气/css/background.css
rename to frontend/60sapi/实用功能/天气预报/css/background.css
diff --git a/frontend/60sapi/实用功能/实时天气/css/style.css b/frontend/60sapi/实用功能/天气预报/css/style.css
similarity index 78%
rename from frontend/60sapi/实用功能/实时天气/css/style.css
rename to frontend/60sapi/实用功能/天气预报/css/style.css
index 8a1e29f0..f3d52bde 100644
--- a/frontend/60sapi/实用功能/实时天气/css/style.css
+++ b/frontend/60sapi/实用功能/天气预报/css/style.css
@@ -162,95 +162,6 @@ body {
font-size: 14px;
}
-/* 天气详情 */
-.weather-details {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
- gap: 15px;
-}
-
-.detail-item {
- background: rgba(168, 213, 186, 0.1);
- padding: 15px;
- border-radius: 12px;
- text-align: center;
- border: 1px solid rgba(168, 213, 186, 0.2);
-}
-
-.detail-item .label {
- display: block;
- color: #666;
- font-size: 12px;
- margin-bottom: 5px;
- text-transform: uppercase;
- letter-spacing: 0.5px;
-}
-
-.detail-item span:last-child {
- color: #2d5a3d;
- font-weight: 600;
- font-size: 16px;
-}
-
-/* 生活指数 */
-.life-index {
- margin-top: 30px;
-}
-
-.life-index h3 {
- color: #2d5a3d;
- font-size: 1.5rem;
- margin-bottom: 20px;
- text-align: center;
-}
-
-.index-grid {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
- gap: 20px;
-}
-
-.index-item {
- display: flex;
- align-items: center;
- background: rgba(168, 213, 186, 0.05);
- padding: 20px;
- border-radius: 15px;
- border: 1px solid rgba(168, 213, 186, 0.2);
- transition: all 0.3s ease;
-}
-
-.index-item:hover {
- background: rgba(168, 213, 186, 0.1);
- transform: translateY(-2px);
- box-shadow: 0 4px 12px rgba(168, 213, 186, 0.2);
-}
-
-.index-icon {
- font-size: 2rem;
- margin-right: 15px;
- width: 50px;
- text-align: center;
-}
-
-.index-content h4 {
- color: #2d5a3d;
- font-size: 16px;
- margin-bottom: 5px;
-}
-
-.index-content p {
- color: #6bb77b;
- font-weight: 600;
- margin-bottom: 3px;
-}
-
-.index-content span {
- color: #666;
- font-size: 13px;
- line-height: 1.4;
-}
-
/* 更新时间 */
.update-time {
text-align: center;
@@ -285,10 +196,6 @@ body {
font-size: 3.5rem;
}
- .weather-details {
- grid-template-columns: repeat(3, 1fr);
- }
-
.index-grid {
grid-template-columns: repeat(2, 1fr);
}
@@ -308,10 +215,6 @@ body {
justify-content: space-around;
}
- .weather-details {
- grid-template-columns: repeat(6, 1fr);
- }
-
.index-grid {
grid-template-columns: repeat(3, 1fr);
}
@@ -355,15 +258,6 @@ body {
font-size: 3rem;
}
- .weather-details {
- grid-template-columns: repeat(2, 1fr);
- gap: 10px;
- }
-
- .detail-item {
- padding: 12px;
- }
-
.index-grid {
grid-template-columns: 1fr;
gap: 15px;
@@ -398,12 +292,121 @@ body {
.temperature {
font-size: 2.5rem;
}
-
- .weather-details {
- grid-template-columns: 1fr;
+}
+
+/* 预报区域样式 */
+.forecast-section {
+ margin-top: 30px;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.95);
+ border-radius: 20px;
+ backdrop-filter: blur(10px);
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.forecast-section h3 {
+ color: #2d5a3d;
+ font-size: 1.5rem;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+.forecast-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 15px;
+}
+
+.forecast-item {
+ background: rgba(255, 255, 255, 0.8);
+ border-radius: 15px;
+ padding: 15px;
+ text-align: center;
+ border: 1px solid rgba(168, 213, 186, 0.3);
+ transition: all 0.3s ease;
+}
+
+.forecast-item:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+}
+
+.forecast-date {
+ font-weight: bold;
+ color: #2d5a3d;
+ margin-bottom: 10px;
+ font-size: 1.1rem;
+}
+
+.forecast-weather {
+ margin-bottom: 10px;
+}
+
+.weather-day {
+ color: #666;
+ font-size: 0.9rem;
+}
+
+.weather-night {
+ color: #888;
+ font-size: 0.85rem;
+}
+
+.forecast-temp {
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+}
+
+.temp-high {
+ color: #ff6b6b;
+ font-weight: bold;
+ font-size: 1.2rem;
+}
+
+.temp-low {
+ color: #4ecdc4;
+ font-size: 1rem;
+}
+
+.forecast-wind {
+ color: #666;
+ font-size: 0.85rem;
+ margin-bottom: 5px;
+}
+
+.forecast-humidity {
+ color: #888;
+ font-size: 0.8rem;
+}
+
+/* 预报区域响应式设计 */
+@media (max-width: 768px) {
+ .forecast-grid {
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ gap: 10px;
}
- .detail-item {
- padding: 10px;
+ .forecast-item {
+ padding: 12px;
+ }
+
+ .forecast-date {
+ font-size: 1rem;
+ }
+
+ .temp-high {
+ font-size: 1.1rem;
+ }
+}
+
+@media (max-width: 480px) {
+ .forecast-section {
+ padding: 15px;
+ }
+
+ .forecast-grid {
+ grid-template-columns: repeat(2, 1fr);
}
}
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/天气预报/index.html b/frontend/60sapi/实用功能/天气预报/index.html
new file mode 100644
index 00000000..fac47523
--- /dev/null
+++ b/frontend/60sapi/实用功能/天气预报/index.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+ 年度进度
${lunarData.stats.percents_formatted.year}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/实时天气/js/script.js b/frontend/60sapi/实用功能/天气预报/js/script.js
similarity index 55%
rename from frontend/60sapi/实用功能/实时天气/js/script.js
rename to frontend/60sapi/实用功能/天气预报/js/script.js
index a3aaacda..6361f580 100644
--- a/frontend/60sapi/实用功能/实时天气/js/script.js
+++ b/frontend/60sapi/实用功能/天气预报/js/script.js
@@ -2,11 +2,7 @@
class WeatherApp {
constructor() {
this.apiEndpoints = [
- 'https://60s-cf.viki.moe',
- 'https://60s.viki.moe',
- 'https://60s.b23.run',
- 'https://60s.114128.xyz',
- 'https://60s-cf.114128.xyz'
+ "https://60s.api.shumengya.top/v2/weather/forecast"
];
this.currentEndpointIndex = 0;
this.init();
@@ -74,7 +70,7 @@ class WeatherApp {
}
async fetchWeatherData(endpoint, city) {
- const url = `${endpoint}/v2/weather?query=${encodeURIComponent(city)}`;
+ const url = `${endpoint}?query=${encodeURIComponent(city)}`;
const response = await fetch(url, {
method: 'GET',
@@ -93,90 +89,61 @@ class WeatherApp {
}
displayWeatherData(data) {
- const { location, realtime } = data;
+ const { location, forecast } = data;
// 显示位置信息
document.getElementById('locationName').textContent = location.formatted;
document.getElementById('locationDetail').textContent =
`${location.province} ${location.city} | 邮编: ${location.zip_code}`;
- // 显示当前天气
- document.getElementById('temperature').textContent = realtime.temperature;
- document.getElementById('weatherCondition').textContent = realtime.weather;
+ // 使用第一天的预报数据作为当前天气（今天的天气）
+ const todayWeather = forecast[0];
- // 体感温度转换（API返回的是华氏度，需要转换为摄氏度）
- const feelsLikeCelsius = this.fahrenheitToCelsius(realtime.temperature_feels_like);
+ // 显示当前天气（使用今天的最高温度）
+ document.getElementById('temperature').textContent = todayWeather.temperature_high;
+ document.getElementById('weatherCondition').textContent =
+ `${todayWeather.weather_day} 转 ${todayWeather.weather_night}`;
+
+ // 体感温度（使用温度范围）
document.getElementById('feelsLike').textContent =
- `体感温度 ${feelsLikeCelsius}°C`;
+ `温度范围 ${todayWeather.temperature_low}°C - ${todayWeather.temperature_high}°C`;
- // 显示天气详情
- document.getElementById('humidity').textContent = `${realtime.humidity}%`;
- document.getElementById('windDirection').textContent = realtime.wind_direction;
- document.getElementById('windStrength').textContent = realtime.wind_strength;
- document.getElementById('pressure').textContent = `${realtime.pressure} hPa`;
- document.getElementById('visibility').textContent = realtime.visibility;
-
- // 空气质量显示
- const aqiElement = document.getElementById('aqi');
- aqiElement.textContent = `${realtime.aqi} (PM2.5: ${realtime.pm25})`;
- aqiElement.className = this.getAQIClass(realtime.aqi);
-
- // 显示生活指数
- const lifeIndex = realtime.life_index;
- this.displayLifeIndex('comfort', lifeIndex.comfort);
- this.displayLifeIndex('clothing', lifeIndex.clothing);
- this.displayLifeIndex('umbrella', lifeIndex.umbrella);
- this.displayLifeIndex('uv', lifeIndex.uv);
- this.displayLifeIndex('travel', lifeIndex.travel);
- this.displayLifeIndex('sport', lifeIndex.sport);
-
- // 显示更新时间
+ // 显示更新时间（使用当前时间）
document.getElementById('updateTime').textContent =
- `${realtime.updated} (${realtime.updated_at})`;
+ `${this.formatDate(new Date())} (基于预报数据)`;
+
+ // 显示天气预报
+ this.displayForecast(forecast);
this.showWeatherContainer();
}
- displayLifeIndex(type, indexData) {
- const levelElement = document.getElementById(`${type}Level`);
- const descElement = document.getElementById(`${type}Desc`);
+ displayForecast(forecast) {
+ const forecastGrid = document.getElementById('forecastGrid');
+ forecastGrid.innerHTML = '';
- if (levelElement && descElement && indexData) {
- levelElement.textContent = indexData.level;
- descElement.textContent = indexData.desc;
+ forecast.forEach((day, index) => {
+ const forecastItem = document.createElement('div');
+ forecastItem.className = 'forecast-item';
- // 根据指数级别设置颜色
- levelElement.className = this.getIndexLevelClass(indexData.level);
- }
- }
-
- getAQIClass(aqi) {
- if (aqi <= 50) return 'aqi-good';
- if (aqi <= 100) return 'aqi-moderate';
- if (aqi <= 150) return 'aqi-unhealthy-sensitive';
- if (aqi <= 200) return 'aqi-unhealthy';
- if (aqi <= 300) return 'aqi-very-unhealthy';
- return 'aqi-hazardous';
- }
-
- getIndexLevelClass(level) {
- const levelMap = {
- '优': 'level-excellent',
- '良': 'level-good',
- '适宜': 'level-suitable',
- '舒适': 'level-comfortable',
- '较适宜': 'level-fairly-suitable',
- '不宜': 'level-unsuitable',
- '较不宜': 'level-fairly-unsuitable',
- '带伞': 'level-bring-umbrella',
- '最弱': 'level-weakest',
- '弱': 'level-weak',
- '中等': 'level-moderate',
- '强': 'level-strong',
- '很强': 'level-very-strong'
- };
-
- return levelMap[level] || 'level-default';
+ forecastItem.innerHTML = `
+ 天气预报
+
+
+
+
+
+
+
+
+
+
+
+
+ ${day.date_desc}
+
+
+ ${day.weather_day}
+ ${day.weather_night}
+
+ ${day.temperature_high}°
+ ${day.temperature_low}°
+
+
+
+ ${day.wind_direction_day} ${day.wind_strength_day}
+ 湿度: ${day.humidity}%
+ `;
+
+ forecastGrid.appendChild(forecastItem);
+ });
}
// 华氏度转摄氏度
@@ -185,6 +152,18 @@ class WeatherApp {
return Math.round(celsius * 10) / 10; // 保留一位小数
}
+ // 格式化时间
+ formatDate(date) {
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, '0');
+ const day = String(date.getDate()).padStart(2, '0');
+ const hours = String(date.getHours()).padStart(2, '0');
+ const minutes = String(date.getMinutes()).padStart(2, '0');
+ const seconds = String(date.getSeconds()).padStart(2, '0');
+
+ return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+ }
+
showLoading() {
document.getElementById('loading').style.display = 'block';
document.getElementById('weatherContainer').style.display = 'none';
@@ -206,26 +185,6 @@ class WeatherApp {
}
}
-// 添加生活指数级别样式
-const style = document.createElement('style');
-style.textContent = `
- .aqi-good { color: #52c41a; }
- .aqi-moderate { color: #faad14; }
- .aqi-unhealthy-sensitive { color: #fa8c16; }
- .aqi-unhealthy { color: #f5222d; }
- .aqi-very-unhealthy { color: #a0206e; }
- .aqi-hazardous { color: #722ed1; }
-
- .level-excellent, .level-suitable, .level-comfortable { color: #52c41a; }
- .level-good, .level-fairly-suitable { color: #1890ff; }
- .level-bring-umbrella, .level-moderate { color: #faad14; }
- .level-unsuitable, .level-fairly-unsuitable { color: #f5222d; }
- .level-weakest, .level-weak { color: #52c41a; }
- .level-strong, .level-very-strong { color: #fa8c16; }
- .level-default { color: #666; }
-`;
-document.head.appendChild(style);
-
// 页面加载完成后初始化应用
document.addEventListener('DOMContentLoaded', () => {
new WeatherApp();
diff --git a/frontend/60sapi/实用功能/天气预报/接口集合.json b/frontend/60sapi/实用功能/天气预报/接口集合.json
new file mode 100644
index 00000000..178eeacc
--- /dev/null
+++ b/frontend/60sapi/实用功能/天气预报/接口集合.json
@@ -0,0 +1,3 @@
+[
+ "https://60s.api.shumengya.top/v2/weather/forecast"
+]
diff --git a/frontend/60sapi/实用功能/天气预报/返回接口.json b/frontend/60sapi/实用功能/天气预报/返回接口.json
new file mode 100644
index 00000000..7de58048
--- /dev/null
+++ b/frontend/60sapi/实用功能/天气预报/返回接口.json
@@ -0,0 +1,101 @@
+{
+ "code": 200,
+ "message": "获取成功。数据来自官方/权威源头，以确保稳定与实时。开源地址 https://github.com/vikiboss/60s，反馈群 595941841",
+ "data": {
+ "location": {
+ "province": "北京",
+ "city": "北京",
+ "town": "北京",
+ "formatted": "北京",
+ "location_id": "101010100",
+ "detail_url": "http://www.weather.com.cn/weather/101010100.shtml",
+ "is_province": true,
+ "is_city": false,
+ "is_town": false,
+ "area_code": "10",
+ "zip_code": "100000"
+ },
+ "forecast": [
+ {
+ "date": "9/4",
+ "date_desc": "今天",
+ "weather_day": "多云",
+ "weather_night": "阴",
+ "weather_code_day": "01",
+ "weather_code_night": "02",
+ "temperature_high": 31,
+ "temperature_low": 21,
+ "wind_direction_day": "南风",
+ "wind_direction_night": "南风",
+ "wind_strength_day": "\u003C3级",
+ "wind_strength_night": "\u003C3级",
+ "rainfall": 96.1,
+ "humidity": 83
+ },
+ {
+ "date": "9/5",
+ "date_desc": "星期五",
+ "weather_day": "中雨",
+ "weather_night": "多云",
+ "weather_code_day": "08",
+ "weather_code_night": "01",
+ "temperature_high": 23,
+ "temperature_low": 19,
+ "wind_direction_day": "西南风",
+ "wind_direction_night": "北风",
+ "wind_strength_day": "\u003C3级",
+ "wind_strength_night": "\u003C3级",
+ "rainfall": 100,
+ "humidity": 68
+ },
+ {
+ "date": "9/6",
+ "date_desc": "星期六",
+ "weather_day": "多云",
+ "weather_night": "晴",
+ "weather_code_day": "01",
+ "weather_code_night": "00",
+ "temperature_high": 30,
+ "temperature_low": 19,
+ "wind_direction_day": "南风",
+ "wind_direction_night": "西南风",
+ "wind_strength_day": "\u003C3级",
+ "wind_strength_night": "\u003C3级",
+ "rainfall": 85.2,
+ "humidity": 36
+ },
+ {
+ "date": "9/7",
+ "date_desc": "星期日",
+ "weather_day": "多云",
+ "weather_night": "晴",
+ "weather_code_day": "01",
+ "weather_code_night": "00",
+ "temperature_high": 29,
+ "temperature_low": 20,
+ "wind_direction_day": "北风",
+ "wind_direction_night": "北风",
+ "wind_strength_day": "\u003C3级",
+ "wind_strength_night": "\u003C3级",
+ "rainfall": 87.3,
+ "humidity": 27
+ },
+ {
+ "date": "9/8",
+ "date_desc": "星期一",
+ "weather_day": "多云",
+ "weather_night": "多云",
+ "weather_code_day": "01",
+ "weather_code_night": "01",
+ "temperature_high": 28,
+ "temperature_low": 20,
+ "wind_direction_day": "南风",
+ "wind_direction_night": "南风",
+ "wind_strength_day": "\u003C3级",
+ "wind_strength_night": "\u003C3级",
+ "rainfall": 84.8,
+ "humidity": 41
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/实时天气/index.html b/frontend/60sapi/实用功能/实时天气/index.html
deleted file mode 100644
index 474571a4..00000000
--- a/frontend/60sapi/实用功能/实时天气/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/实时天气/接口集合.json b/frontend/60sapi/实用功能/实时天气/接口集合.json
deleted file mode 100644
index 547b2771..00000000
--- a/frontend/60sapi/实用功能/实时天气/接口集合.json
+++ /dev/null
@@ -1,3 +0,0 @@
-[
- "https://60s.api.shumengya.top"
-]
diff --git a/frontend/60sapi/实用功能/实时天气/返回接口.json b/frontend/60sapi/实用功能/实时天气/返回接口.json
deleted file mode 100644
index a0243aa1..00000000
--- a/frontend/60sapi/实用功能/实时天气/返回接口.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
- "code": 200,
- "message": "获取成功。数据来自官方/权威源头，以确保稳定与实时。开源地址 https://github.com/vikiboss/60s，反馈群 595941841",
- "data": {
- "location": {
- "province": "北京",
- "city": "北京",
- "town": "北京",
- "formatted": "北京",
- "location_id": "101010100",
- "detail_url": "http://www.weather.com.cn/weather/101010100.shtml",
- "is_province": true,
- "is_city": false,
- "is_town": false,
- "area_code": "10",
- "zip_code": "100000"
- },
- "realtime": {
- "weather": "小雨转多云",
- "weather_desc": "未知",
- "weather_code": "d7",
- "temperature": 26,
- "temperature_feels_like": 81.1,
- "humidity": 78,
- "wind_direction": "南风转北风",
- "wind_strength": "\u003C3级",
- "wind_speed": "5km/h",
- "pressure": 1008,
- "visibility": "8km",
- "aqi": 37,
- "pm25": 37,
- "rainfall": 0,
- "rainfall_24h": 0,
- "updated": "2025-08-29 08:00:00",
- "updated_at": "15:10",
- "life_index": {
- "comfort": {
- "level": "舒适",
- "desc": "白天温度宜人，风力不大。"
- },
- "clothing": {
- "level": "舒适",
- "desc": "建议穿长袖衬衫单裤等服装。"
- },
- "umbrella": {
- "level": "带伞",
- "desc": "有降水，带雨伞，短期外出可收起雨伞。"
- },
- "uv": {
- "level": "最弱",
- "desc": "辐射弱，涂擦SPF8-12防晒护肤品。"
- },
- "car_wash": {
- "level": "不宜",
- "desc": "有雨，雨水和泥水会弄脏爱车。"
- },
- "travel": {
- "level": "适宜",
- "desc": "较弱降水和微风将伴您共赴旅程。"
- },
- "sport": {
- "level": "较不宜",
- "desc": "有降水，推荐您在室内进行休闲运动。"
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/生成二维码/js/script.js b/frontend/60sapi/实用功能/生成二维码/js/script.js
index f09ff5a6..1b17ffe6 100644
--- a/frontend/60sapi/实用功能/生成二维码/js/script.js
+++ b/frontend/60sapi/实用功能/生成二维码/js/script.js
@@ -16,8 +16,10 @@ class QRCodeGenerator {
// 加载API接口列表
async loadApiEndpoints() {
try {
- const response = await fetch('./接口集合.json');
- this.apiEndpoints = await response.json();
+ // 直接在代码中配置API接口，避免CORS问题
+ this.apiEndpoints = [
+ "https://60s.api.shumengya.top"
+ ];
console.log('已加载API接口:', this.apiEndpoints);
} catch (error) {
console.error('加载API接口失败:', error);
@@ -32,16 +34,26 @@ class QRCodeGenerator {
const downloadBtn = document.querySelector('.download-btn');
const copyBtn = document.querySelector('.copy-btn');
const newBtn = document.querySelector('.new-btn');
-
- form.addEventListener('submit', (e) => this.handleSubmit(e));
- retryBtn.addEventListener('click', () => this.retryGeneration());
- downloadBtn.addEventListener('click', () => this.downloadQRCode());
- copyBtn.addEventListener('click', () => this.copyImageLink());
- newBtn.addEventListener('click', () => this.resetForm());
-
- // 实时字符计数
const textArea = document.getElementById('text');
- textArea.addEventListener('input', () => this.updateCharCount());
+
+ if (form) {
+ form.addEventListener('submit', (e) => this.handleSubmit(e));
+ }
+ if (retryBtn) {
+ retryBtn.addEventListener('click', () => this.retryGeneration());
+ }
+ if (downloadBtn) {
+ downloadBtn.addEventListener('click', () => this.downloadQRCode());
+ }
+ if (copyBtn) {
+ copyBtn.addEventListener('click', () => this.copyImageLink());
+ }
+ if (newBtn) {
+ newBtn.addEventListener('click', () => this.resetForm());
+ }
+ if (textArea) {
+ textArea.addEventListener('input', () => this.updateCharCount());
+ }
}
// 设置表单验证
@@ -162,7 +174,7 @@ class QRCodeGenerator {
// 添加查询参数
Object.entries(params).forEach(([key, value]) => {
- if (value) {
+ if (value !== null && value !== undefined && value !== '') {
url.searchParams.append(key, value);
}
});
@@ -188,20 +200,44 @@ class QRCodeGenerator {
}
// 根据返回格式处理
- if (params.encoding === 'image') {
- const blob = await response.blob();
- const imageUrl = URL.createObjectURL(blob);
- return {
- success: true,
- data: {
- imageUrl: imageUrl,
- text: params.text,
- size: params.size,
- level: params.level,
- format: 'image'
+ if (params.encoding === 'image' || !params.encoding) {
+ // 默认返回图片格式
+ const contentType = response.headers.get('content-type');
+ if (contentType && contentType.startsWith('image/')) {
+ const blob = await response.blob();
+ const imageUrl = URL.createObjectURL(blob);
+ return {
+ success: true,
+ data: {
+ imageUrl: imageUrl,
+ text: params.text,
+ size: params.size,
+ level: params.level,
+ format: 'image'
+ }
+ };
+ } else {
+ // 如果返回的不是图片，尝试解析JSON
+ const jsonData = await response.json();
+ if (jsonData.code === 0 && jsonData.data && jsonData.data.data_uri) {
+ return {
+ success: true,
+ data: {
+ imageUrl: jsonData.data.data_uri,
+ text: params.text,
+ size: params.size,
+ level: params.level,
+ format: 'json',
+ base64: jsonData.data.base64,
+ mimeType: jsonData.data.mime_type
+ }
+ };
+ } else {
+ throw new Error(jsonData.message || '生成失败');
}
- };
+ }
} else {
+ // JSON或text格式
const jsonData = await response.json();
if (jsonData.code === 0 && jsonData.data) {
return {
@@ -211,7 +247,7 @@ class QRCodeGenerator {
text: params.text,
size: params.size,
level: params.level,
- format: 'json',
+ format: params.encoding,
base64: jsonData.data.base64,
mimeType: jsonData.data.mime_type
}
diff --git a/frontend/60sapi/实用功能/生成二维码/返回接口.json b/frontend/60sapi/实用功能/生成二维码/返回接口.json
deleted file mode 100644
index 8cea87e9..00000000
--- a/frontend/60sapi/实用功能/生成二维码/返回接口.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "code": 0,
- "message": "success",
- "data": {
- "base64": "iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7Z15fBTV...",
- "data_uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURBVHic7Z15fBTV...",
- "mime_type": "image/png",
- "text": "https://example.com"
- }
-}
\ No newline at end of file
diff --git a/frontend/60sapi/实用功能/百度百科词条/js/script.js b/frontend/60sapi/实用功能/百度百科词条/js/script.js
index 6dbc4939..20a423bf 100644
--- a/frontend/60sapi/实用功能/百度百科词条/js/script.js
+++ b/frontend/60sapi/实用功能/百度百科词条/js/script.js
@@ -3,11 +3,7 @@ class BaikeApp {
constructor() {
// API接口列表
this.apiEndpoints = [
- 'https://60s-cf.viki.moe',
- 'https://60s.viki.moe',
- 'https://60s.b23.run',
- 'https://60s.114128.xyz',
- 'https://60s-cf.114128.xyz'
+ 'https://60s.api.shumengya.top',
];
this.currentApiIndex = 0;
diff --git a/frontend/60sapi/实用功能/链接OG信息/js/script.js b/frontend/60sapi/实用功能/链接OG信息/js/script.js
index 73ccaa00..f7059a9c 100644
--- a/frontend/60sapi/实用功能/链接OG信息/js/script.js
+++ b/frontend/60sapi/实用功能/链接OG信息/js/script.js
@@ -3,7 +3,7 @@
class OGAnalyzer {
constructor() {
- this.apiUrl = 'https://60s.viki.moe/v2/og';
+ this.apiUrl = 'https://60s.api.shumengya.top/v2/og';
this.isAnalyzing = false;
this.currentUrl = '';
this.animationFrameId = null;
diff --git a/frontend/60sapi/日更资讯/历史上的今天/js/script.js b/frontend/60sapi/日更资讯/历史上的今天/js/script.js
index 986eac74..bb0ca469 100644
--- a/frontend/60sapi/日更资讯/历史上的今天/js/script.js
+++ b/frontend/60sapi/日更资讯/历史上的今天/js/script.js
@@ -13,7 +13,7 @@ const API = {
this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/today_in_history`);
} catch (e) {
// 如果无法加载接口集合，使用默认接口
- this.endpoints = ['https://60s.viki.moe/v2/today_in_history'];
+ this.endpoints = ['https://60s.api.shumengya.top/v2/today_in_history'];
}
},
// 获取当前接口URL
diff --git a/frontend/60sapi/日更资讯/必应每日壁纸/js/script.js b/frontend/60sapi/日更资讯/必应每日壁纸/js/script.js
index 9e231288..35ac3881 100644
--- a/frontend/60sapi/日更资讯/必应每日壁纸/js/script.js
+++ b/frontend/60sapi/日更资讯/必应每日壁纸/js/script.js
@@ -15,7 +15,7 @@ const API = {
this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/bing`);
} catch (e) {
// 如果无法加载接口集合，使用默认接口
- this.endpoints = ['https://60s.viki.moe/v2/bing'];
+ this.endpoints = ['https://60s.api.shumengya.top/v2/bing'];
}
},
// 获取当前接口URL
diff --git a/frontend/60sapi/日更资讯/必应每日壁纸/接口集合.json b/frontend/60sapi/日更资讯/必应每日壁纸/接口集合.json
index 04e92b7f..547b2771 100644
--- a/frontend/60sapi/日更资讯/必应每日壁纸/接口集合.json
+++ b/frontend/60sapi/日更资讯/必应每日壁纸/接口集合.json
@@ -1,7 +1,3 @@
[
- "https://60s-cf.viki.moe",
- "https://60s.viki.moe",
- "https://60s.b23.run",
- "https://60s.114128.xyz",
- "https://60s-cf.114128.xyz"
+ "https://60s.api.shumengya.top"
]
diff --git a/frontend/60sapi/日更资讯/每天60s读懂世界/js/script.js b/frontend/60sapi/日更资讯/每天60s读懂世界/js/script.js
index 63c2d19f..a8d48404 100644
--- a/frontend/60sapi/日更资讯/每天60s读懂世界/js/script.js
+++ b/frontend/60sapi/日更资讯/每天60s读懂世界/js/script.js
@@ -15,7 +15,7 @@ const API = {
this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/60s`);
} catch (e) {
// 如果无法加载接口集合，使用默认接口
- this.endpoints = ['https://60s.viki.moe/v2/60s'];
+ this.endpoints = ['https://60s.api.shumengya.top/v2/60s'];
}
},
// 获取当前接口URL
diff --git a/frontend/60sapi/日更资讯/每日国际汇率/js/script.js b/frontend/60sapi/日更资讯/每日国际汇率/js/script.js
index d7d217b3..4f820299 100644
--- a/frontend/60sapi/日更资讯/每日国际汇率/js/script.js
+++ b/frontend/60sapi/日更资讯/每日国际汇率/js/script.js
@@ -14,7 +14,7 @@ const API = {
this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/exchange_rate`);
} catch (e) {
// 如果无法加载接口集合，使用默认接口
- this.endpoints = ['https://60s.viki.moe/v2/exchange_rate'];
+ this.endpoints = ['https://60s.api.shumengya.top/v2/exchange_rate'];
}
},
// 获取当前接口URL
diff --git a/frontend/60sapi/热搜榜单/Hacker News 榜单/css/style.css b/frontend/60sapi/热搜榜单/Hacker News 榜单/css/style.css
index bfbfae9c..fe482a48 100644
--- a/frontend/60sapi/热搜榜单/Hacker News 榜单/css/style.css
+++ b/frontend/60sapi/热搜榜单/Hacker News 榜单/css/style.css
@@ -109,14 +109,20 @@ body {
backdrop-filter: blur(10px);
}
-header {
+header, .header {
text-align: center;
margin-bottom: 28px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
-header h1 {
+.header-icon {
+ font-size: 3rem;
+ margin-bottom: 10px;
+ display: block;
+}
+
+header h1, .title {
background: linear-gradient(135deg, #4096ff, #ff7a45);
-webkit-background-clip: text;
background-clip: text;
@@ -127,6 +133,82 @@ header h1 {
letter-spacing: -0.5px;
}
+.subtitle {
+ color: #666;
+ font-size: 1.1rem;
+ margin-bottom: 20px;
+ font-weight: 400;
+}
+
+.tab-container {
+ display: flex;
+ justify-content: center;
+ gap: 12px;
+ margin-bottom: 20px;
+ flex-wrap: wrap;
+}
+
+.tab-btn {
+ background: linear-gradient(135deg, #f0f0f0, #e8e8e8);
+ border: none;
+ padding: 12px 20px;
+ border-radius: 25px;
+ cursor: pointer;
+ font-size: 0.95rem;
+ font-weight: 500;
+ color: #666;
+ transition: all 0.3s ease;
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.tab-btn:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.tab-btn.active {
+ background: linear-gradient(135deg, #4096ff, #40a9ff);
+ color: white;
+ box-shadow: 0 4px 16px rgba(64, 150, 255, 0.3);
+}
+
+.tab-icon {
+ font-size: 1.1rem;
+}
+
+.refresh-btn {
+ background: linear-gradient(135deg, #52c41a, #73d13d);
+ border: none;
+ padding: 12px 24px;
+ border-radius: 25px;
+ color: white;
+ cursor: pointer;
+ font-size: 0.95rem;
+ font-weight: 500;
+ margin-top: 15px;
+ transition: all 0.3s ease;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3);
+}
+
+.refresh-btn:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 16px rgba(82, 196, 26, 0.4);
+}
+
+.btn-icon {
+ font-size: 1.1rem;
+}
+
+.time-icon {
+ margin-right: 6px;
+}
+
.update-time {
color: #666;
font-size: 0.9rem;
@@ -215,6 +297,331 @@ header h1 {
padding: 40px;
color: #666;
font-size: 1.1rem;
+ display: none;
+}
+
+.loading-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 20px;
+}
+
+.rainbow-spinner {
+ width: 50px;
+ height: 50px;
+ border: 4px solid transparent;
+ border-top: 4px solid #4096ff;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3, #54a0ff, #5f27cd);
+ background-size: 400% 400%;
+ animation: spin 1s linear infinite, rainbowGradient 3s ease infinite;
+}
+
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 10px;
+}
+
+.loading-emoji {
+ font-size: 2rem;
+ animation: bounce 1.5s ease-in-out infinite;
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+ 40% {
+ transform: translateY(-10px);
+ }
+ 60% {
+ transform: translateY(-5px);
+ }
+}
+
+.loading-dots {
+ display: flex;
+ gap: 4px;
+}
+
+.loading-dots span {
+ width: 8px;
+ height: 8px;
+ background: #4096ff;
+ border-radius: 50%;
+ animation: loadingDots 1.4s ease-in-out infinite both;
+}
+
+.loading-dots span:nth-child(1) { animation-delay: -0.32s; }
+.loading-dots span:nth-child(2) { animation-delay: -0.16s; }
+.loading-dots span:nth-child(3) { animation-delay: 0s; }
+
+@keyframes loadingDots {
+ 0%, 80%, 100% {
+ transform: scale(0);
+ }
+ 40% {
+ transform: scale(1);
+ }
+}
+
+.news-list {
+ margin-top: 20px;
+}
+
+/* 新闻项目卡片 - 移动端优先设计 */
+.news-item {
+ background: white;
+ border-radius: 16px;
+ padding: 16px;
+ margin-bottom: 12px;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+ transition: all 0.3s ease;
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ display: flex;
+ gap: 12px;
+ position: relative;
+ overflow: hidden;
+}
+
+.news-item:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
+ border-color: rgba(64, 169, 255, 0.2);
+}
+
+/* 排名容器 */
+.news-rank-container {
+ flex-shrink: 0;
+ display: flex;
+ align-items: flex-start;
+ padding-top: 2px;
+}
+
+.news-rank {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 48px;
+ height: 48px;
+ border-radius: 12px;
+ background: linear-gradient(135deg, #f0f0f0, #e8e8e8);
+ color: #666;
+ font-weight: 600;
+ position: relative;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.news-rank.rank-1 {
+ background: linear-gradient(135deg, #ff4d4f, #ff7a45);
+ color: white;
+ box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3);
+}
+
+.news-rank.rank-2 {
+ background: linear-gradient(135deg, #ff7a45, #ffa940);
+ color: white;
+ box-shadow: 0 4px 12px rgba(255, 122, 69, 0.3);
+}
+
+.news-rank.rank-3 {
+ background: linear-gradient(135deg, #ffa940, #ffec3d);
+ color: #333;
+ box-shadow: 0 4px 12px rgba(255, 169, 64, 0.3);
+}
+
+.rank-number {
+ font-size: 0.9rem;
+ font-weight: 700;
+ line-height: 1;
+}
+
+.rank-emoji {
+ font-size: 0.7rem;
+ line-height: 1;
+ margin-top: 1px;
+}
+
+/* 内容包装器 */
+.news-content-wrapper {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+/* 标题 */
+.news-title {
+ font-size: 1rem;
+ font-weight: 600;
+ color: #333;
+ line-height: 1.4;
+ margin: 0;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: pointer;
+ transition: color 0.2s ease;
+}
+
+.news-title:hover {
+ color: #4096ff;
+}
+
+/* 元信息行 */
+.news-meta-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 12px;
+ flex-wrap: wrap;
+}
+
+.news-author, .news-time {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ color: #666;
+ font-size: 0.8rem;
+ flex: 1;
+ min-width: 0;
+}
+
+.meta-icon {
+ font-size: 0.9rem;
+ flex-shrink: 0;
+}
+
+.meta-text {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+/* 统计信息行 */
+.news-stats-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 12px;
+ margin-top: 4px;
+}
+
+.news-score {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: linear-gradient(135deg, #ff6b6b, #4ecdc4);
+ color: white;
+ padding: 4px 10px;
+ border-radius: 12px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
+
+.heat-level {
+ font-size: 0.8rem;
+}
+
+.score-text {
+ font-size: 0.75rem;
+}
+
+.news-link {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: linear-gradient(135deg, #4096ff, #40a9ff);
+ color: white;
+ text-decoration: none;
+ padding: 6px 12px;
+ border-radius: 12px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ transition: all 0.3s ease;
+ box-shadow: 0 2px 6px rgba(64, 150, 255, 0.3);
+ flex-shrink: 0;
+}
+
+.news-link:hover {
+ transform: translateY(-1px);
+ box-shadow: 0 4px 10px rgba(64, 150, 255, 0.4);
+ text-decoration: none;
+ color: white;
+}
+
+.link-icon {
+ font-size: 0.8rem;
+}
+
+.link-text {
+ font-size: 0.75rem;
+}
+
+.error-message {
+ text-align: center;
+ padding: 40px;
+ background: white;
+ border-radius: 12px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
+}
+
+.error-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 16px;
+}
+
+.error-icon {
+ font-size: 3rem;
+}
+
+.error-content h3 {
+ color: #ff4d4f;
+ margin: 0;
+ font-size: 1.3rem;
+}
+
+.error-content p {
+ color: #666;
+ margin: 0;
+ font-size: 1rem;
+}
+
+.retry-btn {
+ background: linear-gradient(135deg, #ff4d4f, #ff7a45);
+ border: none;
+ padding: 12px 24px;
+ border-radius: 25px;
+ color: white;
+ cursor: pointer;
+ font-size: 0.95rem;
+ font-weight: 500;
+ transition: all 0.3s ease;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3);
+}
+
+.retry-btn:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 16px rgba(255, 77, 79, 0.4);
}
footer {
@@ -226,7 +633,7 @@ footer {
font-size: 0.9rem;
}
-/* 响应式设计 */
+/* 响应式设计 - 移动端优化 */
@media (max-width: 1024px) and (min-width: 768px) {
.container {
max-width: 90%;
@@ -254,20 +661,40 @@ footer {
.container {
max-width: 95%;
margin: 12px auto;
- padding: 16px;
+ padding: 8px;
border-radius: 12px;
}
- header {
+ header, .header {
margin-bottom: 20px;
- padding-bottom: 16px;
+ padding: 12px 0 16px 0;
}
- header h1 {
- font-size: 1.8rem;
+ header h1, .title {
+ font-size: 1.6rem;
margin-bottom: 10px;
}
+ .subtitle {
+ font-size: 0.85rem;
+ }
+
+ .tab-container {
+ gap: 8px;
+ margin: 16px 0;
+ }
+
+ .tab-btn {
+ padding: 8px 12px;
+ font-size: 0.8rem;
+ min-width: auto;
+ }
+
+ .refresh-btn {
+ padding: 8px 10px;
+ font-size: 0.8rem;
+ }
+
.update-time {
font-size: 0.85rem;
padding: 6px 12px;
@@ -296,6 +723,52 @@ footer {
margin-bottom: 6px;
}
+ .news-item {
+ padding: 12px;
+ margin-bottom: 10px;
+ gap: 10px;
+ }
+
+ .news-rank {
+ width: 40px;
+ height: 40px;
+ }
+
+ .rank-number {
+ font-size: 0.8rem;
+ }
+
+ .rank-emoji {
+ font-size: 0.6rem;
+ }
+
+ .news-title {
+ font-size: 0.9rem;
+ line-height: 1.3;
+ }
+
+ .news-meta-row {
+ gap: 8px;
+ }
+
+ .news-author, .news-time {
+ font-size: 0.75rem;
+ }
+
+ .news-score {
+ padding: 3px 8px;
+ font-size: 0.7rem;
+ }
+
+ .news-link {
+ padding: 5px 10px;
+ font-size: 0.7rem;
+ }
+
+ .link-text {
+ font-size: 0.7rem;
+ }
+
footer {
margin-top: 24px;
padding-top: 16px;
@@ -306,10 +779,10 @@ footer {
@media (max-width: 480px) {
.container {
margin: 8px auto;
- padding: 14px;
+ padding: 6px;
}
- header h1 {
+ header h1, .title {
font-size: 1.6rem;
}
@@ -329,6 +802,47 @@ footer {
.hot-title {
font-size: 0.95rem;
}
+
+ .news-item {
+ padding: 10px;
+ gap: 8px;
+ }
+
+ .news-rank {
+ width: 36px;
+ height: 36px;
+ }
+
+ .rank-number {
+ font-size: 0.75rem;
+ }
+
+ .news-title {
+ font-size: 0.85rem;
+ }
+
+ .news-meta-row {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 6px;
+ }
+
+ .news-stats-row {
+ gap: 8px;
+ }
+
+ .news-author, .news-time {
+ font-size: 0.7rem;
+ }
+
+ .news-score {
+ font-size: 0.65rem;
+ }
+
+ .news-link {
+ font-size: 0.65rem;
+ padding: 4px 8px;
+ }
}
/* 减少动画以节省电池 */
diff --git a/frontend/60sapi/热搜榜单/Hacker News 榜单/js/script.js b/frontend/60sapi/热搜榜单/Hacker News 榜单/js/script.js
index 33d90bed..b9b4caa5 100644
--- a/frontend/60sapi/热搜榜单/Hacker News 榜单/js/script.js
+++ b/frontend/60sapi/热搜榜单/Hacker News 榜单/js/script.js
@@ -1,10 +1,6 @@
// API接口列表
const API_ENDPOINTS = [
- "https://60s-cf.viki.moe",
- "https://60s.viki.moe",
- "https://60s.b23.run",
- "https://60s.114128.xyz",
- "https://60s-cf.114128.xyz"
+ "https://60s.api.shumengya.top",
];
// 当前使用的API索引
@@ -118,7 +114,7 @@ function createNewsItem(item, rank) {
const newsItem = document.createElement('div');
newsItem.className = 'news-item';
- const rankClass = rank <= 5 ? 'news-rank top-5' : 'news-rank';
+ const rankClass = rank <= 3 ? `news-rank rank-${rank}` : 'news-rank';
const formattedScore = formatScore(item.score);
const formattedTime = formatTime(item.created);
@@ -127,8 +123,6 @@ function createNewsItem(item, rank) {
if (rank === 1) rankEmoji = '🏆';
else if (rank === 2) rankEmoji = '🥈';
else if (rank === 3) rankEmoji = '🥉';
- else if (rank <= 10) rankEmoji = '💎';
- else rankEmoji = '⭐';
// 根据评分添加热度指示
let heatLevel = '';
@@ -138,18 +132,35 @@ function createNewsItem(item, rank) {
else heatLevel = '💫';
newsItem.innerHTML = `
- 实时天气查询
-
-
-
-
-
-
-
-
-
-
-
-
-
-
${rank}
- ${heatLevel} ${formattedScore}
+
+
-
+ ${rank}
+ ${rankEmoji}
+
${rankEmoji} ${escapeHtml(item.title)}
-
-
-
🕒 ${formattedTime}
+
+
-
- 🚀 阅读全文
-
`;
return newsItem;
diff --git a/frontend/60sapi/热搜榜单/Hacker News 榜单/接口集合.json b/frontend/60sapi/热搜榜单/Hacker News 榜单/接口集合.json
index 04e92b7f..547b2771 100644
--- a/frontend/60sapi/热搜榜单/Hacker News 榜单/接口集合.json
+++ b/frontend/60sapi/热搜榜单/Hacker News 榜单/接口集合.json
@@ -1,7 +1,3 @@
[
- "https://60s-cf.viki.moe",
- "https://60s.viki.moe",
- "https://60s.b23.run",
- "https://60s.114128.xyz",
- "https://60s-cf.114128.xyz"
+ "https://60s.api.shumengya.top"
]
diff --git a/frontend/60sapi/热搜榜单/哔哩哔哩热搜榜/js/main.js b/frontend/60sapi/热搜榜单/哔哩哔哩热搜榜/js/main.js
index 79764009..7de0e4b9 100644
--- a/frontend/60sapi/热搜榜单/哔哩哔哩热搜榜/js/main.js
+++ b/frontend/60sapi/热搜榜单/哔哩哔哩热搜榜/js/main.js
@@ -1,10 +1,6 @@
// API接口列表
const API_ENDPOINTS = [
- "https://60s.viki.moe/v2/bili",
- "https://60s-cf.viki.moe/v2/bili",
- "https://60s.b23.run/v2/bili",
- "https://60s.114128.xyz/v2/bili",
- "https://60s-cf.114128.xyz/v2/bili"
+ "https://60s.api.shumengya.top/v2/bili"
];
// 当前使用的API索引
diff --git a/frontend/60sapi/热搜榜单/头条热搜榜/js/main.js b/frontend/60sapi/热搜榜单/头条热搜榜/js/main.js
index 24cca068..2d7b0367 100644
--- a/frontend/60sapi/热搜榜单/头条热搜榜/js/main.js
+++ b/frontend/60sapi/热搜榜单/头条热搜榜/js/main.js
@@ -1,10 +1,6 @@
// API接口列表
const API_ENDPOINTS = [
- "https://60s.viki.moe/v2/toutiao",
- "https://60s-cf.viki.moe/v2/toutiao",
- "https://60s.b23.run/v2/toutiao",
- "https://60s.114128.xyz/v2/toutiao",
- "https://60s-cf.114128.xyz/v2/toutiao"
+ "https://60s.api.shumengya.top/v2/toutiao",
];
// 当前使用的API索引
diff --git a/frontend/60sapi/热搜榜单/微博热搜榜/js/main.js b/frontend/60sapi/热搜榜单/微博热搜榜/js/main.js
index 8a5e3bd4..7e076706 100644
--- a/frontend/60sapi/热搜榜单/微博热搜榜/js/main.js
+++ b/frontend/60sapi/热搜榜单/微博热搜榜/js/main.js
@@ -1,10 +1,6 @@
// API接口列表
const API_ENDPOINTS = [
- "https://60s-cf.viki.moe/v2/weibo",
- "https://60s.viki.moe/v2/weibo",
- "https://60s.b23.run/v2/weibo",
- "https://60s.114128.xyz/v2/weibo",
- "https://60s-cf.114128.xyz/v2/weibo"
+ "https://60s.api.shumengya.top/v2/weibo",
];
// 当前使用的API索引
diff --git a/frontend/60sapi/热搜榜单/抖音热搜榜/css/style.css b/frontend/60sapi/热搜榜单/抖音热搜榜/css/style.css
index 3a36fe08..0c135ae8 100644
--- a/frontend/60sapi/热搜榜单/抖音热搜榜/css/style.css
+++ b/frontend/60sapi/热搜榜单/抖音热搜榜/css/style.css
@@ -137,92 +137,203 @@ header h1 {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
+/* 热搜列表 - 移动端优先设计 */
.hot-list {
list-style: none;
}
.hot-item {
- padding: 20px;
- margin-bottom: 16px;
- border-radius: 12px;
- background-color: white;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
+ background: white;
+ border-radius: 16px;
+ padding: 16px;
+ margin-bottom: 12px;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
+ border: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
- border: 1px solid rgba(0, 0, 0, 0.03);
+ gap: 12px;
+ position: relative;
+ overflow: hidden;
}
.hot-item:hover {
- transform: translateY(-3px);
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
- border-color: rgba(64, 169, 255, 0.3);
+ transform: translateY(-2px);
+ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
+ border-color: rgba(64, 169, 255, 0.2);
+}
+
+/* 排名容器 */
+.hot-rank-container {
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
}
.hot-rank {
- font-size: 1.2rem;
- font-weight: bold;
- color: #4096ff;
- margin-right: 18px;
- min-width: 38px;
- text-align: center;
- background-color: rgba(64, 169, 255, 0.1);
- border-radius: 50%;
- width: 38px;
- height: 38px;
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
-}
-
-.hot-rank.top-1 {
- background: linear-gradient(135deg, #ff4d4f, #ff7a45);
- color: white;
-}
-
-.hot-rank.top-2 {
- background: linear-gradient(135deg, #ff7a45, #ffa940);
- color: white;
-}
-
-.hot-rank.top-3 {
- background: linear-gradient(135deg, #ffa940, #ffec3d);
- color: white;
-}
-
-.hot-content {
- flex: 1;
- display: flex;
- align-items: flex-start;
- gap: 15px;
-}
-
-.hot-cover {
- width: 120px;
- height: 80px;
- object-fit: cover;
- border-radius: 8px;
+ width: 48px;
+ height: 48px;
+ border-radius: 12px;
+ background: linear-gradient(135deg, #f0f0f0, #e8e8e8);
+ color: #666;
+ font-weight: 600;
+ position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
-.hot-info {
- flex: 1;
+.hot-rank.rank-1 {
+ background: linear-gradient(135deg, #ff4d4f, #ff7a45);
+ color: white;
+ box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3);
}
-.hot-title {
- font-size: 1.15rem;
- margin-bottom: 8px;
+.hot-rank.rank-2 {
+ background: linear-gradient(135deg, #ff7a45, #ffa940);
+ color: white;
+ box-shadow: 0 4px 12px rgba(255, 122, 69, 0.3);
+}
+
+.hot-rank.rank-3 {
+ background: linear-gradient(135deg, #ffa940, #ffec3d);
color: #333;
- text-decoration: none;
- display: block;
- line-height: 1.5;
- font-weight: 500;
+ box-shadow: 0 4px 12px rgba(255, 169, 64, 0.3);
+}
+
+.rank-number {
+ font-size: 0.9rem;
+ font-weight: 700;
+ line-height: 1;
+}
+
+.rank-emoji {
+ font-size: 0.7rem;
+ line-height: 1;
+ margin-top: 1px;
+}
+
+/* 内容包装器 */
+.hot-content-wrapper {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ gap: 8px;
+}
+
+/* 标题 */
+.hot-title {
+ font-size: 1rem;
+ font-weight: 600;
+ color: #333;
+ line-height: 1.3;
+ margin: 0;
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: pointer;
transition: color 0.2s ease;
}
.hot-title:hover {
color: #4096ff;
+}
+
+/* 底部行 */
+.hot-bottom-row {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ flex-wrap: nowrap;
+}
+
+.hot-time {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ color: #666;
+ font-size: 0.8rem;
+ flex-shrink: 0;
+}
+
+.meta-icon {
+ font-size: 0.9rem;
+ flex-shrink: 0;
+}
+
+.meta-text {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.hot-value {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: linear-gradient(135deg, #ff6b6b, #4ecdc4);
+ color: white;
+ padding: 4px 10px;
+ border-radius: 12px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+ flex-shrink: 0;
+}
+
+.heat-level {
+ font-size: 0.8rem;
+}
+
+.value-text {
+ font-size: 0.75rem;
+}
+
+/* 图片样式 */
+.hot-cover {
+ width: 80px;
+ height: 60px;
+ object-fit: cover;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ flex-shrink: 0;
+}
+
+.hot-link {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: linear-gradient(135deg, #4096ff, #40a9ff);
+ color: white;
text-decoration: none;
+ padding: 6px 12px;
+ border-radius: 12px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ transition: all 0.3s ease;
+ box-shadow: 0 2px 6px rgba(64, 150, 255, 0.3);
+ flex-shrink: 0;
+}
+
+.hot-link:hover {
+ transform: translateY(-1px);
+ box-shadow: 0 4px 10px rgba(64, 150, 255, 0.4);
+ text-decoration: none;
+ color: white;
+}
+
+.link-icon {
+ font-size: 0.8rem;
+}
+
+.link-text {
+ font-size: 0.75rem;
}
.loading {
@@ -241,7 +352,7 @@ footer {
font-size: 0.9rem;
}
-/* 响应式设计 */
+/* 响应式设计 - 移动端优化 */
@media (max-width: 1024px) and (min-width: 768px) {
.container {
max-width: 90%;
@@ -254,6 +365,12 @@ footer {
.hot-item {
padding: 18px;
+ gap: 14px;
+ }
+
+ .hot-rank {
+ width: 52px;
+ height: 52px;
}
.hot-title {
@@ -262,20 +379,16 @@ footer {
}
@media (max-width: 768px) {
- body {
- background-color: #f8f9fa;
- }
-
.container {
max-width: 95%;
margin: 12px auto;
- padding: 16px;
+ padding: 8px;
border-radius: 12px;
}
header {
margin-bottom: 20px;
- padding-bottom: 16px;
+ padding: 12px 0 16px 0;
}
header h1 {
@@ -289,35 +402,54 @@ footer {
}
.hot-item {
- padding: 16px;
- margin-bottom: 12px;
- border-radius: 10px;
- flex-direction: row;
- align-items: flex-start;
+ padding: 12px;
+ margin-bottom: 10px;
+ gap: 10px;
}
.hot-rank {
- font-size: 1.1rem;
- margin-right: 14px;
- min-width: 32px;
- width: 32px;
- height: 32px;
- margin-top: 2px;
+ width: 40px;
+ height: 40px;
+ }
+
+ .rank-number {
+ font-size: 0.8rem;
+ }
+
+ .rank-emoji {
+ font-size: 0.6rem;
}
.hot-title {
- font-size: 1rem;
- line-height: 1.5;
- margin-bottom: 6px;
+ font-size: 0.9rem;
+ line-height: 1.3;
+ }
+
+ .hot-meta-row {
+ gap: 8px;
+ }
+
+ .hot-time {
+ font-size: 0.75rem;
+ }
+
+ .hot-value {
+ padding: 3px 8px;
+ font-size: 0.7rem;
}
.hot-cover {
- width: 100px;
- height: 70px;
+ width: 70px;
+ height: 50px;
}
- .hot-content {
- gap: 10px;
+ .hot-link {
+ padding: 5px 10px;
+ font-size: 0.7rem;
+ }
+
+ .link-text {
+ font-size: 0.7rem;
}
footer {
@@ -330,7 +462,7 @@ footer {
@media (max-width: 480px) {
.container {
margin: 8px auto;
- padding: 14px;
+ padding: 6px;
}
header h1 {
@@ -338,20 +470,50 @@ footer {
}
.hot-item {
- padding: 14px;
- margin-bottom: 10px;
+ padding: 10px;
+ margin-bottom: 8px;
+ gap: 8px;
}
.hot-rank {
- font-size: 1rem;
- margin-right: 12px;
- min-width: 30px;
- width: 30px;
- height: 30px;
+ width: 36px;
+ height: 36px;
+ }
+
+ .rank-number {
+ font-size: 0.75rem;
}
.hot-title {
- font-size: 0.95rem;
+ font-size: 0.85rem;
+ }
+
+ .hot-meta-row {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 6px;
+ }
+
+ .hot-media-row {
+ gap: 8px;
+ }
+
+ .hot-time {
+ font-size: 0.7rem;
+ }
+
+ .hot-value {
+ font-size: 0.65rem;
+ }
+
+ .hot-cover {
+ width: 60px;
+ height: 45px;
+ }
+
+ .hot-link {
+ font-size: 0.65rem;
+ padding: 4px 8px;
}
}
diff --git a/frontend/60sapi/热搜榜单/抖音热搜榜/js/script.js b/frontend/60sapi/热搜榜单/抖音热搜榜/js/script.js
index b8501eb8..68ee67d2 100644
--- a/frontend/60sapi/热搜榜单/抖音热搜榜/js/script.js
+++ b/frontend/60sapi/热搜榜单/抖音热搜榜/js/script.js
@@ -3,11 +3,7 @@ const LOCAL_API_BASE = 'https://infogenie.api.shumengya.top/api/60s';
// API接口列表（备用）
const API_ENDPOINTS = [
- "https://60s-cf.viki.moe",
- "https://60s.viki.moe",
- "https://60s.b23.run",
- "https://60s.114128.xyz",
- "https://60s-cf.114128.xyz"
+ "https://60s.api.shumengya.top",
];
// 当前使用的API索引
@@ -123,42 +119,50 @@ function createHotItem(item, rank) {
const hotItem = document.createElement('div');
hotItem.className = 'hot-item';
- const rankClass = rank <= 3 ? 'hot-rank top-3' : 'hot-rank';
+ // 排名样式类
+ let rankClass = 'hot-rank';
+ if (rank === 1) rankClass += ' rank-1';
+ else if (rank === 2) rankClass += ' rank-2';
+ else if (rank === 3) rankClass += ' rank-3';
+
const formattedHotValue = formatHotValue(item.hot_value);
const formattedTime = formatTime(item.event_time);
// 根据排名添加特殊标识
let rankEmoji = '';
- if (rank === 1) rankEmoji = '🥇';
+ if (rank === 1) rankEmoji = '👑';
else if (rank === 2) rankEmoji = '🥈';
else if (rank === 3) rankEmoji = '🥉';
else if (rank <= 10) rankEmoji = '🔥';
- else rankEmoji = '📈';
// 根据热度值添加火焰等级
let fireLevel = '';
- if (item.hot_value >= 11000000) fireLevel = '🔥🔥🔥🔥🔥🔥🔥🔥🔥';
- else if (item.hot_value >= 1000000) fireLevel = '🔥🔥🔥🔥🔥🔥🔥🔥';
- else if (item.hot_value >= 9500000) fireLevel = '🔥🔥🔥🔥🔥🔥🔥';
- else if (item.hot_value >= 9000000) fireLevel = '🔥🔥🔥🔥🔥🔥';
- else if (item.hot_value >= 8000000) fireLevel = '🔥🔥🔥🔥🔥';
- else if (item.hot_value >= 7000000) fireLevel = '🔥🔥🔥🔥';
- else if (item.hot_value >= 6000000) fireLevel = '🔥🔥🔥';
+ if (item.hot_value >= 10000000) fireLevel = '🔥🔥🔥';
else if (item.hot_value >= 5000000) fireLevel = '🔥🔥';
else fireLevel = '🔥';
hotItem.innerHTML = `
- ${escapeHtml(item.title)}
+ +
+
+ ${heatLevel}
+ ${formattedScore} 分
+
+
+
+ 阅读全文
+
+
-
${rank}
- ${rankEmoji} ${escapeHtml(item.title)}
+
+
-
+
${rank}
+ ${rankEmoji}
+
- 
-
-
+
+
${fireLevel} ${formattedHotValue}
- ${formattedTime}
+
+
diff --git a/frontend/60sapi/热搜榜单/猫眼票房排行榜/css/style.css b/frontend/60sapi/热搜榜单/猫眼票房排行榜/css/style.css
index f4a14f37..7f70c9a0 100644
--- a/frontend/60sapi/热搜榜单/猫眼票房排行榜/css/style.css
+++ b/frontend/60sapi/热搜榜单/猫眼票房排行榜/css/style.css
@@ -1,200 +1,232 @@
-/* 背景样式 */
-.background-container {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
- overflow: hidden;
- background-color: #f8f9fa;
-}
+/* 现代化猫眼票房排行榜样式 */
-.modern-gradient {
- position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 200%;
- background: linear-gradient(
- 135deg,
- rgba(64, 169, 255, 0.4) 0%,
- rgba(120, 192, 255, 0.3) 25%,
- rgba(255, 175, 64, 0.2) 50%,
- rgba(255, 140, 50, 0.3) 75%,
- rgba(255, 122, 69, 0.4) 100%
- );
- animation: gradient-flow 20s ease-in-out infinite;
- border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
-}
-
-.modern-gradient::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: radial-gradient(
- circle at 30% 70%,
- rgba(64, 169, 255, 0.5) 0%,
- transparent 50%
- ), radial-gradient(
- circle at 70% 30%,
- rgba(255, 140, 50, 0.4) 0%,
- transparent 50%
- );
- animation: pulse-effect 15s ease-in-out infinite alternate;
- border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
-}
-
-@keyframes gradient-flow {
- 0%, 100% {
- transform: rotate(0deg) scale(1);
- opacity: 0.8;
- }
- 25% {
- transform: rotate(90deg) scale(1.1);
- opacity: 0.6;
- }
- 50% {
- transform: rotate(180deg) scale(0.9);
- opacity: 0.9;
- }
- 75% {
- transform: rotate(270deg) scale(1.05);
- opacity: 0.7;
- }
-}
-
-@keyframes pulse-effect {
- 0% {
- transform: scale(1) rotate(0deg);
- opacity: 0.5;
- }
- 50% {
- transform: scale(1.2) rotate(180deg);
- opacity: 0.8;
- }
- 100% {
- transform: scale(1) rotate(360deg);
- opacity: 0.6;
- }
-}
-
-/* 主样式 */
+/* 全局重置和基础样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
+:root {
+ /* 主色调 */
+ --primary-color: #667eea;
+ --primary-light: #764ba2;
+ --secondary-color: #f093fb;
+ --accent-color: #4facfe;
+
+ /* 中性色 */
+ --text-primary: #2d3748;
+ --text-secondary: #4a5568;
+ --text-muted: #718096;
+ --bg-primary: #ffffff;
+ --bg-secondary: #f7fafc;
+ --bg-tertiary: #edf2f7;
+
+ /* 状态色 */
+ --success-color: #48bb78;
+ --warning-color: #ed8936;
+ --error-color: #f56565;
+
+ /* 阴影 */
+ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+ --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+ --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+ --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
+
+ /* 圆角 */
+ --radius-sm: 6px;
+ --radius-md: 12px;
+ --radius-lg: 16px;
+ --radius-xl: 24px;
+
+ /* 间距 */
+ --space-xs: 4px;
+ --space-sm: 8px;
+ --space-md: 16px;
+ --space-lg: 24px;
+ --space-xl: 32px;
+ --space-2xl: 48px;
+}
+
body {
- font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
- color: #333;
- background-color: #f8f9fa;
- position: relative;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+ line-height: 1.6;
+ color: var(--text-primary);
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
-}
-
-.container {
- max-width: 800px;
- margin: 0 auto;
- padding: 24px;
position: relative;
- z-index: 1;
- background-color: rgba(255, 255, 255, 0.85);
- border-radius: 16px;
- box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
- backdrop-filter: blur(10px);
+ overflow-x: hidden;
}
-header {
+/* 动态背景效果 */
+body::before {
+ content: '';
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background:
+ radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
+ radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
+ radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);
+ z-index: -1;
+ animation: backgroundShift 20s ease-in-out infinite;
+}
+
+@keyframes backgroundShift {
+ 0%, 100% {
+ transform: scale(1) rotate(0deg);
+ opacity: 0.8;
+ }
+ 50% {
+ transform: scale(1.1) rotate(180deg);
+ opacity: 0.6;
+ }
+}
+
+/* 主容器 */
+.container {
+ max-width: 900px;
+ margin: var(--space-lg) auto;
+ padding: var(--space-xl);
+ background: rgba(255, 255, 255, 0.95);
+ backdrop-filter: blur(20px);
+ border-radius: var(--radius-xl);
+ box-shadow: var(--shadow-xl);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ position: relative;
+ animation: slideUp 0.8s ease-out;
+}
+
+@keyframes slideUp {
+ from {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* 头部样式 */
+.header {
text-align: center;
- margin-bottom: 28px;
- padding-bottom: 20px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ margin-bottom: var(--space-2xl);
+ padding-bottom: var(--space-lg);
+ border-bottom: 2px solid var(--bg-tertiary);
+ position: relative;
}
-header h1 {
+.header::after {
+ content: '';
+ position: absolute;
+ bottom: -2px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 60px;
+ height: 4px;
+ background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
+ border-radius: 2px;
+}
+
+.header h1 {
display: flex;
align-items: center;
justify-content: center;
- margin-bottom: 14px;
- font-size: 2.4rem;
+ gap: var(--space-md);
+ margin-bottom: var(--space-md);
+ font-size: clamp(1.8rem, 4vw, 2.5rem);
font-weight: 700;
- letter-spacing: -0.5px;
+ letter-spacing: -0.02em;
flex-wrap: wrap;
}
-header h1 .icon {
- margin-right: 10px;
- font-size: 2.6rem;
- animation: pulse 2s infinite ease-in-out;
+.header h1 .icon {
+ font-size: 1.2em;
+ animation: bounce 2s infinite;
+ filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
-header h1 .title-text {
- background: linear-gradient(135deg, #4096ff, #ff7a45);
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+ 40% {
+ transform: translateY(-8px);
+ }
+ 60% {
+ transform: translateY(-4px);
+ }
+}
+
+.header h1 .title-text {
+ background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
+ position: relative;
}
-header h1 .update-badge {
- font-size: 0.9rem;
- background: linear-gradient(135deg, #ff7a45, #ff4d4f);
+.header h1 .update-badge {
+ font-size: 0.4em;
+ background: linear-gradient(135deg, var(--accent-color), var(--secondary-color));
color: white;
- padding: 4px 10px;
- border-radius: 20px;
- margin-left: 12px;
- font-weight: 500;
- box-shadow: 0 2px 8px rgba(255, 122, 69, 0.3);
- animation: float 3s infinite ease-in-out;
-}
-
-.header-desc {
- color: #666;
- font-size: 1.1rem;
- font-weight: 500;
- letter-spacing: 0.5px;
- margin-top: 10px;
+ padding: var(--space-xs) var(--space-md);
+ border-radius: var(--radius-xl);
+ font-weight: 600;
+ box-shadow: var(--shadow-md);
+ animation: pulse 3s infinite;
+ white-space: nowrap;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
+ box-shadow: var(--shadow-md);
}
50% {
- transform: scale(1.1);
+ transform: scale(1.05);
+ box-shadow: var(--shadow-lg);
}
}
-@keyframes float {
- 0%, 100% {
- transform: translateY(0);
- }
- 50% {
- transform: translateY(-5px);
- }
+.header-desc {
+ color: var(--text-secondary);
+ font-size: 1.1rem;
+ font-weight: 500;
+ margin-top: var(--space-sm);
}
-.update-time {
- color: #666;
- font-size: 0.9rem;
- background-color: rgba(0, 0, 0, 0.03);
- padding: 8px 16px;
- border-radius: 24px;
- display: inline-block;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-.movie-list {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
- gap: 24px;
- margin-top: 24px;
- animation: fadeInUp 0.8s ease-out;
+/* 加载状态 */
+.loading {
+ text-align: center;
+ padding: var(--space-2xl);
+ color: var(--text-secondary);
}
-@keyframes fadeInUp {
+.spinner {
+ width: 40px;
+ height: 40px;
+ margin: 0 auto var(--space-md);
+ border: 3px solid var(--bg-tertiary);
+ border-top: 3px solid var(--primary-color);
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+}
+
+/* 内容区域 */
+.content {
+ animation: fadeIn 0.6s ease-out 0.2s both;
+}
+
+@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
@@ -205,301 +237,346 @@ header h1 .update-badge {
}
}
-.movie-item {
- padding: 20px;
- border-radius: 12px;
- background-color: white;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
- transition: all 0.3s ease;
- display: flex;
- flex-direction: column;
- border: 1px solid rgba(0, 0, 0, 0.03);
- overflow: hidden;
+.ranking-title {
+ font-size: 1.5rem;
+ font-weight: 600;
+ color: var(--text-primary);
+ margin-bottom: var(--space-lg);
+ text-align: center;
position: relative;
}
-.movie-item:hover {
- transform: translateY(-5px);
- box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
- border-color: rgba(64, 169, 255, 0.3);
+/* 电影列表 */
+.movie-list {
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-md);
}
+.movie-item {
+ display: flex;
+ align-items: center;
+ gap: var(--space-md);
+ padding: var(--space-lg);
+ background: var(--bg-primary);
+ border-radius: var(--radius-lg);
+ box-shadow: var(--shadow-sm);
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ position: relative;
+ overflow: hidden;
+}
+
+.movie-item::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(135deg, transparent 0%, rgba(102, 126, 234, 0.02) 100%);
+ opacity: 0;
+ transition: opacity 0.3s ease;
+}
+
+.movie-item:hover {
+ transform: translateY(-4px);
+ box-shadow: var(--shadow-lg);
+ border-color: rgba(102, 126, 234, 0.2);
+}
+
+.movie-item:hover::before {
+ opacity: 1;
+}
+
+/* 特殊排名样式 */
.movie-item.top-1 {
- background: linear-gradient(to bottom right, rgba(255, 215, 0, 0.1), white);
+ background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, var(--bg-primary) 100%);
border-color: rgba(255, 215, 0, 0.3);
}
.movie-item.top-2 {
- background: linear-gradient(to bottom right, rgba(192, 192, 192, 0.1), white);
+ background: linear-gradient(135deg, rgba(192, 192, 192, 0.1) 0%, var(--bg-primary) 100%);
border-color: rgba(192, 192, 192, 0.3);
}
.movie-item.top-3 {
- background: linear-gradient(to bottom right, rgba(205, 127, 50, 0.1), white);
+ background: linear-gradient(135deg, rgba(205, 127, 50, 0.1) 0%, var(--bg-primary) 100%);
border-color: rgba(205, 127, 50, 0.3);
}
-.hot-item {
- padding: 20px;
- margin-bottom: 16px;
- border-radius: 12px;
- background-color: white;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
- transition: all 0.3s ease;
- display: flex;
- align-items: center;
- border: 1px solid rgba(0, 0, 0, 0.03);
-}
-
-.hot-item:hover {
- transform: translateY(-3px);
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
- border-color: rgba(64, 169, 255, 0.3);
-}
-
-.rank-badge {
- position: absolute;
- top: 10px;
- left: 10px;
- font-size: 1.2rem;
- font-weight: bold;
- color: #4096ff;
- min-width: 38px;
- text-align: center;
- background-color: rgba(255, 255, 255, 0.9);
- border-radius: 50%;
- width: 38px;
- height: 38px;
+/* 排名徽章 */
+.movie-rank {
display: flex;
align-items: center;
justify-content: center;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
- z-index: 2;
+ width: 50px;
+ height: 50px;
+ border-radius: var(--radius-md);
+ font-size: 1.2rem;
+ font-weight: 700;
+ flex-shrink: 0;
transition: all 0.3s ease;
+ position: relative;
}
-.movie-item:hover .rank-badge {
+.movie-item:hover .movie-rank {
transform: scale(1.1);
}
-.rank-badge.gold {
+.movie-rank.gold {
background: linear-gradient(135deg, #ffd700, #ffb700);
color: white;
- box-shadow: 0 2px 10px rgba(255, 215, 0, 0.4);
+ box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}
-.rank-badge.silver {
+.movie-rank.silver {
background: linear-gradient(135deg, #c0c0c0, #a0a0a0);
color: white;
- box-shadow: 0 2px 10px rgba(192, 192, 192, 0.4);
+ box-shadow: 0 4px 15px rgba(192, 192, 192, 0.4);
}
-.rank-badge.bronze {
+.movie-rank.bronze {
background: linear-gradient(135deg, #cd7f32, #b06728);
color: white;
- box-shadow: 0 2px 10px rgba(205, 127, 50, 0.4);
+ box-shadow: 0 4px 15px rgba(205, 127, 50, 0.4);
}
-.rank-badge.regular {
- background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
- color: #666;
-}
-
-.hot-rank.top-1 {
- background: linear-gradient(135deg, #ff4d4f, #ff7a45);
+.movie-rank.regular {
+ background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
color: white;
+ box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
-.hot-rank.top-2 {
- background: linear-gradient(135deg, #ff7a45, #ffa940);
- color: white;
-}
-
-.hot-rank.top-3 {
- background: linear-gradient(135deg, #ffa940, #ffec3d);
- color: white;
-}
-
-
-
-.movie-info {
- padding: 25px 0 5px;
+/* 电影内容 */
+.movie-content {
flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-sm);
+ min-width: 0;
}
-.movie-name {
- font-size: 1.15rem;
- margin-bottom: 8px;
- color: #333;
+.movie-title {
+ font-size: 1.1rem;
font-weight: 600;
+ color: var(--text-primary);
line-height: 1.4;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
+ white-space: nowrap;
}
-.movie-detail {
- color: #666;
- font-size: 0.9rem;
- margin-bottom: 5px;
+.movie-meta {
display: flex;
align-items: center;
+ justify-content: space-between;
+ gap: var(--space-md);
+ flex-wrap: wrap;
}
-.movie-detail .label {
- color: #999;
- margin-right: 5px;
+.movie-year {
+ color: var(--text-muted);
+ font-size: 0.85rem;
+ background: var(--bg-tertiary);
+ padding: var(--space-xs) var(--space-sm);
+ border-radius: var(--radius-sm);
+ font-weight: 500;
}
.movie-boxoffice {
- font-weight: 600;
- color: #ff7a45;
- font-size: 1.1rem;
- margin-top: 10px;
+ font-weight: 700;
+ color: var(--warning-color);
+ font-size: 1rem;
+ white-space: nowrap;
}
-.movie-boxoffice .currency {
- font-size: 0.85rem;
- color: #999;
- margin-right: 2px;
-}
-
-.loading {
+/* 更新时间 */
+.update-time {
text-align: center;
- padding: 40px;
- color: #666;
- font-size: 1.1rem;
-}
-
-footer {
- text-align: center;
- margin-top: 30px;
- padding-top: 20px;
- border-top: 1px solid rgba(0, 0, 0, 0.06);
- color: #666;
+ margin-top: var(--space-lg);
+ padding: var(--space-md);
+ background: var(--bg-secondary);
+ border-radius: var(--radius-md);
+ color: var(--text-secondary);
font-size: 0.9rem;
+ border: 1px solid var(--bg-tertiary);
+}
+
+/* 错误状态 */
+.error {
+ text-align: center;
+ padding: var(--space-2xl);
+ color: var(--error-color);
+}
+
+.error h3 {
+ font-size: 1.2rem;
+ margin-bottom: var(--space-md);
+}
+
+.error p {
+ margin-bottom: var(--space-sm);
+ color: var(--text-secondary);
}
/* 响应式设计 */
-@media (max-width: 1024px) and (min-width: 768px) {
- .container {
- max-width: 90%;
- padding: 20px;
- }
-
- header h1 {
- font-size: 2.2rem;
- }
-
- .hot-item {
- padding: 18px;
- }
-
- .hot-title {
- font-size: 1.1rem;
- }
-}
-
@media (max-width: 768px) {
- body {
- background-color: #f8f9fa;
- }
-
.container {
- max-width: 95%;
- margin: 12px auto;
- padding: 16px;
- border-radius: 12px;
+ margin: var(--space-md);
+ padding: var(--space-lg);
+ border-radius: var(--radius-lg);
}
- header {
- margin-bottom: 20px;
- padding-bottom: 16px;
+ .header {
+ margin-bottom: var(--space-lg);
+ padding-bottom: var(--space-md);
}
- header h1 {
+ .header h1 {
font-size: 1.8rem;
- margin-bottom: 10px;
+ gap: var(--space-sm);
}
- .update-time {
- font-size: 0.85rem;
- padding: 6px 12px;
+ .header h1 .update-badge {
+ font-size: 0.35em;
+ padding: 2px var(--space-sm);
}
- .hot-item {
- padding: 16px;
- margin-bottom: 12px;
- border-radius: 10px;
- flex-direction: row;
- align-items: flex-start;
+ .movie-item {
+ padding: var(--space-md);
+ gap: var(--space-sm);
}
- .hot-rank {
- font-size: 1.1rem;
- margin-right: 14px;
- min-width: 32px;
- width: 32px;
- height: 32px;
- margin-top: 2px;
- }
-
- .hot-title {
+ .movie-rank {
+ width: 42px;
+ height: 42px;
font-size: 1rem;
- line-height: 1.5;
- margin-bottom: 6px;
}
- footer {
- margin-top: 24px;
- padding-top: 16px;
- font-size: 0.85rem;
+ .movie-title {
+ font-size: 1rem;
+ }
+
+ .movie-meta {
+ gap: var(--space-sm);
+ }
+
+ .movie-year {
+ font-size: 0.8rem;
+ }
+
+ .movie-boxoffice {
+ font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.container {
- margin: 8px auto;
- padding: 14px;
+ margin: var(--space-sm);
+ padding: var(--space-md);
}
- header h1 {
+ .header h1 {
font-size: 1.6rem;
+ flex-direction: column;
+ gap: var(--space-xs);
}
- .hot-item {
- padding: 14px;
- margin-bottom: 10px;
+ .movie-list {
+ gap: var(--space-sm);
}
- .hot-rank {
- font-size: 1rem;
- margin-right: 12px;
- min-width: 30px;
- width: 30px;
- height: 30px;
+ .movie-item {
+ padding: var(--space-sm);
}
- .hot-title {
+ .movie-rank {
+ width: 38px;
+ height: 38px;
+ font-size: 0.9rem;
+ }
+
+ .movie-title {
font-size: 0.95rem;
}
+
+ .movie-meta {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: var(--space-xs);
+ }
}
/* 减少动画以节省电池 */
@media (prefers-reduced-motion: reduce) {
- .modern-gradient,
- .modern-gradient::before {
- animation: none;
+ *,
+ *::before,
+ *::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
}
- .modern-gradient {
- background: linear-gradient(
- 135deg,
- rgba(64, 169, 255, 0.3) 0%,
- rgba(255, 175, 64, 0.2) 50%,
- rgba(255, 122, 69, 0.25) 100%
- );
+ body::before {
+ animation: none;
+ }
+}
+
+/* 深色模式支持 */
+@media (prefers-color-scheme: dark) {
+ :root {
+ --text-primary: #f7fafc;
+ --text-secondary: #e2e8f0;
+ --text-muted: #a0aec0;
+ --bg-primary: #2d3748;
+ --bg-secondary: #4a5568;
+ --bg-tertiary: #718096;
+ }
+
+ body {
+ background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
+ }
+
+ .container {
+ background: rgba(45, 55, 72, 0.95);
+ border-color: rgba(255, 255, 255, 0.1);
+ }
+
+ .movie-item {
+ background: var(--bg-primary);
+ border-color: rgba(255, 255, 255, 0.1);
+ }
+
+ .movie-item:hover {
+ border-color: rgba(102, 126, 234, 0.4);
+ }
+}
+
+/* 打印样式 */
+@media print {
+ body {
+ background: white;
+ color: black;
+ }
+
+ body::before {
+ display: none;
+ }
+
+ .container {
+ background: white;
+ box-shadow: none;
+ border: 1px solid #ccc;
+ }
+
+ .movie-item {
+ break-inside: avoid;
+ box-shadow: none;
+ border: 1px solid #ddd;
+ }
+
+ .header h1 .update-badge {
+ background: #666;
}
}
\ No newline at end of file
diff --git a/frontend/60sapi/热搜榜单/猫眼票房排行榜/js/script.js b/frontend/60sapi/热搜榜单/猫眼票房排行榜/js/script.js
index cff6cde6..b66a2537 100644
--- a/frontend/60sapi/热搜榜单/猫眼票房排行榜/js/script.js
+++ b/frontend/60sapi/热搜榜单/猫眼票房排行榜/js/script.js
@@ -15,7 +15,7 @@ const API = {
this.endpoints = endpoints.map(endpoint => `${endpoint}/v2/maoyan`);
} catch (e) {
// 如果无法加载接口集合，使用默认接口
- this.endpoints = ['https://60s.viki.moe/v2/maoyan'];
+ this.endpoints = ['https://60s.api.shumengya.top/v2/maoyan'];
}
},
// 获取当前接口URL
@@ -199,22 +199,24 @@ function renderMovieItem(item) {
// 美化排名显示
let rankDisplay;
if (rank === 1) {
- rankDisplay = '🏆 1';
+ rankDisplay = '🏆';
} else if (rank === 2) {
- rankDisplay = '🥈 2';
+ rankDisplay = '🥈';
} else if (rank === 3) {
- rankDisplay = '🥉 3';
+ rankDisplay = '🥉';
} else {
- rankDisplay = `NO.${rank}`;
+ rankDisplay = rank;
}
return `
${escapeHtml(item.title)}
+
-
${rankDisplay}
-
-
`;
}
diff --git a/frontend/60sapi/热搜榜单/知乎热门话题/js/main.js b/frontend/60sapi/热搜榜单/知乎热门话题/js/main.js
index 2b8ef227..29c3c2d9 100644
--- a/frontend/60sapi/热搜榜单/知乎热门话题/js/main.js
+++ b/frontend/60sapi/热搜榜单/知乎热门话题/js/main.js
@@ -1,10 +1,6 @@
// API接口列表
const API_ENDPOINTS = [
- "https://60s.viki.moe/v2/zhihu",
- "https://60s-cf.viki.moe/v2/zhihu",
- "https://60s.b23.run/v2/zhihu",
- "https://60s.114128.xyz/v2/zhihu",
- "https://60s-cf.114128.xyz/v2/zhihu"
+ "https://60s.api.shumengya.top/v2/zhihu",
];
// 当前使用的API索引
diff --git a/frontend/60sapi/热搜榜单/知乎热门话题/接口集合.json b/frontend/60sapi/热搜榜单/知乎热门话题/接口集合.json
index 04e92b7f..547b2771 100644
--- a/frontend/60sapi/热搜榜单/知乎热门话题/接口集合.json
+++ b/frontend/60sapi/热搜榜单/知乎热门话题/接口集合.json
@@ -1,7 +1,3 @@
[
- "https://60s-cf.viki.moe",
- "https://60s.viki.moe",
- "https://60s.b23.run",
- "https://60s.114128.xyz",
- "https://60s-cf.114128.xyz"
+ "https://60s.api.shumengya.top"
]
diff --git a/frontend/aimodelapp/AI写诗小助手/env.js b/frontend/aimodelapp/AI写诗小助手/env.js
new file mode 100644
index 00000000..78279318
--- /dev/null
+++ b/frontend/aimodelapp/AI写诗小助手/env.js
@@ -0,0 +1,35 @@
+// AI写诗小助手配置文件
+const CONFIG = {
+ // GitHub API 配置
+ GITHUB_TOKEN: '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',
+ endpoint: 'https://models.github.ai/inference/chat/completions',
+ MODEL_NAME: 'openai/gpt-4o-mini',
+
+ // 专业的古诗生成提示词
+ createPoemPrompt: (theme) => {
+ return `你是一位精通中国古典诗词的大师，请根据用户提供的主题创作一首优美的古诗。
+
+要求：
+1. 严格遵循中国古诗的格律和韵律
+2. 可以是五言绝句、七言绝句、五言律诗或七言律诗
+3. 注重意境的营造，体现中国传统文化的美感
+4. 用词典雅，富有诗意
+5. 根据主题选择合适的风格（豪放、婉约、田园、边塞等）
+6. 确保押韵和平仄协调
+7. 请先给诗歌起一个优美的标题，然后换行写出诗歌内容
+8. 格式：标题\n诗歌正文
+9. 注意排版对齐，标题居中，诗歌正文左对齐
+10. 诗歌内容必须是中文
+
+主题：${theme}
+
+请创作一首古诗：`;
+ }
+};
+
+// 导出配置
+if (typeof module !== 'undefined' && module.exports) {
+ module.exports = CONFIG;
+} else {
+ window.CONFIG = CONFIG;
+}
\ No newline at end of file
diff --git a/frontend/aimodelapp/AI写诗小助手/index.html b/frontend/aimodelapp/AI写诗小助手/index.html
index 6d7dd105..cbef4f15 100644
--- a/frontend/aimodelapp/AI写诗小助手/index.html
+++ b/frontend/aimodelapp/AI写诗小助手/index.html
@@ -227,34 +227,16 @@
${escapeHtml(item.movie_name)}
- 上映: ${escapeHtml(item.release_year || '未知')}
- ¥ ${boxOffice}
+ ${rankDisplay}
+
+
${escapeHtml(item.movie_name)}
+