/* Den · 记账本 */
.den-ledger{padding:0 0 24px}
.lg-month{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:14px 18px 0;
}
.lg-month-mid{text-align:center;line-height:1.25}
.lg-month-mid strong{display:block;font-size:15px;letter-spacing:.02em}
.lg-month-mid small{display:block;font-size:11px;opacity:.55;margin-top:2px}
.lg-nav{flex:0 0 auto}

.lg-totals{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  margin:14px 18px 0;
}
.lg-total{
  padding:11px 10px;border-radius:14px;text-align:center;
  background:rgba(255,255,255,.5);
  border:1px solid rgba(126,95,159,.14);
}
.lg-total small{display:block;font-size:10.5px;opacity:.6;letter-spacing:.04em}
.lg-total b{display:block;margin-top:4px;font-size:19px;font-weight:700;letter-spacing:-.01em}
.lg-out b{color:#d0607f}
.lg-in b{color:#5c9a86}
.lg-net b{color:#6f5f92}
.lg-net b.minus{color:#d0607f}

.lg-cats{margin:12px 18px 0;display:flex;flex-direction:column;gap:7px}
.lg-cat{display:flex;align-items:center;gap:9px;font-size:12px}
.lg-cat-name{flex:0 0 46px;opacity:.75}
.lg-cat-bar{
  flex:1;height:7px;border-radius:99px;overflow:hidden;
  background:rgba(126,95,159,.1);
}
.lg-cat-bar i{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,rgba(208,96,127,.55),rgba(208,96,127,.85));
}
.lg-cat-num{flex:0 0 auto;font-variant-numeric:tabular-nums;opacity:.7}

.lg-form{margin:18px 18px 0;display:flex;flex-direction:column;gap:9px}
.lg-kind{display:flex;gap:7px}
.lg-kind-btn{
  flex:1;padding:8px 0;border-radius:11px;font-size:13px;cursor:pointer;
  border:1px solid rgba(126,95,159,.18);
  background:rgba(255,255,255,.45);color:#6b5f7d;
  font-family:inherit;-webkit-tap-highlight-color:transparent;
}
.lg-kind-btn.on{
  background:rgba(208,96,127,.12);border-color:rgba(208,96,127,.42);
  color:#c0567a;font-weight:600;
}
.lg-row{display:flex;gap:9px}
.lg-row .lg-field{flex:1;min-width:0}
.lg-field{display:flex;flex-direction:column;gap:4px;font-size:11.5px}
.lg-field span{opacity:.6;letter-spacing:.03em;padding-left:2px}
.lg-field input,.lg-field select{
  font:inherit;font-size:14px;padding:9px 11px;border-radius:11px;
  border:1px solid rgba(126,95,159,.18);
  background:rgba(255,255,255,.62);color:#43394d;
  width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;
}
.lg-field select{background-image:none}
.lg-field input:focus,.lg-field select:focus{
  outline:none;border-color:rgba(208,96,127,.5);
  background:rgba(255,255,255,.85);
}
.lg-amount input{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.lg-save{
  margin-top:3px;padding:11px 0;border:0;border-radius:13px;cursor:pointer;
  background:linear-gradient(135deg,#d17b96,#b96b8c);color:#fff;
  font:inherit;font-size:14px;font-weight:600;letter-spacing:.04em;
  -webkit-tap-highlight-color:transparent;
}
.lg-save:disabled{opacity:.55}
.lg-hint{margin:2px 2px 0;font-size:11px;line-height:1.5;opacity:.55}

.lg-list{margin:18px 18px 0;display:flex;flex-direction:column;gap:12px}
.lg-empty{font-size:12px;line-height:1.6;opacity:.55;text-align:center;padding:14px 0}
.lg-day > header{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:0 2px 5px;border-bottom:1px solid rgba(126,95,159,.12);
}
.lg-day > header b{font-size:12px;letter-spacing:.04em;opacity:.8}
.lg-day > header small{font-size:11px;opacity:.5;font-variant-numeric:tabular-nums}
.lg-item{
  display:flex;align-items:center;gap:9px;padding:9px 2px;
  border-bottom:1px solid rgba(126,95,159,.07);font-size:13px;
}
.lg-item:last-child{border-bottom:0}
.lg-item-cat{
  flex:0 0 auto;padding:2px 8px;border-radius:99px;font-size:11px;
  background:rgba(126,95,159,.1);opacity:.85;
}
.lg-item-note{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  opacity:.7;font-size:12px;
}
.lg-ai{
  margin-left:6px;padding:1px 5px;border-radius:5px;font-style:normal;
  font-size:9px;font-weight:700;letter-spacing:.06em;
  background:rgba(107,155,214,.16);color:#5b86bb;
}
.lg-item-amt{
  flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:600;color:#d0607f;
}
.lg-item.income .lg-item-amt{color:#5c9a86}
.lg-del{
  flex:0 0 auto;width:22px;height:22px;padding:0;border:0;border-radius:50%;
  background:rgba(126,95,159,.08);color:#8d7fa3;font-size:14px;line-height:1;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.lg-del:active{background:rgba(208,96,127,.18);color:#c0567a}