/* ====== 69 餐补 · 暖橙（饭盒）+ 米白 + 芥末绿 ====== */
.mac{
  --bg:#fdf6ee; --bg2:#f8ead9; --card:#fff; --card2:#fffaf3;
  --ink:#211a12; --sub:#54452f; --faint:#92806a; --line:#efdfca; --line2:#f6ebdb;
  --orange:#d9762a; --orange-d:#b25a17; --orange-soft:#fbe6d2;
  --mustard:#a8a12c; --mustard-soft:#f5f2d3; --green:#5b8c3a; --red:#c45050;
  --shadow-sm:0 1px 2px rgba(33,26,18,.05),0 7px 18px rgba(33,26,18,.05);
  --shadow:0 2px 6px rgba(33,26,18,.07),0 22px 48px rgba(33,26,18,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(720px 340px at 96% -10%, rgba(217,118,42,.12), transparent 60%),
    radial-gradient(520px 300px at 0% 8%, rgba(168,161,44,.07), transparent 56%),
    var(--bg);
}
:root[data-theme="dark"] .mac{
  --bg:#1a1410; --bg2:#211910; --card:#261d13; --card2:#2f2417;
  --ink:#f6ece0; --sub:#cdbb9f; --faint:#8f7c62; --line:#3b2d1d; --line2:#2e2314;
  --orange:#e58f45; --orange-d:#f6ac69; --orange-soft:rgba(229,143,69,.15);
  --mustard:#d3c94f; --mustard-soft:rgba(211,201,79,.13);
}
.mac-hero{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:30px;padding:30px 0 24px;align-items:start;}
.mac-hero-l .tsk-h1 b{color:var(--orange-d);}

/* 便当盒四格 */
.mac-bento{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;position:relative;}
.mac-bento::before{content:"";position:absolute;inset:8px 50% 8px 50%;width:2px;background:var(--line2);}
.mac-bento-head{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 12px;border-bottom:1px dashed var(--line);margin-bottom:10px;}
.mac-bento-head span{font-size:12px;font-weight:800;color:var(--orange-d);}
.mac-bento-head em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--faint);}
.mac-bento{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;}
.mac-bento-head{grid-column:1 / -1;}
.mac-comp{border-radius:12px;padding:12px 13px;border:1px solid var(--line2);background:var(--card2);}
.mac-comp.mac-1{background:var(--orange-soft);border-color:rgba(217,118,42,.35);}
.mac-comp.mac-2{background:var(--mustard-soft);border-color:rgba(168,161,44,.35);}
.mac-comp.mac-3{background:#eef4e5;border-color:rgba(91,140,58,.3);}
.mac-comp.mac-4{background:var(--card2);}
.mac-comp label{display:block;font-size:11px;font-weight:700;color:var(--faint);margin-top:8px;}
.mac-comp label:first-child{margin-top:0;}
.mac-comp input,.mac-comp select{width:100%;height:32px;margin-top:4px;padding:0 8px;border:1.5px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:700 13px/32px var(--num,"Bahnschrift",monospace);outline:none;text-align:right;}
.mac-comp select{font-family:inherit;text-align:left;font-weight:700;font-size:11.5px;line-height:32px;}
.mac-comp input:focus,.mac-comp select:focus{border-color:var(--orange);}

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

.mac-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px;}
.mac-type{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);border-top:3px solid var(--orange);}
.mac-type:nth-child(2){border-top-color:var(--mustard);}
.mac-type:nth-child(3){border-top-color:var(--green);}
.mac-type header{font-size:13.5px;font-weight:800;color:var(--ink);}
.mac-type-std{margin-top:8px;font-size:12px;line-height:1.7;color:var(--orange-d);font-weight:700;}
.mac-type-tax{margin-top:6px;font-size:11.5px;line-height:1.7;color:var(--sub);}
.mac-type-for{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line2);font-size:11px;color:var(--faint);}

.mac-tax{display:grid;gap:8px;}
.mac-tax-row{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 16px;box-shadow:var(--shadow-sm);}
.mac-tax-name{font-size:12px;font-weight:800;color:var(--orange-d);}
.mac-tax-desc{font-size:11.5px;line-height:1.7;color:var(--sub);}
.mac-tax-tags{display:flex;flex-direction:column;gap:4px;align-items:flex-end;}
.mac-tax-tags span{font-size:10px;font-weight:800;color:var(--green);background:#e8f2dc;padding:2px 8px;border-radius:99px;}
.mac-tax-tags i{font-style:normal;font-size:10px;color:var(--faint);}

.mac-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);}
.mac-table th,.mac-table td{padding:13px 16px;text-align:left;font-size:12.5px;line-height:1.75;border-bottom:1px solid var(--line2);}
.mac-table tr:last-child th,.mac-table tr:last-child td{border-bottom:0;}
.mac-table th{width:104px;font-weight:800;color:var(--orange-d);background:var(--card2);}
.mac-table td{color:var(--sub);}

@media (max-width:900px){.mac-hero{grid-template-columns:1fr;}.mac-tax-row{grid-template-columns:1fr;gap:5px;}.mac-tax-tags{flex-direction:row;align-items:center;}.mac-table th{width:84px;}}