.header .header-center ul li a{
    font-size: 0.16rem;
    font-weight: 500;
    color: #1f2329;}

/* ===== 历年大赛下拉菜单 ===== */

/* 1. li 设置相对定位，作为下拉定位基准 */
.header .header-center ul li {
  position: relative;}



.header .header-center ul li:has(.sub):hover > a::after {
  transform: rotate(225deg) translateY(-0.01rem);}

/* 3. 下拉面板：默认隐藏，居中于 li 下方 */
.header .header-center ul li .sub {
  position: absolute;
  top: calc(100% + 0.08rem);
  left: 50%;
  min-width: 1.6rem;
  padding: 0.08rem;
  background: #ffffff;
  border-radius: 0.08rem;
  box-shadow: 0 0.08rem 0.24rem rgba(31, 35, 41, 0.15);
  transform: translate(-50%, 0.12rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 10;}

/* 4. 下拉里的链接 */
.header .header-center ul li .sub a {
  display: block;
  padding: 0.1rem 0.18rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #1f2329;
  border-radius: 0.04rem;
  white-space: nowrap;
  transition: all 0.2s;}

.header .header-center ul li .sub a:hover {
  color: #6b5af8;
  background: rgba(107, 90, 248, 0.08);}

/* 5. 鼠标悬停 li 时展开（带动画） */
.header .header-center ul li:hover .sub {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;}
/* ===== 历年大赛下拉菜单（手机抽屉） ===== */

/* 1. 加减号指示：收起是 +，点击展开后变 - */
.drawer-box .drawer-content ul li > a[href="javascript:void(0)"]::after {
  content: "+";
  display: inline-block;
  margin-left: 0.1rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #909aaa;
  transition: all 0.2s;}

.drawer-box .drawer-content ul li:focus-within > a[href="javascript:void(0)"]::after {
  content: "-";}

/* 2. 点击展开时：li 从固定高度改为自动撑开 */
.drawer-box .drawer-content ul li:focus-within {
  height: auto;
  line-height: normal;}

.drawer-box .drawer-content ul li:focus-within > a {
  display: inline-block;
  line-height: 0.56rem;}

/* 3. 子菜单默认收起，展开后内联排布，宽度与一级项一致 */
.drawer-box .drawer-content ul li > .subsj {
  display: none;
  padding: 0.04rem 0 0.1rem 0;}

.drawer-box .drawer-content ul li:focus-within > .subsj {
  display: block;}

.drawer-box .drawer-content ul li > .subsj a {
  display: block;
  padding: 0.08rem 0;
  font-size: 0.14rem;
  font-weight: 400;
  color: #909aaa;
  border-radius: 0.04rem;}

.drawer-box .drawer-content ul li > .subsj a:hover,
.drawer-box .drawer-content ul li > .subsj a:active {
  color: #6b5af8;}
.square-list1  .scene_list_box{
    width: 50%;
    margin-top: .4rem;}
.square-list1  .scene_list_box a .square-item-tpic div {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.12rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}

.square-list1 .scene_list_box a .square-item-t {
    display: flex;
    align-items: center;
    padding: .2rem;}
.square-list1 .scene_list_box a .square-item-tinfo h3 {
    font-size: 0.2rem;
    line-height: 0.24rem;
    color: rgb(79 119 252);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.square-list1 .scene_list_box a .target-box {
    display: flex;
    padding: 10px;
    background: #f2f3f5;
    margin: 0px 20px ;
    border-radius: 10px;}
.square-list1 .scene_list_box a .target-box .target-box-left{
    padding-left: 30px;
    background-image: url(imgs/target.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 12px 4px;
    font-size: 18px;
    font-weight: 600;
    width: 60px;}
.square-list1 .scene_list_box a .target-box .target-box-right{
    font-size: 14px;
    text-align: left;
    color: #999;
    width: calc(100% - 90px);
    margin-left:10px;}
.square-list1 .scene_list_box a .task-box {
    display: flex;
    padding: 10px;
    background: #f2f3f5;
    margin: 10px 20px 25px;
    border-radius: 10px;}
.square-list1 .scene_list_box a .task-box .task-box-left{
    padding-left: 30px;
    background-image: url(imgs/task.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 12px 4px;
    font-size: 18px;
    font-weight: 600;
    width: 60px;}
.square-list1 .scene_list_box a .task-box .task-box-right{
    font-size: 14px;
    text-align: left;
    color: #999;
    width: calc(100% - 90px);}
.square-list1 .scene_list_box a .task-box .task-box-right li {
    margin: 3px 0 15px 10px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
    width: auto;}
.square-list1 .scene_list_box a .task-box .task-box-right li::before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(79 119 252);
    top: 8px;
    left: 5px;
    border-radius: 3px;}

@media screen and (max-width: 670px) {
    .square-list1 .scene_list_box {
        width: 100%;}

}