.match-container{color:#f1f5f9;max-width:1200px;margin:0 auto;padding:24px 16px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.match-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#a855f726,#0000 70%),linear-gradient(#0f172acc 0%,#0a0f1ef2 100%);border:1px solid #a855f740;border-radius:20px;margin-bottom:32px;padding:32px 20px;box-shadow:0 12px 40px #0006}.match-hero-badge{color:#d8b4fe;background:#a855f726;border:1px solid #a855f766;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.match-hero-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#e9d5ff 60%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-size:clamp(24px,4vw,36px);font-weight:800}.match-hero-desc{color:#94a3b8;max-width:720px;margin:0 auto;font-size:15px;line-height:1.6}.match-profile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #a855f733;border-radius:16px;margin-bottom:32px;padding:24px}.match-profile-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.match-input-group{flex-direction:column;gap:6px;display:flex}.match-input-label{color:#cbd5e1;font-size:13px;font-weight:600}.match-select,.match-input{color:#f1f5f9;background:#1e293b99;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.match-select:focus,.match-input:focus{border-color:#a855f7}.match-skills-bar{margin-top:14px}.match-skills-label{color:#cbd5e1;margin-bottom:8px;font-size:13px;font-weight:600}.match-skills-chips{flex-wrap:wrap;gap:8px;display:flex}.match-skill-chip{color:#94a3b8;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .2s}.match-skill-chip.is-active{color:#d8b4fe;background:#a855f733;border-color:#a855f7;font-weight:600}.match-jobs-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.match-job-card{background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:all .2s;display:flex}.match-job-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.match-job-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.match-score-badge{background:linear-gradient(135deg,#a855f733 0%,#7e22ce4d 100%);border:1px solid #a855f766;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.match-score-num{color:#d8b4fe;font-size:18px;font-weight:800;line-height:1}.match-score-sub{color:#c084fc;font-size:10px}.match-job-company{color:#f8fafc;margin-bottom:4px;font-size:15px;font-weight:700}.match-job-title{color:#94a3b8;font-size:13px}.match-radar-bars{background:#1e293b4d;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:10px 12px;display:grid}.match-bar-item{flex-direction:column;gap:2px;display:flex}.match-bar-label{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.match-bar-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.match-bar-fill{background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;height:100%}.match-booster-panel{background:#a855f714;border:1px dashed #a855f74d;border-radius:8px;padding:10px 12px}.match-booster-title{color:#d8b4fe;align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.match-booster-words{flex-wrap:wrap;gap:6px;display:flex}.match-booster-word{color:#f3e8ff;background:#a855f733;border:1px solid #a855f74d;border-radius:4px;padding:2px 8px;font-size:11px}@media (prefers-reduced-motion:reduce){.match-job-card{transition:none;transform:none!important}}@media (max-width:640px){.match-container{padding:16px 12px 60px}.match-profile-grid,.match-jobs-grid{grid-template-columns:1fr}}
