/* ===== Global / Base ===== */
:root { color-scheme: dark; }
body { background:#121212; color:#e0e0e0; font-family:'Segoe UI', system-ui, -apple-system; font-size:19.2px; margin:0; }
a { color: inherit; }

/* Container */
.container-page { max-width:1200px; padding:24px 3vw; }

/* Forms */
.form-control { background:#1d1f22; color:#e0e0e0; border:1px solid #343a40; }
.form-control:focus { background:#16181a; color:#fff; border-color:#0d6efd; box-shadow:none; }
.form-control-sm { font-size:.95rem; padding:.35rem .6rem; }
.result-input { font-size:.95rem; }

/* Table (dark) */
.table-dark { --bs-table-bg:#17191c; --bs-table-striped-bg:#1e2125; }

/* Navbar (Bootstrap dark style compatible) */
.navbar-dark { background:#0f1113; border-bottom:1px solid #222; }
.nav-link { color:#cbd5e1; }
.nav-link.active, .nav-pills .nav-link.active { background:#0d6efd; }

/* Badges / misc */
.badge-fw { min-width: 2.25rem; display:inline-flex; align-items:center; justify-content:center; }
.section-title { font-weight:700; color:#fff; margin:.5rem 0 1rem; }
.vrx { width:1px; background:#2b2f34; margin:0 10px; }
.btn { transition: all .15s ease; }
.btn:hover { transform: translateY(-1px); }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.nowrap { white-space: nowrap; }
.truncate { max-width: 640px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; vertical-align:bottom; }
.small { font-size:.9em; }

/* Ad slot */
.ad-slot, .ad { border:1px dashed #444; background:#0f1113; color:#9aa0a6; height:90px; display:flex; align-items:center; justify-content:center; border-radius:.5rem; margin-top:16px; }

/* ===== JSONCrack / JSONEditor shared layout ===== */
.page { max-width:1200px; margin:0 auto; padding:16px 20px 24px; }
.plugin { display:flex; gap:12px; min-height:540px; }
.left { flex:0 0 46%; display:flex; flex-direction:column; }
.right { flex:1 1 54%; border:1px solid #222; border-radius:10px; overflow:hidden; background:#0b0c0d; min-height:540px; }

textarea.editor-area { flex:1; min-height:360px; resize:vertical; width:100%; box-sizing:border-box; background:#1b1f24; color:#e6edf3; border:1px solid #30363d; border-radius:8px; padding:12px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

.row-tools { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
button, select, input[type="file"] { background:#21262d; color:#c9d1d9; border:1px solid #30363d; padding:8px 10px; border-radius:8px; cursor:pointer; }
button:hover { background:#1f6feb; color:#fff; border-color:#1f6feb; }

.table-wrap { max-height:220px; overflow:auto; margin-top:10px; border:1px solid #222; border-radius:8px; }
table { width:100%; border-collapse:collapse; font-size:.92rem; }
thead { background:#0f1113; position:sticky; top:0; }
th, td { border-bottom:1px solid #222; padding:8px 10px; vertical-align:middle; }
code { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:620px; }

iframe.embed { width:100%; height:100%; border:0; display:block; }

    /* 字号整体放大 20% */
    body { background:#121212; color:#e0e0e0; font-family:'Segoe UI',system-ui,-apple-system; font-size:19.2px; }
    .container-page { max-width:100%; padding:24px 3vw; }
    .form-control { background:#1d1f22; color:#e0e0e0; border:1px solid #343a40; }
    .form-control:focus { background:#16181a; color:#fff; border-color:#0d6efd; box-shadow:none; }
    .form-control-sm { font-size:.95rem; padding:.35rem .6rem; }
    .result-input { font-size:.95rem; }
    .table-dark { --bs-table-bg:#17191c; --bs-table-striped-bg:#1e2125; }
    .navbar-dark { background:#0f1113; border-bottom:1px solid #222; }
    .nav-link { color:#cbd5e1; }
    .nav-link.active, .nav-pills .nav-link.active { background:#0d6efd; }
    .badge-fw { min-width: 2.25rem; display:inline-flex; align-items:center; justify-content:center; }
    .section-title { font-weight:700; color:#fff; margin:.5rem 0 1rem; }
    .vrx { width:1px; background:#2b2f34; margin:0 10px; }
    .btn { transition: all .15s ease; }
    .btn:hover { transform: translateY(-1px); }

    .ad-slot { border:1px dashed #444; background:#0f1113; color:#9aa0a6; height:90px; display:flex; align-items:center; justify-content:center; border-radius:.5rem; }
    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
    .nowrap { white-space: nowrap; }
    .truncate { max-width: 640px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; vertical-align:bottom; }
    .small { font-size: .9em; }


    :root { color-scheme: dark; }
    body { margin:0; background:#121212; color:#e0e0e0; font-family:system-ui, -apple-system, "Segoe UI", Roboto; font-size:19.2px; }
    .nav { display:flex; align-items:center; gap:16px; padding:12px 20px; background:#0f0f10; position:sticky; top:0; z-index:10; }
    .nav .brand { font-weight:700; color:#fff; }
    .nav a { color:#c9d1d9; text-decoration:none; padding:6px 10px; border-radius:8px; }
    .nav a.active, .nav a:hover { background:#1f6feb; color:#fff; }
    .page { max-width:1200px; margin:0 auto; padding:16px 20px 24px; }
    .plugin { display:flex; gap:12px; min-height:560px; }
    .left { width: 30%;flex:0 0 35%; display:flex; flex-direction:column; }
    .right { width: 70%;flex:1 1 54%; border:1px solid #222; border-radius:10px; overflow:hidden; background:#0b0c0d; min-height:560px; }
    textarea { flex:1; min-height:360px; resize:vertical; width:100%; box-sizing:border-box; background:#1b1f24; color:#e6edf3; border:1px solid #30363d; border-radius:8px; padding:12px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
    .row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    button, select, input[type="file"] { background:#21262d; color:#c9d1d9; border:1px solid #30363d; padding:8px 10px; border-radius:8px; cursor:pointer; }
    button:hover { background:#1f6feb; color:#fff; border-color:#1f6feb; }
    .small { font-size:.92rem; color:#9aa0a6; }
    .table-wrap { max-height:220px; overflow:auto; margin-top:10px; border:1px solid #222; border-radius:8px; }
    table { width:100%; border-collapse:collapse; font-size:.92rem; }
    thead { background:#0f1113; position:sticky; top:0; }
    th, td { border-bottom:1px solid #222; padding:8px 10px; vertical-align:middle; }
    code { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:620px; }
    .ad { margin-top:16px; height:90px; border:1px dashed #444; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#9aa0a6; background:#0f1113; }
    #editor { height:100%; min-height:560px; }
    .nowrap { white-space:nowrap; }
	
#resultsBody>tr:nth-of-type(odd)>* {
    text-align: center;
}