/* 电子合同说明页。前缀 yqc-，只作用于本页，不动全站样式 */
.yqc-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 20px; }

.yqc-hero {
  background: linear-gradient(150deg, #0d1b2f 0%, #16273f 55%, #0f2036 100%);
  color: #eaf1fb;
  padding: 96px 0 76px;
}
.yqc-kicker {
  display: inline-block; font-size: 12px; letter-spacing: 3px; color: #8fb4e8;
  border: 1px solid rgba(143, 180, 232, .32); border-radius: 999px; padding: 5px 14px;
}
.yqc-title { font-size: clamp(28px, 4vw, 42px); line-height: 1.25; margin: 20px 0 14px; color: #fff; }
.yqc-lead { font-size: 16px; line-height: 1.85; color: #c3d3e6; max-width: 720px; margin: 0; }
.yqc-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }

.yqc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; padding: 0 22px; border-radius: 12px; font-size: 15px;
  font-weight: 600; border: 1px solid transparent; cursor: pointer;
  text-decoration: none; transition: transform .16s, box-shadow .16s, background .16s;
  font-family: inherit;
}
.yqc-btn:hover { transform: translateY(-1px); }
.yqc-btn--main { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; box-shadow: 0 6px 18px rgba(59, 130, 246, .34); }
.yqc-btn--ghost { background: rgba(255, 255, 255, .08); color: #eaf1fb; border-color: rgba(143, 180, 232, .34); }
.yqc-sec .yqc-btn--ghost { background: #f1f5fb; color: #1d3f6e; border-color: #d9e4f3; }

.yqc-sec { padding: 64px 0; border-bottom: 1px solid #eef2f8; }
.yqc-sec--alt { background: #f7fafd; }
.yqc-h2 { font-size: 24px; color: #12345a; margin: 0 0 10px; }
.yqc-muted { color: #5d7391; font-size: 15px; line-height: 1.8; margin: 0 0 18px; }
.yqc-tip { color: #7c8ea6; font-size: 13px; line-height: 1.8; margin: 14px 0 0; }
.yqc-tip a { color: #2f6bb8; text-decoration: none; }

.yqc-entry { display: flex; gap: 10px; flex-wrap: wrap; }
.yqc-input {
  flex: 1 1 320px; min-width: 0; height: 48px; padding: 0 14px; font-size: 15px;
  border: 1px solid #d6e1f0; border-radius: 12px; background: #fff; color: #17304f;
  font-family: inherit;
}
.yqc-input:focus { outline: none; border-color: #7ea9e6; box-shadow: 0 0 0 3px rgba(59, 130, 246, .14); }

.yqc-flow { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
.yqc-flow li {
  background: #fff; border: 1px solid #e6eef8; border-radius: 14px; padding: 16px 18px;
  display: grid; gap: 6px;
}
.yqc-flow b { font-size: 15px; color: #1c3f6d; }
.yqc-flow span { font-size: 14px; color: #5d7391; line-height: 1.8; }

.yqc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 18px; }
.yqc-card { background: #fff; border: 1px solid #e6eef8; border-radius: 14px; padding: 18px; }
.yqc-card h3 { font-size: 15.5px; color: #1c3f6d; margin: 0 0 8px; }
.yqc-card p { font-size: 14px; color: #5d7391; line-height: 1.85; margin: 0; }

@media (max-width: 640px) {
  .yqc-hero { padding: 64px 0 52px; }
  .yqc-sec { padding: 44px 0; }
  .yqc-entry .yqc-btn { width: 100%; }
}