:root{--green:#2f5d50;--green-dark:#24483e;--green-soft:#e4ede9;--brown:#5c4433;--brown-soft:#f1eae2;--cream:#f7f4ec;--line:#2c2c2a1a;--line-strong:#2c2c2a2e;--text:#2c2c2a;--text-2:#6b6a66;--text-3:#9a9893;--ok:#3b6d11;--ok-bg:#eaf3de;--try:#185fa5;--try-bg:#e6f1fb;--other:#854f0b;--other-bg:#faeeda;--lost:#a32d2d;--lost-bg:#fcebeb;--radius:12px;--radius-sm:8px;--tabbar-h:54px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#e8e5dd;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}#app{height:100%}.shell{background:var(--cream);max-width:480px;height:100%;box-shadow:0 0 0 .5px var(--line);flex-direction:column;margin:0 auto;display:flex;position:relative}main{-webkit-overflow-scrolling:touch;padding:12px 14px calc(var(--tabbar-h) + 24px);flex:1;overflow:hidden auto}main.plain{padding-bottom:20px}.appbar{background:var(--green);color:#fff;flex:none;align-items:center;gap:8px;height:50px;padding:0 14px;font-size:15px;font-weight:500;display:flex}.appbar .back{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-6px;display:flex}.appbar .back:hover{background:#ffffff1f}.appbar .spacer{flex:1}.appbar .act{opacity:.92;cursor:pointer;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:400}.appbar .act:hover{background:#ffffff1f}.tabbar{height:var(--tabbar-h);border-top:.5px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:absolute;bottom:0;left:0;right:0}.tabbar a{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.tabbar a.on{color:var(--green);font-weight:500}.tabbar .ico{font-size:17px;line-height:1}.card{border-radius:var(--radius);border:.5px solid var(--line);background:#fff;margin-bottom:10px;padding:14px}.card.tight{padding:12px}.sec-t{color:var(--text-2);align-items:center;gap:6px;margin:16px 2px 8px;font-size:13px;font-weight:500;display:flex}.sec-t:first-child{margin-top:4px}.tag{background:var(--green-soft);color:var(--green);white-space:nowrap;border-radius:9px;padding:0 7px;font-size:11px;line-height:18px;display:inline-block}.tag.try{background:var(--try-bg);color:var(--try)}.tag.other{background:var(--other-bg);color:var(--other)}.tag.lost{background:var(--lost-bg);color:var(--lost)}.tag.plain{color:var(--text-2);background:#f1efe8}.tag.pend{color:var(--other);box-shadow:inset 0 0 0 .5px var(--other);background:#fff}.seg{background:#efede6;border-radius:10px;margin-bottom:12px;padding:3px;display:flex}.seg button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 4px;font-size:13px}.seg button.on{color:var(--green);background:#fff;font-weight:500;box-shadow:0 1px 3px #0000000f}.btn{background:var(--green);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:15px;font-weight:500;display:block}.btn:active{background:var(--green-dark)}.btn.ghost{color:var(--green);border:.5px solid var(--green);background:0 0}.btn.gray{color:var(--text-2);background:#efede6}.btn[disabled]{opacity:.45;cursor:not-allowed}.field{margin-bottom:12px}.field label{color:var(--text-2);margin-bottom:5px;font-size:12px;display:block}.field input,.field select,.field textarea{border:.5px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);background:#fff;outline:none;padding:10px 11px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field .hint{color:var(--text-3);margin-top:4px;font-size:11px}.prow{border-bottom:.5px solid var(--line);gap:10px;padding:8px 0;font-size:13px;display:flex}.prow:last-child{border-bottom:0}.prow .k{color:var(--text-3);flex:0 0 76px}.prow .v{color:var(--text);word-break:break-all;flex:1}.empty{text-align:center;color:var(--text-3);padding:40px 20px;font-size:13px}.toast{color:#fff;z-index:90;text-align:center;background:#2c2c2aeb;border-radius:10px;max-width:82%;padding:9px 14px;font-size:13px;line-height:1.5;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.dim{color:var(--text-3);font-size:12px}.chips{flex-wrap:wrap;gap:8px;padding:2px 0;display:flex}.chip{border:1px solid var(--line);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:7px 13px;font-size:12.5px;display:inline-block}.chip.on{background:var(--green);border-color:var(--green);color:#fff;font-weight:500}.toolbar{gap:8px;margin-bottom:12px;display:flex}.search{border:.5px solid var(--line-strong);min-width:0;height:40px;font:inherit;color:var(--text);background:#fff;border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:14px}.search:focus{border-color:var(--green)}.btn.sm{flex:none;width:auto;height:40px;margin:0;padding:0 16px;font-size:13px}.tl-i{border-bottom:.5px solid var(--line);justify-content:space-between;gap:10px;padding:11px 0;font-size:13px;display:flex}.tl-i:last-child{border-bottom:0}.tl-l{min-width:0}.tl-t{word-break:break-word;font-weight:500}.tl-s{color:var(--text-3);margin-top:3px;font-size:11.5px}.tl-r{text-align:right;white-space:nowrap;font-size:13px}