/* Chinese homepage project evidence; loaded by index.html only. */
.cn-projects { background: #f7f6f3; scroll-margin-top: 110px; }
.cn-projects .section-title { max-width: 760px; margin: 0 auto 32px; }
.cn-projects .cn-project-kicker { color: #a01218; font-size: 12px; font-weight: 700; letter-spacing: .16em; margin-bottom: 10px; }
.cn-project-feature { display: grid; grid-template-columns: 1.2fr 1fr; background: #fff; border: 1px solid #e5e1db; border-radius: 16px; overflow: hidden; }
.cn-project-photo { margin: 0; min-width: 0; background: #ece6db; }
.cn-project-photo img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.cn-project-photo figcaption { padding: 12px 20px; color: #59534a; font-size: 12px; line-height: 1.6; }
.cn-project-intro { padding: 28px; align-self: center; min-width: 0; }
.cn-project-intro h3 { font-size: 24px; line-height: 1.5; color: #242424; margin: 10px 0; }
.cn-project-intro p { color: #595959; }
.cn-project-badge { display: inline-block; border: 1px solid #e3d8c9; border-radius: 4px; padding: 3px 9px; font-size: 12px; color: #685136; background: #faf7f0; }
.cn-project-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.cn-project-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 18px; border: 1px solid #c8161d; border-radius: 6px; background: #c8161d; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; text-align: center; }
.cn-project-button:hover { background: #9e1117; color: #fff; border-color: #9e1117; }
.cn-project-button-secondary { background: #fff; border-color: #d5d0c8; color: #333; }
.cn-project-button-secondary:hover { background: #f5efea; color: #9e1117; border-color: #b79781; }
.cn-projects a:focus-visible { outline: 3px solid #173f79; outline-offset: 4px; }
.cn-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.cn-project-card { display: flex; flex-direction: column; padding: 25px; border: 1px solid #e5e1db; border-top: 3px solid #c8161d; border-radius: 10px; background: #fff; min-width: 0; }
.cn-project-type { color: #8b4235; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.cn-project-card h3 { font-size: 20px; line-height: 1.5; margin: 9px 0 15px; color: #242424; }
.cn-project-card dl { margin: 0 0 15px; }
.cn-project-card dl div { display: grid; grid-template-columns: 4.5em minmax(0, 1fr); gap: 10px; margin-bottom: 8px; font-size: 14px; }
.cn-project-card dt { color: #76716b; }
.cn-project-card dd { margin: 0; color: #363330; overflow-wrap: anywhere; }
.cn-project-link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; min-height: 44px; margin-top: auto; color: #a01218; font-weight: 700; border-bottom: 1px solid #dfc2ba; }
.cn-project-source { color: #716b63; font-size: 12px; line-height: 1.8; margin-top: 16px; }
.cn-project-next { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-top: 24px; padding: 25px; background: #fff; border: 1px solid #e5e1db; border-radius: 10px; }
.cn-project-next h3 { font-size: 20px; margin-bottom: 5px; color: #242424; }
.cn-project-next p { color: #666; }
.cn-project-next .cn-project-actions { margin-top: 0; flex-shrink: 0; }
.cn-project-wechat-grid > div { min-width: 0; }
.cn-project-wechat-grid > div:first-child > div { max-width: 100%; }
@media (max-width: 820px) {
  .cn-project-wechat-grid { grid-template-columns: 1fr !important; }
  .cn-project-feature { grid-template-columns: 1fr; }
  .cn-project-next { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
  .cn-project-grid { grid-template-columns: 1fr; }
  .cn-project-intro, .cn-project-card, .cn-project-next { padding: 20px; }
  .cn-project-intro h3 { font-size: 22px; }
  .cn-project-actions { width: 100%; }
  .cn-project-actions .cn-project-button { flex: 1 1 130px; }
  .cn-project-card h3 { font-size: 19px; }
  .cn-project-photo figcaption { padding: 10px 16px; }
}