/* ============ kwS SEO 风格 - 海洋渐变 Bento ============ */
:root {
  --kwS-p: #0f4c81;
  --kwS-s: #1e88e5;
  --kwS-t: #06b6d4;
  --kwS-bg: #f1f5f9;
  --kwS-txt: #0a2540;
}
body {margin:0;font-family:'Inter','Helvetica Neue',sans-serif;background:var(--kwS-bg);color:var(--kwS-txt);line-height:1.7;-webkit-font-smoothing:antialiased}
* {box-sizing:border-box}

/* 左侧固定栏 + 主区 */
.kwS-shell {display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--kwS-bg)}
.kwS-rail {background:linear-gradient(180deg,var(--kwS-p) 0%,var(--kwS-s) 100%);color:#fff;padding:36px 28px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:32px}
.kwS-brand {font-size:26px;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none}
.kwS-brand small {display:block;font-size:11px;letter-spacing:3px;opacity:.7;font-weight:500;margin-top:4px;text-transform:uppercase}
.kwS-nav {display:flex;flex-direction:column;gap:2px}
.kwS-nav a {color:rgba(255,255,255,.85);text-decoration:none;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:600;border-left:3px solid transparent;transition:.2s}
.kwS-nav a:hover, .kwS-nav a.active {background:rgba(255,255,255,.15);color:#fff;border-left-color:#fff}
.kwS-cta {padding:14px 18px;background:#fff;color:var(--kwS-p);border-radius:12px;text-decoration:none;text-align:center;font-weight:700;font-size:13px}

.kwS-main {overflow:auto;padding:0}

/* Hero */
.kwS-hero {padding:80px 60px;background:radial-gradient(ellipse at top right,rgba(255,255,255,.6),transparent 60%),var(--kwS-bg)}
.kwS-hero-tag {display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--kwS-p);color:#fff;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.kwS-hero-tag::before {content:'';width:6px;height:6px;background:#fff;border-radius:50%}
.kwS-hero-h {font-size:54px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin:24px 0 20px;background:linear-gradient(135deg,var(--kwS-p),var(--kwS-s));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.kwS-hero-sub {font-size:18px;line-height:1.7;opacity:.75;max-width:640px;margin-bottom:36px}

/* Bento 网格 */
.kwS-bento {padding:0 60px 80px;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:20px}
.kwS-bento-item {background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px rgba(15,76,129,.06);position:relative;overflow:hidden;border:1px solid rgba(15,76,129,.08)}
.kwS-bento-item.b2x1 {grid-column:span 2;grid-row:span 1}
.kwS-bento-item.b1x2 {grid-column:span 1;grid-row:span 2}
.kwS-bento-item.b2x2 {grid-column:span 2;grid-row:span 2}
.kwS-bento-num {font-size:48px;font-weight:800;color:var(--kwS-p);line-height:1;letter-spacing:-2px}
.kwS-bento-h {font-size:18px;font-weight:700;margin-top:14px;color:var(--kwS-txt)}
.kwS-bento-p {font-size:13px;opacity:.65;line-height:1.6;margin-top:8px}
.kwS-bento-grad {background:linear-gradient(135deg,var(--kwS-p),var(--kwS-s));color:#fff}
.kwS-bento-grad .kwS-bento-num, .kwS-bento-grad .kwS-bento-h {color:#fff}

/* Section */
.kwS-section {padding:80px 60px;max-width:1280px;margin:0 auto}
.kwS-section-h {font-size:36px;font-weight:800;margin-bottom:14px;letter-spacing:-.5px}
.kwS-section-sub {font-size:16px;opacity:.7;margin-bottom:48px;max-width:580px}

.kwS-footer {background:var(--kwS-p);color:#fff;padding:60px 60px 30px;margin-top:80px}
.kwS-footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}
.kwS-footer-h {font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;opacity:.9}
.kwS-footer-link {display:block;color:rgba(255,255,255,.75);text-decoration:none;padding:5px 0;font-size:14px}
.kwS-footer-link:hover {color:#fff}
.kwS-footer-bottom {padding-top:24px;border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:13px;opacity:.7}