/* ====== 68 交通补助 · 沥青黑（路面）+ 交通黄 + 行车绿 ====== */
.tac2{
  --bg:#f1f3ef; --bg2:#e5e9e3; --card:#fff; --card2:#f7f9f6;
  --ink:#141a16; --sub:#3c4740; --faint:#7c8880; --line:#d7e0d9; --line2:#e7eee8;
  --asphalt:#26332c; --asphalt-2:#3d4d44; --asphalt-soft:#dfe7e1;
  --yellow:#dfa70e; --yellow-soft:#faf0d2; --green:#2f7a4e; --red:#c45050;
  --shadow-sm:0 1px 2px rgba(20,26,22,.05),0 7px 18px rgba(20,26,22,.05);
  --shadow:0 2px 6px rgba(20,26,22,.07),0 22px 48px rgba(20,26,22,.10);
  --r:20px; --r-sm:13px;
  background:
    repeating-linear-gradient(90deg,rgba(38,51,44,.03) 0 1px,transparent 1px 26px),
    radial-gradient(700px 320px at 96% -10%, rgba(223,167,14,.10), transparent 60%),
    var(--bg);
}
:root[data-theme="dark"] .tac2{
  --bg:#0e1410; --bg2:#131b15; --card:#1a231c; --card2:#202b23;
  --ink:#e9f1eb; --sub:#a9b9ae; --faint:#6f8076; --line:#28362b; --line2:#1e2a21;
  --asphalt:#d3dfd6; --asphalt-2:#a5b8ab; --asphalt-soft:rgba(211,223,214,.10);
  --yellow:#f0b92a; --yellow-soft:rgba(240,185,42,.13); --green:#57b487;
}
.tac2-hero{display:grid;grid-template-columns:minmax(0,1fr) 366px;gap:30px;padding:30px 0 24px;align-items:start;}
.tac2-hero-l .tsk-h1 b{color:var(--green);}

.tac2-meter{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px 22px;}
.tac2-meter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--line2);}
.tac2-meter-head span{font-size:12px;font-weight:800;color:var(--asphalt);letter-spacing:.04em;}
.tac2-meter-head em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--faint);}
.tac2-dial{display:grid;place-items:center;padding:14px 0 6px;}
.tac2-dial-face{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 50% 40%,var(--card2),transparent 70%),var(--card2);
  border:6px solid var(--asphalt-soft);box-shadow:inset 0 0 0 1px var(--line);}
.tac2-dial-face span{font:800 30px/1 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.tac2-dial-face small{font-size:10px;color:var(--faint);font-weight:700;margin-top:4px;}
.tac2-meter label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:9px;}
.tac2-meter input{width:100%;height:34px;margin-top:4px;padding:0 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);font:700 13.5px/34px var(--num,"Bahnschrift",monospace);outline:none;text-align:right;}
.tac2-meter input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-soft);}

.tac2-result{margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.tac2-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;}
.tac2-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.tac2-res-card b{display:block;font:800 24px/1.15 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.tac2-res-card span{display:block;font-size:11.5px;color:var(--faint);font-weight:700;margin-top:5px;}
.tac2-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;line-height:1.5;}
.tac2-res-card.tac2-main{background:var(--yellow-soft);border-color:rgba(223,167,14,.45);}
.tac2-res-card.tac2-main b{color:var(--asphalt-2);}
.tac2-alert{margin-top:14px;padding:12px 15px;border-radius:10px;background:var(--asphalt-soft);border:1px solid rgba(38,51,44,.2);font-size:12.5px;line-height:1.75;color:var(--sub);}
.tac2-alert b{color:var(--green);}

.tac2-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:11px;}
.tac2-mode{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);border-left:4px solid var(--asphalt);}
.tac2-mode header{font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:9px;}
.tac2-mode dl{margin:0;}
.tac2-mode dt{font-size:10.5px;font-weight:800;color:var(--faint);margin-top:7px;}
.tac2-mode dd{margin:2px 0 0;font-size:11.5px;line-height:1.7;color:var(--sub);}
.tac2-mode dd.tac2-tax{color:var(--green);font-weight:600;}

.tac2-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-sm);}
.tac2-table th,.tac2-table td{padding:13px 16px;text-align:left;font-size:12.5px;line-height:1.75;border-bottom:1px solid var(--line2);vertical-align:top;}
.tac2-table tr:last-child th,.tac2-table tr:last-child td{border-bottom:0;}
.tac2-table th{width:130px;font-weight:800;color:var(--asphalt-2);background:var(--card2);}
.tac2-table td{color:var(--sub);}
.tac2-table td small{display:block;font-size:10.5px;color:var(--faint);margin-top:3px;}

.tac2-taxlist{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.tac2-taxlist li{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 16px;box-shadow:var(--shadow-sm);}
.tac2-taxlist b{font-size:12px;font-weight:800;color:var(--green);}
.tac2-taxlist span{font-size:11.5px;line-height:1.7;color:var(--sub);}

@media (max-width:900px){.tac2-hero{grid-template-columns:1fr;}.tac2-taxlist li{grid-template-columns:1fr;gap:4px;}.tac2-table th{width:92px;}}