/* 引用字体资源 */ @import url("../font/SourceHanSerifSC_Regular/Regular.css"); @import url("../font/SourceHanSerifSC_Heavy/Heavy.css"); /* 设定通用样式 */ *{ /* 常规样式 */ font-family: 'SHS_SC'; padding: 0; margin: 0; /* 禁止选中 */ -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* 全局变量 */ --theme-color: #1F3864; --paper-color: #FFFBF6; } /* 设定根集样式 */ html{ font-size: 10px; } /* 设定主体样式 */ body{ /* 设定为 Flex 容器 */ display: flex; /* 设定 Flex 排版规则 */ justify-content: center; align-items: flex-start; /* 设定一般样式 */ background-color: #5F9EA0; flex-wrap: wrap; } /* 主容器 */ .paper{ /* 设定为 Flex 容器 */ display: flex; /* 设定 Flex 排版规则 */ justify-content: center; align-items: center; flex-direction: column; position: relative; flex: 0 0 auto; /* 设定一般样式 */ margin: 2.5vh 1vw 2.5vh 1vw; width: 63rem; height: 89rem; background-color: var(--paper-color); color: var(--theme-color); box-shadow: .8rem .5rem 1rem rgba(0, 0, 0, .4); } /* 正文页边距效果 */ .edge{ stroke-dasharray: 522.15; stroke-dashoffset: 1044.3; animation: edge 30s infinite linear; width: 47rem; height: 75rem; } @keyframes edge{ to{ stroke-dashoffset: 0; } } polyline { fill: none; stroke: currentColor; } .name { position: absolute; right: 5rem; top: 6rem; width: 30rem; height: 5rem; fill: currentColor; } .tc { width: 46rem; height: 74rem; text-align: justify; text-indent: 2em; font-size: 1.6rem; position: absolute; }