Files
001code-html--cocos/scratch-gui/static/css/currentlvchoose.css
刘宇飞 6e0a1fbcbb Initial commit of 001code-html Scratch frontend project.
Includes scratch-gui, scratch-vm, scratch-blocks, scratch-render, scratch-l10n, and deployment config.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-16 15:37:45 +08:00

2086 lines
34 KiB
CSS

.u-section-1 {
background-image: url("../images/bg.png");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.u-section-1 .u-sheet-1 {
min-height: 904px;
}
.u-section-1 .u-layout-wrap-1 {
--radius: 50px;
width: 908px;
margin: 35px auto 0;
}
.u-section-1 .u-layout-cell-1 {
background-image: linear-gradient(90deg, #03A1EA, #205BAF);
--radius: 36px;
min-height: 180px;
box-shadow: 0 10px 20px rgba(3, 161, 234, 0.3);
}
.u-section-1 .u-container-layout-1 {
padding: 0;
}
.u-section-1 .u-text-1 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-1 {
width: 42px;
height: 42px;
margin: 13px auto 0;
padding: 0;
}
.u-section-1 .u-icon-2 {
width: 42px;
height: 42px;
margin: -24px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-3 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-2 {
background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-2 {
padding: 0;
}
.u-section-1 .u-text-2 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-4 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-5 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-6 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-3 {
background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-3 {
padding: 0;
}
.u-section-1 .u-text-3 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-7 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-8 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-9 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-4 {
background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-4 {
padding: 0;
}
.u-section-1 .u-text-4 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-10 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-11 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-12 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-5 {
background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-5 {
padding: 0;
}
.u-section-1 .u-text-5 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-13 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-14 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-15 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-6 {
background-image: linear-gradient(90deg, #FF6B6B, #EE5D5D);
--radius: 36px;
min-height: 180px;
box-shadow: 0 10px 20px rgba(255, 107, 107, 0.3);
}
.u-section-1 .u-container-layout-6 {
padding: 0;
}
.u-section-1 .u-text-6 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-16 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-17 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-18 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-image-1 {
background-image: linear-gradient(to bottom, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1)), url('../images/default-image.jpg');
--radius: 36px;
min-height: 180px;
background-position: 50% 50%, 50% 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
}
.u-section-1 .u-container-layout-7 {
box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
padding: 0;
}
.u-section-1 .u-text-7 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-19 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-20 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-21 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-8 {
background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-8 {
padding: 0;
}
.u-section-1 .u-text-8 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-22 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-23 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-24 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-9 {
background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-9 {
padding: 0;
}
.u-section-1 .u-text-9 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-25 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-26 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-27 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-10 {
background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-10 {
padding: 1px;
}
.u-section-1 .u-text-10 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 26px auto 0;
}
.u-section-1 .u-icon-28 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-29 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-30 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-11 {
background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1));
--radius: 36px;
min-height: 180px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-container-layout-11 {
padding: 0;
}
.u-section-1 .u-text-11 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-31 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-32 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-33 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-12 {
background-image: linear-gradient(90deg, #FDC830, #F37335);
--radius: 36px;
min-height: 180px;
box-shadow: 0 10px 20px rgba(243, 115, 53, 0.3);
}
.u-section-1 .u-container-layout-12 {
padding: 0;
}
.u-section-1 .u-text-12 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-34 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-35 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-36 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-13 {
background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-13 {
padding: 0;
}
.u-section-1 .u-text-13 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-37 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-38 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-39 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-14 {
background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-14 {
padding: 0;
}
.u-section-1 .u-text-14 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-40 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-41 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-42 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-15 {
background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-15 {
padding: 0;
}
.u-section-1 .u-text-15 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 27px auto 0;
}
.u-section-1 .u-icon-43 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-44 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-45 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-16 {
background-image: linear-gradient(90deg, #43CEA2, #185A9D);
--radius: 36px;
min-height: 180px;
box-shadow: 0 10px 20px rgba(67, 206, 162, 0.3);
}
.u-section-1 .u-container-layout-16 {
padding: 0;
}
.u-section-1 .u-text-16 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 24px auto 0;
}
.u-section-1 .u-icon-46 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-47 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-48 {
width: 42px;
height: 42px;
margin: -42px 15px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-17 {
background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-17 {
padding: 0;
}
.u-section-1 .u-text-17 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 24px auto 0;
}
.u-section-1 .u-icon-49 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-50 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-51 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-18 {
background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-18 {
padding: 0;
}
.u-section-1 .u-text-18 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 24px auto 0;
}
.u-section-1 .u-icon-52 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-53 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-54 {
width: 42px;
height: 42px;
margin: -44px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-19 {
background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-19 {
padding: 0;
}
.u-section-1 .u-text-19 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 24px auto 0;
}
.u-section-1 .u-icon-55 {
width: 42px;
height: 42px;
margin: 14px auto 0;
padding: 0;
}
.u-section-1 .u-icon-56 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-57 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-layout-cell-20 {
background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1));
--radius: 36px;
min-height: 180px;
}
.u-section-1 .u-container-layout-20 {
padding: 0;
}
.u-section-1 .u-text-20 {
font-weight: 800;
font-size: 3rem;
line-height: 1;
margin: 26px auto 0;
}
.u-section-1 .u-icon-58 {
width: 42px;
height: 42px;
margin: 15px auto 0;
padding: 0;
}
.u-section-1 .u-icon-59 {
width: 42px;
height: 42px;
margin: -25px auto 0 14px;
padding: 0;
}
.u-section-1 .u-icon-60 {
width: 42px;
height: 42px;
margin: -42px 14px 0 auto;
padding: 0;
}
.u-section-1 .u-btn-1,
.u-section-1 .u-sheet-1 .u-btn-1 {
--radius: 50px;
background-image: none !important;
margin: 29px auto 60px;
padding: 9px 69px 11px 68px;
background-color: #03A1EA !important;
color: #FFFFFF !important;
transition: background-color 0.3s ease;
}
.u-section-1 .u-btn-1:hover,
.u-section-1 .u-sheet-1 .u-btn-1:hover {
background-color: #0288D1 !important;
}
@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 745px;
}
.u-section-1 .u-layout-wrap-1 {
width: 940px;
}
.u-section-1 .u-layout-cell-1 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-2 {
margin-left: 13px;
}
.u-section-1 .u-icon-3 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-2 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-5 {
margin-left: 13px;
}
.u-section-1 .u-icon-6 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-3 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-8 {
margin-left: 13px;
}
.u-section-1 .u-icon-9 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-4 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-11 {
margin-left: 13px;
}
.u-section-1 .u-icon-12 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-5 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-14 {
margin-left: 13px;
}
.u-section-1 .u-icon-15 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-6 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-17 {
margin-left: 13px;
}
.u-section-1 .u-icon-18 {
margin-left: 123px;
}
.u-section-1 .u-image-1 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-20 {
margin-left: 13px;
}
.u-section-1 .u-icon-21 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-8 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-23 {
margin-left: 13px;
}
.u-section-1 .u-icon-24 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-9 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-section-1 .u-icon-26 {
margin-left: 13px;
}
.u-section-1 .u-icon-27 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-10 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-29 {
margin-left: 13px;
}
.u-section-1 .u-icon-30 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-11 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-32 {
margin-left: 13px;
}
.u-section-1 .u-icon-33 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-12 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-35 {
margin-left: 13px;
}
.u-section-1 .u-icon-36 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-13 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-38 {
margin-left: 13px;
}
.u-section-1 .u-icon-39 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-14 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-41 {
margin-left: 13px;
}
.u-section-1 .u-icon-42 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-15 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-44 {
margin-left: 13px;
}
.u-section-1 .u-icon-45 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-16 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-47 {
margin-left: 13px;
}
.u-section-1 .u-icon-48 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-17 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-50 {
margin-left: 13px;
}
.u-section-1 .u-icon-51 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-18 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-53 {
margin-left: 13px;
}
.u-section-1 .u-icon-54 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-19 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-56 {
margin-left: 13px;
}
.u-section-1 .u-icon-57 {
margin-left: 123px;
}
.u-section-1 .u-layout-cell-20 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.u-section-1 .u-icon-59 {
margin-left: 13px;
}
.u-section-1 .u-icon-60 {
margin-left: 123px;
}
}
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 1265px;
}
.u-section-1 .u-layout-wrap-1 {
width: 720px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 100px;
}
.u-section-1 .u-icon-1 {
margin-left: 502px;
}
.u-section-1 .u-icon-2 {
margin-left: 177px;
}
.u-section-1 .u-icon-3 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 100px;
}
.u-section-1 .u-icon-4 {
margin-left: 502px;
}
.u-section-1 .u-icon-5 {
margin-left: 177px;
}
.u-section-1 .u-icon-6 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-3 {
min-height: 100px;
}
.u-section-1 .u-icon-7 {
margin-left: 502px;
}
.u-section-1 .u-icon-8 {
margin-left: 177px;
}
.u-section-1 .u-icon-9 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-4 {
min-height: 100px;
}
.u-section-1 .u-icon-10 {
margin-left: 502px;
}
.u-section-1 .u-icon-11 {
margin-left: 177px;
}
.u-section-1 .u-icon-12 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-5 {
min-height: 100px;
}
.u-section-1 .u-icon-13 {
margin-left: 502px;
}
.u-section-1 .u-icon-14 {
margin-left: 177px;
}
.u-section-1 .u-icon-15 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-6 {
min-height: 100px;
}
.u-section-1 .u-icon-16 {
margin-left: 502px;
}
.u-section-1 .u-icon-17 {
margin-left: 177px;
}
.u-section-1 .u-icon-18 {
margin-left: 287px;
}
.u-section-1 .u-image-1 {
min-height: 100px;
}
.u-section-1 .u-icon-19 {
margin-left: 502px;
}
.u-section-1 .u-icon-20 {
margin-left: 177px;
}
.u-section-1 .u-icon-21 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-8 {
min-height: 100px;
}
.u-section-1 .u-icon-22 {
margin-left: 502px;
}
.u-section-1 .u-icon-23 {
margin-left: 177px;
}
.u-section-1 .u-icon-24 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-9 {
min-height: 100px;
}
.u-section-1 .u-icon-25 {
margin-left: 502px;
}
.u-section-1 .u-icon-26 {
margin-left: 177px;
}
.u-section-1 .u-icon-27 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-10 {
min-height: 100px;
}
.u-section-1 .u-icon-28 {
margin-left: 502px;
}
.u-section-1 .u-icon-29 {
margin-left: 177px;
}
.u-section-1 .u-icon-30 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-11 {
min-height: 100px;
}
.u-section-1 .u-icon-31 {
margin-left: 502px;
}
.u-section-1 .u-icon-32 {
margin-left: 177px;
}
.u-section-1 .u-icon-33 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-12 {
min-height: 100px;
}
.u-section-1 .u-icon-34 {
margin-left: 502px;
}
.u-section-1 .u-icon-35 {
margin-left: 177px;
}
.u-section-1 .u-icon-36 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-13 {
min-height: 100px;
}
.u-section-1 .u-icon-37 {
margin-left: 502px;
}
.u-section-1 .u-icon-38 {
margin-left: 177px;
}
.u-section-1 .u-icon-39 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-14 {
min-height: 100px;
}
.u-section-1 .u-icon-40 {
margin-left: 502px;
}
.u-section-1 .u-icon-41 {
margin-left: 177px;
}
.u-section-1 .u-icon-42 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-15 {
min-height: 100px;
}
.u-section-1 .u-icon-43 {
margin-left: 502px;
}
.u-section-1 .u-icon-44 {
margin-left: 177px;
}
.u-section-1 .u-icon-45 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-16 {
min-height: 100px;
}
.u-section-1 .u-icon-46 {
margin-left: 502px;
}
.u-section-1 .u-icon-47 {
margin-left: 177px;
}
.u-section-1 .u-icon-48 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-17 {
min-height: 100px;
}
.u-section-1 .u-icon-49 {
margin-left: 502px;
}
.u-section-1 .u-icon-50 {
margin-left: 177px;
}
.u-section-1 .u-icon-51 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-18 {
min-height: 100px;
}
.u-section-1 .u-icon-52 {
margin-left: 502px;
}
.u-section-1 .u-icon-53 {
margin-left: 177px;
}
.u-section-1 .u-icon-54 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-19 {
min-height: 100px;
}
.u-section-1 .u-icon-55 {
margin-left: 502px;
}
.u-section-1 .u-icon-56 {
margin-left: 177px;
}
.u-section-1 .u-icon-57 {
margin-left: 287px;
}
.u-section-1 .u-layout-cell-20 {
min-height: 100px;
}
.u-section-1 .u-icon-58 {
margin-left: 502px;
}
.u-section-1 .u-icon-59 {
margin-left: 177px;
}
.u-section-1 .u-icon-60 {
margin-left: 287px;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 1487px;
}
.u-section-1 .u-layout-wrap-1 {
width: 540px;
}
.u-section-1 .u-text-1 {
font-size: 1rem;
}
.u-section-1 .u-icon-1 {
margin-left: 367px;
}
.u-section-1 .u-icon-2 {
margin-left: 132px;
}
.u-section-1 .u-icon-3 {
margin-left: 242px;
}
.u-section-1 .u-text-2 {
font-size: 1rem;
}
.u-section-1 .u-icon-4 {
margin-left: 367px;
}
.u-section-1 .u-icon-5 {
margin-left: 132px;
}
.u-section-1 .u-icon-6 {
margin-left: 242px;
}
.u-section-1 .u-text-3 {
font-size: 1rem;
}
.u-section-1 .u-icon-7 {
margin-left: 367px;
}
.u-section-1 .u-icon-8 {
margin-left: 132px;
}
.u-section-1 .u-icon-9 {
margin-left: 242px;
}
.u-section-1 .u-text-4 {
font-size: 1rem;
}
.u-section-1 .u-icon-10 {
margin-left: 367px;
}
.u-section-1 .u-icon-11 {
margin-left: 132px;
}
.u-section-1 .u-icon-12 {
margin-left: 242px;
}
.u-section-1 .u-text-5 {
font-size: 1rem;
}
.u-section-1 .u-icon-13 {
margin-left: 367px;
}
.u-section-1 .u-icon-14 {
margin-left: 132px;
}
.u-section-1 .u-icon-15 {
margin-left: 242px;
}
.u-section-1 .u-text-6 {
font-size: 1rem;
}
.u-section-1 .u-icon-16 {
margin-left: 367px;
}
.u-section-1 .u-icon-17 {
margin-left: 132px;
}
.u-section-1 .u-icon-18 {
margin-left: 242px;
}
.u-section-1 .u-text-7 {
font-size: 1rem;
}
.u-section-1 .u-icon-19 {
margin-left: 367px;
}
.u-section-1 .u-icon-20 {
margin-left: 132px;
}
.u-section-1 .u-icon-21 {
margin-left: 242px;
}
.u-section-1 .u-text-8 {
font-size: 1rem;
}
.u-section-1 .u-icon-22 {
margin-left: 367px;
}
.u-section-1 .u-icon-23 {
margin-left: 132px;
}
.u-section-1 .u-icon-24 {
margin-left: 242px;
}
.u-section-1 .u-text-9 {
font-size: 1rem;
}
.u-section-1 .u-icon-25 {
margin-left: 367px;
}
.u-section-1 .u-icon-26 {
margin-left: 132px;
}
.u-section-1 .u-icon-27 {
margin-left: 242px;
}
.u-section-1 .u-text-10 {
font-size: 1rem;
}
.u-section-1 .u-icon-28 {
margin-left: 367px;
}
.u-section-1 .u-icon-29 {
margin-left: 132px;
}
.u-section-1 .u-icon-30 {
margin-left: 242px;
}
.u-section-1 .u-text-11 {
font-size: 1rem;
}
.u-section-1 .u-icon-31 {
margin-left: 367px;
}
.u-section-1 .u-icon-32 {
margin-left: 132px;
}
.u-section-1 .u-icon-33 {
margin-left: 242px;
}
.u-section-1 .u-text-12 {
font-size: 1rem;
}
.u-section-1 .u-icon-34 {
margin-left: 367px;
}
.u-section-1 .u-icon-35 {
margin-left: 132px;
}
.u-section-1 .u-icon-36 {
margin-left: 242px;
}
.u-section-1 .u-text-13 {
font-size: 1rem;
}
.u-section-1 .u-icon-37 {
margin-left: 367px;
}
.u-section-1 .u-icon-38 {
margin-left: 132px;
}
.u-section-1 .u-icon-39 {
margin-left: 242px;
}
.u-section-1 .u-text-14 {
font-size: 1rem;
}
.u-section-1 .u-icon-40 {
margin-left: 367px;
}
.u-section-1 .u-icon-41 {
margin-left: 132px;
}
.u-section-1 .u-icon-42 {
margin-left: 242px;
}
.u-section-1 .u-text-15 {
font-size: 1rem;
}
.u-section-1 .u-icon-43 {
margin-left: 367px;
}
.u-section-1 .u-icon-44 {
margin-left: 132px;
}
.u-section-1 .u-icon-45 {
margin-left: 242px;
}
.u-section-1 .u-text-16 {
font-size: 1rem;
}
.u-section-1 .u-icon-46 {
margin-left: 367px;
}
.u-section-1 .u-icon-47 {
margin-left: 132px;
}
.u-section-1 .u-icon-48 {
margin-left: 242px;
}
.u-section-1 .u-text-17 {
font-size: 1rem;
}
.u-section-1 .u-icon-49 {
margin-left: 367px;
}
.u-section-1 .u-icon-50 {
margin-left: 132px;
}
.u-section-1 .u-icon-51 {
margin-left: 242px;
}
.u-section-1 .u-text-18 {
font-size: 1rem;
}
.u-section-1 .u-icon-52 {
margin-left: 367px;
}
.u-section-1 .u-icon-53 {
margin-left: 132px;
}
.u-section-1 .u-icon-54 {
margin-left: 242px;
}
.u-section-1 .u-text-19 {
font-size: 1rem;
}
.u-section-1 .u-icon-55 {
margin-left: 367px;
}
.u-section-1 .u-icon-56 {
margin-left: 132px;
}
.u-section-1 .u-icon-57 {
margin-left: 242px;
}
.u-section-1 .u-text-20 {
font-size: 1rem;
}
.u-section-1 .u-icon-58 {
margin-left: 367px;
}
.u-section-1 .u-icon-59 {
margin-left: 132px;
}
.u-section-1 .u-icon-60 {
margin-left: 242px;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 1288px;
}
.u-section-1 .u-layout-wrap-1 {
width: 340px;
}
.u-section-1 .u-icon-1 {
margin-left: 217px;
}
.u-section-1 .u-icon-2 {
margin-left: 82px;
}
.u-section-1 .u-icon-3 {
margin-left: 146px;
}
.u-section-1 .u-icon-4 {
margin-left: 217px;
}
.u-section-1 .u-icon-5 {
margin-left: 82px;
}
.u-section-1 .u-icon-6 {
margin-left: 146px;
}
.u-section-1 .u-icon-7 {
margin-left: 217px;
}
.u-section-1 .u-icon-8 {
margin-left: 82px;
}
.u-section-1 .u-icon-9 {
margin-left: 146px;
}
.u-section-1 .u-icon-10 {
margin-left: 217px;
}
.u-section-1 .u-icon-11 {
margin-left: 82px;
}
.u-section-1 .u-icon-12 {
margin-left: 146px;
}
.u-section-1 .u-icon-13 {
margin-left: 217px;
}
.u-section-1 .u-icon-14 {
margin-left: 82px;
}
.u-section-1 .u-icon-15 {
margin-left: 146px;
}
.u-section-1 .u-icon-16 {
margin-left: 217px;
}
.u-section-1 .u-icon-17 {
margin-left: 82px;
}
.u-section-1 .u-icon-18 {
margin-left: 146px;
}
.u-section-1 .u-icon-19 {
margin-left: 217px;
}
.u-section-1 .u-icon-20 {
margin-left: 82px;
}
.u-section-1 .u-icon-21 {
margin-left: 146px;
}
.u-section-1 .u-icon-22 {
margin-left: 217px;
}
.u-section-1 .u-icon-23 {
margin-left: 82px;
}
.u-section-1 .u-icon-24 {
margin-left: 146px;
}
.u-section-1 .u-icon-25 {
margin-left: 217px;
}
.u-section-1 .u-icon-26 {
margin-left: 82px;
}
.u-section-1 .u-icon-27 {
margin-left: 146px;
}
.u-section-1 .u-icon-28 {
margin-left: 217px;
}
.u-section-1 .u-icon-29 {
margin-left: 82px;
}
.u-section-1 .u-icon-30 {
margin-left: 146px;
}
.u-section-1 .u-icon-31 {
margin-left: 217px;
}
.u-section-1 .u-icon-32 {
margin-left: 82px;
}
.u-section-1 .u-icon-33 {
margin-left: 146px;
}
.u-section-1 .u-icon-34 {
margin-left: 217px;
}
.u-section-1 .u-icon-35 {
margin-left: 82px;
}
.u-section-1 .u-icon-36 {
margin-left: 146px;
}
.u-section-1 .u-icon-37 {
margin-left: 217px;
}
.u-section-1 .u-icon-38 {
margin-left: 82px;
}
.u-section-1 .u-icon-39 {
margin-left: 146px;
}
.u-section-1 .u-icon-40 {
margin-left: 217px;
}
.u-section-1 .u-icon-41 {
margin-left: 82px;
}
.u-section-1 .u-icon-42 {
margin-left: 146px;
}
.u-section-1 .u-icon-43 {
margin-left: 217px;
}
.u-section-1 .u-icon-44 {
margin-left: 82px;
}
.u-section-1 .u-icon-45 {
margin-left: 146px;
}
.u-section-1 .u-icon-46 {
margin-left: 217px;
}
.u-section-1 .u-icon-47 {
margin-left: 82px;
}
.u-section-1 .u-icon-48 {
margin-left: 146px;
}
.u-section-1 .u-icon-49 {
margin-left: 217px;
}
.u-section-1 .u-icon-50 {
margin-left: 82px;
}
.u-section-1 .u-icon-51 {
margin-left: 146px;
}
.u-section-1 .u-icon-52 {
margin-left: 217px;
}
.u-section-1 .u-icon-53 {
margin-left: 82px;
}
.u-section-1 .u-icon-54 {
margin-left: 146px;
}
.u-section-1 .u-icon-55 {
margin-left: 217px;
}
.u-section-1 .u-icon-56 {
margin-left: 82px;
}
.u-section-1 .u-icon-57 {
margin-left: 146px;
}
.u-section-1 .u-icon-58 {
margin-left: 217px;
}
.u-section-1 .u-icon-59 {
margin-left: 82px;
}
.u-section-1 .u-icon-60 {
margin-left: 146px;
}
}
/* In currentlvchoose.css */
/* currentlvchoose.css */
/* currentlvchoose.css */
@keyframes slowBounce {
0%,
100% {
transform: translateY(0);
transform: scale(0.9);
}
50% {
transform: translateY(-10px);
transform: scale(1.1);
}
}
.hovered {
animation: slowBounce 1.0s ease-in-out infinite;
/* 缓慢跳动动画 */
cursor: pointer;
}
@keyframes clickEffect {
0% {
transform: scale(1);
}
50% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
.clicked {
animation: clickEffect 0.3s ease;
/* 点击缩放动画 */
}
/* 定义 disabled 类的样式 */
.disabled {
opacity: 0.5;
/* 使 div 看起来半透明,表示禁用状态 */
pointer-events: none;
/* 禁止所有用户交互 */
cursor: not-allowed;
/* 更改鼠标指针,提示用户不可用 */
}
.u-section-1 {
--p1: #03A1EA;
--p2: #205BAF;
}
.level-choose-header {
text-align: center;
margin-bottom: 20px;
font-family: 'PingFang SC', sans-serif;
font-size: 32px;
font-weight: bold;
letter-spacing: 2px;
padding-top: 20px;
background: linear-gradient(90deg, var(--p1), var(--p2));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
/* Removed text-shadow as it can interfere with transparent text gradient */
}