/* 33 美国销售税 · 收银小票版式：米黄纸 + 墨绿，双口径小票对照 */
.ust{
  --ink:#26332a; --sub:#66756a; --card:#fffdf5; --line:#e3dfc9;
  --pri:#2f6b52; --pri-soft:#e9f3e8; --ok:#2f7a55; --warn:#a47c22; --bad:#b04b3c; --bg:#f7f5ea;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.8;padding:26px 0 54px;min-height:60vh;
}
:root[data-theme="dark"] .ust{
  --ink:#eaf0e4; --sub:#a4b4a5; --card:#1a221b; --line:#334035;
  --pri:#8ed0aa; --pri-soft:rgba(142,208,170,.12); --ok:#7ad3a4; --warn:#e8c37a; --bad:#f0957e; --bg:#101610;
}
.ust *{box-sizing:border-box;}
.ust-wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.ust h1,.ust h2,.ust h3{margin:0;line-height:1.35;}
.ust b{font-weight:700;} .ust em{font-style:normal;}
.ust-hero{display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:center;padding:30px 32px;
  border:1px solid var(--line);border-radius:18px;background:linear-gradient(118deg,var(--card) 56%,var(--pri-soft));
  box-shadow:0 3px 16px rgba(40,90,60,.07);}
.ust-badge{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;}
.ust h1{font-size:31px;font-weight:800;margin:13px 0 12px;}
.ust h1 em{display:block;font-size:18px;font-weight:600;color:var(--pri);margin-top:6px;}
.ust-hero p{margin:0 0 16px;max-width:780px;color:var(--sub);font-size:15px;line-height:1.85;}
.ust-hero p b{color:var(--ink);}
.ust-hero-meta{display:flex;flex-wrap:wrap;gap:8px;}
.ust-hero-meta span{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12.5px;font-weight:650;color:var(--sub);}
.ust-receipt{width:130px;margin:0 auto;padding:16px 14px;background:var(--card);border:1px solid var(--line);
  box-shadow:0 5px 14px rgba(40,70,50,.1);display:flex;flex-direction:column;gap:9px;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);}
.ust-receipt i{font-style:normal;display:flex;justify-content:space-between;font:700 12px/1.6 ui-monospace,Menlo,monospace;color:var(--sub);border-bottom:1px dashed var(--line);padding-bottom:6px;}
.ust-receipt i:last-child{color:var(--pri);border-bottom:none;font-weight:800;}

