69254297
 李宇
最新
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page.data-v-92bb8f34 {
|
|
f218a54a
李宇
最新
|
28
|
position: relative;
|
|
69254297
李宇
最新
|
29
30
31
|
left: 0;
top: 0;
width: 100%;
|
|
f218a54a
李宇
最新
|
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
height: 100vh;
background: linear-gradient(135deg, #e8f5e9 0%, #b2dfdb 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: auto;
overflow-y: scroll;
}
.hero.data-v-92bb8f34 {
height: 60vh;
min-height: 520rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20rpx 16rpx 0;
box-sizing: border-box;
}
.hero-grid.data-v-92bb8f34 {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, 280px);
justify-content: center;
gap: 15px;
padding: 24rpx;
background: rgba(255, 255, 255, 0.6);
border-radius: 28rpx;
backdrop-filter: saturate(180%) blur(18px);
-webkit-backdrop-filter: saturate(180%) blur(18px);
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08);
grid-auto-flow: dense;
}
.hero-item.data-v-92bb8f34 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 200px;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
}
.hero-item.data-v-92bb8f34:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
.hero-icon.data-v-92bb8f34 {
width: 140rpx;
height: 140rpx;
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06);
|
|
f218a54a
李宇
最新
|
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
margin-bottom: 14rpx;
}
.hero-icon image.data-v-92bb8f34 {
width: 64rpx;
height: 64rpx;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
}
.hero-text.data-v-92bb8f34 {
font-size: 28rpx;
color: #0f172a;
|
|
69254297
李宇
最新
|
101
102
103
|
}
.warpbox.data-v-92bb8f34 {
position: relative;
|
|
69254297
李宇
最新
|
104
|
padding: 0 40rpx;
|
|
69254297
李宇
最新
|
105
106
|
}
.warpboxss.data-v-92bb8f34 {
|
|
f218a54a
李宇
最新
|
107
108
109
|
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
|
|
69254297
李宇
最新
|
110
|
padding: 30rpx;
|
|
f218a54a
李宇
最新
|
111
|
border-radius: 24rpx;
|
|
d2158212
李宇
最新
|
112
|
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08), 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
|
69254297
李宇
最新
|
113
|
margin-bottom: 40rpx;
|
|
f218a54a
李宇
最新
|
114
|
/* 常用功能区样式 */
|
|
69254297
李宇
最新
|
115
116
117
118
119
120
|
}
.warpboxss .warpboxs-small-title.data-v-92bb8f34 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 30rpx;
|
|
f218a54a
李宇
最新
|
121
122
|
font-weight: 600;
color: #1f2937;
|
|
69254297
李宇
最新
|
123
124
125
|
}
.warpboxss .warpboxs-small-title .warpboxs-small-title-line.data-v-92bb8f34 {
display: inline-block;
|
|
f218a54a
李宇
最新
|
126
|
background: linear-gradient(180deg, #43a047 0%, #66bb6a 100%);
|
|
69254297
李宇
最新
|
127
128
|
height: 26rpx;
width: 10rpx;
|
|
f218a54a
李宇
最新
|
129
|
margin-right: 12rpx;
|
|
69254297
李宇
最新
|
130
|
border-radius: 18rpx;
|
|
f218a54a
李宇
最新
|
131
132
133
134
135
136
137
138
139
140
141
142
143
|
box-shadow: 0 2rpx 8rpx rgba(67, 160, 71, 0.4), 0 0 12rpx rgba(67, 160, 71, 0.3), inset 0 1rpx 2rpx rgba(255, 255, 255, 0.3);
position: relative;
}
.warpboxss .warpboxs-small-title .warpboxs-small-title-line.data-v-92bb8f34::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 3rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
pointer-events: none;
|
|
69254297
李宇
最新
|
144
145
146
147
|
}
.warpboxss .warpboxs-small-title .warpboxs-small-title-img.data-v-92bb8f34 {
display: flex;
align-items: center;
|
|
f218a54a
李宇
最新
|
148
149
150
|
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
|
|
69254297
李宇
最新
|
151
|
}
|
|
f218a54a
李宇
最新
|
152
153
154
155
156
157
158
159
160
|
.warpboxss .common-func-row.data-v-92bb8f34 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20rpx;
align-items: stretch;
margin-top: 30rpx;
}
.warpboxss .common-func-btn.data-v-92bb8f34 {
text-align: center;
|
|
69254297
李宇
最新
|
161
|
display: flex;
|
|
f218a54a
李宇
最新
|
162
|
flex-direction: column;
|
|
69254297
李宇
最新
|
163
|
align-items: center;
|
|
f218a54a
李宇
最新
|
164
165
166
167
|
justify-content: center;
opacity: 0.85;
transition: opacity 0.2s ease;
touch-action: manipulation;
|
|
69254297
李宇
最新
|
168
|
}
|
|
f218a54a
李宇
最新
|
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
|
.warpboxss .common-func-btn.data-v-92bb8f34:active {
-webkit-transform: translateY(-4rpx) scale(0.97);
transform: translateY(-4rpx) scale(0.97);
}
.warpboxss .setting-mode-btn.data-v-92bb8f34 {
opacity: 0.7;
}
.warpboxss .common-func-icon.data-v-92bb8f34 {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12rpx;
position: relative;
transition: all 0.3s ease;
overflow: visible;
/* 主题色背景 - 渐变立体效果 */
|
|
aa81040d
李宇
最新
|
188
189
|
/* 报表相关按钮背景色优化 */
/* 日志按钮背景色 */
|
|
f218a54a
李宇
最新
|
190
191
192
193
194
195
196
197
198
199
|
}
.warpboxss .common-func-icon image.data-v-92bb8f34 {
width: 50rpx;
height: 50rpx;
position: relative;
z-index: 3;
-webkit-filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
}
.warpboxss .common-func-icon.icon-circle-bg-1.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
200
|
background: linear-gradient(135deg, #1E88E5 0%, #42a5f5 50%, #1565C0 100%);
|
|
f218a54a
李宇
最新
|
201
202
203
|
box-shadow: 0 6rpx 20rpx rgba(30, 136, 229, 0.35), 0 2rpx 8rpx rgba(30, 136, 229, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-2.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
204
|
background: linear-gradient(135deg, #43A047 0%, #66bb6a 50%, #388E3C 100%);
|
|
f218a54a
李宇
最新
|
205
206
207
|
box-shadow: 0 6rpx 20rpx rgba(67, 160, 71, 0.35), 0 2rpx 8rpx rgba(67, 160, 71, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-3.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
208
|
background: linear-gradient(135deg, #D32F2F 0%, #ef5350 50%, #c62828 100%);
|
|
f218a54a
李宇
最新
|
209
210
211
|
box-shadow: 0 6rpx 20rpx rgba(211, 47, 47, 0.35), 0 2rpx 8rpx rgba(211, 47, 47, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-4.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
212
|
background: linear-gradient(135deg, #00838F 0%, #26a69a 50%, #00695C 100%);
|
|
f218a54a
李宇
最新
|
213
214
215
|
box-shadow: 0 6rpx 20rpx rgba(0, 131, 143, 0.35), 0 2rpx 8rpx rgba(0, 131, 143, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-5.data-v-92bb8f34 {
|
|
8b654f92
李宇
最新
|
216
217
|
background: linear-gradient(135deg, #5E35B1 0%, #7E57C2 50%, #4527A0 100%);
box-shadow: 0 6rpx 20rpx rgba(94, 53, 177, 0.35), 0 2rpx 8rpx rgba(94, 53, 177, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
f218a54a
李宇
最新
|
218
219
|
}
.warpboxss .common-func-icon.icon-circle-bg-6.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
220
|
background: linear-gradient(135deg, #7B1FA2 0%, #9c27b0 50%, #6a1b9a 100%);
|
|
f218a54a
李宇
最新
|
221
222
223
|
box-shadow: 0 6rpx 20rpx rgba(123, 31, 162, 0.35), 0 2rpx 8rpx rgba(123, 31, 162, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-7.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
224
|
background: linear-gradient(135deg, #C2185B 0%, #e91e63 50%, #ad1457 100%);
|
|
f218a54a
李宇
最新
|
225
226
227
|
box-shadow: 0 6rpx 20rpx rgba(194, 24, 91, 0.35), 0 2rpx 8rpx rgba(194, 24, 91, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-8.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
228
|
background: linear-gradient(135deg, #F9A825 0%, #ffb74d 50%, #f57f17 100%);
|
|
f218a54a
李宇
最新
|
229
230
231
|
box-shadow: 0 6rpx 20rpx rgba(249, 168, 37, 0.35), 0 2rpx 8rpx rgba(249, 168, 37, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-9.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
232
|
background: linear-gradient(135deg, #1976D2 0%, #42a5f5 50%, #1565C0 100%);
|
|
f218a54a
李宇
最新
|
233
234
235
|
box-shadow: 0 6rpx 20rpx rgba(25, 118, 210, 0.35), 0 2rpx 8rpx rgba(25, 118, 210, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-10.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
236
|
background: linear-gradient(135deg, #388E3C 0%, #66bb6a 50%, #2e7d32 100%);
|
|
f218a54a
李宇
最新
|
237
238
239
|
box-shadow: 0 6rpx 20rpx rgba(56, 142, 60, 0.35), 0 2rpx 8rpx rgba(56, 142, 60, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-11.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
240
|
background: linear-gradient(135deg, #B71C1C 0%, #ef5350 50%, #c62828 100%);
|
|
f218a54a
李宇
最新
|
241
242
243
|
box-shadow: 0 6rpx 20rpx rgba(183, 28, 28, 0.35), 0 2rpx 8rpx rgba(183, 28, 28, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-12.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
244
|
background: linear-gradient(135deg, #0097A7 0%, #26a69a 50%, #00838f 100%);
|
|
f218a54a
李宇
最新
|
245
246
247
|
box-shadow: 0 6rpx 20rpx rgba(0, 151, 167, 0.35), 0 2rpx 8rpx rgba(0, 151, 167, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-13.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
248
|
background: linear-gradient(135deg, #E65100 0%, #ff9800 50%, #e64a19 100%);
|
|
f218a54a
李宇
最新
|
249
250
251
|
box-shadow: 0 6rpx 20rpx rgba(230, 81, 0, 0.35), 0 2rpx 8rpx rgba(230, 81, 0, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-14.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
252
|
background: linear-gradient(135deg, #6A1B9A 0%, #9c27b0 50%, #4a148c 100%);
|
|
f218a54a
李宇
最新
|
253
254
255
|
box-shadow: 0 6rpx 20rpx rgba(106, 27, 154, 0.35), 0 2rpx 8rpx rgba(106, 27, 154, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-15.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
256
|
background: linear-gradient(135deg, #AD1457 0%, #e91e63 50%, #880e4f 100%);
|
|
f218a54a
李宇
最新
|
257
258
259
|
box-shadow: 0 6rpx 20rpx rgba(173, 20, 87, 0.35), 0 2rpx 8rpx rgba(173, 20, 87, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-16.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
260
|
background: linear-gradient(135deg, #FBC02D 0%, #ffeb3b 50%, #f9a825 100%);
|
|
f218a54a
李宇
最新
|
261
262
263
|
box-shadow: 0 6rpx 20rpx rgba(251, 192, 45, 0.35), 0 2rpx 8rpx rgba(251, 192, 45, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-17.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
264
|
background: linear-gradient(135deg, #5D4037 0%, #8d6e63 50%, #3e2723 100%);
|
|
f218a54a
李宇
最新
|
265
266
267
|
box-shadow: 0 6rpx 20rpx rgba(93, 64, 55, 0.35), 0 2rpx 8rpx rgba(93, 64, 55, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-18.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
268
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5a67d8 100%);
|
|
f218a54a
李宇
最新
|
269
270
|
box-shadow: 0 6rpx 20rpx rgba(102, 126, 234, 0.35), 0 2rpx 8rpx rgba(102, 126, 234, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
|
|
aa81040d
李宇
最新
|
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
|
.warpboxss .common-func-icon.icon-circle-bg-report-1.data-v-92bb8f34 {
background: linear-gradient(135deg, #1976D2 0%, #42a5f5 50%, #1565C0 100%);
box-shadow: 0 6rpx 20rpx rgba(25, 118, 210, 0.35), 0 2rpx 8rpx rgba(25, 118, 210, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-report-2.data-v-92bb8f34 {
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5a67d8 100%);
box-shadow: 0 6rpx 20rpx rgba(102, 126, 234, 0.35), 0 2rpx 8rpx rgba(102, 126, 234, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-report-3.data-v-92bb8f34 {
background: linear-gradient(135deg, #0097A7 0%, #26a69a 50%, #00838f 100%);
box-shadow: 0 6rpx 20rpx rgba(0, 151, 167, 0.35), 0 2rpx 8rpx rgba(0, 151, 167, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-report-4.data-v-92bb8f34 {
background: linear-gradient(135deg, #7B1FA2 0%, #9c27b0 50%, #6a1b9a 100%);
box-shadow: 0 6rpx 20rpx rgba(123, 31, 162, 0.35), 0 2rpx 8rpx rgba(123, 31, 162, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-report-5.data-v-92bb8f34 {
background: linear-gradient(135deg, #E65100 0%, #ff9800 50%, #e64a19 100%);
box-shadow: 0 6rpx 20rpx rgba(230, 81, 0, 0.35), 0 2rpx 8rpx rgba(230, 81, 0, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.warpboxss .common-func-icon.icon-circle-bg-log.data-v-92bb8f34 {
background: linear-gradient(135deg, #455A64 0%, #607D8B 50%, #37474F 100%);
box-shadow: 0 6rpx 20rpx rgba(69, 90, 100, 0.35), 0 2rpx 8rpx rgba(69, 90, 100, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
|
|
f218a54a
李宇
最新
|
295
296
297
298
299
300
301
302
303
|
.warpboxss .common-func-text.data-v-92bb8f34 {
font-size: 26rpx;
color: #0f172a;
}
/* 设置按钮容器 */
.setting-btn-container.data-v-92bb8f34 {
display: flex;
justify-content: flex-end;
align-items: center;
|
|
04f9fdae
李宇
最新
|
304
305
|
margin-bottom: 40rpx;
margin-top: 20rpx;
|
|
f218a54a
李宇
最新
|
306
307
308
|
}
.setting-btn.data-v-92bb8f34 {
padding: 10rpx 24rpx;
|
|
8b654f92
李宇
最新
|
309
310
311
312
|
display: flex;
align-items: center;
justify-content: center;
gap: 8rpx;
|
|
f218a54a
李宇
最新
|
313
314
315
316
317
|
background: linear-gradient(135deg, #43a047 0%, #66bb6a 100%);
border-radius: 24rpx;
box-shadow: 0 4rpx 12rpx rgba(67, 160, 71, 0.3);
transition: all 0.3s ease;
}
|
|
8b654f92
李宇
最新
|
318
|
.setting-btn text.data-v-92bb8f34 {
|
|
f218a54a
李宇
最新
|
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
|
font-size: 26rpx;
color: #fff;
font-weight: 500;
}
.setting-btn.data-v-92bb8f34:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 2rpx 8rpx rgba(67, 160, 71, 0.4);
}
.setting-action-btns.data-v-92bb8f34 {
display: flex;
align-items: center;
gap: 12rpx;
}
.setting-action-btn-small.data-v-92bb8f34 {
padding: 8rpx 20rpx;
height: 52rpx;
line-height: 52rpx;
text-align: center;
border-radius: 26rpx;
font-size: 24rpx;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
min-width: 80rpx;
}
.setting-action-btn-small.cancel-btn.data-v-92bb8f34 {
background: rgba(255, 255, 255, 0.9);
color: #666;
|
|
f218a54a
李宇
最新
|
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
}
.setting-action-btn-small.confirm-btn.data-v-92bb8f34 {
background: linear-gradient(135deg, #43a047 0%, #66bb6a 100%);
color: #fff;
box-shadow: 0 4rpx 12rpx rgba(67, 160, 71, 0.3);
}
.setting-action-btn-small.data-v-92bb8f34:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
/* 添加/取消符号样式 */
.action-badge.data-v-92bb8f34 {
position: absolute;
top: -8rpx;
left: -8rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
font-weight: bold;
color: #fff;
z-index: 10;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
}
.action-badge.add-badge.data-v-92bb8f34 {
background: linear-gradient(135deg, #43a047 0%, #66bb6a 100%);
}
.action-badge.remove-badge.data-v-92bb8f34 {
background: linear-gradient(135deg, #ef5350 0%, #e53935 100%);
}
.fun_box_fir.data-v-92bb8f34 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20rpx;
align-items: stretch;
margin-top: 12rpx;
}
.fun_box_fir .fun_fir_1.data-v-92bb8f34 {
background: transparent;
|
|
69254297
李宇
最新
|
391
|
text-align: center;
|
|
69254297
李宇
最新
|
392
393
394
395
|
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
|
|
f218a54a
李宇
最新
|
396
397
|
font-size: 26rpx;
color: #0f172a;
|
|
69254297
李宇
最新
|
398
|
position: relative;
|
|
f218a54a
李宇
最新
|
399
|
transition: all 0.2s ease;
|
|
69254297
李宇
最新
|
400
|
box-sizing: border-box;
|
|
f218a54a
李宇
最新
|
401
402
403
404
405
406
407
|
padding: 8rpx 0;
touch-action: manipulation;
opacity: 0.8;
}
.fun_box_fir .fun_fir_1.data-v-92bb8f34:active {
-webkit-transform: translateY(-4rpx) scale(0.97);
transform: translateY(-4rpx) scale(0.97);
|
|
69254297
李宇
最新
|
408
|
}
|
|
f218a54a
李宇
最新
|
409
410
411
|
.fun_box_fir .fun_fir_1:active .icon.data-v-92bb8f34::after {
-webkit-transform: scale(1) rotate(180deg);
transform: scale(1) rotate(180deg);
|
|
69254297
李宇
最新
|
412
|
}
|
|
f218a54a
李宇
最新
|
413
414
415
416
|
.fun_box_fir .fun_fir_1 .icon.data-v-92bb8f34 {
border-radius: 20rpx;
width: 100rpx;
height: 100rpx;
|
|
69254297
李宇
最新
|
417
|
display: flex;
|
|
69254297
李宇
最新
|
418
|
align-items: center;
|
|
f218a54a
李宇
最新
|
419
420
421
422
423
|
justify-content: center;
margin-bottom: 12rpx;
position: relative;
transition: all 0.3s ease;
/* 主题色 - 渐变立体效果 */
|
|
aa81040d
李宇
最新
|
424
425
|
/* 报表相关按钮背景色优化 */
/* 日志按钮背景色 */
|
|
f218a54a
李宇
最新
|
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
|
}
.fun_box_fir .fun_fir_1 .icon.data-v-92bb8f34::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20rpx;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
opacity: 1;
z-index: 1;
}
.fun_box_fir .fun_fir_1 .icon.data-v-92bb8f34::after {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 2;
|
|
69254297
李宇
最新
|
453
|
}
|
|
f218a54a
李宇
最新
|
454
455
456
|
.fun_box_fir .fun_fir_1 .icon image.data-v-92bb8f34 {
width: 50rpx;
height: 50rpx;
|
|
69254297
李宇
最新
|
457
458
|
margin: 0 auto;
vertical-align: middle;
|
|
f218a54a
李宇
最新
|
459
460
461
462
463
464
465
|
position: relative;
z-index: 3;
-webkit-filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
|
|
69254297
李宇
最新
|
466
|
}
|
|
f218a54a
李宇
最新
|
467
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-1.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
468
|
background: linear-gradient(135deg, #1E88E5 0%, #42a5f5 50%, #1565C0 100%);
|
|
f218a54a
李宇
最新
|
469
|
box-shadow: 0 6rpx 20rpx rgba(30, 136, 229, 0.35), 0 2rpx 8rpx rgba(30, 136, 229, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
470
|
}
|
|
f218a54a
李宇
最新
|
471
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-2.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
472
|
background: linear-gradient(135deg, #43A047 0%, #66bb6a 50%, #388E3C 100%);
|
|
f218a54a
李宇
最新
|
473
|
box-shadow: 0 6rpx 20rpx rgba(67, 160, 71, 0.35), 0 2rpx 8rpx rgba(67, 160, 71, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
474
|
}
|
|
f218a54a
李宇
最新
|
475
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-3.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
476
|
background: linear-gradient(135deg, #D32F2F 0%, #ef5350 50%, #c62828 100%);
|
|
f218a54a
李宇
最新
|
477
|
box-shadow: 0 6rpx 20rpx rgba(211, 47, 47, 0.35), 0 2rpx 8rpx rgba(211, 47, 47, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
478
|
}
|
|
f218a54a
李宇
最新
|
479
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-4.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
480
|
background: linear-gradient(135deg, #00838F 0%, #26a69a 50%, #00695C 100%);
|
|
f218a54a
李宇
最新
|
481
|
box-shadow: 0 6rpx 20rpx rgba(0, 131, 143, 0.35), 0 2rpx 8rpx rgba(0, 131, 143, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
482
|
}
|
|
f218a54a
李宇
最新
|
483
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-5.data-v-92bb8f34 {
|
|
8b654f92
李宇
最新
|
484
485
|
background: linear-gradient(135deg, #5E35B1 0%, #7E57C2 50%, #4527A0 100%);
box-shadow: 0 6rpx 20rpx rgba(94, 53, 177, 0.35), 0 2rpx 8rpx rgba(94, 53, 177, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
486
|
}
|
|
f218a54a
李宇
最新
|
487
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-6.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
488
|
background: linear-gradient(135deg, #7B1FA2 0%, #9c27b0 50%, #6a1b9a 100%);
|
|
f218a54a
李宇
最新
|
489
|
box-shadow: 0 6rpx 20rpx rgba(123, 31, 162, 0.35), 0 2rpx 8rpx rgba(123, 31, 162, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
490
|
}
|
|
f218a54a
李宇
最新
|
491
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-7.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
492
|
background: linear-gradient(135deg, #C2185B 0%, #e91e63 50%, #ad1457 100%);
|
|
f218a54a
李宇
最新
|
493
|
box-shadow: 0 6rpx 20rpx rgba(194, 24, 91, 0.35), 0 2rpx 8rpx rgba(194, 24, 91, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
494
|
}
|
|
f218a54a
李宇
最新
|
495
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-8.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
496
|
background: linear-gradient(135deg, #F9A825 0%, #ffb74d 50%, #f57f17 100%);
|
|
f218a54a
李宇
最新
|
497
|
box-shadow: 0 6rpx 20rpx rgba(249, 168, 37, 0.35), 0 2rpx 8rpx rgba(249, 168, 37, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
498
|
}
|
|
f218a54a
李宇
最新
|
499
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-9.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
500
|
background: linear-gradient(135deg, #1976D2 0%, #42a5f5 50%, #1565C0 100%);
|
|
f218a54a
李宇
最新
|
501
|
box-shadow: 0 6rpx 20rpx rgba(25, 118, 210, 0.35), 0 2rpx 8rpx rgba(25, 118, 210, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
502
|
}
|
|
f218a54a
李宇
最新
|
503
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-10.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
504
|
background: linear-gradient(135deg, #388E3C 0%, #66bb6a 50%, #2e7d32 100%);
|
|
f218a54a
李宇
最新
|
505
|
box-shadow: 0 6rpx 20rpx rgba(56, 142, 60, 0.35), 0 2rpx 8rpx rgba(56, 142, 60, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
506
|
}
|
|
f218a54a
李宇
最新
|
507
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-11.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
508
|
background: linear-gradient(135deg, #B71C1C 0%, #ef5350 50%, #c62828 100%);
|
|
f218a54a
李宇
最新
|
509
|
box-shadow: 0 6rpx 20rpx rgba(183, 28, 28, 0.35), 0 2rpx 8rpx rgba(183, 28, 28, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
510
|
}
|
|
f218a54a
李宇
最新
|
511
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-12.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
512
|
background: linear-gradient(135deg, #0097A7 0%, #26a69a 50%, #00838f 100%);
|
|
f218a54a
李宇
最新
|
513
|
box-shadow: 0 6rpx 20rpx rgba(0, 151, 167, 0.35), 0 2rpx 8rpx rgba(0, 151, 167, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
514
|
}
|
|
f218a54a
李宇
最新
|
515
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-13.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
516
|
background: linear-gradient(135deg, #E65100 0%, #ff9800 50%, #e64a19 100%);
|
|
f218a54a
李宇
最新
|
517
|
box-shadow: 0 6rpx 20rpx rgba(230, 81, 0, 0.35), 0 2rpx 8rpx rgba(230, 81, 0, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
518
|
}
|
|
f218a54a
李宇
最新
|
519
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-14.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
520
|
background: linear-gradient(135deg, #6A1B9A 0%, #9c27b0 50%, #4a148c 100%);
|
|
f218a54a
李宇
最新
|
521
|
box-shadow: 0 6rpx 20rpx rgba(106, 27, 154, 0.35), 0 2rpx 8rpx rgba(106, 27, 154, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
522
|
}
|
|
f218a54a
李宇
最新
|
523
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-15.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
524
|
background: linear-gradient(135deg, #AD1457 0%, #e91e63 50%, #880e4f 100%);
|
|
f218a54a
李宇
最新
|
525
|
box-shadow: 0 6rpx 20rpx rgba(173, 20, 87, 0.35), 0 2rpx 8rpx rgba(173, 20, 87, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
526
|
}
|
|
f218a54a
李宇
最新
|
527
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-16.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
528
|
background: linear-gradient(135deg, #FBC02D 0%, #ffeb3b 50%, #f9a825 100%);
|
|
f218a54a
李宇
最新
|
529
|
box-shadow: 0 6rpx 20rpx rgba(251, 192, 45, 0.35), 0 2rpx 8rpx rgba(251, 192, 45, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
69254297
李宇
最新
|
530
|
}
|
|
f218a54a
李宇
最新
|
531
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-17.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
532
|
background: linear-gradient(135deg, #5D4037 0%, #8d6e63 50%, #3e2723 100%);
|
|
f218a54a
李宇
最新
|
533
534
|
box-shadow: 0 6rpx 20rpx rgba(93, 64, 55, 0.35), 0 2rpx 8rpx rgba(93, 64, 55, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
|
|
aa81040d
李宇
最新
|
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
|
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-report-1.data-v-92bb8f34 {
background: linear-gradient(135deg, #1976D2 0%, #42a5f5 50%, #1565C0 100%);
box-shadow: 0 6rpx 20rpx rgba(25, 118, 210, 0.35), 0 2rpx 8rpx rgba(25, 118, 210, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-report-2.data-v-92bb8f34 {
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5a67d8 100%);
box-shadow: 0 6rpx 20rpx rgba(102, 126, 234, 0.35), 0 2rpx 8rpx rgba(102, 126, 234, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-report-3.data-v-92bb8f34 {
background: linear-gradient(135deg, #0097A7 0%, #26a69a 50%, #00838f 100%);
box-shadow: 0 6rpx 20rpx rgba(0, 151, 167, 0.35), 0 2rpx 8rpx rgba(0, 151, 167, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-report-4.data-v-92bb8f34 {
background: linear-gradient(135deg, #7B1FA2 0%, #9c27b0 50%, #6a1b9a 100%);
box-shadow: 0 6rpx 20rpx rgba(123, 31, 162, 0.35), 0 2rpx 8rpx rgba(123, 31, 162, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-report-5.data-v-92bb8f34 {
background: linear-gradient(135deg, #E65100 0%, #ff9800 50%, #e64a19 100%);
box-shadow: 0 6rpx 20rpx rgba(230, 81, 0, 0.35), 0 2rpx 8rpx rgba(230, 81, 0, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.fun_box_fir .fun_fir_1 .icon.icon-circle-bg-log.data-v-92bb8f34 {
background: linear-gradient(135deg, #455A64 0%, #607D8B 50%, #37474F 100%);
box-shadow: 0 6rpx 20rpx rgba(69, 90, 100, 0.35), 0 2rpx 8rpx rgba(69, 90, 100, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
|
|
f218a54a
李宇
最新
|
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
|
.fun_box_fir .fun_fir_border.data-v-92bb8f34 {
border: none;
}
.mgmt-row.data-v-92bb8f34 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20rpx;
align-items: stretch;
margin-top: 12rpx;
}
.mgmt-btn.data-v-92bb8f34 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #0f172a;
opacity: 0.8;
transition: opacity 0.2s ease;
touch-action: manipulation;
}
.mgmt-btn.data-v-92bb8f34:active {
-webkit-transform: translateY(-4rpx) scale(0.97);
transform: translateY(-4rpx) scale(0.97);
}
.mgmt-btn:active .mgmt-icon.data-v-92bb8f34::after {
-webkit-transform: scale(1) rotate(180deg);
transform: scale(1) rotate(180deg);
}
.mgmt-icon.data-v-92bb8f34 {
border-radius: 20rpx;
width: 100rpx;
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12rpx;
position: relative;
transition: all 0.3s ease;
/* 主题色背景 - 渐变立体效果 */
}
.mgmt-icon.data-v-92bb8f34::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20rpx;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
opacity: 1;
z-index: 1;
}
.mgmt-icon.data-v-92bb8f34::after {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 2;
}
.mgmt-icon image.data-v-92bb8f34 {
width: 50rpx;
height: 50rpx;
position: relative;
z-index: 3;
-webkit-filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
}
.mgmt-icon.icon-circle-bg-6.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
637
|
background: linear-gradient(135deg, #7B1FA2 0%, #9c27b0 50%, #6a1b9a 100%);
|
|
f218a54a
李宇
最新
|
638
639
640
|
box-shadow: 0 6rpx 20rpx rgba(123, 31, 162, 0.35), 0 2rpx 8rpx rgba(123, 31, 162, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.mgmt-icon.icon-circle-bg-9.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
641
|
background: linear-gradient(135deg, #1976D2 0%, #42a5f5 50%, #1565C0 100%);
|
|
f218a54a
李宇
最新
|
642
|
box-shadow: 0 6rpx 20rpx rgba(25, 118, 210, 0.35), 0 2rpx 8rpx rgba(25, 118, 210, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
8b654f92
李宇
最新
|
643
644
645
646
|
}
.mgmt-icon.icon-circle-bg-7.data-v-92bb8f34 {
background: linear-gradient(135deg, #C2185B 0%, #e91e63 50%, #ad1457 100%);
box-shadow: 0 6rpx 20rpx rgba(194, 24, 91, 0.35), 0 2rpx 8rpx rgba(194, 24, 91, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
f218a54a
李宇
最新
|
647
648
|
}
.mgmt-icon.icon-circle-bg-10.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
649
|
background: linear-gradient(135deg, #388E3C 0%, #66bb6a 50%, #2e7d32 100%);
|
|
f218a54a
李宇
最新
|
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
|
box-shadow: 0 6rpx 20rpx rgba(56, 142, 60, 0.35), 0 2rpx 8rpx rgba(56, 142, 60, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.mgmt-text.data-v-92bb8f34 {
font-size: 26rpx;
color: #0f172a;
}
.bottom-row.data-v-92bb8f34 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20rpx;
align-items: stretch;
margin-top: 12rpx;
}
.bottom-btn.data-v-92bb8f34 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #0f172a;
opacity: 0.8;
transition: opacity 0.2s ease;
touch-action: manipulation;
}
.bottom-btn.data-v-92bb8f34:active {
-webkit-transform: translateY(-4rpx) scale(0.97);
transform: translateY(-4rpx) scale(0.97);
}
.bottom-btn:active .bottom-icon.data-v-92bb8f34::after {
-webkit-transform: scale(1) rotate(180deg);
transform: scale(1) rotate(180deg);
}
.bottom-icon.data-v-92bb8f34 {
border-radius: 20rpx;
width: 100rpx;
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12rpx;
position: relative;
transition: all 0.3s ease;
overflow: hidden;
/* 主题色背景 - 渐变立体效果 */
}
.bottom-icon.data-v-92bb8f34::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20rpx;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
opacity: 1;
z-index: 1;
}
.bottom-icon.data-v-92bb8f34::after {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-webkit-transform: scale(0);
transform: scale(0);
z-index: 2;
}
.bottom-icon image.data-v-92bb8f34 {
width: 50rpx;
height: 50rpx;
position: relative;
z-index: 3;
-webkit-filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
filter: brightness(1.2) drop-shadow(0 2rpx 4rpx rgba(0, 0, 0, 0.2));
}
.bottom-icon.icon-circle-bg-11.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
732
|
background: linear-gradient(135deg, #B71C1C 0%, #ef5350 50%, #c62828 100%);
|
|
f218a54a
李宇
最新
|
733
734
735
|
box-shadow: 0 6rpx 20rpx rgba(183, 28, 28, 0.35), 0 2rpx 8rpx rgba(183, 28, 28, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.bottom-icon.icon-circle-bg-13.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
736
|
background: linear-gradient(135deg, #E65100 0%, #ff9800 50%, #e64a19 100%);
|
|
f218a54a
李宇
最新
|
737
738
739
|
box-shadow: 0 6rpx 20rpx rgba(230, 81, 0, 0.35), 0 2rpx 8rpx rgba(230, 81, 0, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.bottom-icon.icon-circle-bg-14.data-v-92bb8f34 {
|
|
62f1d695
李宇
最新
|
740
|
background: linear-gradient(135deg, #6A1B9A 0%, #9c27b0 50%, #4a148c 100%);
|
|
f218a54a
李宇
最新
|
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
|
box-shadow: 0 6rpx 20rpx rgba(106, 27, 154, 0.35), 0 2rpx 8rpx rgba(106, 27, 154, 0.25), inset 0 2rpx 4rpx rgba(255, 255, 255, 0.3), inset 0 -2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.bottom-text.data-v-92bb8f34 {
font-size: 26rpx;
color: #0f172a;
}
@media (min-width: 768px) {
.warpboxss .fun_box_fir .fun_fir_1.data-v-92bb8f34 {
min-height: 200rpx;
}
}
/* 深色主题 */
:root[data-theme=dark] .page.data-v-92bb8f34 {
background-color: #0b0f14;
color: #e5e7eb;
}
:root[data-theme=dark] .warpboxss.data-v-92bb8f34 {
background: rgba(22, 26, 33, 0.6);
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.35);
}
:root[data-theme=dark] .warpboxs-small-title.data-v-92bb8f34 {
color: #e5e7eb;
}
/* RTL支持 */
.page[dir=rtl] .warpboxs-small-title.data-v-92bb8f34 {
flex-direction: row-reverse;
text-align: right;
|
|
69254297
李宇
最新
|
768
|
}
|
|
f218a54a
李宇
最新
|
769
770
|
.page[dir=rtl] .warpboxs-small-title .warpboxs-small-title-img.data-v-92bb8f34 {
justify-content: flex-start;
|
|
69254297
李宇
最新
|
771
|
}
|
