/* 联系我们 · 在线留言（合并页）—— PC 主题专用样式
   只在 template/pc/lists_guestbook.htm 引用，不影响其它页面 */

.yc-wrap { max-width: 1200px; margin: 0 auto; padding: 24px 16px 48px; }

.yc-crumb { font-size: 13px; color: #888; margin-bottom: 14px; }
.yc-crumb a { color: #888; text-decoration: none; }
.yc-crumb a:hover { color: #1A6FD1; }
.yc-crumb em { font-style: normal; color: #1A6FD1; }

.yc-hero { background: linear-gradient(135deg, #12457f 0%, #1A6FD1 100%); color: #fff;
  border-radius: 14px; padding: 26px 28px; margin-bottom: 22px; }
.yc-hero h1 { margin: 0 0 10px; font-size: 26px; line-height: 1.3; color: #fff; }
.yc-hero p { margin: 0; font-size: 15px; line-height: 1.8; color: rgba(255,255,255,.92); }
.yc-hero a { color: #fff; text-decoration: underline; }
.yc-tags { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.yc-tags li { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22);
  border-radius: 20px; padding: 5px 12px; font-size: 13px; }

.yc-grid { display: grid; grid-template-columns: 380px 1fr; gap: 20px; align-items: start; }

.yc-card { background: #fff; border: 1px solid #e8ecf2; border-radius: 14px;
  padding: 22px 24px; box-shadow: 0 2px 10px rgba(18,69,127,.05); margin-bottom: 20px; }
.yc-card h2 { margin: 0 0 14px; font-size: 18px; color: #12457f;
  padding-bottom: 10px; border-bottom: 2px solid #eaf1fb; }

.yc-info { list-style: none; margin: 0; padding: 0; }
.yc-info li { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px dashed #eef1f6; }
.yc-info li:last-child { border-bottom: none; }
.yc-ico { flex: 0 0 26px; font-size: 17px; line-height: 1.4; }
.yc-info b { display: block; font-size: 13px; color: #8a94a6; font-weight: 500; margin-bottom: 2px; }
.yc-info a, .yc-info span { font-size: 15px; color: #22303f; text-decoration: none; line-height: 1.6; }
.yc-info a:hover { color: #1A6FD1; text-decoration: underline; }

.yc-qr { margin-top: 16px; padding-top: 16px; border-top: 1px solid #eef1f6; text-align: center; }
.yc-qr img { width: 128px; height: 128px; object-fit: contain; border: 1px solid #eef1f6; border-radius: 10px; }
.yc-qr span { display: block; margin-top: 8px; font-size: 13px; color: #8a94a6; }

.yc-doc { margin: 0; padding-left: 20px; }
.yc-doc li { font-size: 14px; line-height: 1.9; color: #3c4b5c; }
.yc-hint { margin: 12px 0 0; font-size: 13px; line-height: 1.8; color: #8a94a6; }

.yc-form-card .yc-sub { margin: 0 0 18px; font-size: 14px; color: #6b7787; line-height: 1.8; }
.yc-sub i { color: #e2574c; font-style: normal; }

.yc-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
.yc-fi { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.yc-fi.yc-full { grid-column: 1 / -1; }
.yc-fi label { font-size: 14px; color: #3c4b5c; }
.yc-fi label i { color: #e2574c; font-style: normal; }
.yc-fi input, .yc-fi select, .yc-fi textarea {
  width: 100%; box-sizing: border-box; border: 1px solid #dfe5ee; border-radius: 9px;
  padding: 10px 12px; font-size: 14px; color: #22303f; background: #fbfcfe; transition: all .18s;
  font-family: inherit;
}
.yc-fi input:focus, .yc-fi select:focus, .yc-fi textarea:focus {
  outline: none; border-color: #1A6FD1; background: #fff; box-shadow: 0 0 0 3px rgba(26,111,209,.12);
}
.yc-fi textarea { min-height: 118px; resize: vertical; }

.yc-submit { display: flex; align-items: center; gap: 14px; margin-top: 18px; flex-wrap: wrap; }
.yc-submit button { border: none; cursor: pointer; background: #1A6FD1; color: #fff;
  font-size: 16px; padding: 12px 34px; border-radius: 26px; transition: all .2s; font-family: inherit; }
.yc-submit button:hover { background: #12457f; transform: translateY(-1px); }
.yc-note { font-size: 13px; color: #8a94a6; }
.yc-ok { margin: 14px 0 0; padding: 12px 16px; background: #eefaf1; border: 1px solid #cdeed7;
  border-radius: 10px; color: #1f7a45; font-size: 14px; }

.yc-steps { margin: 0; padding-left: 22px; }
.yc-steps li { padding: 8px 0; border-bottom: 1px dashed #eef1f6; }
.yc-steps li:last-child { border-bottom: none; }
.yc-steps b { display: block; font-size: 15px; color: #12457f; margin-bottom: 4px; }
.yc-steps span { font-size: 13px; line-height: 1.8; color: #6b7787; }
.yc-privacy { margin: 14px 0 0; padding: 12px 14px; background: #f7f9fc; border-radius: 10px;
  font-size: 13px; line-height: 1.8; color: #6b7787; }
.yc-privacy b { color: #3c4b5c; }

@media (max-width: 1000px) {
  .yc-grid { grid-template-columns: 1fr; }
  .yc-hero { padding: 22px 20px; }
  .yc-hero h1 { font-size: 22px; }
}
@media (max-width: 620px) {
  .yc-fgrid { grid-template-columns: 1fr; }
  .yc-card { padding: 18px 16px; }
  .yc-wrap { padding: 16px 12px 36px; }
}