.ust-card,.ust-panel,.ust-empty,.ust-kpi,.ust-bill,.ust-channels>div{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(40,90,60,.05);}
.ust-card{margin-top:18px;padding:22px 24px;}
.ust-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;}
.ust-card-h h2{font-size:20px;font-weight:750;} .ust-card-h span{font-size:12.5px;color:var(--sub);} .ust-card-h b{color:var(--bad);}
.ust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ust-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--sub);}
.ust-field b{color:var(--bad);margin-left:3px;}
.ust-in,.ust-ta{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .16s,box-shadow .16s;}
.ust-in:focus,.ust-ta:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.ust-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.ust-btn{padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;}
.ust-btn:hover{border-color:var(--pri);transform:translateY(-1px);box-shadow:0 3px 10px rgba(40,90,60,.1);}
.ust-btn:disabled{opacity:.5;cursor:not-allowed;}
.ust-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;} .ust-btn-main:hover{filter:brightness(1.12);}
.ust-btn-ghost{background:transparent;color:var(--sub);}
.ust-msg{margin:12px 0 0;font-size:13.5px;color:var(--sub);min-height:20px;}
.ust-msg.is-err{color:var(--bad);font-weight:600;} .ust-msg.is-ok{color:var(--ok);font-weight:600;}
.ust-empty{margin-top:18px;padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.ust-empty-ic{font-size:34px;} .ust-empty b{font-size:17px;}
.ust-empty em{max-width:640px;font-size:13.5px;color:var(--sub);line-height:1.8;}

.ust-out{margin-top:18px;}
.ust-bill{display:grid;grid-template-columns:1fr 220px;overflow:hidden;margin-bottom:14px;}
.ust-bill-main{padding:24px 26px;position:relative;}
.ust-bill-main:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(180deg,var(--pri) 0 8px,transparent 8px 16px);}
.ust-bill-k{font-size:12.5px;letter-spacing:.1em;color:var(--sub);}
.ust-bill-main>b{display:block;font:850 46px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--pri);margin:5px 0 14px;}
.ust-bill-rows{display:flex;flex-direction:column;gap:5px;font:600 13.5px/1.7 ui-monospace,Menlo,monospace;color:var(--sub);}
.ust-bill-rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:4px;}
.ust-bill-rows div b{color:var(--ink);}
.ust-bill-rate{padding:24px;background:var(--pri);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.ust-bill-rate span{font-size:12.5px;opacity:.86;}
.ust-bill-rate b{font:800 34px/1.3 ui-monospace,Menlo,monospace;}
.ust-bill-rate small{font-size:11.5px;opacity:.86;line-height:1.6;}
.ust-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;}
.ust-kpi{padding:16px;display:flex;flex-direction:column;gap:3px;}
.ust-kpi span{font-size:12.5px;color:var(--sub);}
.ust-kpi b{font:800 23px/1.3 ui-monospace,Menlo,monospace;color:var(--pri);}
.ust-kpi small{font-size:11.5px;color:var(--sub);}
.ust-panel{padding:20px 22px;margin-bottom:14px;}
.ust-h2{font-size:19px;font-weight:750;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
.ust-h2 span{font-size:12.5px;font-weight:400;color:var(--sub);}
.ust-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ust-channels>div{padding:16px 18px;box-shadow:none;}
.ust-channels>div.is-active{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri);}
.ust-channels h3{font-size:15px;font-weight:750;margin-bottom:9px;}
.ust-channels h3 em{font-size:11.5px;font-weight:600;color:var(--pri);margin-left:6px;}
.ust-channels ul{list-style:none;margin:0;padding:0;font-size:13px;color:var(--sub);line-height:1.9;}
.ust-channels li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:3px 0;}
.ust-channels li:last-child{border-bottom:none;}
.ust-channels li b{color:var(--ink);font-family:ui-monospace,Menlo,monospace;}
.ust-formula{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ust-formula div{padding:13px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.ust-formula span{display:block;font-size:12px;color:var(--sub);letter-spacing:.05em;}
.ust-formula code{display:block;font:700 13.5px/1.7 ui-monospace,Menlo,monospace;color:var(--pri);margin-top:5px;word-break:break-all;}
.ust-formula p{margin:5px 0 0;font-size:12.5px;color:var(--sub);line-height:1.7;}
.ust-tw{overflow:auto;border:1px solid var(--line);border-radius:10px;max-height:420px;}
.ust-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:620px;}
.ust-tb th,.ust-tb td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.ust-tb th{background:var(--pri-soft);font-weight:700;position:sticky;top:0;}
.ust-tb tr:last-child td{border-bottom:none;} .ust-tb tr:hover td{background:var(--bg);}
.ust-tb td:nth-child(n+3){font-family:ui-monospace,Menlo,monospace;}
.ust-tb .is-hit{color:var(--pri);font-weight:800;}
.ust-note{margin:12px 0 0;font-size:12.5px;color:var(--sub);line-height:1.8;}
.ust-ta{min-height:110px;resize:vertical;font:13.5px/1.7 ui-monospace,Menlo,monospace;}
.ust-final{margin-top:2px;}
[hidden]{display:none !important;}

@media (max-width:860px){
  .ust{padding:18px 0 40px;}
  .ust-hero{grid-template-columns:1fr;padding:22px 18px;} .ust-receipt{display:none;} .ust h1{font-size:26px;}
  .ust-card,.ust-panel{padding:18px 15px;}
  .ust-grid,.ust-kpis,.ust-formula,.ust-channels{grid-template-columns:repeat(2,1fr);}
  .ust-bill{grid-template-columns:1fr;}
  .ust-bill-main>b{font-size:36px;}
}