shumengya/InfoGenie
2
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

不知名提交

Browse Source
This commit is contained in:
树萌芽
2025-12-13 20:53:50 +08:00
parent c147502b4d
commit 1221d6faf1
120 changed files with 11005 additions and 1092 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
InfoGenie-frontend/public/60sapi/实用功能/公网IP地址/css/background.css
View File

@@ -6,7 +6,7 @@ body::before {
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #f0f8e8 0%, #e8f5e8 50%, #d4f4dd 100%);
z-index: -2;
}
@@ -18,9 +18,9 @@ body::after {
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.3) 0%, transparent 50%);
radial-gradient(circle at 20% 80%, rgba(144, 238, 144, 0.2) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(173, 255, 173, 0.2) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(152, 251, 152, 0.2) 0%, transparent 50%);
z-index: -1;
animation: backgroundMove 20s ease-in-out infinite;
}
@@ -28,27 +28,27 @@ body::after {
@keyframes backgroundMove {
0%, 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.3) 0%, transparent 50%);
radial-gradient(circle at 20% 80%, rgba(144, 238, 144, 0.2) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(173, 255, 173, 0.2) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(152, 251, 152, 0.2) 0%, transparent 50%);
}
25% {
background:
radial-gradient(circle at 60% 30%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 30% 70%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(120, 219, 255, 0.3) 0%, transparent 50%);
radial-gradient(circle at 60% 30%, rgba(144, 238, 144, 0.2) 0%, transparent 50%),
radial-gradient(circle at 30% 70%, rgba(173, 255, 173, 0.2) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(152, 251, 152, 0.2) 0%, transparent 50%);
}
50% {
background:
radial-gradient(circle at 80% 60%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 20% 30%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 60% 70%, rgba(120, 219, 255, 0.3) 0%, transparent 50%);
radial-gradient(circle at 80% 60%, rgba(144, 238, 144, 0.2) 0%, transparent 50%),
radial-gradient(circle at 20% 30%, rgba(173, 255, 173, 0.2) 0%, transparent 50%),
radial-gradient(circle at 60% 70%, rgba(152, 251, 152, 0.2) 0%, transparent 50%);
}
75% {
background:
radial-gradient(circle at 40% 90%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 70% 10%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
radial-gradient(circle at 20% 60%, rgba(120, 219, 255, 0.3) 0%, transparent 50%);
radial-gradient(circle at 40% 90%, rgba(144, 238, 144, 0.2) 0%, transparent 50%),
radial-gradient(circle at 70% 10%, rgba(173, 255, 173, 0.2) 0%, transparent 50%),
radial-gradient(circle at 20% 60%, rgba(152, 251, 152, 0.2) 0%, transparent 50%);
}
}

30
InfoGenie-frontend/public/60sapi/实用功能/公网IP地址/css/style.css
View File

