*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#1e90ff,#06c);min-height:100vh;padding:0;overflow-x:hidden}#app{max-width:100%;margin:0 auto}.container{background:#fff;min-height:100vh;padding:16px 16px 80px}h1{text-align:center;color:#1e90ff;margin-bottom:8px;font-size:24px;font-weight:700}.subtitle{text-align:center;color:#666;margin-bottom:20px;font-size:14px}.tabs{display:flex;gap:0;margin-bottom:20px;background:#f5f5f5;border-radius:12px;padding:4px;position:sticky;top:0;z-index:100}.tab{flex:1;padding:12px 8px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#666;transition:all .3s;border-radius:8px;font-weight:500}.tab.active{color:#fff;background:linear-gradient(135deg,#1e90ff,#06c);font-weight:600;box-shadow:0 2px 8px #1e90ff4d}.form-group{margin-bottom:16px}label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input,select{width:100%;padding:14px 12px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s;background:#f8f9fa}input:focus,select:focus{outline:none;border-color:#1e90ff;background:#fff;box-shadow:0 0 0 3px #1e90ff1a}.btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;box-shadow:0 4px 12px #1e90ff4d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 8px #1e90ff4d}.task-list{display:grid;gap:12px}.task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.task-card-mini{background:#fff;padding:14px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s;border:1px solid #e8e8e8;box-shadow:0 1px 4px #0000000f;position:relative;min-height:140px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.task-card-mini:active{transform:scale(.95);box-shadow:0 1px 2px #00000014;background:#f8f9fa}.task-mode-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px}.solo-badge{background:#e3f2fd;color:#1e90ff}.team-badge{background:#ffebee;color:#f44336}.task-score-mini{font-size:36px;font-weight:700;color:#1e90ff;margin-top:20px;margin-bottom:8px;line-height:1}.task-need-mini{font-size:36px;color:orange;font-weight:700;margin-top:20px;margin-bottom:8px;line-height:1}.task-time-mini{position:absolute;top:10px;left:10px;color:#999;font-size:12px}.contact-btn-new{width:100%;padding:8px 12px;background:#f5f5f5;color:#666;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:13px;margin-top:auto;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.contact-btn-new:active{background:#1e90ff;color:#fff;transform:scale(.95)}.task-card{background:#fff;padding:16px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014}.task-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.task-info{flex:1;min-width:0}.task-score{font-size:22px;font-weight:700;color:#1e90ff;margin-bottom:6px}.task-need{color:#ff6b6b;font-weight:600;font-size:14px;margin-bottom:4px}.task-contact{color:#666;font-size:13px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-time{color:#999;font-size:12px;margin-top:4px}.match-btn{padding:10px 20px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;box-shadow:0 2px 8px #1e90ff4d;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.match-btn:active{transform:scale(.92);box-shadow:0 1px 4px #1e90ff4d}.empty{text-align:center;padding:80px 20px;color:#999;font-size:14px}.online-count{text-align:center;color:#1e90ff;margin-bottom:16px;font-weight:600;font-size:14px;background:#1e90ff1a;padding:8px 16px;border-radius:20px;display:inline-block;width:auto;margin-left:50%;transform:translate(-50%)}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#1e90fff2;color:#fff;padding:12px 24px;border-radius:20px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;max-width:80%;text-align:center}.toast.error{background:#ff6b6bf2}.toast.info{background:#666666f2}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.publish-mode{display:flex;gap:10px;margin-bottom:20px}.mode-btn{flex:1;padding:10px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mode-btn.active{border-color:#1e90ff;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff}.mode-btn:active{transform:scale(.96)}.task-label{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;margin-bottom:10px}.solo-label{background:#e3f2fd;color:#1e90ff}.team-label{background:#fff3e0;color:#ff9800}.filter-bar{display:flex;gap:8px;margin-bottom:12px}.filter-btn{flex:1;padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.filter-btn.active{border-color:#1e90ff;background:#1e90ff;color:#fff}.filter-btn:active{transform:scale(.95)}.search-box{margin-bottom:16px}.search-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff}.search-input:focus{outline:none;border-color:#1e90ff;background:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px 0}.page-btn{padding:8px 16px;background:#1e90ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-btn:not(:disabled):active{transform:scale(.95)}.page-info{color:#666;font-size:14px;font-weight:500}.load-more{text-align:center;padding:20px;color:#999;font-size:14px}.loading-spinner{color:#1e90ff;font-weight:500}.load-more-hint{color:#999}.no-more{text-align:center;padding:20px;color:#ccc;font-size:13px}.match-info{background:#e3f2fd;padding:16px;border-radius:12px;margin-bottom:16px;text-align:center}.match-info p{margin:8px 0;color:#666;font-size:14px}.match-info strong{color:#1e90ff;font-size:18px;font-weight:700}.my-tasks-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.my-tasks-list{display:flex;flex-direction:column;gap:10px}.my-task-item{background:#f8f9fa;padding:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e8e8e8}.my-task-info{flex:1;display:flex;align-items:center;gap:12px}.my-task-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:10px}.my-task-score{font-size:14px;font-weight:600;color:#333}.my-task-time{font-size:12px;color:#999;margin-left:auto}.delete-btn{padding:6px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.delete-btn:active{transform:scale(.92);background:#ff5252;box-shadow:0 2px 6px #ff6b6b66}