/* v0.3beta3.2 — 统一配色与交互 */
:root{--primary:#1A2D4A;--primary-dark:#101D33;--accent:#C4A24A;--bg:#F7F6F2;--card:#FFF;--text:#2C2D30;--text-sub:#7D7F84;--border:#E2E1DD;--success:#2D5A27;--warn:#C26A00;--error:#BC3A2E;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow-hover:0 4px 14px rgba(15,27,45,.12)}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
.btn{display:inline-block;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease;position:relative}
.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}
.btn-success{background:var(--success);color:#fff}.btn-warn{background:var(--warn);color:#fff}.btn-danger{background:var(--error);color:#fff}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}
.btn:active{transform:scale(.96);transition:transform .1s}
.btn-primary:active{background:var(--primary-dark)}
.btn:disabled,.btn.disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
.btn.loading{color:transparent!important;pointer-events:none}
.btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.card{background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.msg-retry{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:var(--error);cursor:pointer;background:none;border:none;padding:2px 8px;border-radius:4px}
.msg-retry:hover{background:rgba(188,58,46,.08)}
.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}
.status-collecting{background:#e3f2fd;color:var(--primary)}
.status-reviewing{background:#fff3e0;color:var(--warn)}
.status-waiting{background:#fff3e0;color:var(--warn)}
.status-completed{background:#e8f5e9;color:var(--success)}
.status-disputed{background:#fce4ec;color:var(--error)}
.status-cancelled{background:#eee;color:var(--text-sub)}
.header-bar{background:var(--primary);color:#fff;padding:14px 20px;text-align:center;font-size:17px;font-weight:600}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:999;animation:toastIn .3s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
input,textarea,select{padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;outline:none;background:#fafafa;transition:border .2s;width:100%}
input:focus,textarea:focus{border-color:var(--primary);background:#fff}
.footer-bar{text-align:center;padding:16px;font-size:11px;color:var(--text-sub);margin-top:20px}