.sp-hero{background:linear-gradient(135deg,#0f2d6e 0%,#1a56db 100%);color:#fff;padding:56px 0 64px}.sp-hero .container{max-width:920px}.sp-breadcrumb{font-size:0.85rem;color:rgba(255,255,255,0.78);margin-bottom:14px}.sp-breadcrumb a{color:rgba(255,255,255,0.78);text-decoration:none}.sp-breadcrumb a:hover{color:#fff;text-decoration:underline}.sp-hero h1{color:#fff;font-size:2.3rem;font-weight:700;line-height:1.2;margin:0 0 12px;letter-spacing:-0.5px}.sp-hero p.sp-lead{font-size:1.05rem;color:rgba(255,255,255,0.92);line-height:1.55;max-width:720px;margin:0}.sp-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-size:0.82rem;color:rgba(255,255,255,0.82)}.sp-meta span strong{color:#fff;font-weight:600}.sp-body{background:#f5f7fa;padding:56px 0 80px}.sp-body .container{max-width:920px;background:#fff;border-radius:14px;padding:44px 48px;box-shadow:0 1px 3px rgba(15,23,42,0.05)}.sp-body h2{font-size:1.45rem;color:#0f172a;font-weight:700;margin:32px 0 14px;letter-spacing:-0.3px}.sp-body h2:first-child{margin-top:0}.sp-body h3{font-size:1.12rem;color:#1e293b;font-weight:600;margin:24px 0 10px}.sp-body p{color:#334155;line-height:1.75;margin:0 0 14px;font-size:0.97rem}.sp-body ul,.sp-body ol{color:#334155;line-height:1.75;padding-left:22px;margin:6px 0 18px}.sp-body ul li,.sp-body ol li{margin-bottom:6px}.sp-body a{color:#1a56db;text-decoration:underline}.sp-body a:hover{color:#1648c0}.sp-body strong{color:#0f172a}.sp-callout{background:#eff6ff;border-left:4px solid #1a56db;padding:16px 20px;border-radius:6px;margin:22px 0;color:#1e293b;font-size:0.95rem}.sp-callout.sp-warn{background:#fef3c7;border-color:#d97706}.sp-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:0.92rem}.sp-table th,.sp-table td{padding:10px 14px;border:1px solid #e2e8f0;text-align:left;vertical-align:top}.sp-table th{background:#f8fafc;font-weight:600;color:#0f172a}.sp-toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;margin:0 0 28px}.sp-toc h4{font-size:0.82rem;color:#64748b;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 10px;font-weight:700}.sp-toc ul{padding-left:18px;margin:0}.sp-toc ul li{margin-bottom:4px}.sp-toc a{color:#1a56db;text-decoration:none;font-size:0.92rem}.sp-toc a:hover{text-decoration:underline}@media (max-width:768px){.sp-hero{padding:40px 0 48px}.sp-hero h1{font-size:1.7rem}.sp-body{padding:36px 0 56px}.sp-body .container{padding:28px 22px;border-radius:10px}.sp-body h2{font-size:1.22rem}}