@charset "utf-8";

/* !====404 */
.errorPage{--headerH: 130px;--footerH: 180px;min-height: calc(100vh - var(--headerH, 80px) - var(--footerH, 100px));display: flex;flex-direction: column;padding:clamp(1.25rem,2.5vw,2rem);background: #f3f3f3;}
.errorWrap{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: var(--gray-lx2);border-radius: clamp(0.5rem,1vw,1rem);padding:clamp(1rem,2vw,2rem) 1rem clamp(2.5rem,4vw,4rem) 1rem}
.errorCode{margin-bottom: clamp(1.5rem, 3.5vw, 3.5rem);color:#d7d7d7;font-size: clamp(5rem, 14vw, 15rem);font-weight: 800;line-height: 1;letter-spacing: .05em;}
.errorTit{margin-bottom: 1rem;font-size: clamp(1.5rem, 4vw, 2.5rem);font-weight: 700;line-height: 1.2;}
.errorDesc{margin-bottom: clamp(2rem, 3vw, 3rem);color:var(--gray-d);line-height: 1.7;font-size: clamp(.875rem, 2vw, 1.125rem);}
.errorActions{display:flex;justify-content:center;}
.errorActions__item{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.45rem,1vw,.65rem);padding:clamp(.7rem,2vw,.9rem) clamp(2rem,5vw,2.5rem);border-radius:10rem;background:linear-gradient(135deg,var(--mjColor,#0092dd) 0%,color-mix(in srgb,var(--mjColor,#0092dd) 75%,#005a8c) 100%);color:#fff;text-decoration:none;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;line-height:1;letter-spacing:.03em;box-shadow:0 4px 16px rgba(0,146,221,.35);transition:var(--trans);}
.errorActions__item:hover{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--mjColor,#0092dd) 90%,#fff) 0%,var(--mjColor,#0092dd) 100%);box-shadow:0 8px 24px rgba(0,146,221,.45);transform:translateY(-2px);}
.errorActions__icon{font-size:clamp(.9rem,2vw,1rem);opacity:.9;}
.errorActions__text{white-space:nowrap;}
.errorActions__arrow{font-size:.7rem;opacity:.85;transition:var(--trans);}
.errorActions__item:hover .errorActions__arrow{opacity:1;transform:translateX(4px);}

/* 404 最新消息 */
.errorNews{width:100%;max-width:960px;margin: 0 auto 0;padding:clamp(1.25rem,2.5vw,2rem);background:#fff;border-radius:clamp(.5rem,1vw,1rem);box-shadow:0 4px 24px rgba(0,0,0,.08);}
.errorNews__head{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);padding-bottom:.875rem;border-bottom:2px solid #eee;position:relative;}
.errorNews__head::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:4rem;height:2px;background:var(--mjColor);}
.errorNews__tit{margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;line-height:1.2;}
.errorNews__badge{display:inline-block;padding:.2rem .55rem;border-radius:.25rem;background:linear-gradient(135deg,#ff8d00,#ffb347);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;line-height:1;box-shadow:0 2px 6px rgba(255,141,0,.35);}
.errorNews__list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1rem);padding:0;margin:0;}
.errorNews__item{min-width:0;}
.errorNews__card{display:flex;align-items:flex-start;gap:clamp(.75rem,1.5vw,1rem);height:100%;padding:clamp(.875rem,1.5vw,1.125rem);background:var(--gray-lx2,#f7f7f7);border:1px solid #e8e8e8;border-radius:clamp(.4rem,.8vw,.6rem);color:inherit;text-decoration:none;transition:var(--trans);}
.errorNews__card:hover{border-color:var(--mjColor);background:#fff;box-shadow:0 6px 20px rgba(0,146,221,.12);transform:translateY(-2px);}
.errorNews__date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;background:var(--mjColor,#0092dd);color:#fff;border-radius:50%;font-family:Arial,Helvetica,sans-serif;line-height:1;text-align:center;}
.errorNews__date strong{display:block;width:100%;margin-bottom:.2rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.55);font-size:.65rem;font-weight:600;letter-spacing:.03em;}
.errorNews__date span{font-size:1.35rem;font-weight:700;}
.errorNews__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding-top:.15rem;}
.errorNews__titText{margin:0;font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.errorNews__arrow{display:inline-flex;align-items:center;gap:.25rem;color:var(--mjColor,#0092dd);font-size:.75rem;font-weight:500;opacity:.7;transition:var(--trans);}
.errorNews__card:hover .errorNews__arrow{opacity:1;gap:.4rem;}
.errorNews__arrow i{font-size:.6rem;}
.errorNews__actions{text-align:center;margin-top:clamp(1.25rem,2.5vw,1.75rem);}
.errorNews__more{display:inline-flex;align-items:center;gap:.4rem;padding:clamp(.55rem,1.5vw,.7rem) clamp(1.5rem,3vw,2rem);border:1px solid var(--mjColor,#0092dd);border-radius:10rem;color:var(--mjColor,#0092dd);font-size:clamp(.875rem,2vw,1rem);font-weight:500;line-height:1;transition:var(--trans);}
.errorNews__more:hover{background:var(--mjColor,#0092dd);color:#fff;}
.errorNews__more i{font-size:.7rem;transition:var(--trans);}
.errorNews__more:hover i{transform:translateX(3px);}
@media (max-width:640px){
.errorNews__list{grid-template-columns:1fr;}
.errorNews__card{padding:1rem;}
.errorNews__date{width:3.25rem;height:3.25rem;}
.errorNews__date span{font-size:1.15rem;}
}