:root{--page:#ededed;--panel:#fff;--soft:#f7f7f7;--hover:#f5f7f5;--line:#e2e5e2;--line-strong:#d3d7d3;--text:#191919;--secondary:#555b56;--muted:#6d746e;--green:#07c160;--green-dark:#058f48;--green-soft:#e9f8ef}*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;min-height:100%;background:var(--page);color:var(--text);font:13px/1.45 "Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif}.records-page{width:100%;min-height:100vh;padding:16px}.records-frame{width:min(100%,1400px);min-height:calc(100vh - 32px);margin:0 auto;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel)}.masthead{position:sticky;z-index:5;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.masthead h1{margin:0;font-size:21px;font-weight:500;line-height:1.3}.masthead .count{display:block;margin-top:2px;color:var(--muted);font-size:13px}.masthead .count strong{margin:0 3px;color:var(--secondary);font-size:14px;font-weight:500}.export-meta{max-width:55%;color:var(--muted);font-size:12px;text-align:right;overflow-wrap:anywhere}.section-bar{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--soft)}.section-bar strong{font-size:14px;font-weight:500}.section-bar span{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;padding:2px 14px 18px}.contact-card{min-width:0;padding:14px 8px 12px;border-bottom:1px solid var(--line);border-radius:6px}.contact-card:hover{background:var(--hover)}.contact-head{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:11px;min-width:0}figure{width:50px;margin:0;text-align:center}.avatar-frame{position:relative;width:50px;height:50px;overflow:hidden;border-radius:8px;background:var(--green-soft)}.contact-avatar{position:absolute;inset:0;display:grid;width:100%;height:100%;place-items:center;object-fit:cover}.contact-avatar.fallback{color:var(--green-dark);font-size:15px;font-weight:500}.identity-fields,.contact-details{min-width:0}.contact-details{margin-top:8px}.contact-field{display:grid;grid-template-columns:76px minmax(0,1fr);gap:7px;min-width:0;padding:3px 0}.contact-field span{color:var(--muted);font-size:12px;white-space:nowrap}.contact-field b{min-width:0;color:var(--secondary);font-size:12px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}.empty-value{color:#a6aca7}.empty-state{display:grid;min-height:260px;place-items:center;color:var(--muted)}@media(max-width:1100px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.records-page{padding:0}.records-frame{min-height:100vh;border:0;border-radius:0}.masthead{align-items:flex-start;flex-direction:column;gap:7px;padding:14px 16px}.export-meta{max-width:100%;text-align:left}.contact-grid{grid-template-columns:minmax(0,1fr);padding-inline:9px}}
