best_yunwei
/
ai_images
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: best_yunwei:24c6936dd0ecf50a173738f6890adb00db85d399
Branches Tags
best_yunwei:master
best_yunwei:nanobanana
best_yunwei:seedance_balance
best_yunwei:proxy
best_yunwei:new-style
best_yunwei:seedance
best_yunwei:dingzhi
best_yunwei:seedance_score
..
compare: best_yunwei:b1707c8d20f2eb032a308362e0a2d8928f4b97e7
Branches Tags
best_yunwei:master
best_yunwei:nanobanana
best_yunwei:seedance_balance
best_yunwei:proxy
best_yunwei:new-style
best_yunwei:seedance
best_yunwei:dingzhi
best_yunwei:seedance_score

No commits in common. "24c6936dd0ecf50a173738f6890adb00db85d399" and "b1707c8d20f2eb032a308362e0a2d8928f4b97e7" have entirely different histories.
24c6936dd0 ... b1707c8d20

28 changed files with 149 additions and 282 deletions
Show Stats Expand all files Collapse all files

5
portal-ui/index.html
View File

@ -7,9 +7,8 @@
content="width=device-width,initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0" /> content="width=device-width,initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0" />
<link <link
rel="icon" rel="icon"
type="image/svg+xml" href="/images/logo.png" />
href="/favicon.svg" /> <title>asio</title>
<title>智绘影音</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

72
portal-ui/src/assets/styles/base.less
View File

