/* ============================================
   记录页面共享样式 — 暗金主题
   ============================================ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%; background:#0f1319; }
body { font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; color:#e8e6e3; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; }

.rec-header {
    position:fixed; top:0; left:0; right:0; height:50px;
    background:linear-gradient(180deg, rgba(15,19,25,0.98), rgba(15,19,25,0.92));
    backdrop-filter:blur(20px); display:flex; align-items:center; justify-content:space-between;
    padding:0 12px; z-index:100; border-bottom:1px solid rgba(212,165,116,0.08);
}
.rec-back { width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:none; border:none; color:#D4A574; cursor:pointer; }
.rec-title { font-size:17px; font-weight:600; color:#e8e6e3; }
.rec-filter { display:flex; align-items:center; gap:4px; background:none; border:none; color:rgba(255,255,255,0.5); font-size:13px; cursor:pointer; font-family:inherit; }
.rec-filter svg { width:14px; height:14px; }

/* Tabs */
.rec-tabs {
    position:fixed; top:50px; left:0; right:0; height:44px;
    background:rgba(15,19,25,0.95); backdrop-filter:blur(20px);
    display:flex; overflow-x:auto; z-index:90; border-bottom:1px solid rgba(212,165,116,0.08);
    -webkit-overflow-scrolling:touch;
}
.rec-tabs::-webkit-scrollbar { display:none; }
.rec-tab {
    flex:0 0 auto; padding:0 16px; height:44px;
    display:flex; align-items:center; justify-content:center;
    background:none; border:none; font-size:13px; color:rgba(255,255,255,0.35);
    cursor:pointer; font-family:inherit; white-space:nowrap; position:relative; transition:color 0.25s;
}
.rec-tab.active { color:#D4A574; font-weight:600; }
.rec-tab.active::after {
    content:''; position:absolute; bottom:0; left:20%; right:20%;
    height:2px; border-radius:1px; background:linear-gradient(90deg, transparent, #D4A574, transparent);
}

/* Table header */
.rec-table-header {
    position:fixed; top:50px; left:0; right:0; height:40px;
    background:rgba(15,19,25,0.95); display:flex; align-items:center;
    padding:0 16px; border-bottom:1px solid rgba(212,165,116,0.08);
    z-index:89;
}
.rec-tabs + .rec-table-header { top:94px; }
.rec-col { flex:1; font-size:12px; color:rgba(255,255,255,0.35); text-align:center; }

/* Content */
.rec-content {
    position:fixed; left:0; right:0; bottom:0;
    top:90px; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:10px 0;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 20px));
}
.rec-tabs ~ .rec-content { top:94px; }
.rec-table-header ~ .rec-content { top:130px; }
.rec-tabs + .rec-table-header ~ .rec-content { top:134px; }
.rec-content::-webkit-scrollbar { display:none; }

.rec-empty { text-align:center; padding:60px 20px; color:rgba(255,255,255,0.3); font-size:14px; }