一键修复样式微调

This commit is contained in:
2026-07-08 23:20:22 +08:00
parent f0b29d9abb
commit ed959e6e6d
2 changed files with 89 additions and 17 deletions
@@ -27,7 +27,7 @@
right: 0;
width: 8rem;
height: var(--app-height, 100vh);
background: $bg-main;
background: #fff;
z-index: 2001;
display: flex;
flex-direction: column;
@@ -85,7 +85,7 @@
// ---- 模块标题 ----
&__module-title {
font-size: 0.16rem;
font-size: 0.18rem;
font-weight: 700;
color: $text-dark;
margin: 0.24rem 0 0.12rem 0;
@@ -98,6 +98,9 @@
// ---- 单条经历记录 ----
&__record {
margin-bottom: 0.2rem;
background: $bg-main;
padding: 0.16rem;
border-radius: 0.12rem;
}
&__record-label {
@@ -109,14 +112,34 @@
// ---- 卡片容器 ----
&__card {
background: $bg-white;
background: transparent;
border-radius: 0.1rem;
padding: 0.16rem;
border: 1px solid $border-color;
position: relative;
overflow: hidden;
&--ai {
border: 1px solid rgba($accent, 0.3);
background: rgba($accent, 0.03);
}
/* 顶部渐变背景层,不遮挡内容 */
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0.1rem;
background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.8rem);
z-index: 0;
}
/* 让卡片内所有内容在渐变之上 */
> * {
position: relative;
z-index: 1;
}
}
@@ -152,6 +175,8 @@
font-weight: 600;
color: $accent;
margin: 0 0 0.08rem 0;
display: flex;
align-items: flex-start;
}
&__ai-text {
@@ -175,17 +200,19 @@
font-size: 0.12rem;
font-weight: 500;
border: 1px solid $accent;
border-radius: 0.14rem;
padding: 0.04rem 0.12rem;
border-radius: 0.04rem;
padding: 0.04rem 0.06rem;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 0.04rem;
&--replace {
color: $accent;
background: $bg-white;
color: #fff;
background: $accent;
&:hover {
background: rgba($accent, 0.08);
}
}