.layout{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.layout-content{flex:1;overflow-y:auto}.layout-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e0e0e0;z-index:100;box-shadow:0 -2px 10px #0000000d}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;cursor:pointer;transition:all .3s}.tab-item.active{color:#1890ff}.tab-icon{font-size:20px;margin-bottom:4px}.tab-label{font-size:12px}.home{padding-bottom:20px}.home-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px 20px;color:#fff}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:24px;height:24px;object-fit:contain}.logo-text{font-size:18px;font-weight:700}.banner-container{width:100%;overflow:hidden;background:#fff;margin-bottom:10px}.banner-wrapper{display:flex;animation:slide 10s infinite}.banner-item{min-width:100%}.banner-item img{width:100%;height:auto;display:block}@keyframes slide{0%,30%{transform:translate(0)}33%,63%{transform:translate(-100%)}66%,96%{transform:translate(-200%)}to{transform:translate(0)}}.task-section{padding:0 15px}.section-title{font-size:18px;font-weight:700;margin:15px 0;color:#333}.task-list{display:flex;flex-direction:column;gap:12px}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-name{font-size:16px;font-weight:700;color:#333;flex:1;margin-right:10px}.task-status{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;white-space:nowrap}.task-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.task-item{font-size:14px;color:#666}.task-label{color:#999}.task-footer{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid #f0f0f0}.task-time{font-size:12px;color:#999}.task-center{padding-bottom:20px}.page-header{background:#fff;padding:15px 20px;border-bottom:1px solid #e0e0e0}.page-header h1{font-size:20px;font-weight:700;color:#333}.filters{background:#fff;padding:15px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #e0e0e0}.filter-row{display:flex;gap:10px;width:100%}.filter-item{flex:1}.filter-item.full-width{width:100%}.filter-select,.filter-input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#1890ff}.task-list-container{padding:15px}.task-list{display:flex;flex-direction:column;gap:15px}.task-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s}.task-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.task-name{font-size:16px;font-weight:700;color:#333;flex:1}.task-tags{display:flex;gap:6px;flex-wrap:wrap}.task-tag{padding:4px 10px;border-radius:12px;color:#fff;font-size:12px;white-space:nowrap}.task-info{margin-bottom:12px}.info-row{display:flex;margin-bottom:8px;font-size:14px;line-height:1.5}.info-label{color:#999;min-width:80px}.info-value{color:#666;flex:1}.task-footer{padding-top:12px;border-top:1px solid #f0f0f0}.task-time{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#999}.task-detail{padding-bottom:20px;min-height:100vh;background:#f5f5f5}.detail-header{background:#fff;padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.back-btn{background:none;border:none;font-size:28px;color:#333;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.detail-header h1{font-size:18px;font-weight:700;color:#333;margin:0}.detail-content{padding:15px}.detail-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.card-header h2{font-size:18px;font-weight:700;color:#333;flex:1;margin:0}.card-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-tag{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;white-space:nowrap}.card-title{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.card-text{font-size:14px;color:#666;line-height:1.6;margin:0}.detail-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;font-size:14px;line-height:1.5}.info-label{color:#999;min-width:90px}.info-value{color:#333;flex:1}.detail-actions{display:flex;gap:10px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.action-btn{flex:1;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:16px;background:#fff;color:#333;cursor:pointer;transition:all .3s}.action-btn.primary{background:#1890ff;color:#fff;border-color:#1890ff}.action-btn:active{transform:scale(.98);opacity:.8}.loading,.empty{text-align:center;padding:40px 0;color:#999}.my-page{padding-bottom:20px;background:#f5f5f5;min-height:100vh}.user-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 20px;display:flex;align-items:center;gap:15px;color:#fff}.user-avatar{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:30px}.user-info{flex:1}.user-name{font-size:20px;font-weight:700;margin-bottom:5px}.user-phone{font-size:14px;opacity:.9}.stats-section{padding:15px}.stats-card{background:#fff;border-radius:8px;padding:20px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 2px 8px #0000001a}.stat-item{flex:1;text-align:center}.stat-value{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.stat-label{font-size:12px;color:#999}.stat-divider{width:1px;height:40px;background:#e0e0e0}.menu-section{padding:0 15px;margin-top:10px}.menu-item{background:#fff;padding:15px;display:flex;align-items:center;gap:15px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000d}.menu-item:active{transform:scale(.98);background:#f5f5f5}.menu-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px}.menu-content{flex:1}.menu-title{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.menu-desc{font-size:12px;color:#999}.menu-arrow{font-size:20px;color:#ccc}.version-info{text-align:center;padding:20px;color:#999;font-size:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}a{text-decoration:none;color:inherit}