:root{--sp-ink:#18252b;--sp-muted:#63747a;--sp-blue:#e5f2f5;--sp-deep:#226678;--sp-paper:#faf8f3;--sp-line:#d8e4e6;--sp-gold:#b8914e;--sp-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sp-paper);color:var(--sp-ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--sp-gold);outline-offset:3px}.sp-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.sp-header{background:rgba(250,248,243,.96);border-bottom:1px solid var(--sp-line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.sp-header-inner{min-height:74px;display:flex;align-items:center;gap:28px}.sp-brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}.sp-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--sp-deep);color:#fff;font-size:18px}.sp-brand small{display:block;font-size:10px;color:var(--sp-muted);letter-spacing:.14em;font-weight:600}.sp-nav{display:flex;align-items:center;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:13px;color:#40545b}.sp-nav::-webkit-scrollbar{display:none}.sp-nav a{padding:7px 0;border-bottom:2px solid transparent}.sp-nav a:hover{color:var(--sp-deep);border-color:var(--sp-gold)}.sp-hero{background:var(--sp-blue);border-bottom:1px solid var(--sp-line);padding:52px 0 42px}.sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:center}.sp-kicker{color:var(--sp-gold);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sp-hero h1{margin:10px 0 10px;font-size:clamp(30px,5vw,54px);line-height:1.18;letter-spacing:-.04em}.sp-hero p{margin:0;color:#45616a;max-width:690px;font-size:16px}.sp-hero-visual{height:210px;border-radius:20px;overflow:hidden;background:#c7e0e5}.sp-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.sp-crumbs{padding:16px 0;color:var(--sp-muted);font-size:13px}.sp-crumbs a:hover{color:var(--sp-deep)}.sp-main{padding-bottom:72px}.sp-card{max-width:900px;margin:0 auto;background:var(--sp-white);border:1px solid var(--sp-line);border-radius:18px;padding:32px 44px}.sp-intro{font-size:16px;color:#48616a;border-left:3px solid var(--sp-gold);padding:12px 16px;background:#f4f8f6;margin:0 0 26px}.sp-body{font-size:16px;line-height:1.95;color:#344a52}.sp-body h2{font-size:24px;line-height:1.35;margin:34px 0 11px;color:var(--sp-ink)}.sp-body h3{font-size:18px;line-height:1.45;margin:25px 0 7px;color:var(--sp-ink)}.sp-body p{margin:0 0 16px}.sp-body ul,.sp-body ol{padding-left:24px}.sp-body li{margin:5px 0}.sp-body strong{color:var(--sp-ink)}.sp-body a{color:var(--sp-deep);text-decoration:underline}.sp-note{margin-top:28px;padding:15px 17px;background:var(--sp-blue);border-radius:12px;color:#45616a;font-size:14px}.sp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.sp-step{padding:16px;background:#f6faf9;border:1px solid var(--sp-line);border-radius:12px}.sp-step b{display:block;color:var(--sp-deep);font-size:12px;letter-spacing:.08em}.sp-step span{display:block;margin-top:6px;font-weight:700}.sp-faq{padding:14px 0;border-bottom:1px solid var(--sp-line)}.sp-faq h2{font-size:18px;margin:0 0 6px}.sp-faq p{margin:0}.sp-footer{background:var(--sp-ink);color:#edf6f7;padding:38px 0}.sp-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.sp-footer h2,.sp-footer h3{font-size:16px;margin:0 0 9px}.sp-footer p,.sp-footer li{color:#afc0c4;font-size:13px}.sp-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.sp-footer-bottom{border-top:1px solid #3b4b51;margin-top:24px;padding-top:18px;color:#93a8ad;font-size:12px}
@media(max-width:800px){.sp-header-inner{gap:14px;min-height:66px}.sp-nav{gap:12px}.sp-hero-grid{grid-template-columns:1fr}.sp-hero-visual{height:190px}.sp-card{padding:25px 22px}.sp-steps{grid-template-columns:repeat(2,1fr)}.sp-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sp-shell{width:min(100% - 28px,1160px)}.sp-brand small{display:none}.sp-hero{padding:38px 0 30px}.sp-hero h1{font-size:36px}.sp-hero p,.sp-body{font-size:15px}.sp-steps{grid-template-columns:1fr}.sp-footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}