/* recruit.css — 招募策略页专用样式 */

.recruit-page { padding: 28px 32px 60px; max-width: 1100px; }
.recruit-page h1 { font-size: 26px; font-weight: 700; margin-bottom: 4px; }
.recruit-page .subtitle { font-size: 13px; color: var(--text-secondary); margin-bottom: 28px; }

/* Three-axis model diagram */
.axis-model {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px;
    margin-bottom: 32px; padding: 20px; border-radius: 16px;
    background: var(--bg-card, #fff); border: 1px solid var(--border, #e2e8f0);
}
.axis-card {
    padding: 16px; border-radius: 12px; text-align: center;
}
.axis-card h3 { font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.axis-card .axis-icon { font-size: 28px; margin-bottom: 6px; }
.axis-card .axis-levels { font-size: 12px; color: var(--text-secondary); line-height: 1.6; }
.axis-value { background: rgba(0,209,102,0.06); border: 1px solid rgba(0,209,102,0.2); }
.axis-resistance { background: rgba(239,68,68,0.05); border: 1px solid rgba(239,68,68,0.15); }
.axis-timing { background: rgba(245,158,11,0.06); border: 1px solid rgba(245,158,11,0.2); }

/* Tier cards */
.tier-section { margin-bottom: 24px; }
.tier-header {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; border-radius: 12px 12px 0 0;
    font-size: 14px; font-weight: 600;
}
.tier-header.tier0 { background: rgba(0,209,102,0.1); color: #006d32; }
.tier-header.tier1 { background: rgba(46,91,255,0.08); color: #1e40af; }
.tier-header.tier2 { background: rgba(245,158,11,0.1); color: #92400e; }
.tier-header.tier3 { background: rgba(107,114,128,0.08); color: #4b5563; }
.tier-header.tier4 { background: rgba(239,68,68,0.08); color: #991b1b; }

.tier-body {
    border: 1px solid var(--border, #e2e8f0); border-top: none;
    border-radius: 0 0 12px 12px; overflow: hidden;
}
.tier-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 16px; border-bottom: 1px solid #f2f4f6;
    font-size: 13px; cursor: pointer; transition: background 0.15s;
}
.tier-row:last-child { border-bottom: none; }
.tier-row:hover { background: rgba(0,209,102,0.04); }
.tier-row .label { font-weight: 500; }
.tier-row .count { color: var(--text-secondary); font-size: 12px; }
.tier-row .strategy { color: var(--text-secondary); font-size: 11px; max-width: 300px; }

/* Criteria tables */
.criteria-section {
    margin-top: 36px; padding: 24px; border-radius: 16px;
    background: var(--bg-card, #fff); border: 1px solid var(--border);
}
.criteria-section h2 { font-size: 18px; font-weight: 600; margin-bottom: 16px; }
.criteria-table { width: 100%; font-size: 13px; border-collapse: collapse; }
.criteria-table th { text-align: left; padding: 8px 10px; border-bottom: 2px solid var(--border); color: var(--text-secondary); font-weight: 500; }
.criteria-table td { padding: 8px 10px; border-bottom: 1px solid #f2f4f6; }
.criteria-table tr:last-child td { border-bottom: none; }