/* ====== 63 哺乳假 · 奶白 + 雾蓝（时钟表盘）====== */
.nrl {
    --nrl-bg:#f5f8fb; --nrl-bg2:#eaf1f7; --nrl-card:#fff; --nrl-card2:#f7fafd;
    --nrl-ink:#16202b; --nrl-sub:#3b4c5c; --nrl-faint:#7b8d9d; --nrl-line:#dbe7f0; --nrl-line2:#eaf2f8;
    --nrl-blue:#5a8fa8; --nrl-blue-2:#7fb0c9; --nrl-blue-soft:#e6f1f6; --nrl-deep:#35657d;
    --nrl-cream:#f4ead9; --nrl-warm:#b3863a;
    --nrl-shadow:0 1px 2px rgba(22,32,43,.04),0 10px 28px rgba(22,32,43,.06);
    --nrl-r:18px; --nrl-r-sm:12px;
    background:radial-gradient(720px 330px at 88% -8%, rgba(90,143,168,.13), transparent 62%),
               radial-gradient(560px 300px at 0% 6%, rgba(244,234,217,.55), transparent 58%),
               var(--nrl-bg);
}
:root[data-theme="dark"] .nrl {
    --nrl-bg:#0d1620; --nrl-bg2:#111d29; --nrl-card:#152533; --nrl-card2:#1b2d3d;
    --nrl-ink:#e8f1f8; --nrl-sub:#a9bfd0; --nrl-faint:#62809a; --nrl-line:#22374a; --nrl-line2:#1a2b3a;
    --nrl-blue:#7fb0c9; --nrl-blue-soft:rgba(127,176,201,.14); --nrl-deep:#a9d1e5;
    --nrl-cream:#2a2116;
}

.nrl-hero { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:32px; padding:32px 0 22px; align-items:start; }
@media (max-width:980px) { .nrl-hero { grid-template-columns:1fr; } }
.nrl-hero-l .tsk-h1 b { color:var(--nrl-deep); }

.nrl-clock {
    background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:var(--nrl-r);
    box-shadow:var(--nrl-shadow); padding:20px 22px 22px;
}
.nrl-dial { display:flex; justify-content:center; margin-bottom:16px; }
.nrl-dial-face {
    width:132px; height:132px; border-radius:50%;
    background:conic-gradient(var(--nrl-blue) 0 33%, var(--nrl-blue-soft) 33% 100%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    position:relative;
    box-shadow:inset 0 0 0 10px var(--nrl-card), 0 4px 14px rgba(90,143,168,.18);
    transition:background .4s;
}
.nrl-dial-face::after {
    content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--nrl-blue); top:14px;
}
.nrl-dial-num { font:800 38px/1 var(--num,"Bahnschrift",monospace); color:var(--nrl-deep); }
.nrl-dial-unit { font-size:10px; font-weight:700; color:var(--nrl-faint); letter-spacing:.06em; margin-top:2px; }
.nrl-clock label { display:block; font-size:11.5px; font-weight:700; color:var(--nrl-faint); margin-top:10px; }
.nrl-clock label:first-of-type { margin-top:0; }
.nrl-clock input, .nrl-clock select {
    width:100%; height:36px; margin-top:4px; padding:0 10px; border:1.5px solid var(--nrl-line);
    border-radius:9px; background:var(--nrl-card2); color:var(--nrl-ink); font-size:13px; font-weight:600; outline:none;
}
.nrl-clock input[type=number] { font-family:var(--num,"Bahnschrift",monospace); text-align:right; }
.nrl-clock input:focus, .nrl-clock select:focus { border-color:var(--nrl-blue); }
.nrl-clock .tsk-btn-main { background:linear-gradient(135deg, var(--nrl-blue), var(--nrl-deep)); border:0; color:#fff; }

.nrl-result { margin-top:6px; }
.nrl-res-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; }
.nrl-res-card {
    background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:var(--nrl-r-sm);
    padding:16px 18px; box-shadow:var(--nrl-shadow); text-align:center;
}
.nrl-res-card b { display:block; font:800 32px/1 var(--num,"Bahnschrift",monospace); color:var(--nrl-deep); font-variant-numeric:tabular-nums; }
.nrl-res-card span { display:block; font-size:11.5px; color:var(--nrl-faint); margin-top:6px; font-weight:700; }
.nrl-res-card.nrl-main { border-top:3px solid var(--nrl-blue); background:linear-gradient(180deg,var(--nrl-blue-soft),var(--nrl-card)); }
.nrl-res-card.nrl-main b { font-size:42px; }
.nrl-banner {
    margin-top:12px; padding:14px 18px; border-radius:var(--nrl-r-sm); font-size:12.5px; line-height:1.8;
    background:var(--nrl-blue-soft); color:var(--nrl-deep); border-left:3px solid var(--nrl-blue);
}
.nrl-pay {
    margin-top:10px; padding:14px 18px; border-radius:var(--nrl-r-sm); background:var(--nrl-card);
    border:1px solid var(--nrl-line); font-size:12.5px; line-height:1.9; color:var(--nrl-sub);
}

