/* 加密工具箱样式（复用 life-calc 基础类） */
#app { --text-dim: #86868b; --bg-soft: #f5f6f8; }
#app .seg {
    display: inline-flex;
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 16px;
    gap: 4px;
    flex-wrap: wrap;
}
#app .seg button {
    border: none;
    background: transparent;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    font-family: inherit;
    transition: all var(--transition);
}
#app .seg button.active {
    background: #fff;
    color: var(--primary);
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
#app .crypto-panel { display: block; }
#app .crypto-row {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    margin: 14px 0;
    flex-wrap: wrap;
}
#app .crypto-row .field { flex: 1; min-width: 160px; }
#app .crypto-row .btn { white-space: nowrap; }
#app .crypto-err { color: var(--danger); font-size: 0.88rem; margin-top: 10px; }
#app code {
    background: var(--bg-soft);
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 0.86em;
    word-break: break-all;
}
@media (max-width: 768px) {
    #app { padding: 0; }
    #app .crypto-row { flex-direction: column; align-items: stretch; }
}