.voc-page{flex-direction:column;gap:22px;max-width:1000px;margin:0 auto;padding:26px 20px 70px;display:flex}.voc-crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.voc-crumb a{color:var(--muted);font-weight:600;text-decoration:none}.voc-crumb a:hover{color:var(--ink)}.voc-crumb span{color:#c4c4c4}.voc-h1{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:800;line-height:1.2}.voc-intro{color:var(--muted);max-width:74ch;margin:0;font-size:15px;line-height:1.65}.voc-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.voc-stat{background:var(--soft);border:1px solid var(--line);color:#333;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.voc-stat b{color:var(--ink);font-weight:800}.voc-list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.voc-h2{margin:0;font-size:21px;font-weight:800}.voc-list-sub{color:var(--muted);margin:6px 0 0;font-size:13.5px}.voc-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;display:grid}.voc-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:14px;flex-direction:column;gap:7px;padding:16px 16px 15px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.voc-card:hover{border-color:#bdbdbd;transform:translateY(-2px)}.voc-card-name{font-size:16px;font-weight:800}.voc-card-head{align-items:center;gap:9px;display:flex}.voc-card-ic{background:var(--soft);border:1px solid var(--line);color:#444;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;padding:6px;display:grid}.voc-card:hover .voc-card-ic{color:var(--ink);border-color:#bdbdbd}.voc-card-count{color:var(--muted);font-size:12.5px;font-weight:600}.voc-card-samples{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.voc-card-samples i{background:var(--soft);color:#333;border:1px solid var(--line);border-radius:7px;padding:3px 8px;font-size:12.5px;font-style:normal}.voc-card-cta{color:var(--ink);margin-top:6px;font-size:13px;font-weight:800}.voc-card-cta:after{content:" →"}.voc-cta{text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:30px 20px;display:flex}.voc-cta h2{margin:0;font-size:21px;font-weight:800}.voc-cta p{color:var(--muted);margin:0;font-size:14px}.voc-btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.voc-btn:hover{background:#000}.voc-btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.voc-btn.ghost:hover{background:var(--soft)}@media (max-width:640px){.voc-page{gap:18px;padding:18px 14px 56px}.voc-grid{grid-template-columns:1fr}}