:root {
  color-scheme: light;
  --paper:#f4f6ef; --white:#fff; --ink:#182b24; --muted:#52655a; --line:#d9e1d7;
  --deep:#174b38; --green:#25634d; --mint:#e0eee4; --gold:#f4da8d; --error:#9e3028;
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color:var(--ink); background:var(--paper); font-size:15px;
}
* {box-sizing:border-box}
body {margin:0}
[hidden] {display:none!important}
a {color:inherit;text-decoration:none}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea,summary {outline-offset:4px}
button:disabled {opacity:.56;cursor:not-allowed}
img {display:block;max-width:100%}
h1,h2,h3,p {margin:0}
h1 {font-size:clamp(29px,5.5vw,44px);letter-spacing:-.045em;line-height:1.12}
h2 {font-size:22px;line-height:1.3;letter-spacing:-.025em}
h3 {font-size:17px}
p {line-height:1.65}
.shell {width:min(100% - 40px, 1000px);margin-inline:auto}
.top {background:#fff;border-bottom:1px solid var(--line)}
.top-inner {min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand {display:flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap}
.brand small {font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:700}
.brand-mark {position:relative;width:25px;height:25px;display:inline-block}
.brand-mark::before,.brand-mark::after {position:absolute;content:'';background:#286447;width:13px;height:22px;border-radius:85% 40% 80% 45%;transform:rotate(28deg);top:1px;left:5px}
.brand-mark::after {height:13px;width:9px;top:11px;left:1px;background:#b5ce87;transform:rotate(-32deg)}
.nav {display:flex;gap:4px;overflow:auto;padding-top:10px;scrollbar-width:none}
.nav a {white-space:nowrap;padding:12px 17px;color:var(--muted);border-bottom:2px solid transparent;font-weight:700}
.nav a[aria-current] {border-color:var(--green);color:var(--deep)}
.content {padding-block:24px 42px}
.hero {position:relative;isolation:isolate;overflow:hidden;background:#153e32;color:#fff;padding:clamp(24px,5vw,50px);border-radius:24px;display:grid;gap:18px;min-height:245px;align-content:center}
.hero::after {content:'';position:absolute;z-index:-1;width:350px;height:245px;right:-65px;bottom:-92px;border-radius:55%;border:2px solid #88b98a;box-shadow:0 0 0 16px #205740,0 0 0 18px #88b98a,0 0 0 34px #205740,0 0 0 36px #88b98a,0 0 0 52px #205740,0 0 0 54px #88b98a;transform:rotate(-26deg);opacity:.62;pointer-events:none}
.hero p {color:#d9e9df;max-width:38ch}
.hero > * {position:relative;width:fit-content}
.hero .badge {background:var(--gold);color:#30270a}
.section {margin-top:26px}
.section-title {display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.panel,.row {background:var(--white);border:1px solid var(--line);border-radius:17px;padding:18px;min-width:0}
.stack {display:grid;gap:12px}
.row {display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.row:hover:where(a) {border-color:#7ba48d}
.row-main {display:grid;gap:5px;min-width:0}
.badge {display:inline-flex;align-self:start;justify-self:start;width:max-content;max-width:100%;padding:5px 10px;background:var(--mint);color:var(--deep);border-radius:999px;font-size:13px;font-weight:750}
.muted,time {color:var(--muted);font-size:13px}
.error {color:var(--error)}
.button,button {display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:9px 14px;border-radius:10px;background:var(--deep);color:white;border:1px solid transparent;font-weight:700;cursor:pointer;white-space:normal}
.alt {background:white;color:var(--deep);border-color:#b6c9bd}
.hero .button {background:var(--gold);color:#2c2819}
.inline {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.between {justify-content:space-between}
.link {text-decoration:underline;text-underline-offset:3px;color:var(--deep)}
.money {font-size:38px;letter-spacing:-.05em;font-weight:800;line-height:1}
.wallet {padding:25px;background:#e7efdf}
label {display:grid;gap:6px;font-weight:600}
label.check {display:flex;align-items:center;gap:8px}
input:not([type=checkbox]),select,textarea {width:100%;min-width:0;border:1px solid #b7c8bd;border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink)}
input[type=file] {font-size:14px}
textarea {min-height:80px;resize:vertical}
button.icon {min-height:34px;padding:5px 10px}
details>summary {cursor:pointer;font-weight:700;padding:3px 0}
details>summary+* {margin-top:12px}
.meta {display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;margin:0}
.meta dt {color:var(--muted);font-size:13px}
.meta dd {margin:3px 0 0;overflow-wrap:anywhere}
.photo {width:100%;height:155px;object-fit:cover;border-radius:12px;background:#e6eee2}
.proof {width:min(100%,360px);max-height:300px;object-fit:contain;object-position:left center;background:var(--paper);border-radius:8px}
.tools {border-top:1px solid var(--line);padding-block:16px 32px;color:var(--muted)}
.tools form {display:flex;align-items:end;gap:8px;flex-wrap:wrap}
#toast {position:fixed;z-index:2;right:14px;bottom:14px;max-width:calc(100% - 28px);padding:12px 15px;border-radius:12px;background:#183b30;color:white}
#toast:empty {display:none}
#toast.error-toast {background:var(--error)}
dialog {border:1px solid var(--line);border-radius:18px;padding:20px;width:min(92vw,455px);color:var(--ink)}
dialog::backdrop {background:#0c231aaa}
.empty {padding:18px;border:1px dashed #a8bbac;border-radius:12px;color:var(--muted)}
.pre-wrap {white-space:pre-wrap;overflow-wrap:anywhere}
.code {font-variant-numeric:tabular-nums;letter-spacing:.14em;overflow-wrap:anywhere}
.compact {overflow-wrap:anywhere}
@media (max-width:580px) {
  .shell {width:calc(100% - 28px)}
  .brand small {display:none}
  .grid {grid-template-columns:1fr}
  .hero {min-height:235px}
  .hero::after {right:-200px;opacity:.36}
  .nav a {padding-inline:13px}
  .panel,.row {padding:15px}
}