*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f7fa;color:#333;font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* 容器 */
.h5-container{max-width:640px;margin:0 auto;min-height:100vh;background:#f5f7fa;padding-bottom:80px}
.page-header{background:#fff;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.page-header h2{font-size:18px;font-weight:500}
.card{background:#fff;border-radius:8px;padding:16px;margin:12px 20px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}

/* 按钮 */
.btn{display:inline-block;width:100%;height:44px;line-height:44px;text-align:center;border-radius:8px;font-size:16px;border:none;cursor:pointer;transition:opacity .2s}
.btn:active{opacity:0.8}
.btn-primary{background:#1a3a8c;color:#fff}
.btn-primary:disabled{background:#ccc;cursor:not-allowed}
.btn-outline{background:#fff;border:1px solid #1a3a8c;color:#1a3a8c}
.btn-block{margin:20px}
.btn-small{height:32px;line-height:32px;padding:0 12px;font-size:13px;border-radius:6px;display:inline-block;width:auto}

/* 表单 */
.form-item{margin-bottom:16px}
.form-item label{display:block;margin-bottom:8px;color:#666;font-size:14px}
.form-item input,.form-item select,.form-item textarea{width:100%;height:42px;padding:0 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;background:#fff;transition:border-color .2s}
.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1a3a8c}
.form-item textarea{height:80px;padding:10px 12px;resize:none}
.form-row{display:flex;gap:12px}
.form-row .form-item{flex:1}

/* 标签 */
.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px}
.tag-primary{background:#e8f0ff;color:#1a3a8c}
.tag-success{background:#e1f3d8;color:#67c23a}
.tag-warning{background:#fdf6ec;color:#e6a23c}
.tag-danger{background:#fef0f0;color:#f56c6c}

/* 底部导航 */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:640px;margin:0 auto;background:#fff;border-top:1px solid #eee;display:flex;height:60px;z-index:20}
.nav-item{flex:1;text-align:center;padding:8px 0;font-size:12px;color:#999}
.nav-item.active{color:#1a3a8c}
.nav-item .icon{font-size:20px;margin-bottom:2px}

/* 列表 */
.list-item{padding:12px 0;border-bottom:1px solid #f0f0f0}
.list-item:last-child{border-bottom:none}
.list-title{font-size:15px;font-weight:500;margin-bottom:6px}
.list-desc{color:#999;font-size:13px}
.list-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}

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

/* 间距 */
.mt-12{margin-top:12px}
.mb-12{margin-bottom:12px}
.px-20{padding-left:20px;padding-right:20px}
.text-primary{color:#1a3a8c}
.text-success{color:#67c23a}
.text-danger{color:#f56c6c}
.text-muted{color:#999}
.text-right{text-align:right}
.flex-between{display:flex;justify-content:space-between;align-items:center}

/* 响应式 */
@media (max-width:375px){
    body{font-size:13px}
    .card{margin:10px 16px;padding:14px}
}