*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#5a6a85;background-color:#f6f9fc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000f}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;text-align:center;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background:#5d87ff;color:#fff}.btn-success{background:#13deb9;color:#fff}.btn-danger{background:#fa896b;color:#fff}.btn-info{background:#7c8fac;color:#fff}.btn-plain{background:#ecf2ff;color:#5d87ff}.btn[disabled]{opacity:.5;cursor:not-allowed}.input{width:100%;height:44px;padding:0 12px;border:1px solid #dfe5ef;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s;color:#2a3547}.input:focus{border-color:#5d87ff}.tag{display:inline-block;padding:2px 8px;font-size:12px;border-radius:4px}.tag-warning{background:#fef5e5;color:#cc8b18}.tag-success{background:#e6fffa;color:#0fb294}.tag-info{background:#ebf3fe;color:#427ccc}.tag-danger{background:#fbf2ef;color:#c86e56}.tag-primary{background:#ecf2ff;color:#5d87ff}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:50px;background:#fff;border-top:1px solid #eaeff4;display:flex;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#7c8fac;text-decoration:none;transition:color .2s}.tab-item.active{color:#5d87ff}.tab-icon{font-size:20px;margin-bottom:2px}.page{padding:12px 12px 62px}.empty{text-align:center;padding:60px 0;color:#a1b4c2;font-size:14px}.loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:999}.loading-spinner{width:32px;height:32px;border:3px solid #dfe5ef;border-top-color:#5d87ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.popup-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{width:300px;background:#fff;border-radius:12px;padding:24px}.popup-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:12px;color:#2a3547}.popup-text{font-size:14px;color:#5a6a85;text-align:center;margin-bottom:20px}.popup-actions{display:flex;gap:12px}.popup-actions .btn{flex:1;height:36px;font-size:14px}