/* ============== 公共样式 ============== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#F5F5F7;color:#222;font-size:14px;-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:60px}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
ul,ol{list-style:none}

/* 状态栏（iPhone 14 Pro 灵动岛） */
.status-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#FFF;position:sticky;top:0;z-index:100}
.status-bar .time{font-weight:600;font-size:15px}
.status-bar .right{display:flex;align-items:center;gap:6px}
.status-bar svg{width:18px;height:18px}

/* 顶部导航 */
.nav-bar{height:44px;background:#FFF;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #F0F0F0;position:sticky;top:44px;z-index:99}
.nav-bar .title{font-size:16px;font-weight:600}
.nav-bar .left,.nav-bar .right{position:absolute;top:0;height:44px;display:flex;align-items:center;padding:0 14px;font-size:18px;cursor:pointer}
.nav-bar .left{left:0}
.nav-bar .right{right:0}

/* 底部Tab栏 */
.tab-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#FFF;display:flex;border-top:1px solid #EEE;z-index:1000;box-shadow:0 -2px 8px rgba(0,0,0,.04)}
.tab-bar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#999;font-size:11px;padding:6px 0}
.tab-bar .tab.active{color:#E60012}
.tab-bar .tab .ic{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.tab-bar .tab .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.tab-bar .tab .ic.filled svg{fill:currentColor;stroke:none}

/* 通用按钮 */
.btn{display:inline-block;border:none;cursor:pointer;font-family:inherit}
.btn-primary{width:100%;background:linear-gradient(135deg,#FF6B35,#E60012);color:#FFF;font-size:17px;font-weight:700;padding:13px 0;border-radius:24px;box-shadow:0 4px 12px rgba(230,0,18,.25)}
.btn-primary:active{opacity:.85;transform:scale(.98)}
.btn-secondary{width:100%;background:#FFF;color:#E60012;border:1px solid #E60012;font-size:15px;padding:11px 0;border-radius:24px}

/* 通用容器 */
.container{padding:0 0;background:#F5F5F7;min-height:calc(100vh - 100px)}

/* 卡片 */
.card{background:#FFF;border-radius:10px;margin:8px 12px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.03)}

/* 列表 */
.row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#FFF}
.row .label{display:flex;align-items:center;gap:10px;color:#333}
.row .value{color:#999;font-size:13px}
.divider{height:1px;background:#F0F0F0;margin:0 16px}

/* 空状态 */
.empty{text-align:center;padding:60px 20px;color:#999}
.empty .icon{font-size:60px;margin-bottom:12px}
.empty .text{font-size:14px}

/* 标签 */
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}
.tag-red{background:#FFE8E5;color:#E60012}
.tag-gold{background:#FFF5DC;color:#C9961B}
.tag-green{background:#E6F7E6;color:#2E7D32}
.tag-gray{background:#F0F0F0;color:#666}

/* 颜色变量 */
:root{
  --primary:#E60012;
  --primary-light:#FF6B35;
  --gold:#FFD700;
  --bg:#F5F5F7;
  --text:#222;
  --text-sub:#666;
  --text-light:#999;
  --border:#EEE;
}