/* Base */
*{box-sizing:border-box;margin:0;padding:0}
html,button{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}
body{display:flex;flex-direction:column;min-height:100vh}
.un-loading{display:none}

/* Layout */
.main-wrapper{display:flex;flex:1;flex-direction:column;align-items:center}
.main-content{margin:6rem auto;width:100%;max-width:60rem;padding:0 1.5rem}
@media (max-width:1000px) {
  .main-content{margin:96px auto;width:100%;max-width:960px;padding:0 24px}
}

/* Title（页面主标题，仅一处） */
.title{color:#FC5431;font-size:32px;font-weight:500;text-align:center;margin-bottom:10px}

/* Card */
.card{background:#fff;border-radius:10px;border:1px solid #E1E1E1;padding:30px;width:90%;max-width:460px;margin:0 auto}
.card-title{background:#FDF5E6;border-radius:5px;padding:16px;display:flex;align-items:center;justify-content:start}
.welcome-text{color:#222226;font-size:18px;font-weight:500}
.card-loading{display:flex;align-items:center;justify-content:center;margin-top:25px}
.card-footer{margin-top:30px;text-align:center}
.card-footer-title{font-size:12px;font-family:AlibabaPuHuiTi_2_65_Medium;font-weight:500;color:rgba(43,36,54,.5);margin-bottom:10px}
@media (max-width:768px){.card{padding:30px 20px}}

/* ✅ 将“2356 欢迎您”左侧原有箭头改为绿色 */
.card-title .header-arrow path{
  fill:#94C86C!important;
  stroke:#94C86C!important;
}

/* 灰色环形加载（非放射性） */
.loading{display:inline-block;animation:spinner-rotate 1s linear infinite;transform-origin:center center;will-change:transform}
.loading .track{stroke:rgba(0,0,0,0.12)}
.loading .arc{stroke:#9e9e9e}
@keyframes spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* 实心绿色按钮 + 呼吸发光 */
.btn{
  display:inline-block;padding:10px 20px;text-align:center;cursor:pointer;
  font-size:15px;font-family:AlibabaPuHuiTi_2_65_Medium,system-ui;color:#fff;border-radius:20px;border:none;
  background:linear-gradient(145deg,#28a745,#34d058);
  box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 12px rgba(40,167,69,.55);
  transition:transform .2s ease,box-shadow .2s ease;animation:btnBreathe 2.6s infinite ease-in-out
}
.btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 14px rgba(0,0,0,.16),0 0 18px rgba(52,208,88,.75)}
.btn:active{transform:translateY(0) scale(0.97);box-shadow:inset 0 2px 6px rgba(0,0,0,.18),0 0 10px rgba(40,167,69,.55)}
@keyframes btnBreathe{
  0%{box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 10px rgba(40,167,69,.45)}
  50%{box-shadow:0 4px 10px rgba(0,0,0,.14),0 0 22px rgba(52,208,88,.8)}
  100%{box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 10px rgba(40,167,69,.45)}
}