.tool-h{text-align:center;margin-bottom:30px;}
.tool-h h1{font-size:26px;color:#1f2937;font-weight:600;}
.tool-h p{color:#6b7280;margin-top:8px;font-size:15px;}

.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:30px;margin-bottom:20px;}

.gender-box{display:flex;gap:16px;margin-bottom:25px;}
.gender-item{padding:10px 22px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;user-select:none;transition:0.2s;}
.gender-item.active{background:#2563eb;color:#fff;border-color:#2563eb;}

/* 常用疑惑关系快捷按钮 */
.quick-box{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.quick-btn{padding:8px 12px;background:#f3f4f6;border-radius:8px;cursor:pointer;font-size:14px;transition:0.2s;}
.quick-btn:hover{background:#e5e7eb;}

.relation-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;min-height:44px;}
.relation-tag{display:flex;align-items:center;background:#f3f4f6;padding:9px 15px;border-radius:8px;gap:8px;}
.relation-tag .del{color:#ef4444;cursor:pointer;font-size:18px;line-height:1;}

.text-relation{padding:14px 16px;background:#f9fafb;border-radius:8px;color:#333;font-size:15px;margin-bottom:20px;line-height:1.5;}

.add-row{display:flex;gap:12px;align-items:center;margin-bottom:25px;}
.rel-select{flex:1;height:46px;padding:0 15px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;outline:none;transition:0.2s;}
.rel-select:focus{border-color:#2563eb;background:#fff;}
.btn-add{height:46px;padding:0 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;}

.result-box{background:#f8fafc;border-radius:12px;padding:28px;text-align:center;}
.result-tit{color:#64748b;font-size:15px;margin-bottom:10px;}
.result-name{font-size:34px;color:#1e40af;font-weight:bold;}

.desc-text{line-height:1.8;color:#666;font-size:14px;margin-top: 20px}