:root { --ink:#10243e; --muted:#596a80; --line:#dfe7f1; --paper:#fff; --mist:#f5f8fc; --brand:#2563eb; --deep:#123368; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; padding-bottom:190px; color:var(--ink); background:var(--mist); font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
a { color:inherit; }
.wrap { width:min(1040px,calc(100% - 40px)); margin:auto; }
header { background:rgba(255,255,255,.95); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; backdrop-filter:blur(10px); }
.bar { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-weight:750; letter-spacing:.04em; }
.mark { display:grid; place-items:center; width:33px; height:33px; color:#fff; background:linear-gradient(135deg,#3b82f6,#194fc6); border-radius:10px; font-size:15px; }
nav { display:flex; flex-wrap:wrap; gap:20px; color:var(--muted); font-size:14px; }
nav a { text-decoration:none; } nav a:hover,nav a[aria-current="page"] { color:var(--brand); }
nav a[href^="https://pipity.cn"] { color:var(--brand); font-weight:700; }
.page-hero { color:#fff; background:radial-gradient(circle at 78% 20%,#427fff 0,transparent 28%),linear-gradient(122deg,#102d61,#174ca4); padding:68px 0; }
.kicker { display:inline-block; padding:4px 11px; border:1px solid rgba(255,255,255,.35); border-radius:999px; color:#dceafe; font-size:13px; letter-spacing:.08em; }
h1 { margin:16px 0 8px; font-size:clamp(34px,5vw,50px); line-height:1.22; } .page-hero p { max-width:720px; margin:0; color:#d9e7ff; }
main section { padding:58px 0; } .white { background:#fff; }
.section-kicker { margin:0 0 8px; color:var(--brand); font-size:13px; font-weight:750; letter-spacing:.09em; }
h2 { margin:0; font-size:28px; line-height:1.35; } h3 { margin:0 0 8px; font-size:18px; }
.intro { max-width:780px; margin:15px 0 0; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:28px; }
.card { padding:24px; background:#fff; border:1px solid var(--line); border-radius:15px; box-shadow:0 8px 28px rgba(28,54,91,.05); }
.card p { margin:0; color:var(--muted); font-size:15px; } .num { color:#7da3e3; font-size:13px; font-weight:750; letter-spacing:.1em; }
.detail { display:grid; grid-template-columns:220px 1fr; gap:40px; padding:28px 0; border-bottom:1px solid var(--line); } .detail:last-child { border-bottom:0; }
.detail p,.detail ul { margin:9px 0 0; color:var(--muted); } .detail ul { padding-left:20px; }
.notice { margin-top:28px; padding:25px; border-radius:15px; background:#eaf2ff; color:#365278; }
.faq { margin-top:26px; } .faq details { padding:17px 0; border-bottom:1px solid var(--line); } .faq summary { cursor:pointer; font-weight:650; } .faq p { margin:10px 0 0; color:var(--muted); }
.company { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px; }.info { padding:25px; background:#fff; border:1px solid var(--line); border-radius:15px; }.info dl { margin:0; }.info dt { margin-top:14px; color:#718198; font-size:13px; }.info dd { margin:2px 0 0; }
footer { position:fixed; right:0; bottom:0; left:0; z-index:20; padding:24px 0; color:#b8c6dc; background:#0d2344; box-shadow:0 -8px 24px rgba(13,35,68,.16); font-size:14px; }.footer-row,.fine,.record { text-align:center; }.fine { margin:14px 0 0; color:#91a5c4; font-size:13px; }.record { margin:18px 0 0; font-size:15px; }footer a { color:#dce9ff; text-decoration:none; }footer a:hover { text-decoration:underline; }
@media (max-width:700px) { .grid { grid-template-columns:1fr; }.detail,.company { grid-template-columns:1fr; gap:14px; }.detail { gap:9px; }.bar { padding:12px 0; } nav { gap:9px 15px; font-size:13px; } }
@media (max-width:500px) { body { padding-bottom:220px; } .wrap { width:min(100% - 28px,1040px); } main section { padding:45px 0; } h2 { font-size:25px; } }