Files
001code-html--cocos/scratch-gui/static/css/matchsum.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

2275 lines
46 KiB
CSS

.u-section-1 {
background-position: 50% 50%;
background-repeat: no-repeat, no-repeat;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/chongqingno8.png');
background-size: cover, cover;
min-height: 100vh;
}
.u-section-1 .u-layout-wrap-1 {
transform: scale(1); /* 缩放到原来的 60% */
transform-origin: top center; /* 以中心为缩放中心 */
--radius: 30px;
width: 1024px;
margin: 25px auto;
}
.u-section-1 .u-layout-cell-1 {
min-height: 721px;
}
.u-section-1 .u-container-layout-1 {
padding: 0;
}
.u-section-1 .u-group-1 {
min-height: 707px;
height: auto;
margin-top: 0;
margin-bottom: 0;
--radius: 30px;
}
.u-section-1 .u-container-layout-2 {
padding: 0;
}
.u-section-1 .u-tabs-1 {
min-height: 569px;
margin-top: 0;
margin-bottom: 0;
height: auto;
}
.u-section-1 .u-tab-link-1 {
background-image: none;
font-weight: 600;
--radius: 5px;
font-size: 1rem;
padding: 18px 12px;
}
.u-section-1 .u-tab-link-2 {
background-image: none;
font-weight: 600;
--radius: 5px;
font-size: 1rem;
padding: 18px 12px;
}
.u-section-1 .u-tab-link-3 {
background-image: none;
font-weight: 600;
--radius: 5px;
font-size: 1rem;
padding: 18px 12px;
}
.u-section-1 .u-tab-link-4 {
background-image: none;
font-weight: 600;
--radius: 5px;
font-size: 1rem;
padding: 18px 12px;
}
.u-section-1 .u-tab-pane-1 {
background-image: none;
}
.u-section-1 .u-container-layout-3 {
padding: 0;
}
.u-section-1 .u-table-1 {
margin-top: 0;
margin-bottom: 0;
}
.u-block-3f10-99 {
background-image: none;
}
.u-section-1 .u-table-entity-1 {
min-height: 100px;
}
.u-section-1 .u-table-header-1 {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 1.125rem;
}
.u-section-1 .u-table-cell-1 {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
}
.u-section-1 .u-table-cell-2 {
background-image: none;
}
.u-section-1 .u-table-cell-3 {
background-image: none;
}
.u-section-1 .u-table-cell-4 {
background-image: none;
}
.u-section-1 .u-table-cell-5 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-body-1 {
line-height: 1.6;
}
.u-section-1 .u-table-cell-6 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-7 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-8 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-9 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-10 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-11 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-12 {
font-weight: 700;
font-size: 1.125rem;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-13 {
font-weight: 700;
font-size: 1.125rem;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-14 {
font-weight: 700;
font-size: 1.125rem;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-15 {
font-weight: 700;
font-size: 1.125rem;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-16 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-17 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-18 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-19 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-20 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-21 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-22 {
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-23 {
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-24 {
font-size: 1.125rem;
line-height: 1.3;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-25 {
font-size: 1.125rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-block-3f10-143 {
background-image: none;
}
.u-block-3f10-156 {
background-image: none;
}
.u-section-1 .u-tab-pane-2 {
background-image: none;
}
.u-section-1 .u-container-layout-4 {
padding: 0;
}
.u-section-1 .u-table-2 {
margin-top: 0;
margin-bottom: 0;
}
.u-block-3f10-164 {
background-image: none;
}
.u-section-1 .u-table-entity-2 {
min-height: 100px;
}
.u-section-1 .u-table-header-2 {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 1.125rem;
}
.u-section-1 .u-table-cell-26 {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
}
.u-section-1 .u-table-cell-27 {
background-image: none;
}
.u-section-1 .u-table-cell-28 {
background-image: none;
}
.u-section-1 .u-table-cell-29 {
background-image: none;
}
.u-section-1 .u-table-cell-30 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-cell-31 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-body-2 {
line-height: 1.6;
}
.u-section-1 .u-table-cell-32 {
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-33 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.5;
}
.u-section-1 .u-table-cell-34 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.5;
}
.u-section-1 .u-table-cell-35 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.5;
}
.u-section-1 .u-table-cell-36 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.5;
}
.u-section-1 .u-table-cell-37 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.5;
}
.u-section-1 .u-table-cell-38 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-39 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-40 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-41 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-42 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-43 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-44 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-45 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-46 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-47 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-48 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-49 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-50 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-51 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-52 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-53 {
font-size: 0.875rem;
line-height: 1.5;
border-style: dotted;
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-cell-54 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-55 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-56 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-57 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-58 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-59 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-60 {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-61 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-block-3f10-198 {
background-image: none;
}
.u-block-3f10-204 {
background-image: none;
}
.u-block-3f10-209 {
background-image: none;
}
.u-section-1 .u-tab-pane-3 {
background-image: none;
}
.u-section-1 .u-container-layout-5 {
padding: 0;
}
.u-section-1 .u-table-3 {
margin-top: 0;
margin-bottom: 0;
}
.u-block-3f10-240 {
background-image: none;
}
.u-section-1 .u-table-entity-3 {
min-height: 100px;
}
.u-section-1 .u-table-header-3 {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 1.125rem;
}
.u-section-1 .u-table-cell-62 {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
}
.u-section-1 .u-table-cell-63 {
background-image: none;
}
.u-section-1 .u-table-cell-64 {
background-image: none;
}
.u-section-1 .u-table-cell-65 {
background-image: none;
}
.u-section-1 .u-table-cell-66 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-cell-67 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-body-3 {
line-height: 1.6;
}
.u-section-1 .u-table-cell-68 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-69 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-70 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-71 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-72 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-73 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-74 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.2;
}
.u-section-1 .u-table-cell-75 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-76 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-77 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-78 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-79 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-80 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-81 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-82 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-83 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-84 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-85 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-86 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-87 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-88 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-89 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-90 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-91 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-92 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-93 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-94 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-95 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-96 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-97 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-98 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-99 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-100 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-101 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-102 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-103 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-104 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-105 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-106 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-107 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-108 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-109 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-block-3f10-274 {
background-image: none;
}
.u-block-3f10-280 {
background-image: none;
}
.u-block-3f10-318 {
background-image: none;
}
.u-section-1 .u-tab-pane-4 {
background-image: none;
}
.u-section-1 .u-container-layout-6 {
padding: 0;
}
.u-section-1 .u-table-4 {
margin-top: 0;
margin-bottom: 0;
}
.u-block-3f10-325 {
background-image: none;
}
.u-section-1 .u-table-entity-4 {
min-height: 100px;
}
.u-section-1 .u-table-header-4 {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 1.125rem;
}
.u-section-1 .u-table-cell-110 {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
}
.u-section-1 .u-table-cell-111 {
background-image: none;
}
.u-section-1 .u-table-cell-112 {
background-image: none;
}
.u-section-1 .u-table-cell-113 {
background-image: none;
}
.u-section-1 .u-table-cell-114 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-cell-115 {
background-image: none;
font-weight: 700;
}
.u-section-1 .u-table-body-4 {
line-height: 1.6;
}
.u-section-1 .u-table-cell-116 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-117 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-118 {
font-size: 1rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-119 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-120 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-121 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-122 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1.2;
}
.u-section-1 .u-table-cell-123 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-124 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-125 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-126 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-127 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-128 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-129 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-130 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-131 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-132 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-133 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-134 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-135 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-136 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-137 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-138 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-139 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-140 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-141 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-142 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-143 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-144 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-145 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-146 {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-147 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-148 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-149 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-150 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-151 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-section-1 .u-table-cell-152 {
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-153 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-154 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-155 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-156 {
font-size: 1.125rem;
font-weight: 700;
border-style: dotted;
background-image: none;
}
.u-section-1 .u-table-cell-157 {
font-size: 0.875rem;
font-weight: 700;
border-style: dotted;
background-image: none;
line-height: 1;
}
.u-block-3f10-380 {
background-image: none;
}
.u-block-3f10-386 {
background-image: none;
}
.u-block-3f10-387 {
background-image: none;
}
.u-section-1 .u-layout-cell-2 {
min-height: 721px;
}
.u-section-1 .u-container-layout-7 {
padding: 0;
}
.u-section-1 .u-group-2 {
min-height: 707px;
margin-top: 0;
margin-bottom: 0;
height: auto;
background-repeat: no-repeat;
background-image: linear-gradient(to bottom, rgba(254, 249, 230, 1), rgba(254, 249, 230, 1));
background-position: 50% 50%;
background-size: cover;
--radius: 30px;
border-style: solid;
}
.u-section-1 .u-container-layout-8 {
padding: 0 40px;
}
.u-section-1 .u-icon-1 {
height: 197px;
width: 198px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: -27px auto 0;
padding: 39px;
}
.u-section-1 .u-text-1 {
font-size: 2.25rem;
margin: -7px auto 0;
}
.u-section-1 .u-text-2 {
font-size: 1.5rem;
margin: 50px 0 0;
}
.u-section-1 .u-btn-1 {
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 201px auto 0;
padding: 0;
}
.u-section-1 .u-layout-cell-3 {
min-height: 360px;
}
.u-section-1 .u-container-layout-9 {
padding: 0;
}
.u-section-1 .u-group-3 {
min-height: 338px;
margin-top: 0;
margin-bottom: 0;
height: auto;
--radius: 39px;
}
.u-section-1 .u-container-layout-10 {
padding: 0;
}
.u-section-1 .u-countdown-1 {
box-shadow: 2px 0 0 0 rgba(0,0,0,0);
margin: 39px auto 0;
}
.u-section-1 .u-countdown-item-1 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-1 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-1 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-countdown-separator-1 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-item-2 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-2 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-2 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-countdown-separator-2 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-item-3 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-3 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-3 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-countdown-separator-3 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-item-4 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-4 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-4 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-countdown-separator-4 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-item-5 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-5 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-5 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-countdown-separator-5 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-item-6 {
background-image: none;
--radius: 15px;
padding: 15px 20px;
}
.u-section-1 .u-countdown-counter-6 {
font-size: 4.5rem;
line-height: 1;
font-weight: 700;
}
.u-section-1 .u-countdown-label-6 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.u-section-1 .u-btn-2 {
border-style: solid;
font-weight: 700;
text-transform: uppercase;
font-size: 1.25rem;
letter-spacing: 1px;
margin: 51px auto 0 103px;
padding: 13px 53px 14px 52px;
}
.u-section-1 .u-btn-3 {
border-style: solid;
font-weight: 700;
text-transform: uppercase;
font-size: 1.25rem;
letter-spacing: 1px;
margin: -63px auto 0 378px;
padding: 13px 53px 14px 52px;
}
.u-section-1 .u-layout-cell-4 {
min-height: 360px;
--radius: 45px;
}
.u-section-1 .u-container-layout-11 {
padding: 0;
}
.u-section-1 .u-group-4 {
min-height: 338px;
margin-top: 0;
margin-bottom: 0;
height: auto;
--radius: 33px;
}
.u-section-1 .u-container-layout-12 {
padding: 0;
}
.u-section-1 .u-list-1 {
margin-top: 10px;
margin-bottom: 0;
}
.u-section-1 .u-repeater-1 {
grid-auto-columns: 100%;
grid-template-columns: repeat(1, 100%);
min-height: 314px;
grid-gap: 10px;
}
.u-section-1 .u-container-layout-13 {
padding: 0;
}
.u-section-1 .u-icon-2 {
width: 53px;
height: 53px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 8px auto 0 11px;
padding: 0;
}
.u-section-1 .u-shape-1 {
width: 214px;
height: 34px;
margin: -44px 0 0 auto;
}
.u-section-1 .u-text-3 {
line-height: 1;
font-size: 0.875rem;
font-weight: 700;
margin: -26px 8px 0 auto;
}
.u-section-1 .u-container-layout-14 {
padding: 0;
}
.u-section-1 .u-icon-3 {
width: 53px;
height: 53px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 8px auto 0 11px;
padding: 0;
}
.u-section-1 .u-shape-2 {
width: 214px;
height: 34px;
margin: -44px 0 0 auto;
}
.u-section-1 .u-text-4 {
line-height: 1;
font-weight: 700;
font-size: 1.125rem;
margin: -26px 8px 0 auto;
}
.u-section-1 .u-container-layout-15 {
padding: 0;
}
.u-section-1 .u-icon-4 {
width: 53px;
height: 53px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 8px auto 0 11px;
padding: 0;
}
.u-section-1 .u-shape-3 {
width: 214px;
height: 34px;
margin: -44px 0 0 auto;
}
.u-section-1 .u-text-5 {
line-height: 1;
font-weight: 700;
font-size: 1.125rem;
margin: -26px 8px 0 auto;
}
.u-section-1 .u-container-layout-16 {
padding: 0;
}
.u-section-1 .u-icon-5 {
width: 53px;
height: 53px;
transition-duration: 0.5s;
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
margin: 8px auto 0 11px;
padding: 0;
}
.u-section-1 .u-shape-4 {
width: 214px;
--radius: 50px;
height: 34px;
margin: -44px 0 0 auto;
}
.u-section-1 .u-text-6 {
line-height: 1;
font-size: 1.125rem;
margin: -26px 8px 0 auto;
}
@media (max-width: 1199px) {
.u-section-1 {
min-height: 583px;
}
.u-section-1 .u-layout-wrap-1 {
width: 940px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 662px;
}
.u-section-1 .u-group-1 {
--radius: 39px;
--bottom-right-radius: 36px;
--bottom-left-radius: 36px;
height: auto;
}
.u-section-1 .u-table-cell-45 {
font-size: 0.875rem;
}
.u-section-1 .u-table-cell-46 {
font-size: 0.875rem;
}
.u-section-1 .u-table-cell-47 {
font-size: 0.875rem;
}
.u-section-1 .u-table-cell-48 {
font-size: 0.875rem;
}
.u-section-1 .u-layout-cell-2 {
min-height: 662px;
}
.u-section-1 .u-group-2 {
height: auto;
}
.u-section-1 .u-container-layout-8 {
padding-left: 36px;
padding-right: 36px;
}
.u-section-1 .u-icon-1 {
margin-left: 10px;
}
.u-section-1 .u-text-1 {
width: auto;
margin-top: -8px;
margin-left: 73px;
}
.u-section-1 .u-text-2 {
width: auto;
margin-top: 132px;
margin-left: 4px;
margin-right: 4px;
}
.u-section-1 .u-btn-1 {
margin-top: 191px;
margin-left: 73px;
}
.u-section-1 .u-layout-cell-3 {
--radius: 50px;
min-height: 352px;
}
.u-section-1 .u-group-3 {
height: auto;
}
.u-section-1 .u-countdown-1 {
transition-duration: 0.5s;
--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;
margin-top: 42px;
}
.u-section-1 .u-btn-2 {
margin-top: 49px;
margin-left: 61px;
}
.u-section-1 .u-btn-3 {
margin-top: -51px;
margin-left: 364px;
}
.u-section-1 .u-layout-cell-4 {
background-position: 50% 50%;
min-height: 331px;
}
.u-section-1 .u-group-4 {
height: auto;
}
.u-section-1 .u-repeater-1 {
grid-template-columns: 100%;
}
}
@media (max-width: 991px) {
.u-section-1 .u-layout-wrap-1 {
width: 720px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 100px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 100px;
}
.u-section-1 .u-container-layout-8 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-icon-1 {
margin-left: -17px;
margin-right: -17px;
}
.u-section-1 .u-text-1 {
margin-left: 54px;
}
.u-section-1 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
.u-section-1 .u-btn-1 {
margin-left: 12px;
}
.u-section-1 .u-layout-cell-3 {
min-height: 100px;
}
.u-section-1 .u-group-3 {
min-height: 546px;
}
.u-section-1 .u-countdown-1 {
margin-top: 280px;
margin-left: -70px;
margin-right: -70px;
padding: 0;
}
.u-section-1 .u-btn-2 {
margin-top: 862px;
margin-left: 67px;
}
.u-section-1 .u-btn-3 {
margin-top: -863px;
margin-left: 342px;
}
.u-section-1 .u-layout-cell-4 {
min-height: 100px;
}
.u-section-1 .u-shape-1 {
margin-top: 20px;
}
.u-section-1 .u-shape-2 {
margin-top: 20px;
}
.u-section-1 .u-shape-3 {
margin-top: 20px;
}
.u-section-1 .u-shape-4 {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.u-section-1 {
min-height: 783px;
}
.u-section-1 .u-layout-wrap-1 {
width: 540px;
}
.u-section-1 .u-container-layout-1 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-container-layout-7 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-container-layout-8 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-1 .u-text-2 {
font-size: 1rem;
}
.u-section-1 .u-container-layout-9 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-countdown-1 {
margin-left: -64px;
}
.u-section-1 .u-btn-2 {
margin-top: 1554px;
margin-left: 72px;
}
.u-section-1 .u-btn-3 {
margin-top: -1555px;
margin-left: 347px;
}
.u-section-1 .u-container-layout-11 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-shape-1 {
margin-top: -44px;
}
.u-section-1 .u-shape-2 {
margin-top: -44px;
}
.u-section-1 .u-text-4 {
font-size: 1rem;
}
.u-section-1 .u-shape-3 {
margin-top: -44px;
}
.u-section-1 .u-text-5 {
font-size: 1rem;
}
.u-section-1 .u-shape-4 {
margin-top: -44px;
}
.u-section-1 .u-text-6 {
font-size: 1rem;
}
}
@media (max-width: 575px) {
.u-section-1 .u-layout-wrap-1 {
width: 340px;
}
.u-section-1 .u-text-1 {
font-size: 1.875rem;
}
.u-section-1 .u-btn-1 {
margin-left: auto;
}
.u-section-1 .u-countdown-1 {
margin-right: 0;
margin-left: -164px;
}
.u-section-1 .u-btn-2 {
margin-top: 1602px;
margin-left: -28px;
}
.u-section-1 .u-btn-3 {
margin-top: -1604px;
margin-left: 247px;
}
}
.u-section-1 .u-icon-1,
.u-section-1 .u-icon-1:before,
.u-section-1 .u-icon-1 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-icon-1.u-icon-1.u-icon-1:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-1.u-icon-1.u-icon-1.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-btn-1,
.u-section-1 .u-btn-1:before,
.u-section-1 .u-btn-1 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-btn-1.u-btn-1.u-btn-1:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-btn-1 {
border-color: transparent !important;
}
.u-section-1 .u-btn-1.u-btn-1.u-btn-1.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-btn-1 {
border-color: transparent !important;
}
.u-section-1 .u-icon-2,
.u-section-1 .u-icon-2:before,
.u-section-1 .u-icon-2 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-icon-2.u-icon-2.u-icon-2:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-2.u-icon-2.u-icon-2.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-3,
.u-section-1 .u-icon-3:before,
.u-section-1 .u-icon-3 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-icon-3.u-icon-3.u-icon-3:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-3.u-icon-3.u-icon-3.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-4,
.u-section-1 .u-icon-4:before,
.u-section-1 .u-icon-4 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-icon-4.u-icon-4.u-icon-4:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-4.u-icon-4.u-icon-4.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-5,
.u-section-1 .u-icon-5:before,
.u-section-1 .u-icon-5 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-section-1 .u-icon-5.u-icon-5.u-icon-5:hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
.u-section-1 .u-icon-5.u-icon-5.u-icon-5.hover {
transform: scale(1.1) translateX(0px) translateY(0px) !important;
}
/* 进度条容器 */
.progress-bar {
width: 100%;
background-color: #e0e0e0; /* 进度条背景色 */
border-radius: 10px;
overflow: hidden;
height: 20px; /* 进度条高度,可根据需要调整 */
margin-bottom: 10px; /* 进度条与文本之间的间距 */
}
/* 进度填充部分 */
.progress-fill {
height: 100%;
background-color: #76c7c0; /* 已完成部分的颜色 */
width: 0%; /* 初始宽度 */
transition: width 0.5s ease-in-out; /* 动画效果 */
}
/* 开关容器样式 */
.switch-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px; /* 根据需要调整 */
height: 100%; /* 确保容器高度填满父元素 */
}
/* 开关样式 */
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 28px;
margin-right: 10px; /* 间距 */
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ef336f;
transition: .4s;
border-radius: 20px;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
.switch input:checked + .slider {
background-color: #2196F3;
}
.switch input:checked + .slider:before {
transform: translateX(18px);
}
/* 开关标签样式 */
#modeLabel {
font-size: 16px;
color: #000; /* 根据需要调整颜色 */
}
/* 新的编程模式选择器样式 */
.mode-selector-container {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
.mode-selector {
padding: 8px 12px;
border: 2px solid #007bff;
border-radius: 20px;
background-color: #fff;
color: #007bff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
outline: none;
transition: all 0.3s ease;
min-width: 120px;
text-align: center;
}
.mode-selector:hover {
background-color: #007bff;
color: #fff;
}
.mode-selector:focus {
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
.mode-selector option {
padding: 8px;
font-size: 14px;
}