*{box-sizing:border-box;margin:0;padding:0}body{font:14px/1.7 -apple-system,'PingFang SC',sans-serif;background:linear-gradient(180deg,#fff5f8,#fef9ff);color:#3b2840;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.sp-head{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:rgba(255,255,255,.7);backdrop-filter:blur(14px);position:sticky;top:0;z-index:9}
.sp-brand{display:flex;align-items:center;gap:12px}
.sp-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb3d1,#caa6ff);color:#fff;font-size:20px}
.sp-brand strong{display:block;font-size:14px}
.sp-brand em{font-size:11px;color:#9b7dab;font-style:normal}
.sp-nav ul{list-style:none;display:flex;gap:6px}
.sp-nav a{padding:8px 14px;border-radius:999px;font-size:13px;color:#7d5a8f;transition:all .2s}
.sp-nav a:hover{background:#ffe2ec;color:#c44a78}
.sp-hero{padding:50px 32px 30px;display:flex;justify-content:center}
.sp-hero-card{max-width:780px;width:100%;background:#fff;border-radius:28px;padding:40px 38px;box-shadow:0 30px 60px -30px rgba(202,166,255,.4);text-align:center}
.sp-hero h1{font-size:30px;background:linear-gradient(90deg,#ff7eb3,#9c63ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.sp-hero p{color:#6b4f7a}
.sp-pill-row{margin-top:22px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sp-pill-row span{padding:6px 14px;border-radius:999px;background:#fff0f6;color:#c44a78;font-size:12px}
.sp-main{max-width:1180px;margin:0 auto;padding:20px 28px 60px}
.sp-block{margin-top:46px}
.sp-bh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.sp-bh h2{font-size:20px;color:#5a3a72}
.sp-bh small{font-size:12px;color:#9b7dab;font-weight:400;margin-left:10px}
.sp-more{font-size:13px;color:#c44a78}
.sp-mason{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;grid-auto-rows:160px}
.sp-card{display:block;border-radius:20px;overflow:hidden;background:#fff;position:relative;box-shadow:0 8px 24px -16px rgba(150,80,180,.4);transition:transform .25s}
.sp-card:hover{transform:translateY(-4px)}
.sp-card.sp-big{grid-column:span 2;grid-row:span 2}
.sp-img{position:absolute;inset:0;background-size:cover;background-position:center}
.sp-info{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff}
.sp-info em{font-style:normal;font-size:11px;opacity:.85;letter-spacing:.1em}
.sp-info h4{font-size:13px;margin-top:4px;line-height:1.4}
.sp-card.sp-big .sp-info h4{font-size:18px}
.sp-eeat{margin-top:24px;padding:22px 26px;background:linear-gradient(135deg,#fff0f6,#f3eaff);border-radius:20px;border:1px dashed #e3c8ff}
.sp-eeat span{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff;color:#9c63ff;font-size:11px;letter-spacing:.2em;margin-bottom:10px}
.sp-eeat p{color:#5a3a72;line-height:1.95;font-size:13px}
.sp-talk{margin-top:50px}
.sp-talk h2{margin-bottom:18px;color:#5a3a72;font-size:20px}
.sp-cmt-grid{columns:3;column-gap:16px}
.sp-cmt{break-inside:avoid;margin-bottom:14px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 6px 18px -10px rgba(150,80,180,.3)}
.sp-cmt header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:#7d5a8f}
.sp-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff7eb3,#9c63ff)}
.sp-cmt p{color:#5a3a72;font-size:13px}
.sp-faq{margin-top:50px}
.sp-faq h2{color:#5a3a72;font-size:20px;margin-bottom:16px}
.sp-q{padding:16px 20px;border-radius:16px;background:#fff;margin-bottom:10px;box-shadow:0 6px 18px -12px rgba(150,80,180,.3)}
.sp-q h4{color:#c44a78;font-size:14px;margin-bottom:6px}
.sp-q p{color:#5a3a72;font-size:13px}
.sp-foot{padding:30px;text-align:center;color:#9b7dab;font-size:12px}
@media(max-width:880px){.sp-mason{grid-template-columns:repeat(2,1fr)}.sp-cmt-grid{columns:1}}