:root{--primary-color:#e67e22;--bg-color:#f9f6f2;--text-color:#333;--white:#fff;--shadow:0 2px 4px rgba(0,0,0,.08);--border-radius:8px;--border-color:#eee;--btn-hover-opacity:0.9;--card-padding:16px;--list-item-height:56px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;margin:0!important}#root,body{padding-bottom:100px!important;min-height:100vh!important;box-sizing:border-box!important}#root{height:auto!important;overflow-y:auto!important}.bottomNav,.footer,.tabBar,footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:60px!important;line-height:60px!important;background:#fff!important;border-top:1px solid #eee!important;z-index:999!important;display:flex!important;justify-content:space-around!important;align-items:center!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius);cursor:pointer;font-family:Microsoft YaHei,sans-serif;transition:opacity .2s ease;outline:none}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-secondary{background-color:var(--white);color:var(--text-color);border:1px solid var(--border-color)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-md{height:40px;padding:0 16px;font-size:14px}.btn-lg{height:48px;padding:0 20px;font-size:16px}.btn:not(:disabled):hover{opacity:var(--btn-hover-opacity)}.card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden;box-sizing:border-box}.card-padding{padding:var(--card-padding)}.card-padding-sm{padding:8px}.card-padding-lg{padding:24px}.card-title{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:8px}.card-desc{font-size:14px;color:#666;line-height:1.5}.list{width:100%;background-color:var(--white);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.list-item{display:flex;align-items:center;justify-content:space-between;height:var(--list-item-height);padding:0 16px;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:14px}.list-item:last-child{border-bottom:none}.list-item:active{background-color:#f5f5f5}.list-item-left{display:flex;align-items:center}.list-item-right{color:#999;font-size:12px}.list-divider{height:8px;background-color:var(--bg-color)}