.records-main{width:100%;display:flex;justify-content:center;padding:clamp(16px,4vw,32px) clamp(12px,3vw,20px);box-sizing:border-box}.records-inner{width:100%;max-width:var(--max-w)}.records-title{font-size:clamp(20px,4vw,26px);font-weight:700;color:var(--text-primary);margin:0 0 6px}.records-sub{font-size:13px;color:var(--text-secondary);margin:0 0 20px}.records-login-gate,.records-empty{background:var(--bg-panel);border-radius:var(--radius-md);padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:14px;box-shadow:var(--shadow-panel)}.records-login-gate p{margin:0 0 14px}.records-empty a{color:var(--accent-strong);font-weight:600}.records-list{display:flex;flex-direction:column;gap:10px}.records-row{display:flex;flex-direction:column;gap:4px;background:var(--bg-white);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-card);text-decoration:none;box-sizing:border-box;transition:transform .1s,box-shadow .15s}.records-row:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.records-row-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.records-row-date{font-size:14px;font-weight:600;color:var(--text-primary)}.records-row-level{font-size:12px;color:var(--accent-mid);font-weight:600;white-space:nowrap}.records-row-sub{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-secondary)}.records-row-status{color:var(--text-muted)}.records-error{color:var(--warn-color-text);text-align:center}.records-loading{color:var(--text-muted);text-align:center;font-size:13px}