.home{color:#16181d;background:#f4f5f7;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,sans-serif}.home-hero{text-align:center;background:linear-gradient(#fff,#f4f5f7);padding:64px 20px 40px}.home-eyebrow{color:#2563eb;letter-spacing:2px;background:#e8effd;border-radius:999px;margin:0 0 16px;padding:6px 16px;font-size:13px;display:inline-block}.home-title{letter-spacing:1px;margin:0 0 12px;font-size:38px;font-weight:800}.home-sub{color:#6b7280;max-width:520px;margin:0 auto;font-size:15px;line-height:1.8}.home-cards{grid-template-columns:repeat(3,1fr);gap:20px;max-width:920px;margin:0 auto;padding:16px 20px 48px;display:grid}.home-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #1018280d}.home-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1018281f}.home-card-preview{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.home-card:nth-child(3) .home-card-preview{color:#3d2c22}.home-card-preview-bar{background:#ffffff59;border-radius:999px;height:8px;position:absolute;top:14px;left:16px;right:16px}.home-card:nth-child(3) .home-card-preview-bar{background:#a35f2c33}.home-card-preview-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.home-card-preview-label{opacity:.9;margin-top:4px;font-size:12px}.home-card-body{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.home-card-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.home-card-title-row h2{margin:0;font-size:19px;font-weight:800}.home-tag{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:4px 10px;font-size:12px}.home-card-desc{color:#6b7280;flex:1;margin:0;font-size:13px;line-height:1.7}.home-swatches{gap:8px;display:flex}.home-swatches span{border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #e5e7eb}.home-card-link{color:#2563eb;font-size:13px;font-weight:600}.home-footer{text-align:center;color:#9ca3af;padding:0 20px 40px;font-size:12px}@media (max-width:760px){.home-cards{grid-template-columns:1fr}.home-title{font-size:29px}}