.hk-wrapper{background:#fafafa}.hk-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);padding:4rem 0 3rem}.hk-hero .hk-badge{background:var(--primary);color:#fff;letter-spacing:.1em;border-radius:999px;margin-bottom:1.2rem;padding:.4rem 1rem;font-size:.78rem;font-weight:700;display:inline-block}.hk-hero h1{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.hk-hero h1 span{color:var(--primary)}.hk-hero p{opacity:.85;max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.6}.hk-section{padding:3rem 0 5rem}.hk-progress{justify-content:space-between;align-items:flex-start;gap:.5rem;max-width:720px;margin:0 auto 3rem;display:flex;position:relative}.hk-progress:before{content:"";z-index:0;background:#e5e5e5;height:2px;position:absolute;top:18px;left:40px;right:40px}.hk-progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex;position:relative}.hk-progress-dot{color:#999;background:#fff;border:2px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.hk-progress-step.active .hk-progress-dot{background:var(--primary);border-color:var(--primary);color:#fff}.hk-progress-step.current .hk-progress-dot{box-shadow:0 0 0 6px #ef7f0126}.hk-progress-label{color:#666;text-align:center;font-size:.8rem;font-weight:600}.hk-progress-step.active .hk-progress-label{color:#1a1a1a}.hk-step{animation:.3s hk-fade}@keyframes hk-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hk-step-title{color:#1a1a1a;margin:0 0 .5rem;font-size:clamp(1.4rem,2.5vw,1.9rem)}.hk-step-sub{color:#666;margin:0 0 2rem;font-size:1rem}.hk-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.hk-option{cursor:pointer;text-align:left;font:inherit;background:#fff;border:2px solid #e5e5e5;border-radius:14px;flex-direction:column;gap:.4rem;padding:1.6rem 1.2rem;transition:all .2s;display:flex}.hk-option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.hk-option.selected{border-color:var(--primary);background:#ef7f010f}.hk-option-icon{width:48px;height:48px;color:var(--primary);background:#ef7f011a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.6rem;display:flex}.hk-option-title{color:#1a1a1a;font-size:1.02rem;font-weight:700}.hk-option-sub{color:#777;font-size:.88rem}.hk-nav{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.hk-btn-ghost{color:#555;cursor:pointer;font-weight:600;font:inherit;background:0 0;border:2px solid #ddd;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;transition:all .2s;display:inline-flex}.hk-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hk-summary{background:#fff;border:1px solid #eee;border-radius:12px;gap:.5rem;margin-bottom:2rem;padding:1.2rem 1.4rem;font-size:.95rem;display:grid}.hk-summary strong{color:#1a1a1a;margin-right:.4rem}.hk-results{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem;margin-bottom:2.5rem;display:grid}.hk-result-card{color:inherit;background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.hk-result-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.hk-result-image{aspect-ratio:4/3;background:#f5f5f5;position:relative;overflow:hidden}.hk-result-image img{object-fit:contain;width:100%;height:100%;padding:.8rem}.hk-result-body{flex-direction:column;flex:1;gap:.5rem;padding:1.2rem 1.3rem 1.3rem;display:flex}.hk-result-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:.76rem;font-weight:700}.hk-result-body h3{color:#1a1a1a;margin:0;font-size:1.08rem;line-height:1.3}.hk-result-body p{color:#666;flex:1;margin:0;font-size:.9rem;line-height:1.5}.hk-result-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.8rem;display:flex}.hk-result-price{color:#1a1a1a;font-size:.95rem;font-weight:700}.hk-result-link{color:var(--primary);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:inline-flex}.hk-noresult{text-align:center;color:#666;background:#fff;border:1px dashed #ddd;border-radius:12px;margin-bottom:2rem;padding:2rem}.hk-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=640px){.hk-progress-label{font-size:.7rem}.hk-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hk-option{padding:1.2rem 1rem}}