@@ -11,6 +11,22 @@ body {
color: #333;
min-height: 100vh;
overflow-x: hidden;
/* 隐藏滚动条但保留滚动功能 */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
/* 隐藏 Webkit 浏览器的滚动条 */
body::-webkit-scrollbar,
html::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none;
}
/* 全局隐藏滚动条但保留滚动功能 */
html {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
/* 容器样式 */
@@ -26,7 +42,7 @@ body {
.header {
text-align: center;
padding: 3rem 2rem 2rem;
background: linear-gradient(135deg, rgba(74, 144, 226, 0.1), rgba(80, 200, 120, 0.1));
background: linear-gradient(135deg, rgba(144, 238, 144, 0.15), rgba(152, 251, 152, 0.15));
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@@ -34,7 +50,7 @@ body {
.header h1 {
font-size: 2.5rem;
font-weight: 700;
background: linear-gradient(135deg, #4a90e2, #50c878);
background: linear-gradient(135deg, #228B22, #32CD32);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -44,7 +60,7 @@ body {
.header h1 i {
margin-right: 0.5rem;
background: linear-gradient(135deg, #4a90e2, #50c878);
background: linear-gradient(135deg, #228B22, #32CD32);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -72,7 +88,7 @@ body {
}
.query-btn {
background: linear-gradient(135deg, #4a90e2, #50c878);
background: linear-gradient(135deg, #228B22, #32CD32);
color: white;
border: none;
padding: 1rem 2rem;
@@ -81,7 +97,7 @@ body {
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
box-shadow: 0 4px 15px rgba(34, 139, 34, 0.3);
display: inline-flex;
align-items: center;
gap: 0.5rem;
@@ -91,8 +107,8 @@ body {
.query-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
background: linear-gradient(135deg, #3a7bc8, #40a868);
box-shadow: 0 6px 20px rgba(34, 139, 34, 0.4);
background: linear-gradient(135deg, #1e7e1e, #2eb82e);
}
.query-btn:active {

8
InfoGenie-frontend/public/60sapi/实用功能/公网IP地址/index.html
View File

@@ -51,11 +51,6 @@
<span class="label">查询时间:</span>
<span id="query-time" class="value">--</span>
</div>
<div class="detail-item">
<i class="fas fa-server"></i>
<span class="label">数据来源:</span>
<span class="value">60s.viki.moe</span>
</div>
<div class="detail-item">
<i class="fas fa-map-marker-alt"></i>
<span class="label">位置信息:</span>
@@ -129,9 +124,6 @@
</main>
<!-- 页脚 -->
<footer class="footer">
<p>&copy; 2024 公网IP地址查询工具 | 数据来源: 60s.viki.moe</p>
</footer>
</div>
<script src="js/script.js"></script>

67
InfoGenie-frontend/public/60sapi/实用功能/农历信息/css/background.css
View File

@@ -1,18 +1,33 @@
/* 农历主题背景样式 - 柔和版本 */
/* 全局滚动条隐藏样式 */
html, body {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none; /* Webkit浏览器 */
}
/* 农历主题背景样式 - 淡黄绿色到淡绿色清新渐变 */
body {
background: linear-gradient(135deg,
#f8f9fa 0%, /* 浅灰白 */
#fff3e0 20%, /* 淡橙色 */
#fef7e0 40%, /* 极淡黄 */
#f3e5ab 60%, /* 柔和金色 */
#e8dcc6 80%, /* 米色 */
#f8f9fa 100% /* 浅灰白 */
#f0f8e8 0%, /* 淡黄绿色 */
#e8f5e8 20%, /* 浅绿色 */
#d4f4dd 40%, /* 淡绿色 */
#c8f2d4 60%, /* 清新绿色 */
#b8f0c8 80%, /* 柔和绿色 */
#e8f5e8 100% /* 浅绿色 */
);
background-size: 400% 400%;
animation: gentleShift 30s ease infinite;
background-attachment: fixed;
min-height: 100vh;
position: relative;
/* 隐藏滚动条但保留滚动功能 */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
@keyframes gentleShift {
@@ -23,7 +38,7 @@ body {
100% { background-position: 0% 50%; }
}
/* 动态颜色调节系统 - 柔和版本 */
/* 动态颜色调节系统 - 绿色主题版本 */
.adaptive-overlay {
position: fixed;
top: 0;
@@ -31,9 +46,9 @@ body {
width: 100%;
height: 100%;
background:
radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.25) 0%, transparent 50%),
linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.3) 100%);
radial-gradient(circle at 20% 30%, rgba(200, 242, 212, 0.3) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(184, 240, 200, 0.25) 0%, transparent 50%),
linear-gradient(45deg, rgba(232, 245, 232, 0.2) 0%, rgba(212, 244, 221, 0.3) 100%);
pointer-events: none;
z-index: 1;
animation: adaptiveShift 60s ease infinite;
@@ -42,33 +57,33 @@ body {
@keyframes adaptiveShift {
0% {
background:
radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
radial-gradient(circle at 20% 30%, rgba(232, 245, 232, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(212, 244, 221, 0.15) 0%, transparent 50%),
linear-gradient(45deg, rgba(240, 248, 232, 0.1) 0%, rgba(232, 245, 232, 0.2) 100%);
}
25% {
background:
radial-gradient(circle at 70% 20%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),
radial-gradient(circle at 30% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%);
radial-gradient(circle at 70% 20%, rgba(200, 242, 212, 0.2) 0%, transparent 50%),
radial-gradient(circle at 30% 80%, rgba(184, 240, 200, 0.1) 0%, transparent 50%),
linear-gradient(135deg, rgba(212, 244, 221, 0.15) 0%, rgba(200, 242, 212, 0.25) 100%);
}
50% {
background:
radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.12) 0%, transparent 50%),
linear-gradient(225deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.22) 100%);
radial-gradient(circle at 50% 50%, rgba(220, 246, 228, 0.15) 0%, transparent 50%),
radial-gradient(circle at 10% 90%, rgba(232, 245, 232, 0.12) 0%, transparent 50%),
linear-gradient(225deg, rgba(240, 248, 232, 0.12) 0%, rgba(212, 244, 221, 0.22) 100%);
}
75% {
background:
radial-gradient(circle at 90% 60%, rgba(255, 255, 255, 0.18) 0%, transparent 50%),
radial-gradient(circle at 40% 10%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
linear-gradient(315deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
radial-gradient(circle at 90% 60%, rgba(184, 240, 200, 0.18) 0%, transparent 50%),
radial-gradient(circle at 40% 10%, rgba(240, 248, 232, 0.08) 0%, transparent 50%),
linear-gradient(315deg, rgba(232, 245, 232, 0.1) 0%, rgba(200, 242, 212, 0.2) 100%);
}
100% {
background:
radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
radial-gradient(circle at 20% 30%, rgba(232, 245, 232, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(212, 244, 221, 0.15) 0%, transparent 50%),
linear-gradient(45deg, rgba(240, 248, 232, 0.1) 0%, rgba(232, 245, 232, 0.2) 100%);
}
}

30
InfoGenie-frontend/public/60sapi/实用功能/农历信息/css/style.css
View File

@@ -266,12 +266,12 @@ body {
.date-input:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.15);
border-color: #228B22;
background: rgba(255, 255, 255, 0.95);
box-shadow:
0 6px 20px rgba(31, 38, 135, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
0 0 0 3px rgba(255, 255, 255, 0.1);
0 6px 20px rgba(34, 139, 34, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.8),
0 0 0 3px rgba(34, 139, 34, 0.1);
transform: translateY(-2px);
}
@@ -282,11 +282,11 @@ body {
}
.query-btn {
background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
color: #1a1a1a;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #ffffff;
border: 1px solid rgba(34, 139, 34, 0.3);
padding: 12px 28px;
border-radius: 20px;
cursor: pointer;
@@ -298,10 +298,10 @@ body {
gap: 8px;
position: relative;
overflow: hidden;
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:
0 4px 15px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
0 4px 15px rgba(34, 139, 34, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
/* 移除按钮颜色动画，保持稳定的可读性 */
@@ -326,12 +326,12 @@ body {
}
.query-btn:hover {
background: linear-gradient(135deg, #e8e8e8, #d8d8d8);
border-color: rgba(0, 0, 0, 0.3);
background: linear-gradient(135deg, #1e7e1e, #2eb82e);
border-color: rgba(34, 139, 34, 0.5);
transform: translateY(-2px);
box-shadow:
0 8px 25px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
0 8px 25px rgba(34, 139, 34, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-icon {

5
InfoGenie-frontend/public/60sapi/实用功能/农历信息/index.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🌙 农历信息查询</title>
<title>🌙农历信息查询</title>
<link rel="stylesheet" href="css/background.css">
<link rel="stylesheet" href="css/style.css">
</head>
@@ -48,8 +48,7 @@
<div class="container">
<header class="header">
<div class="header-icon">🏮</div>
<h1 class="title">🌙 农历信息查询 📅</h1>
<h1 class="title">🌙农历信息查询</h1>
<p class="subtitle">传统文化 · 时光转换 · 节气查询</p>
<div class="date-selector">

10
InfoGenie-frontend/public/60sapi/实用功能/农历信息/js/script.js
View File

@@ -287,15 +287,9 @@ function displayLunarInfo(lunarData) {
<div class="item-label">本月进度</div>
<div class="item-value">${lunarData.stats.percents_formatted.month}</div>
</div>
<div class="info-item">
<div class="item-icon">🗓️</div>
<div class="item-label">本周第几天</div>
<div class="item-value">第${lunarData.stats.week_of_month}周</div>
</div>
<div class="info-item">
<div class="item-icon">⏰</div>
<div class="item-label">今日进度</div>
<div class="item-value">${lunarData.stats.percents_formatted.day}</div>
</div>
</div>
</div>

44
InfoGenie-frontend/public/60sapi/实用功能/哈希解压压缩/css/style.css
View File

@@ -7,10 +7,26 @@
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #f0f8e8 0%, #e8f5e8 50%, #d4f4dd 100%);
min-height: 100vh;
color: #333;
overflow-x: hidden;
/* 隐藏滚动条但保留滚动功能 */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
/* 隐藏 Webkit 浏览器的滚动条 */
body::-webkit-scrollbar,
html::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none;
}
/* 全局隐藏滚动条但保留滚动功能 */
html {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
.container {
@@ -65,7 +81,7 @@ body {
.logo i {
font-size: 48px;
background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
background: linear-gradient(45deg, #228B22, #32CD32);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -174,7 +190,7 @@ body {
.card-header i {
font-size: 24px;
color: #667eea;
color: #228B22;
}
.card-header h2 {
@@ -202,8 +218,8 @@ body {
#inputText:focus {
outline: none;
border-color: #667eea;
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
border-color: #228B22;
box-shadow: 0 0 0 3px rgba(34, 139, 34, 0.1);
background: rgba(255, 255, 255, 0.95);
}
@@ -247,14 +263,14 @@ body {
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
color: white;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
box-shadow: 0 4px 15px rgba(34, 139, 34, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
box-shadow: 0 8px 25px rgba(34, 139, 34, 0.4);
}
.btn-secondary {
@@ -306,7 +322,7 @@ body {
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
background: linear-gradient(90deg, #228B22, #32CD32, #90EE90, #98FB98);
}
.result-card:hover {
@@ -356,7 +372,7 @@ body {
.result-value:hover {
background: rgba(248, 250, 252, 0.95);
border-color: #667eea;
border-color: #228B22;
}
.result-value .placeholder {
@@ -367,7 +383,7 @@ body {
.copy-btn {
background: none;
border: none;
color: #667eea;
color: #228B22;
cursor: pointer;
padding: 8px;
border-radius: 6px;
@@ -377,8 +393,8 @@ body {
}
.copy-btn:hover {
background: rgba(102, 126, 234, 0.1);
color: #5a67d8;
background: rgba(34, 139, 34, 0.1);
color: #1e7e1e;
}
/* Loading Overlay */
@@ -429,7 +445,7 @@ body {
position: fixed;
bottom: 30px;
right: 30px;
background: linear-gradient(135deg, #4ecdc4, #44a08d);
background: linear-gradient(135deg, #228B22, #32CD32);
color: white;
padding: 16px 24px;
border-radius: 12px;

51
InfoGenie-frontend/public/60sapi/实用功能/密码强度检测/css/style.css
View File

@@ -5,12 +5,27 @@
box-sizing: border-box;
}
/* 隐藏滚动条但保留滚动功能 */
html {
scrollbar-width: none;
-ms-overflow-style: none;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar,
*::-webkit-scrollbar {
display: none;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
line-height: 1.6;
color: #2c3e50;
min-height: 100vh;
overflow-x: hidden;
background: linear-gradient(135deg, #f0f8e8 0%, #e8f5e8 50%, #d4f4dd 100%);
scrollbar-width: none;
-ms-overflow-style: none;
}
/* 容器布局 */
@@ -28,9 +43,9 @@ body {
text-align: center;
margin-bottom: 40px;
padding: 40px 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
box-shadow: 0 10px 30px rgba(34, 139, 34, 0.3);
color: white;
}
@@ -95,9 +110,9 @@ body {
.password-input:focus {
outline: none;
border-color: #667eea;
border-color: #228B22;
background: #ffffff;
box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
box-shadow: 0 0 0 4px rgba(34, 139, 34, 0.1);
}
.password-input::placeholder {
@@ -140,7 +155,7 @@ body {
/* 检测按钮 */
.check-btn {
width: 100%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
color: white;
border: none;
padding: 18px 32px;
@@ -149,7 +164,7 @@ body {
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
box-shadow: 0 4px 20px rgba(34, 139, 34, 0.3);
display: flex;
align-items: center;
justify-content: center;
@@ -160,7 +175,7 @@ body {
.check-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(102, 126, 234, 0.4);
box-shadow: 0 6px 25px rgba(34, 139, 34, 0.4);
}
.check-btn:active {
@@ -284,7 +299,7 @@ body {
.bar-fill {
height: 100%;
background: linear-gradient(90deg, #ef4444, #f97316, #eab308, #22c55e);
background: linear-gradient(90deg, #90EE90, #98FB98, #32CD32, #228B22);
border-radius: 6px;
width: 0%;
transition: width 0.8s ease;
@@ -383,13 +398,13 @@ body {
}
.char-type.has-type {
background: #dcfce7;
border-color: #bbf7d0;
color: #166534;
background: #f0f8e8;
border-color: #d4f4dd;
color: #1e7e1e;
}
.char-type.has-type .type-icon {
color: #22c55e;
color: #228B22;
}
.type-icon {
@@ -555,11 +570,11 @@ body {
position: fixed;
top: 20px;
right: 20px;
background: #22c55e;
background: #228B22;
color: white;
padding: 16px 24px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(34, 197, 94, 0.3);
box-shadow: 0 4px 20px rgba(34, 139, 34, 0.3);
z-index: 1000;
animation: toastSlide 0.3s ease-out;
font-weight: 500;
@@ -586,11 +601,11 @@ body {
}
.strength-strong {
color: #059669 !important;
color: #228B22 !important;
}
.strength-very-strong {
color: #047857 !important;
color: #1e7e1e !important;
}
/* 分数圆圈颜色 */
@@ -603,11 +618,11 @@ body {
}
.score-strong {
background: conic-gradient(from 0deg, #059669 0deg, #059669 var(--score-deg), #e2e8f0 var(--score-deg), #e2e8f0 360deg) !important;
background: conic-gradient(from 0deg, #228B22 0deg, #228B22 var(--score-deg), #e2e8f0 var(--score-deg), #e2e8f0 360deg) !important;
}
.score-very-strong {
background: conic-gradient(from 0deg, #047857 0deg, #047857 var(--score-deg), #e2e8f0 var(--score-deg), #e2e8f0 360deg) !important;
background: conic-gradient(from 0deg, #1e7e1e 0deg, #1e7e1e var(--score-deg), #e2e8f0 var(--score-deg), #e2e8f0 360deg) !important;
}
/* 平板端适配 (768px - 1024px) */