:root{--brand: #1fbf8a;--brand-deep: #0e9f6e;--brand-grad: linear-gradient(135deg, #1fbf8a, #0e9f6e);--bg: #f6f7f9;--card: #ffffff;--text: #1f2937;--text-2: #6b7280;--text-3: #9ca3af;--line: #eef0f3;--danger: #e24b4a;--warn: #ef9f27;--info: #6aa6ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#eef1f4;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--text)}#app{min-height:100vh}.page{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.page.has-tab{padding-bottom:76px}.navbar{background:var(--brand-grad);color:#fff;padding:22px 18px 18px}.navbar .title{font-size:20px;font-weight:600}.navbar .sub{margin-top:4px;font-size:12px;opacity:.85}.block{margin:12px}.card{background:var(--card);border-radius:14px;padding:14px}.block-head{display:flex;align-items:center;justify-content:space-between;margin:14px 14px 8px}.block-title{font-size:15px;font-weight:600}.block-action{font-size:13px;color:var(--brand-deep);cursor:pointer}.field{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:none}.field .label{flex:none;width:88px;font-size:14px;color:var(--text-2)}.field .label .req{color:var(--danger);margin-left:2px}.field .label .opt{font-size:11px;color:var(--text-3);margin-left:2px}.field input,.field select{flex:1;border:none;outline:none;font-size:15px;color:var(--text);background:transparent;min-width:0}.field input::placeholder{color:#c3c8cf}.btn{display:block;width:100%;border:none;border-radius:24px;background:var(--brand-grad);color:#fff;font-size:16px;font-weight:500;padding:13px 0;cursor:pointer}.btn:disabled{opacity:.6}.btn-plain{background:#fff;color:var(--brand-deep);border:1px solid var(--brand)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:60px;background:#fff;border-top:1px solid var(--line);display:flex;z-index:50}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-3);font-size:11px;cursor:pointer}.tabbar .tab.active{color:var(--brand-deep);font-weight:600}.tabbar .tab .ico{font-size:20px;line-height:1}.tag{display:inline-block;font-size:11px;line-height:1;padding:4px 9px;border-radius:999px}.tag.green{color:#0e9f6e;background:rgba(31,191,138,.12)}.tag.amber{color:#b45309;background:rgba(239,159,39,.15)}.tag.red{color:#dc2626;background:rgba(226,75,74,.12)}.tag.blue{color:#1d4ed8;background:rgba(106,166,255,.16)}.tag.gray{color:#5f5e5a;background:#f1efe8}.h5-toast{position:fixed;top:18%;left:50%;transform:translate(-50%) translateY(-8px);background:rgba(17,24,39,.86);color:#fff;font-size:14px;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:all .2s;z-index:999;max-width:78%;text-align:center}.h5-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.empty{text-align:center;padding:48px 0 30px;color:var(--text-3);font-size:13px}.thumb{width:74px;height:74px;border-radius:10px;object-fit:cover;cursor:zoom-in}.muted{color:var(--text-3);font-size:13px}.mono{font-family:SF Mono,Menlo,Consolas,monospace}.preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:999;cursor:zoom-out}.preview-mask img{width:100%;height:100%;object-fit:contain}