* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 14px;
      }
      .tott{position: fixed; line-height:35px;
  bottom: 0;
  left: 0;
  width: 100%;
  /* 内容水平居中 */
  text-align: center;
  padding: 0.15rem 0;}
  html{font-size: 5.2vw;}
   @media screen and (max-width: 1024px) {
    html{font-size: 85px;}
   }
    @media screen and (max-width: 768px) {
    html{font-size: 80px;}
   }

    body {
      width: 100vw;
      height: 100vh;
      background-size: 100% 100%;
      /* 渐变背景复刻参考图浅蓝青绿迎新色调 */
      background: url(../images/bkjtt.jpg) center/cover no-repeat  #b7ffbf;
      overflow-x: hidden;
      }
    /* 顶部装饰彩带+彩旗 */
    .top-decor {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;}
    .ribbon {
      width: 100%;
      height: 1.2rem;
      background: url("") no-repeat center top;
      border-bottom: 0.01rem solid rgba(255,255,255,0.6);}
    .bunting {
      display: flex;
      justify-content: space-between;
      padding: 0.1rem 0;}
    /* 头部logo栏 */
    .header {
      /* position: relative; */
      z-index: 10;
      text-align: center;
      padding-top: 0.4rem;}
    .logo-wrap {
      display: inline-flex;
      align-items: center;
      gap: 0.12rem;}
    .logo-icon {
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      /* 可替换为真实校徽图片地址 */
      background: #1e6b3c;}
    .school-title {
      font-size: 0.32rem;
      font-weight: bold;
      color: #222;}
    .sub-title {
      font-size: 0.22rem;
      color: #333;
      margin-left: 0.08rem;}
    /* 中间主欢迎文案 */
    .main-title-area {
      position: absolute;
      left: 42%;
      top: 50%;
       transform: translate(-50%, -55%); 
      text-align: center;
      z-index: 5;}
    .main-title {
      font-size: 0.8rem;
      font-weight: bold;
      color: #236ed9;
      margin-bottom: 0.16rem;
      letter-spacing: 0.08rem;}
    .sub-desc {
      font-size: 0.36rem;
      color: #222;
      margin-bottom: 0.12rem;}
    .en-desc {
      font-size: 0.2rem;
      color: #555;}
    /* 右侧功能卡片区域 */
    .right-panel {
      position: absolute;
      left: 65%;
      top: 26%;
      display: flex;
      flex-direction: column;
      gap: 0.24rem;
      z-index: 10;}
    /* 登录按钮模块 复刻第二张图样式 */
    .login-card {
      width: 3.7rem;
      background: #24804e;
      border-radius: 0.16rem;
      padding: 0.3rem 0.24rem;
      color: #fff;}
    .login-btn {
      width: 100%;
      height: 0.68rem;
      border: none;
      border-radius: 0.4rem;
      background: linear-gradient(90deg, #72c42f, #b3e95c);
      font-size: 0.28rem;
      color: #fff;
      font-weight: 500;
      cursor: pointer;
      margin-bottom: 0.24rem;}
    .login-tip {
      font-size: 0.2rem;
      line-height: 1.8;}

    @media screen and (max-width: 1024px) {
     .tott{position: inherit; line-height:0.35rem;
  bottom: 0;
  left: 0;
  width: 95%;margin: 0 auto;
  /* 内容水平居中 */
  text-align: center;
  padding: 0.15rem 0;
margin-top: 6%;}
    
    
  .sub-desc {
      font-size: 0.2rem;}
      .notice-card {  width: 90% !important;
    margin: 0 auto;}
      .login-card{
    width: 90% !important;
    margin: 0 auto;
    margin-top: 0.4rem;
    }
      .right-panel {left: 10% !important;top: 30%  !important;position: inherit;display: inline;}
      .main-title-area {top: 24% !important;position: inherit;transform: none;margin-top: 0.41rem;transform: none;margin-bottom: 0.4rem;}
      .main-title { font-size: 0.33rem !important;}
      .login-tip {font-size: 0.18rem !important;}
    }
    /* 下方通知公告 */
    .notice-card {
      width: 3.7rem;
      background: rgba(255,255,255,0.92);
      border-radius: 0.16rem;
      padding: 0.22rem;}
    .notice-title {
      font-size: 0.2rem;
      font-weight: bold;
      margin-bottom: 0.16rem;
      color: #222;}
    .notice-list {
      list-style: none;}
    .notice-list li {
      display: flex;
      justify-content: space-between;
      padding: 0.08rem 0;
      font-size: 0.16rem;
      color: #333;
      border-bottom: 0.01rem solid #eee;
      }
    .notice-list li:last-child {
      border-bottom: none;}
.notice-list li span{/* flex:1; *//* min-width:0; */font-size: .16rem;}
    .look-btn {
      padding: 0.03rem 0.1rem;
      border: 0.01rem solid #999;
      border-radius: 0.04rem;
      font-size: 0.13rem;
      color: #555;
      cursor: pointer;
      flex: none;
      font-size: .16rem;
      }
    /* 页面装饰元素：气球、树木、人物剪影 */
    .decor-balloon1 {
      position: absolute;
      left: 12%;
      top: 40%;
      width: 0.7rem;
      height: 0.9rem;
      border-radius: 50%;
      background: radial-gradient(#ffd24d, #ff9f1a);
      display: none;}
    .decor-balloon2 {
      position: absolute;
      left: 16%;
      top: 35%;
      width: 0.55rem;
      height: 0.75rem;
      border-radius: 50%;
      background: radial-gradient(#e0f0ff, #82bfff);
      display: none;}
    .tree1 {
      position: absolute;
      right: 6%;
      bottom: 8%;
      width: 0.8rem;
      height: 1.3rem;}
    .tree2 {
      position: absolute;
      right: 10%;
      bottom: 6%;
      width: 1.1rem;
      height: 1.6rem;}