.nrl-modes { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.nrl-mode { background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:var(--nrl-r-sm); padding:16px 18px; box-shadow:var(--nrl-shadow); }
.nrl-mode-no { font:800 22px/1 var(--num,"Bahnschrift",monospace); color:var(--nrl-blue-soft); margin-bottom:8px; }
.nrl-mode b { display:block; font-size:13px; font-weight:800; color:var(--nrl-ink); }
.nrl-mode p { font-size:11.5px; line-height:1.7; color:var(--nrl-sub); margin:6px 0 0; }
.nrl-note { font-size:11.5px; color:var(--nrl-faint); margin-top:10px; line-height:1.7; }

.nrl-compare { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; }
.nrl-cmp-card { background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:var(--nrl-r-sm); padding:18px 20px; box-shadow:var(--nrl-shadow); }
.nrl-cmp-card h3 { font-size:13px; font-weight:800; margin:0 0 10px; }
.nrl-cmp-card ul { list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.nrl-cmp-card li { position:relative; padding-left:16px; font-size:11.5px; line-height:1.65; color:var(--nrl-sub); }
.nrl-cmp-card li::before { content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:var(--nrl-blue); }
.nrl-cmp-a { border-top:3px solid var(--nrl-blue); }
.nrl-cmp-a h3 { color:var(--nrl-deep); }
.nrl-cmp-b { border-top:3px solid var(--nrl-warm); }
.nrl-cmp-b h3 { color:var(--nrl-warm); }
.nrl-cmp-b li::before { background:var(--nrl-warm); }

.nrl-table { width:100%; border-collapse:collapse; background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:var(--nrl-r-sm); overflow:hidden; }
.nrl-table th { width:100px; text-align:left; font-size:12px; font-weight:800; color:var(--nrl-deep); background:var(--nrl-card2); padding:12px 16px; border-bottom:1px solid var(--nrl-line2); vertical-align:top; }
.nrl-table td { font-size:12px; line-height:1.72; color:var(--nrl-sub); padding:12px 16px; border-bottom:1px solid var(--nrl-line2); }
.nrl-table tr:last-child th, .nrl-table tr:last-child td { border-bottom:0; }

.nrl-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.nrl-list li { position:relative; padding:12px 16px 12px 38px; background:var(--nrl-card); border:1px solid var(--nrl-line); border-radius:10px; font-size:12.5px; line-height:1.72; color:var(--nrl-sub); }
.nrl-list li::before { content:"✓"; position:absolute; left:15px; top:12px; font-weight:800; color:var(--nrl-blue); }

@media (max-width:560px) { .nrl-res-card.nrl-main b { font-size:34px; } }