*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f6f7f8;color:#111}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#111;color:#fff;padding:10px 16px;font-size:16px;font-weight:600}.container{max-width:900px;margin:24px auto;padding:0 16px}h1,h2,h3{margin:0 0 12px}.card{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{display:flex;flex-direction:column;gap:6px}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff}textarea{min-height:90px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn,.row{align-items:center}.btn{display:inline-flex;justify-content:center;border:1px solid #222;background:#222;color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none}.btn.secondary{background:#fff;color:#111;border-color:#bbb}.btn.danger{background:#fff;color:#ba2020;border-color:#f0b1b1}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #efefef;padding:8px;text-align:left;font-size:14px}.muted{color:#666;font-size:14px}.unit-btn{border:1px solid #bbb;background:#fff;color:#111;border-radius:8px;padding:8px 12px;cursor:pointer}.unit-btn.active{border-color:#222;background:#222;color:#fff}@media (max-width:768px){.grid{grid-template-columns:1fr}}