/* phone-loc 手机号归属地查询 —— 专有样式（基础变量复用 life-calc.css 的 #app） */

#app .pl-input-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
#app .pl-input {
    flex: 1 1 260px;
    min-width: 220px;
    font-size: 1.05rem;
    letter-spacing: 1px;
    font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
}
#app .pl-hint {
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin-top: 8px;
}

#app .pl-result {
    margin-top: 16px;
    background: var(--bg, #f4f6fb);
    border: 1px solid var(--border, #e5e5e7);
    border-radius: var(--radius, 12px);
    padding: 14px 16px;
}
#app .pl-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 7px 0;
    border-bottom: 1px dashed var(--border, #e5e5e7);
}
#app .pl-line:last-of-type { border-bottom: none; }
#app .pl-label {
    color: var(--text-secondary, #64748b);
    font-size: 0.82rem;
    min-width: 48px;
}
#app .pl-val {
    font-weight: 600;
    color: var(--text, #1e293b);
}
#app .pl-region { color: var(--primary, #2563eb); font-size: 1.02rem; }
#app .pl-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}
#app .pl-badge.ok { background: var(--success-bg, #ecfdf5); color: var(--success, #10b981); }
#app .pl-badge.bad { background: var(--danger-bg, #fef2f2); color: var(--danger, #ef4444); }
#app .pl-note {
    margin: 12px 0 0;
    padding: 10px 12px;
    background: var(--warning-bg, #fffbeb);
    border-radius: 8px;
    color: #92400e;
    font-size: 0.82rem;
    line-height: 1.6;
}

#app .pl-batch-area {
    width: 100%;
    font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
    letter-spacing: 0.5px;
    resize: vertical;
}
#app .pl-batch-out { margin-top: 16px; }
#app .pl-batch-sum {
    font-size: 0.85rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 8px;
}
#app .pl-batch-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
#app .pl-batch-table th, #app .pl-batch-table td {
    border: 1px solid var(--border, #e5e5e7);
    padding: 7px 10px;
    text-align: left;
}
#app .pl-batch-table th {
    background: var(--bg, #f4f6fb);
    color: var(--text-secondary, #64748b);
    font-weight: 600;
}
#app .pl-batch-table tbody tr:nth-child(odd) { background: #fafbfd; }

#app .pl-faq p { line-height: 1.75; margin: 10px 0; color: var(--text, #1e293b); font-size: 0.9rem; }
#app .pl-faq code {
    background: var(--bg, #f4f6fb);
    padding: 1px 6px;
    border-radius: 6px;
    font-size: 0.82rem;
    color: var(--primary, #2563eb);
}
#app .pl-privacy {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--success-bg, #ecfdf5);
    color: #047857 !important;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
}