/* ============================================================
   cailiao-yushen · 变体K 左说明+右表单 (pgK)
   ============================================================ */
.cy-hero{position:relative;overflow:hidden;padding:120px 0 90px;background:linear-gradient(160deg,#eaf3fb,#d9e9f7)}

/* main split */
.cy-main{padding:70px 0}
.cy-main-in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}
.cy-info h2{margin:8px 0 16px}
.cy-info .rv-p{font-size:14.5px;line-height:1.95;color:var(--ink);margin-bottom:18px}
.cy-info a{color:var(--red-600);font-weight:800}

.cy-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.cy-st{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:18px 16px}
.cy-st b{display:block;font-size:15px;font-weight:900;color:var(--blue-900);margin-bottom:6px}
.cy-st p{font-size:13px;color:var(--ink-2);line-height:1.7}

.cy-note{background:var(--ice);border:1px solid var(--line-soft);border-left:3px solid var(--red-600);border-radius:var(--r-md);padding:20px 22px;margin-top:8px}
.cy-note h3{font-size:15px;font-weight:900;color:var(--red-600);margin-bottom:8px}
.cy-note p{font-size:13.5px;color:var(--ink-2);line-height:1.85}

/* form */
.cy-form-wrap{position:sticky;top:96px}
.cy-form{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--shadow-md)}
.cy-form-h{font-size:18px;font-weight:900;color:var(--blue-900);margin-bottom:18px}
.cy-form .form-field{margin-bottom:14px}
.cy-form label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:6px}
.cy-form label em{color:var(--red-600);font-style:normal}
.cy-form input,.cy-form select,.cy-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;font-size:14px;font-family:inherit;background:#fff}
.cy-form textarea{resize:vertical}
.cy-form .form-check label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:12.5px;color:var(--ink-2)}
.cy-form .form-check input{width:auto}
.cy-form-tip{font-size:12px;color:var(--ink-2);margin-top:12px;text-align:center;line-height:1.7}
.btn-block{width:100%}

/* faq */
.cy-faq{padding:70px 0}
.cy-faq .acc{max-width:860px;margin:24px auto 0}

/* relate */
.cy-relate{padding:60px 0}
.cy-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.cy-rel{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px 18px;transition:.3s}
.cy-rel:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.cy-rel h3{font-size:14.5px;font-weight:800;color:var(--blue-900);margin-bottom:5px}
.cy-rel p{font-size:12.5px;color:var(--ink-2)}

@media (max-width:920px){
  .cy-main-in{grid-template-columns:1fr}
  .cy-form-wrap{position:static}
  .cy-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .cy-steps,.cy-rel-grid{grid-template-columns:1fr}
}

.cy-why-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:34px 38px}
.cy-why-box p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}

.cy-t5-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}
.cy-t5{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px 16px;border-top:3px solid var(--red-600)}
.cy-t5 b{display:block;font-size:14px;font-weight:900;color:var(--blue-900);margin-bottom:8px}
.cy-t5 p{font-size:12.5px;color:var(--ink-2);line-height:1.75}
@media (max-width:920px){.cy-t5-grid{grid-template-columns:1fr 1fr}}

.cy-wt-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:32px 36px}
.cy-wt-box p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}

.cy-ph-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.cy-ph{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px 18px}
.cy-ph b{display:block;font-size:14.5px;font-weight:900;color:var(--blue-900);margin-bottom:8px}
.cy-ph p{font-size:13px;color:var(--ink-2);line-height:1.75}
@media (max-width:600px){.cy-ph-grid{grid-template-columns:1fr 1fr}}

.cy-nx-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:32px 36px}
.cy-nx-box p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}
.cy-nx-box a{color:var(--red-600);font-weight:800}

.cy-ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.cy-ms{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px}
.cy-ms h3{font-size:15px;font-weight:800;color:var(--red-600);margin-bottom:8px}
.cy-ms p{font-size:13.5px;color:var(--ink-2);line-height:1.85}
@media (max-width:600px){.cy-ms-grid{grid-template-columns:1fr}}

.cy-lw-box{max-width:880px;margin:24px auto 0;background:linear-gradient(135deg,#16334f,#2f62a1);color:#fff;border-radius:var(--r-lg);padding:30px 36px;text-align:center}
.cy-lw-box p{font-size:15px;line-height:2}

.cy-dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.cy-dt{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px}
.cy-dt h3{font-size:15.5px;font-weight:800;color:var(--blue-900);margin-bottom:8px}
.cy-dt p{font-size:13.5px;color:var(--ink-2);line-height:1.85}
@media (max-width:600px){.cy-dt-grid{grid-template-columns:1fr}}

.cy-rc-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:32px 36px}
.cy-rc-box p{font-size:14.5px;line-height:2;color:var(--ink)}

.cy-t2{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:28px 34px}
.cy-t2 p{font-size:14.5px;line-height:2;color:var(--ink)}

.cy-tail-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink-2);background:#fff;border:1px dashed var(--line);border-radius:var(--r-md);padding:24px 30px}

.cy-wu{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:28px 34px}
.cy-wu p{font-size:14.5px;line-height:2;color:var(--ink)}

.cy-mid-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink-2)}

.cy-n2{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:28px 34px}
.cy-n2 p{font-size:14.5px;line-height:2;color:var(--ink)}

.cy-final-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink)}

.cy-end-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink-2)}

.cy-last-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink)}

.cy-again-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink-2)}
