@charset "utf-8";
/* ==========================================================================
   patch.css —— 原站这几个装饰图标在 Wayback 里也已 404(从未被归档),
   用等价的内联 SVG / 渐变替代,保证视觉无缺口、控制台无 404。
     缺失:icon_plus.png  icon_plus2.png  mask.png  pages_prev.png  pages_next.png
   （icon_email.png 未在任何页面使用,故不处理）
   本文件在 css_whir.css 之后加载,同名选择器优先级更高。
   ========================================================================== */

/* 1. 首页精品案例卡片左下角的「+」  (原 icon_plus.png 25x25) */
.home-case-list .item .text .icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5v15M4.5 12h15' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 2. 案例列表页每个卡片标题前的「+」 (原 icon_plus2.png 46x46) */
.case-page .casebox .item .i-title .icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.4' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3Cpath d='M12 7.6v8.8M7.6 12h8.8' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 3. 案例列表页卡片底部标题区的渐变压暗层 (原 mask.png) */
.case-page .casebox .item .text {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
}

/* 4. 分页上一页/下一页箭头 (原 pages_prev.png / pages_next.png) */
.Pages .a_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 4.8L7.8 12 15 19.2' fill='none' stroke='%23dd9d26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
}

.Pages .a_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 4.8L16.2 12 9 19.2' fill='none' stroke='%23dd9d26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
}

/* 5. 案例视频原文件未进入网络存档时,由 res/js/site-extra.js 插入的提示块 */
.media-missing {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  background-color: #0f1116;
  background-image: linear-gradient(135deg, #14161b 0%, #1d2026 50%, #14161b 100%);
  border: 1px solid rgba(221, 157, 38, .18);
  box-sizing: border-box;
}
.media-missing span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: #8a8f98;
  font-size: 15px;
  letter-spacing: .08em;
}