/* ============================================================
   404 页（设计稿：PC 100:42 / 移动 100:91）
   结构：插画 600×280 → 404 胶囊 + 标题 + 副标 → 三个入口
   稿里页脚含「资源中心 / 隐私政策」，按要求不实现，沿用全站四项
   尺寸规则：PC 写稿值 + clamp 随窗口缩放；移动 = 750 稿 ÷ 2 覆盖
   ============================================================ */

/* 撑满一屏：body 纵向 flex，main 吃掉剩余高度，页脚永远贴底。
   不用固定减去页头页脚高度，视口再高也不会在底部留白 */
body{display:flex;flex-direction:column;min-height:100vh}
main{flex:1 1 auto;display:flex;flex-direction:column}

.v2-404{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:clamp(20px,2.08vw,40px);
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  background:#fff;text-align:center;font-family:var(--v2-sans)}

/* 插画 1200×560 源图按 600 显示（2x） */
.v2-404__ill{display:block;width:clamp(280px,31.25vw,600px);height:auto}

/* 标题组：胶囊 → 标题 8；组 → 副标 16 */
.v2-404__body{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px)}
.v2-404__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(4px,.42vw,8px)}

/* 404 胶囊：101×38，虚线 1px、圆角 999、内边距 4/32、字 20/30 加 1px 字距 */
.v2-404__code{margin:0;display:inline-flex;align-items:center;box-sizing:border-box;
  padding:clamp(2px,.21vw,4px) clamp(16px,1.67vw,32px);
  border:1px dashed var(--v2-orange);border-radius:999px;
  color:var(--v2-orange);font-weight:500;
  font-size:clamp(10px,1.05vw,20px);line-height:1.5;
  letter-spacing:clamp(.4px,.05vw,1px)}

.v2-404__title{margin:0;color:#212121;font-family:var(--v2-display);
  font-weight:700;font-size:clamp(24px,2.5vw,48px);line-height:1.5}

.v2-404__desc{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* PC 稿副标一行，移动稿断成两行 → 只在移动端生效 */
.v2-404__desc br{display:none}

/* 入口：PC 横排，实心 + 两个描边；高 68 = 16 padding + 36 行高 */
.v2-404__actions{display:flex;align-items:center;justify-content:center;
  gap:clamp(10px,1.04vw,20px)}

.v2-404__btn{display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;padding:0 clamp(24px,4.17vw,64px);
  height:clamp(44px,3.54vw,68px);border-radius:var(--v2-radius);
  font-weight:500;font-size:clamp(13px,1.25vw,24px);line-height:1.5;
  text-decoration:none;white-space:nowrap;
  transition:background .2s ease,color .2s ease,border-color .2s ease}

.v2-404__btn--solid{background:var(--v2-orange);border:1px solid var(--v2-orange);
  color:#fff}
.v2-404__btn--solid:hover{background:#e86c00;border-color:#e86c00}

.v2-404__btn:not(.v2-404__btn--solid){background:#fff;
  border:1px solid var(--v2-orange);color:var(--v2-orange)}
.v2-404__btn:not(.v2-404__btn--solid):hover{background:#fff5ec}

/* ============================================================
   移动端（750 稿 ÷ 2）
   插画 480→240、区块 padding 40→20、纵向间距 48→24、
   标题 40/72→20/36、副标 24/36→12/18、按钮 207×46→103.5×23
   ============================================================ */
html.device-mobile .v2-404{padding:20px;gap:24px}
html.device-mobile .v2-404__ill{width:240px}
html.device-mobile .v2-404__body{gap:8px}
html.device-mobile .v2-404__head{gap:4px}
html.device-mobile .v2-404__code{padding:2px 16px;
  font-size:10px;line-height:1.5;letter-spacing:.5px}
html.device-mobile .v2-404__title{font-size:20px;line-height:36px}
html.device-mobile .v2-404__desc{font-size:12px;line-height:18px}
html.device-mobile .v2-404__desc br{display:inline}
/* 移动稿三个入口竖排，后两项是纯文字、无描边 */
html.device-mobile .v2-404__actions{flex-direction:column;gap:12px}
html.device-mobile .v2-404__btn{height:23px;padding:0 32px;
  font-size:10px;line-height:15px;border-radius:4px}
html.device-mobile .v2-404__btn:not(.v2-404__btn--solid){border-color:transparent}
html.device-mobile .v2-404__btn:not(.v2-404__btn--solid):hover{background:transparent}