/* --- syoseo-enhancements.css (V3-based) --- */
h1, h2, h3 { background: transparent !important; margin: 0 0 12px; line-height: 1.25; }
.title .cn { background: transparent !important; display: block; }
body, .s-yahei { font-family: 'Microsoft YaHei','PingFang SC',Arial,sans-serif; line-height: 1.65; }
.tip { font-size: 16px; line-height: 1.8; }
.container { max-width: 1200px; }
/* Hero CTA */
.hero-cta-wrap{position:relative;z-index:5;max-width:1200px;margin:24px auto;padding:16px 20px;border-radius:16px;
  background:linear-gradient(180deg,#0d1528,#0a1020);color:#eaf0ff;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.hero-cta-title{font-size:28px;color:#fff;margin:0 0 8px}
.hero-cta-wrap p{margin:0 0 12px;color:#c9d4ff}
.hero-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-cta-btn{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);
  text-decoration:none;color:#fff;background:#4f7cff}
.hero-cta-btn.secondary{background:transparent}
@media (max-width:768px){.hero-cta-title{font-size:22px}}
/* Section CTA */
.section-cta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px}
.section-cta-btn{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid #d7dcff;
  text-decoration:none;font-weight:600}
.section-cta-btn.primary{background:#4f7cff;color:#fff;border-color:#4f7cff}
.section-cta-btn:hover{filter:brightness(0.95)}
/* Soft cards */
.homebox01 .container, .title + .tip, .faq-container {
  background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.06);padding:18px 20px;margin-top:16px;
}
/* Featured cases */
#featured-cases{max-width:1200px;margin:20px auto}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);overflow:hidden}
.case-card img{width:100%;height:220px;object-fit:cover;display:block}
.case-body{padding:14px 14px 16px}
.case-title{font-weight:700;margin:0 0 6px}
.metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.metric{font-size:12px;border:1px solid #e5e9ff;border-radius:999px;padding:4px 8px;background:#f8faff}
@media (max-width:900px){.case-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.case-grid{grid-template-columns:1fr}}
/* Button consistency */
.jbtn a{padding:12px 22px;border-radius:999px;font-weight:600;background:#4f7cff;color:#fff;display:inline-block}
.jbtn a:hover{filter:brightness(0.95)}