:root{--bg: #f6ede4;--card: #ffffff;--text: #3b2c1c;--muted: rgba(59, 44, 28, .55);--accent: #cb7839;--accent-deep: #653c1c;--cream: #fff2e0;--danger: #c45c4a;--ok: #3d8f6a;--shadow: 0 10px 10px 0 #cb793a24}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}.shell{max-width:420px;margin:0 auto;min-height:100vh;padding:24px 28px 40px}.shell.login{padding-top:16vh}.welcome{margin-bottom:36px}.welcome-title{font-size:22px;font-weight:600;line-height:1.5}.welcome-text{color:var(--text)}.welcome-brand{color:var(--accent)}.welcome-sub{margin-top:8px;font-size:15px;font-weight:500;color:var(--accent)}.field{margin-top:18px;padding:4px 6px 4px 18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.1) -30%,#ffffff 34%);box-shadow:var(--shadow)}.field input{width:100%;border:none;background:transparent;color:var(--text);padding:12px 8px;outline:none}.field-code{display:flex;align-items:center;padding-right:6px}.field-code input{flex:1;min-width:0}input::placeholder{color:#6666668c}.btn{border:none;border-radius:999px;padding:14px 16px;background:linear-gradient(180deg,#cb7839 27.27%,#653c1c 150%);color:var(--cream);font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.login{width:100%;margin-top:28px;box-shadow:0 8px 24px #cb783947}.btn.send{flex-shrink:0;padding:10px 14px;font-size:13px;white-space:nowrap}.btn.ghost{width:auto;flex:1;font-size:14px;background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:none}.btn.text{background:transparent;color:var(--accent);width:auto;padding:6px 14px;font-weight:500;font-size:14px;flex-shrink:0;border:1px solid var(--accent);border-radius:999px}.msg{color:var(--danger);font-size:13px;min-height:18px;margin:10px 4px 0}.hint{color:var(--muted);font-size:12px;line-height:1.6}.hint.foot{margin-top:16px;padding:0 4px}.card{background:var(--card);border-radius:20px;padding:18px 16px;margin-bottom:14px;box-shadow:var(--shadow)}.top{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#cb7839 27.27%,#653c1c 150%);color:var(--cream);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.who{flex:1;min-width:0}.top .name,.name{font-size:17px;font-weight:600;color:var(--text)}.top .code{color:var(--muted);font-size:12px;margin-top:2px;letter-spacing:.02em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat{background:var(--card);border-radius:16px;padding:14px 8px;text-align:center;box-shadow:var(--shadow)}.stat .n{font-size:18px;color:var(--accent);font-weight:600}.stat .l{font-size:12px;color:var(--muted);margin-top:4px}.qr{text-align:center}.qr img{width:200px;height:200px;background:#fff;border-radius:12px}.actions{display:flex;gap:10px;margin-top:14px}.actions .btn{flex:1}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 0;border-bottom:1px solid rgba(203,120,57,.12);font-size:14px}.list-item:last-of-type{border-bottom:none}.tag{font-size:12px;color:var(--ok);white-space:nowrap;margin-top:2px}.tag.off{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:24px 0}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}