Reapply "codex 试用,美化"

This reverts commit 3a1b70d3e4.
This commit is contained in:
liuwei
2026-02-27 11:07:12 +08:00
parent c8d915b7ce
commit eae0b4fd18
8 changed files with 68 additions and 52 deletions

View File

@@ -16,10 +16,10 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #f7f7f8; background: #f2f6fb;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"; "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
color: #333; color: #22324a;
overflow: hidden; /* 禁止 body 出滚动条 */ overflow: hidden; /* 禁止 body 出滚动条 */
} }
@@ -172,13 +172,15 @@
flex: 1; flex: 1;
padding: 16px; padding: 16px;
overflow-y: auto; overflow-y: auto;
background: #f2f6fb;
} }
/* 全局卡片样式统一 */ /* 全局卡片样式统一 */
.el-card { .el-card {
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; box-shadow: 0 6px 18px rgba(11, 29, 51, 0.06) !important;
border: 1px solid #e5e6eb !important; border: 1px solid #d6e6ff !important;
background: #ffffff !important;
} }
.el-card__body { .el-card__body {
padding: 12px !important; padding: 12px !important;

View File

@@ -956,14 +956,14 @@
.stat-title { .stat-title {
font-size: 16px; font-size: 16px;
color: #606266; color: #6b86a8;
margin-bottom: 10px; margin-bottom: 10px;
} }
.stat-value { .stat-value {
font-size: 28px; font-size: 28px;
font-weight: bold; font-weight: bold;
color: #409EFF; color: #5bd3ff;
} }
.pagination-container { .pagination-container {
@@ -973,7 +973,7 @@
.section-title { .section-title {
margin: 20px 0 15px 0; margin: 20px 0 15px 0;
border-bottom: 1px solid #ebeef5; border-bottom: 1px solid #d6e6ff;
padding-bottom: 10px; padding-bottom: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -983,7 +983,7 @@
.section-title h3 { .section-title h3 {
margin: 0; margin: 0;
font-size: 18px; font-size: 18px;
color: #303133; color: #2a3b55;
} }
.chat-container { .chat-container {
@@ -996,7 +996,8 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 20px; padding: 20px;
background: #f5f5f5; background: #f2f7ff;
border: 1px solid #d6e6ff;
} }
.message-item { .message-item {
@@ -1013,24 +1014,27 @@
max-width: 70%; max-width: 70%;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: #fff; background: #ffffff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #22324a;
border: 1px solid #d6e6ff;
box-shadow: 0 2px 8px rgba(11, 29, 51, 0.06);
} }
.message-self .message-content { .message-self .message-content {
background: #95ec69; background: #5bd3ff;
color: #0b1d33;
} }
.message-time { .message-time {
font-size: 12px; font-size: 12px;
color: #999; color: #7a94b8;
margin-top: 5px; margin-top: 5px;
} }
.input-area { .input-area {
padding: 20px; padding: 20px;
background: #fff; background: #f9fbff;
border-top: 1px solid #eee; border-top: 1px solid #d6e6ff;
} }
.toolbar { .toolbar {

View File

@@ -711,16 +711,17 @@
.chart-container { .chart-container {
margin-bottom: 20px; margin-bottom: 20px;
padding: 10px; padding: 10px;
background-color: #fff; background-color: #f9fbff;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 1px solid #d6e6ff;
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
} }
.chart-container h3 { .chart-container h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
color: #606266; color: #2a3b55;
} }
/* 用户信息卡片样式 */ /* 用户信息卡片样式 */
@@ -740,7 +741,7 @@
height: 30px !important; height: 30px !important;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 163, 255, 0.15);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -765,14 +766,14 @@
} }
.user-info-label { .user-info-label {
color: #606266; color: #6b86a8;
width: 45px; width: 45px;
flex-shrink: 0; flex-shrink: 0;
font-weight: bold; font-weight: bold;
} }
.user-info-value { .user-info-value {
color: #303133; color: #24344c;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -782,7 +783,7 @@
.user-info-empty { .user-info-empty {
text-align: center; text-align: center;
color: #909399; color: #7a94b8;
padding: 10px 0; padding: 10px 0;
} }

View File

@@ -22,7 +22,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
background: linear-gradient(135deg, #006af5 0%, #4f8cff 100%); background: #0b1d33;
height: 100vh; height: 100vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -31,9 +31,10 @@
.login-container { .login-container {
width: 400px; width: 400px;
padding: 40px 36px 32px 36px; padding: 40px 36px 32px 36px;
background-color: #fff; background-color: #0f2545;
border: 1px solid #1b3d66;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 6px 32px 0 rgba(0, 106, 245, 0.15); box-shadow: 0 10px 30px rgba(0, 163, 255, 0.16);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -46,7 +47,7 @@
.login-title { .login-title {
text-align: center; text-align: center;
margin-bottom: 32px; margin-bottom: 32px;
color: #006af5; color: #5bd3ff;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
letter-spacing: 2px; letter-spacing: 2px;
@@ -57,12 +58,14 @@
} }
.el-input__inner { .el-input__inner {
border-radius: 6px; border-radius: 6px;
border: 1.5px solid #e6e6e6; border: 1.5px solid #1f3f66;
background: #0b1f3a;
color: #e6f3ff;
transition: border-color 0.2s; transition: border-color 0.2s;
} }
.el-input__inner:focus { .el-input__inner:focus {
border-color: #006af5; border-color: #5bd3ff;
box-shadow: 0 0 0 2px rgba(0,106,245,0.08); box-shadow: 0 0 0 2px rgba(91, 211, 255, 0.12);
} }
.el-form-item__content { .el-form-item__content {
margin-left: 0 !important; margin-left: 0 !important;
@@ -70,19 +73,19 @@
.login-button { .login-button {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
background: linear-gradient(90deg, #006af5 0%, #4f8cff 100%); background: #5bd3ff;
border: none; border: none;
color: #fff; color: #0b1d33;
font-weight: 600; font-weight: 600;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px 0 rgba(0,106,245,0.10); box-shadow: 0 6px 16px rgba(0, 163, 255, 0.18);
transition: background 0.2s; transition: background 0.2s;
} }
.login-button:hover, .login-button:focus { .login-button:hover, .login-button:focus {
background: linear-gradient(90deg, #0056c7 0%, #3577e5 100%); background: #41bff0;
} }
.error-message { .error-message {
color: #F56C6C; color: #ff8a8a;
margin-top: 18px; margin-top: 18px;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
@@ -92,8 +95,9 @@
height: 60px; height: 60px;
margin-bottom: 18px; margin-bottom: 18px;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 2px 8px 0 rgba(0,106,245,0.10); box-shadow: 0 2px 12px rgba(0, 163, 255, 0.2);
background: #f5f7fa; background: #0b213b;
border: 1px solid #1b3d66;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -101,7 +105,7 @@
.login-footer { .login-footer {
margin-top: 28px; margin-top: 28px;
text-align: center; text-align: center;
color: #b0b8c1; color: #7fa6d8;
font-size: 13px; font-size: 13px;
letter-spacing: 1px; letter-spacing: 1px;
} }

View File

@@ -1137,13 +1137,13 @@ new Vue({
} }
.stat-title { .stat-title {
font-size: 14px; font-size: 14px;
color: #606266; color: #6b86a8;
margin-bottom: 10px; margin-bottom: 10px;
} }
.stat-value { .stat-value {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: #409EFF; color: #5bd3ff;
} }
.batch-toolbar { .batch-toolbar {
margin-bottom: 15px; margin-bottom: 15px;
@@ -1152,7 +1152,7 @@ new Vue({
} }
.selected-count { .selected-count {
margin-left: 15px; margin-left: 15px;
color: #606266; color: #6b86a8;
} }
</style> </style>
{% endblock %} {% endblock %}

View File

@@ -328,10 +328,12 @@
.config-container { .config-container {
max-height: 200px; max-height: 200px;
overflow-y: auto; overflow-y: auto;
background-color: #f5f7fa; background-color: #0f2545;
border: 1px solid #1b3d66;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
font-size: 12px; font-size: 12px;
color: #cfe6ff;
} }
.config-container pre { .config-container pre {
@@ -354,13 +356,13 @@
.plugin-detail-container::-webkit-scrollbar-thumb, .plugin-detail-container::-webkit-scrollbar-thumb,
.config-container::-webkit-scrollbar-thumb { .config-container::-webkit-scrollbar-thumb {
background: #c0c4cc; background: #2a4d78;
border-radius: 3px; border-radius: 3px;
} }
.plugin-detail-container::-webkit-scrollbar-track, .plugin-detail-container::-webkit-scrollbar-track,
.config-container::-webkit-scrollbar-track { .config-container::-webkit-scrollbar-track {
background: #f5f7fa; background: #0b1d33;
} }
/* ... 现有样式保持不变 ... */ /* ... 现有样式保持不变 ... */
@@ -377,7 +379,7 @@
} }
.config-error { .config-error {
color: #f56c6c; color: #ff8a8a;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: 5px;
} }

View File

@@ -124,7 +124,7 @@
:label="group.name" :label="group.name"
:value="group.wxid"> :value="group.wxid">
<span style="float: left">{% raw %}{{ group.name }}{% endraw %}</span> <span style="float: left">{% raw %}{{ group.name }}{% endraw %}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{% raw %}{{ group.wxid }}{% endraw %}</span> <span style="float: right; color: #6b86a8; font-size: 13px">{% raw %}{{ group.wxid }}{% endraw %}</span>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@@ -171,11 +171,13 @@
flex: 1; flex: 1;
overflow-y: auto !important; overflow-y: auto !important;
overflow-x: scroll !important; overflow-x: scroll !important;
background-color: #f5f5f5; background-color: #0f2545;
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #1b3d66;
box-sizing: border-box; box-sizing: border-box;
min-height: 0; min-height: 0;
color: #cfe6ff;
} }
.log-content pre { .log-content pre {
@@ -184,6 +186,7 @@
word-break: break-all; word-break: break-all;
font-family: monospace; font-family: monospace;
line-height: 1; line-height: 1;
color: inherit;
} }
.empty-log { .empty-log {