*{margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑;}
body{background:#f5f5f5;color:#333;max-width:750px;margin:0 auto;}
.container{padding:15px;}
.btn{padding:10px 15px;border:none;border-radius:8px;background:#4e9ef9;color:#fff;}
.btn-gray{background:#ccc;}
.btn-success{background:#4cd964;}
.card{background:#fff;border-radius:10px;padding:15px;margin-bottom:10px;}
.title{font-size:18px;font-weight:bold;margin-bottom:15px;}
.tip{color:#999;font-size:12px;margin:10px 0;}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;height:50px;border-top:1px solid #eee;max-width:750px;margin:0 auto;}
.bottom-nav .item{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;}
.bottom-nav .active{color:#4e9ef9;}
input,select{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:8px;}
.period{margin:10px 0;}
.period-title{padding:8px;background:#f0f7ff;border-radius:5px;font-weight:bold;}
.medicine-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;}
.status-btn{padding:5px 10px;border-radius:5px;color:#fff;font-size:12px;}