@ -23,30 +23,25 @@ body {
position: relative; position: relative;
} }
body[arco-theme='dark'] {
color: #e5e7eb;
background-color: #121826;
}
// firefox 滚动条样式 // firefox 滚动条样式
* { * {
scrollbar-color: rgba(77, 137, 255, 0.35) #121826; scrollbar-color: rgba(144, 147, 153, 0.5) #0f0f12;
} }
/*滚动条整体样式*/ /*滚动条整体样式*/
::-webkit-scrollbar { ::-webkit-scrollbar {
background-color: #121826; background-color: #0f0f12;
} }
/*滚动条里面小方块*/ /*滚动条里面小方块*/
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: rgba(77, 137, 255, 0.35); background-color: red;
border: 3px solid #121826; border: 3px solid #0f0f12;
} }
/*滚动条里面轨道*/ /*滚动条里面轨道*/
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: #121826; background: #0f0f12;
} }
:focus { :focus {
@ -72,22 +67,11 @@ body[arco-theme='dark'] {
// 正常页面切换动画 // 正常页面切换动画
.page-enter-active { .page-enter-active {
animation: page-in 0.35s ease-out; animation: page-in 0.3s;
} }
.page-leave-active { .page-leave-active {
animation: page-in 0.28s ease-in reverse; animation: page-in 0.3s reverse;
}
/* 路由视图淡入淡出（与 appMain 中 portal-page 过渡配合） */
.portal-page-enter-active,
.portal-page-leave-active {
transition: opacity 0.32s ease;
}
.portal-page-enter-from,
.portal-page-leave-to {
opacity: 0;
} }
@keyframes page-in { @keyframes page-in {
@ -211,11 +195,11 @@ fieldset {
padding: 20px 10px; padding: 20px 10px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #f59e0b; color: #fd8000;
} }
.page-error { .page-error {
color: #ef4444; color: red;
font-size: 20px; font-size: 20px;
padding: 30px; padding: 30px;
} }
@ -256,51 +240,33 @@ input:-webkit-autofill {
width: 100vw !important; width: 100vw !important;
height: 100vh !important; height: 100vh !important;
z-index: 100 !important; z-index: 100 !important;
background: #121826; background: #fff;
padding: 12px !important; padding: 12px !important;
} }
.arco-modal-simple { .arco-modal-simple {
background: #1a1f2e; background: #0f0f12;
border-radius: 12px; border-radius: 10px;
border: none; border: 2px solid #e6217a;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.12),
0 4px 20px rgba(0, 0, 0, 0.35);
.arco-modal-title { .arco-modal-title {
color: #e5e7eb; color: #fff;
} }
.arco-modal-body { .arco-modal-body {
color: #e5e7eb; color: #fff;
} }
.arco-modal-footer { .arco-modal-footer {
.arco-btn-secondary { .arco-btn-secondary {
color: #e5e7eb; color: #ffffff;
background-color: #252b3a; background-color: #1a1a1a;
border: 1px solid rgba(77, 137, 255, 0.15); border: 1px solid #1a1a1a;
&:hover { &:hover {
background-color: rgba(77, 137, 255, 0.14); background-color: #262626;
box-shadow: 0 0 12px rgba(77, 137, 255, 0.25);
} }
} }
} }
} }
/* 主按钮 hover：轻微提亮 + 外发光 */
.arco-btn-primary:not(.arco-btn-disabled):hover {
filter: brightness(1.06);
box-shadow: 0 0 12px rgba(77, 137, 255, 0.4);
}
/* 输入类 focus 同色系发光边框 */
.arco-input-wrapper:focus-within:not(.arco-input-disabled),
.arco-textarea-wrapper:focus-within:not(.arco-textarea-disabled),
.arco-select-view:focus-within:not(.arco-select-view-disabled) {
border-color: rgb(var(--primary-6)) !important;
box-shadow: 0 0 0 2px rgba(77, 137, 255, 0.22) !important;
}
@media (max-width: 576px) { @media (max-width: 576px) {
.arco-modal-simple { .arco-modal-simple {
width: calc(100% - 20px); width: calc(100% - 20px);

36
portal-ui/src/assets/styles/var.less
View File

@ -1,40 +1,10 @@
/* portal-ui 暗色科技主题 — 设计令牌（与 Arco 暗色模式协同） */
body { body {
--portal-bg-page: #121826; // 背景色 - 浅
--portal-bg-card: #1a1f2e;
--portal-bg-sub: #252b3a;
--portal-text: #e5e7eb;
--portal-text-2: #9ca3af;
--portal-text-disabled: #6b7280;
--portal-primary: #4d89ff;
--portal-accent: #9d6bff;
--portal-success: #10b981;
--portal-warning: #f59e0b;
--portal-danger: #ef4444;
--portal-glow-border: rgba(77, 137, 255, 0.1);
--portal-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
--portal-shadow-glow: 0 0 12px rgba(77, 137, 255, 0.4);
--mf-color-bg-3: #f8f8fa; --mf-color-bg-3: #f8f8fa;
--his-border-color: rgb(166, 124, 82, 0.3); --his-border-color: rgb(166, 124, 82, 0.3);
} }
body[arco-theme='dark'] { body[arco-theme='dark'] {
--mf-color-bg-3: #252b3a; // 背景色 - 浅
/* Arco 语义色贴近本主题层级 */ --mf-color-bg-3: #17171a;
--color-bg-1: #121826;
--color-bg-2: #1a1f2e;
--color-bg-3: #252b3a;
--color-bg-4: #2e3548;
--color-bg-5: #363d52;
--color-fill-1: rgba(255, 255, 255, 0.04);
--color-fill-2: rgba(255, 255, 255, 0.06);
--color-fill-3: rgba(255, 255, 255, 0.08);
--color-border-1: rgba(77, 137, 255, 0.12);
--color-border-2: rgba(77, 137, 255, 0.18);
--color-border-3: rgba(77, 137, 255, 0.25);
--color-text-1: #e5e7eb;
--color-text-2: #9ca3af;
--color-text-3: #9ca3af;
--color-text-4: #6b7280;
} }

4
portal-ui/src/components/Forbidden.vue
View File

@ -81,9 +81,9 @@ export default {
overflow: hidden; overflow: hidden;
// width: 428px; // width: 428px;
// height: 258px; // height: 258px;
// background: linear-gradient(160deg, #121826 0%, #1a1f2e 100%); // background: linear-gradient(0deg, #271433 0%, #e6217a 49%);
// border-radius: 20px; // border-radius: 20px;
// border: none; box-shadow: inset 0 0 0 1px rgba(77,137,255,0.1); // border: 2px solid #e6217a;
// top: 45% !important; // top: 45% !important;
// transform: translateY(-45%) !important; // transform: translateY(-45%) !important;

9
portal-ui/src/components/Preview.vue
View File

@ -41,12 +41,9 @@ export default {
<style lang="less"> <style lang="less">
.preview-dialog { .preview-dialog {
overflow: hidden; overflow: hidden;
background: #1a1f2e; background: #0f0f12;
border-radius: 12px; border-radius: 20px;
border: none; border: 2px solid #e6217a;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
height: 520px; height: 520px;
width: 864px; width: 864px;
top: 45% !important; top: 45% !important;

39
portal-ui/src/components/RechargePc.vue
View File

@ -520,18 +520,15 @@ export default {
<style lang="less"> <style lang="less">
.test-pay-dialog { .test-pay-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px; width: 500px;
// height: 320px; // height: 320px;
top: 45% !important; top: 45% !important;
@ -624,18 +621,15 @@ export default {
} }
.vm-card-dialog { .vm-card-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 600px; width: 600px;
max-height: 90vh; max-height: 90vh;
overflow-y: auto; overflow-y: auto;
@ -706,20 +700,19 @@ export default {
} }
:deep(.arco-select-dropdown) { :deep(.arco-select-dropdown) {
background-color: #1a1f2e; background-color: rgba(39, 20, 51, 0.95);
border: 1px solid rgba(77, 137, 255, 0.25); border: 1px solid #e6217a;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
} }
:deep(.arco-select-option) { :deep(.arco-select-option) {
color: #ffffff; color: #ffffff;
&:hover { &:hover {
background-color: rgba(77, 137, 255, 0.14); background-color: rgba(230, 33, 122, 0.3);
} }
&.arco-select-option-selected { &.arco-select-option-selected {
background-color: rgba(77, 137, 255, 0.22); background-color: rgba(230, 33, 122, 0.5);
} }
} }
} }

10
portal-ui/src/components/RechargeSelect.vue
View File

@ -122,13 +122,11 @@ export default {
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
&-dialog { &-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: #1a1f2e; background: #0f0f12;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px; width: 500px;
top: 45% !important; top: 45% !important;
transform: translateY(-45%) !important; transform: translateY(-45%) !important;

2
portal-ui/src/components/VideoComposeCard.vue
View File

@ -1939,7 +1939,7 @@ defineExpose({
.vg-at-btn { .vg-at-btn {
background: rgba(0, 202, 224, 0.1); background: rgba(0, 202, 224, 0.1);
color: #4d89ff; color: #00cae0;
border: 1px solid rgba(0, 202, 224, 0.3); border: 1px solid rgba(0, 202, 224, 0.3);
padding: 4px 12px; padding: 4px 12px;
border-radius: 12px; border-radius: 12px;

2
portal-ui/src/components/VideoRichEditor.vue
View File

@ -495,7 +495,7 @@ onMounted(() => {
word-break: break-word; word-break: break-word;
overflow-y: auto; overflow-y: auto;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
caret-color: #4d89ff; caret-color: #00cae0;
:deep(*) { :deep(*) {
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;

15
portal-ui/src/layout/components/ChangePassword.vue
View File

@ -188,19 +188,16 @@ export default {
<style lang="less"> <style lang="less">
.change-password-dialog { .change-password-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
background-color: transparent !important; background-color: transparent !important;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px; width: 500px;
top: 45% !important; top: 45% !important;
transform: translateY(-45%) !important; transform: translateY(-45%) !important;

15
portal-ui/src/layout/components/Forgot.vue
View File

@ -235,19 +235,16 @@ export default {
<style lang="less"> <style lang="less">
.forgot-dialog { .forgot-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
background-color: transparent !important; background-color: transparent !important;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px; width: 500px;
top: 45% !important; top: 45% !important;
transform: translateY(-45%) !important; transform: translateY(-45%) !important;

15
portal-ui/src/layout/components/Login.vue
View File

@ -148,18 +148,15 @@ export default {
<style lang="less"> <style lang="less">
.login-dialog { .login-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px; width: 500px;
height: 320px; height: 320px;
top: 45% !important; top: 45% !important;

2
portal-ui/src/layout/components/Money.vue
View File

@ -102,7 +102,7 @@ export default {
&-save { &-save {
width: 410px; width: 410px;
height: 40px; height: 40px;
background: #4d89ff; background: #e6217a;
border-radius: 10px; border-radius: 10px;
margin-top: 30px; margin-top: 30px;
} }

15
portal-ui/src/layout/components/Register.vue
View File

@ -263,19 +263,16 @@ export default {
<style lang="less"> <style lang="less">
.register-dialog { .register-dialog {
border-radius: 12px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
160deg, 0deg,
rgba(18, 24, 38, 0.98) 0%, rgba(39, 20, 51, 0.7) 0%,
rgba(26, 31, 46, 0.98) 50%, rgba(230, 33, 122, 0.7) 49%
rgba(37, 43, 58, 0.96) 100%
); );
background-color: transparent !important; background-color: transparent !important;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px; width: 500px;
top: 45% !important; top: 45% !important;
transform: translateY(-45%) !important; transform: translateY(-45%) !important;

17
portal-ui/src/layout/components/User.vue
View File

@ -121,12 +121,10 @@ export default {
<style lang="less"> <style lang="less">
.user-dialog { .user-dialog {
overflow: hidden; overflow: hidden;
background: #1a1f2e; background: #0f0f12;
border-radius: 12px; border-radius: 10px;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px; width: 500px;
min-height: 520px; min-height: 520px;
top: 45% !important; top: 45% !important;
@ -168,12 +166,11 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&-active { &-active {
background: #4d89ff; background: #e6217a;
box-shadow: 0 0 12px rgba(77, 137, 255, 0.35);
} }
&:hover:not(.arco-tabs-tab-active) { &:hover {
background: rgba(77, 137, 255, 0.16); background: #e6217a;
.arco-tabs-tab-title { .arco-tabs-tab-title {
&:before { &:before {

10
portal-ui/src/layout/components/UserAccount.vue
View File

@ -281,12 +281,10 @@ export default {
<style lang="less"> <style lang="less">
.edit-user-dialog { .edit-user-dialog {
overflow: hidden; overflow: hidden;
background: #1a1f2e; background: #0f0f12;
border-radius: 12px; border-radius: 10px;
border: none; border-radius: 20px;
box-shadow: border: 2px solid #e6217a;
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px; width: 500px;
min-height: 400px; min-height: 400px;
top: 45% !important; top: 45% !important;

4
portal-ui/src/layout/components/appMain.vue
View File

@ -4,9 +4,6 @@
class="app-main-wrap" class="app-main-wrap"
:style="style"> :style="style">
<section class="app-main"> <section class="app-main">
<transition
name="portal-page"
mode="out-in">
<keep-alive <keep-alive
:include="cachedViews" :include="cachedViews"
:max="100"> :max="100">
@ -14,7 +11,6 @@
:is="Component" :is="Component"
:key="key" /> :key="key" />
</keep-alive> </keep-alive>
</transition>
</section> </section>
</div> </div>
<a-back-top <a-back-top

13
portal-ui/src/layout/components/navBar.vue
View File

@ -57,7 +57,7 @@
:preview="false" :preview="false"
:width="16" :width="16"
fit="cover" fit="cover"
src="https://img.icons8.com/fluency/48/wallet.png" /> src="/images/nav/img_money@2x.png" />
{{ userInfo.balance || '0.00' }} {{ userInfo.balance || '0.00' }}
</span> </span>
<mf-avatar <mf-avatar
@ -239,8 +239,6 @@ export default {
box-sizing: content-box; box-sizing: content-box;
padding-left: 20px; padding-left: 20px;
padding-right: 30px; padding-right: 30px;
background: #1a1f2e;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
.left-menu { .left-menu {
display: flex; display: flex;
@ -328,7 +326,7 @@ export default {
&.language { &.language {
.mf-button { .mf-button {
font-size: 14px; font-size: 14px;
color: #9ca3af; color: #999999;
background-color: transparent; background-color: transparent;
&:hover { &:hover {
background-color: transparent; background-color: transparent;
@ -336,7 +334,7 @@ export default {
} }
.language-display[disabled] { .language-display[disabled] {
color: #9ca3af !important; color: #999999 !important;
opacity: 0.85; opacity: 0.85;
cursor: not-allowed; cursor: not-allowed;
} }
@ -361,9 +359,10 @@ export default {
&.user { &.user {
width: 150px; width: 150px;
color: rgb(var(--primary-6)); color: rgb(var(--primary-6));
border: 2px solid transparent;
height: 32px; height: 32px;
border: 1px solid rgba(77, 137, 255, 0.2); border: 1px solid #5c5d68;
background: #252b3a; background: #26272e;
border-radius: 16px; border-radius: 16px;
display: flex; display: flex;
align-items: center; align-items: center;

26
portal-ui/src/layout/components/sideBar.vue
View File

@ -112,14 +112,14 @@ export default {
position: relative; position: relative;
transition: width 0.3s; transition: width 0.3s;
z-index: 12; z-index: 12;
background-color: #121826; background-color: #000;
border-right: 1px solid transparent; border-right: 1px solid; /* 宽度随你调整 */
border-image: linear-gradient( border-image: linear-gradient(
to bottom, to bottom,
#121826 0%, #0f0f12 0%,
rgba(77, 137, 255, 0.35) 45%, rgba(255,255,255, 0.7) 40%,
rgba(157, 107, 255, 0.25) 55%, rgba(255,255,255, 0.7) 60%,
#121826 100% #0f0f12 100%
) )
1 100%; 1 100%;
@ -145,19 +145,9 @@ export default {
border-radius: 10px; border-radius: 10px;
margin-bottom: 10px; margin-bottom: 10px;
&.arco-menu-selected,
&:hover { &:hover {
background-color: rgba(77, 137, 255, 0.12); background-color: rgb(var(--primary-6));
color: #e5e7eb;
}
&.arco-menu-selected {
background-color: rgba(77, 137, 255, 0.2);
color: #e5e7eb;
box-shadow: inset 0 0 0 1px rgba(77, 137, 255, 0.12);
}
&.arco-menu-selected:hover {
background-color: rgba(77, 137, 255, 0.26);
} }
} }

2
portal-ui/src/layout/default.vue
View File

@ -82,7 +82,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
background: #121826; background: #0f0f12;
.sidebar-backdrop { .sidebar-backdrop {
display: none; display: none;

2
portal-ui/src/views/AssetGroupManage.vue
View File

@ -324,7 +324,7 @@ export default {
flex-direction: column; flex-direction: column;
gap: 16px; gap: 16px;
padding: 18px; padding: 18px;
background: #121826; background: #0a0b0d;
color: rgba(255, 255, 255, 0.88); color: rgba(255, 255, 255, 0.88);
min-height: 100%; min-height: 100%;
} }

2
portal-ui/src/views/AssetManage.vue
View File

@ -621,7 +621,7 @@ export default {
gap: 14px; gap: 14px;
padding: 16px; padding: 16px;
min-height: 100%; min-height: 100%;
background: #121826; background: #0a0b0d;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
} }
.asset-left, .asset-left,

66
portal-ui/src/views/GeneratedAssets.vue
View File

@ -535,8 +535,8 @@ export default {
.generated-assets-page { .generated-assets-page {
padding: 16px; padding: 16px;
min-height: 100%; min-height: 100%;
background: #121826; background: #0a0b0d;
color: #e5e7eb; color: rgba(255, 255, 255, 0.9);
} }
.page-header { .page-header {
@ -546,18 +546,15 @@ export default {
.panel-title { .panel-title {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
color: #e5e7eb; color: rgba(255, 255, 255, 0.9);
} }
.query-section { .query-section {
background: #1a1f2e; background: rgba(22, 24, 30, 0.92);
border: none; border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px; border-radius: 12px;
padding: 16px; padding: 16px;
margin-bottom: 16px; margin-bottom: 16px;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
} }
.form-grid { .form-grid {
@ -586,7 +583,7 @@ export default {
label { label {
font-size: 12px; font-size: 12px;
color: #9ca3af; color: rgba(255, 255, 255, 0.65);
} }
&.actions { &.actions {
@ -599,17 +596,14 @@ export default {
.total-line { .total-line {
margin: 10px 0; margin: 10px 0;
font-size: 12px; font-size: 12px;
color: #9ca3af; color: rgba(255, 255, 255, 0.65);
} }
.table-wrap { .table-wrap {
overflow: auto; overflow: auto;
width: 100%; width: 100%;
border: none; border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px; border-radius: 10px;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.25);
} }
.asset-table { .asset-table {
@ -758,20 +752,19 @@ export default {
} }
.detail-group { .detail-group {
background: #252b3a; background: rgba(22, 24, 30, 0.8);
border: none; border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px; border-radius: 12px;
padding: 16px; padding: 16px;
box-shadow: inset 0 0 0 1px rgba(77, 137, 255, 0.08);
} }
.group-title { .group-title {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
color: #4d89ff; color: #00cae0;
margin-bottom: 14px; margin-bottom: 14px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid rgba(77, 137, 255, 0.22); border-bottom: 1px solid rgba(0, 202, 224, 0.2);
} }
.detail-row { .detail-row {
@ -836,7 +829,7 @@ export default {
&:hover { &:hover {
transform: scale(1.03); transform: scale(1.03);
box-shadow: 0 0 0 3px rgba(77, 137, 255, 0.28); box-shadow: 0 0 0 3px rgba(0, 202, 224, 0.3);
} }
&.small { &.small {
@ -875,39 +868,37 @@ export default {
::v-deep(.arco-tabs) { ::v-deep(.arco-tabs) {
.arco-tabs-nav { .arco-tabs-nav {
background: #1a1f2e !important; background: rgba(22, 24, 30, 0.98) !important;
border: none !important; border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 12px !important; border-radius: 12px !important;
padding: 6px !important; padding: 6px !important;
margin-bottom: 0; margin-bottom: 0;
box-shadow: box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
} }
.arco-tabs-tab { .arco-tabs-tab {
color: #e5e7eb !important; color: rgba(255, 255, 255, 0.85) !important;
margin: 0 4px !important; margin: 0 4px !important;
padding: 10px 28px !important; padding: 10px 28px !important;
border-radius: 8px !important; border-radius: 8px !important;
transition: all 0.22s ease !important; transition: all 0.2s ease !important;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
.arco-tabs-tab:hover { .arco-tabs-tab:hover {
color: #e5e7eb !important; color: white !important;
background: rgba(77, 137, 255, 0.14) !important; background: rgba(0, 102, 204, 0.25) !important;
border-color: transparent !important; border-color: rgba(0, 102, 204, 0.3) !important;
} }
.arco-tabs-tab-active { .arco-tabs-tab-active {
color: #fff !important; color: white !important;
background: #4d89ff !important; background: #0066cc !important;
border-color: transparent !important; border-color: #0066cc !important;
font-weight: 600 !important; font-weight: 600 !important;
box-shadow: 0 0 12px rgba(77, 137, 255, 0.4) !important; box-shadow: 0 4px 15px rgba(0, 102, 204, 0.5) !important;
} }
.arco-tabs-ink-bar { .arco-tabs-ink-bar {
@ -947,12 +938,9 @@ export default {
::v-deep(.arco-modal) { ::v-deep(.arco-modal) {
.arco-modal-content { .arco-modal-content {
background-color: #1a1f2e !important; background-color: #1a1f2e !important;
border: none; border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 12px; border-radius: 12px;
box-shadow: box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35),
0 16px 48px rgba(0, 0, 0, 0.45);
} }
.arco-modal-header { .arco-modal-header {

10
portal-ui/src/views/Recharge.vue
View File

@ -274,9 +274,9 @@ const showRecharge = () => {
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
rgba(18, 24, 38, 0.65) 0%, rgba(39, 20, 51, 0.5) 0%,
rgba(77, 137, 255, 0.22) 50%, rgba(230, 33, 122, 0.5) 49%,
rgba(18, 24, 38, 0.65) 100% rgba(39, 20, 51, 0.5) 100%
); );
} }
} }
@ -295,10 +295,10 @@ const showRecharge = () => {
&-content { &-content {
color: #fff; color: #fff;
padding: 0 40px; padding: 0 40px;
background-color: #121826; background-color: #000;
* { * {
color: #9ca3af !important; color: #999999 !important;
background-color: transparent !important; background-color: transparent !important;
} }
} }

4
portal-ui/src/views/VideoGen.vue
View File

@ -1401,8 +1401,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.video-gen { .video-gen {
--vg-cyan: #4d89ff; --vg-cyan: #00cae0;
--vg-ink: #121826; --vg-ink: #0a0b0d;
--vg-panel: rgba(22, 24, 30, 0.92); --vg-panel: rgba(22, 24, 30, 0.92);
--vg-border: rgba(255, 255, 255, 0.08); --vg-border: rgba(255, 255, 255, 0.08);
--vg-text: rgba(255, 255, 255, 0.88); --vg-text: rgba(255, 255, 255, 0.88);

2
portal-ui/src/views/error/403.vue
View File

@ -33,7 +33,7 @@ onMounted(() => {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #121826; background: #0f0f12;
.desc { .desc {
font-size: 120px; font-size: 120px;

12
portal-ui/static/favicon.svg
View File

@ -1,12 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Video icon">
<defs>
<linearGradient id="video-grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4d89ff"/>
<stop offset="100%" stop-color="#9d6bff"/>
</linearGradient>
</defs>
<rect width="32" height="32" rx="8" fill="#121826"/>
<rect x="6" y="9" width="14" height="14" rx="3" fill="url(#video-grad)"/>
<path d="M22 13.2l4-2.1a1 1 0 0 1 1.46.9v8a1 1 0 0 1-1.46.9l-4-2.1v-5.6z" fill="#7aa6ff"/>
<path d="M12 13.2l5 2.8-5 2.8v-5.6z" fill="#e5e7eb"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 593 B

2
portal-ui/vite.config.js
View File

@ -26,7 +26,7 @@ export default defineConfig({
less: { less: {
modifyVars: { modifyVars: {
'@size-9': '40px', '@size-9': '40px',
'arcoblue-6': '#4d89ff' 'arcoblue-6': '#e6217a'
} }
} }
} }