:root{--font-sans:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-serif:"STZhongsong", "SimSun", "Noto Serif SC", serif;--color-primary:#15568c;--color-primary-deep:#0d3f69;--color-primary-soft:#eaf4fb;--color-accent:#5f9fd3;--color-ink:#1f2a37;--color-subtle:#5e6b7a;--color-line:#15568c24;--color-surface:#fff;--color-surface-alt:#f8fbff;--color-bg:#edf4fb;--shadow-soft:0 14px 40px #1135581a;--shadow-card:0 10px 30px #102c4914;--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--color-ink);font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#5f9fd32e,#0000 28%),linear-gradient(#f3f8fd 0%,#edf4fb 48%,#f7fbff 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#15568c06 1px,#0000 1px),linear-gradient(90deg,#15568c06 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 70%);mask-image:linear-gradient(#00000059,#0000 70%)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app,.app-shell{min-height:100vh}.loading-container{color:#fff8ee;background:radial-gradient(circle at top,#a7d6ff2e,#0000 25%),linear-gradient(135deg,#0d3f69 0%,#0a2f4f 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.loading-container h2,.loading-container p{margin:0}.loading-spinner{border:4px solid #e2f0ff33;border-top-color:#d9ecff;border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin}.loading-status{color:#e2f0ffd1;text-align:center;min-height:24px}.login-progress{background:#e2f0ff2e;border-radius:999px;width:min(320px,100vw - 48px);height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000002e}.login-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8fc7f5 0%,#e8f5ff 100%);height:100%;transition:width .25s}.login-progress-value{color:#e8f5ff;font-size:13px;font-weight:700}.loading-hint{color:#e2f0ff9e;text-align:center;max-width:340px;font-size:13px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.login-container{background:radial-gradient(circle at top,#a7d6ff2e,#0000 25%),linear-gradient(135deg,#0d3f69 0%,#0a2f4f 100%);justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.login-layout{text-align:center;color:#fff8ef;width:100%;max-width:400px}.login-logo{filter:drop-shadow(0 8px 16px #0003);width:260px;height:auto;margin-bottom:20px}.login-title{letter-spacing:2px;margin:0;font-size:32px;font-weight:700}.login-school{color:#e2f0ffc2;margin:8px 0 4px;font-size:15px}.login-desc{color:#fff5e499;margin:0 0 32px;font-size:14px}.login-card{text-align:left;background:#fffcf6f2;border-radius:20px;padding:32px 28px;box-shadow:0 12px 40px #0003}.login-card h2{color:#0a2f4f;margin:0 0 8px;font-size:22px}.login-card-sub{color:#89a;margin:0 0 24px;font-size:14px;line-height:1.7}.login-button{color:#fff8ef;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#0d3f69 0%,#0a2f4f 100%);border:none;border-radius:14px;width:100%;min-height:50px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px #0d3f6940}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0d3f6959}.error-box{color:#ff4d4f;background:#fff1f0;border:1px solid #ffa39e;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:14px}.login-note{color:#89a;text-align:center;margin:20px 0 0;font-size:13px}.environment-card{color:#0a2f4f;text-align:center;background:#fffcf6f2;border-radius:20px;padding:30px 26px 26px;box-shadow:0 12px 40px #0003}.environment-icon{place-items:center;width:min(80px,28vw);margin:0 auto 18px;display:grid}.environment-icon img{width:100%;height:auto;display:block}.environment-card h1{letter-spacing:.04em;margin:0;font-size:22px}.environment-card>p{color:#89a;margin:12px 0 20px;font-size:14px;line-height:1.75}.environment-actions{gap:10px;display:grid}.environment-open,.environment-retry{letter-spacing:.08em;cursor:pointer;border-radius:14px;width:100%;min-height:48px;font-size:15px;font-weight:700}.environment-open{color:#fff8ef;background:linear-gradient(135deg,#0d3f69 0%,#0a2f4f 100%);border:none;box-shadow:0 8px 24px #0d3f6940}.environment-retry{color:#0a2f4f;background:#ffffffb3;border:1px solid #c9d5e0}.environment-open:active,.environment-retry:active{transform:translateY(1px)scale(.99)}.main-container{background:#f0f4f8;min-height:100vh;padding-bottom:40px}.page-header{text-align:center;color:#fff8ef;background:linear-gradient(135deg,#0d3f69 0%,#0a2f4f 100%);padding:40px 24px 32px}.header-logo{width:260px;height:auto;margin-bottom:16px}.header-title{letter-spacing:2px;margin:0;font-size:28px;font-weight:700}.header-welcome{color:#fff5e4d9;margin:8px 0 4px;font-size:16px}.header-subtitle{color:#fff5e499;margin:0;font-size:13px}.nav-cards{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.nav-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #0d3f691a;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 2px 8px #0000000a}.nav-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0d3f691a}.nav-card.active{background:linear-gradient(135deg,#f0f6fc 0%,#e8f0f8 100%);border-color:#0d3f694d;box-shadow:0 4px 16px #0d3f691f}.nav-card-icon{background:#0d3f690f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.nav-card-text{flex-direction:column;gap:4px;display:flex}.nav-card-text strong{color:#0a2f4f;font-size:16px}.nav-card-text small{color:#89a;font-size:13px}.session-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 16px 12px;display:grid}.session-action-btn{cursor:pointer;background:#fff;border:1px solid #ff4d4f33;border-radius:14px;min-height:44px;padding:11px 12px;font-size:15px;transition:all .25s}.exit-app-btn{color:#0d3f69;border-color:#0d3f6933}.exit-app-btn:hover{background:#f0f6fc;border-color:#0d3f6966}.logout-btn{color:#ff4d4f}.logout-btn:hover{background:#fff1f0;border-color:#ff4d4f66}.main-content{padding:0 16px}@media (width<=1200px){.top-header{flex-direction:column;align-items:flex-start}.header-right{justify-content:space-between;width:100%}}@media (width<=960px){.main-container{flex-direction:column}.content-area{margin-left:0}.login-layout{grid-template-columns:1fr}.login-intro{padding:36px 28px}.intro-logo{max-width:300px}.intro-brand h1{font-size:34px}.header-left{flex-direction:column;align-items:flex-start;gap:18px}.header-brand{border-right:none;padding-right:0}}@media (width<=640px){.login-container{padding:18px}.login-card{padding:28px 22px}.intro-brand{flex-direction:column;align-items:flex-start}.intro-logo{max-width:220px}.intro-metrics{grid-template-columns:1fr}.campus-strip,.top-header,.main-content{padding-left:18px;padding-right:18px}.header-right{flex-direction:column;align-items:stretch}.user-panel{flex-wrap:wrap;align-items:flex-start}}.task-list-container{background:0 0}.filter-bar{margin-bottom:20px}.filter-select{cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;max-width:200px;padding:10px 16px;font-size:14px}.empty{text-align:center;color:var(--color-subtle,#5e6b7a);padding:60px 20px;font-size:16px}.task-skeleton{gap:16px;display:grid}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-line);padding:20px}.skeleton-row{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.skeleton-bone{background:linear-gradient(90deg,#15568c14 0%,#15568c29 45%,#15568c14 90%) 0 0/200% 100%;border-radius:10px;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-title{flex:1;height:18px}.skeleton-badge{border-radius:999px;width:64px;height:22px}.skeleton-line{width:100%;height:12px;margin-bottom:10px}.skeleton-line.short{width:55%;margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.task-cards{gap:16px;display:grid}.task-card{background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-card);border:1px solid var(--color-line);padding:20px;transition:all .3s}.task-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.task-desc{color:#666;margin-bottom:16px;font-size:14px;line-height:1.6}.task-image-container{margin-bottom:16px}.task-thumbnail{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-line);width:100%;max-height:200px}.info-item{font-size:13px;display:flex}.info-item .label{color:#999;flex-shrink:0;width:80px}.info-item .value{color:#333;flex:1}.task-score{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.score-value{color:#722ed1;margin-left:8px;font-size:16px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:16px;padding:20px 0 10px;display:flex}.page-btn{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 20px;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--color-text-secondary);font-size:14px}@media (width<=640px){.filter-select{max-width:100%}}.task-create-container{background:0 0}.form-card{background:var(--color-surface);border-radius:var(--radius-xl);max-width:600px;box-shadow:var(--shadow-card);border:1px solid var(--color-line);margin:0 auto;padding:24px}.form-label{color:#333;margin-bottom:10px;font-size:15px;font-weight:600;display:block}.form-input,.form-textarea{border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none}.form-textarea{resize:vertical}.select-btn{border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;text-align:left;min-height:48px;padding:12px 16px;font-size:15px;transition:all .3s}.select-btn:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.image-upload-btn{border:2px dashed var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text-light);cursor:pointer;text-align:center;min-height:80px;padding:16px;font-size:15px;transition:all .3s}.image-upload-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.preview-img{object-fit:contain;border-radius:var(--radius-md);border:2px solid var(--color-line);width:100%;max-height:300px}.form-actions{gap:12px;margin-top:32px;display:flex}.submit-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:#fff}@media (width<=640px){.task-create-container{padding:12px}.form-card{padding:16px}}.task-detail-container{background:0 0}.task-detail-container .header{text-align:left;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:20px;display:flex}.task-detail-container .header h1{color:var(--color-ink);text-align:left;flex:1;margin:0;font-size:20px;font-weight:700}.back-btn{color:var(--color-primary);border:1px solid var(--color-line);cursor:pointer;background:#15568c1a;border-radius:12px;flex-shrink:0;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s}.back-btn:hover{background:var(--color-primary-soft)}.header-spacer{display:none}.loading,.empty{text-align:center;color:var(--color-ink);padding:60px 20px;font-size:16px}.detail-card{background:var(--color-surface);border-radius:var(--radius-xl);max-width:700px;box-shadow:var(--shadow-card);border:1px solid var(--color-line);margin:0 auto;padding:24px}.task-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.task-title{color:#333;flex:1;margin:0 12px 0 0;font-size:22px;font-weight:700}.task-status{color:#fff;white-space:nowrap;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600}.task-desc,.task-score,.history-section{border-top:1px solid var(--color-line);margin-top:24px;padding-top:24px}.task-desc h3,.task-score h3,.history-section h3{color:var(--color-ink);margin:0 0 12px;font-size:16px;font-weight:600}.task-desc p{color:#666;margin:0;font-size:14px;line-height:1.6}.task-image{border-top:1px solid var(--color-line);margin-top:24px;padding-top:24px}.task-image h3{color:var(--color-ink);margin:0 0 12px;font-size:16px;font-weight:600}.task-img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-line);width:100%;max-height:400px}.task-info{flex-direction:column;gap:10px;display:flex}.info-row{font-size:14px;display:flex}.info-label{color:var(--color-subtle);flex-shrink:0;width:90px}.info-value{color:var(--color-ink);flex:1}.score-display{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.score-number{color:#722ed1;font-size:48px;font-weight:700}.score-label{color:#999;font-size:20px}.score-remark{color:#666;margin:0;font-size:14px}.action-buttons{border-top:1px solid #f0f0f0;gap:12px;margin-top:24px;padding-top:24px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s}.assign-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);color:#fff}.assign-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d3f693d}.complete-btn{color:#fff;background:#52c41a}.complete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #52c41a66}.rate-btn{color:#fff;background:#722ed1}.rate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #722ed166}.picker-input{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .3s;display:flex}.picker-input:hover{border-color:#667eea}.image-upload-btn{color:#999;cursor:pointer;text-align:center;background:#fff;border:2px dashed #e8e8e8;border-radius:12px;width:100%;min-height:60px;padding:16px;font-size:14px;transition:all .3s}.image-upload-btn:hover:not(:disabled){color:#667eea;background:#f8f9ff;border-color:#667eea}.image-upload-btn:disabled{opacity:.7;cursor:not-allowed}.image-preview{border-radius:12px;width:100%;position:relative;overflow:hidden}.preview-img{object-fit:contain;border:1px solid #e8e8e8;border-radius:12px;width:100%;max-height:300px}.remove-img-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}.remove-img-btn:hover{background:#ff4d4f;transform:scale(1.1)}.selected-user{color:#333;flex:1;font-size:14px}.placeholder{color:#bfbfbf;flex:1;font-size:14px}.arrow{color:#bfbfbf;font-size:12px}.required{color:#ff4d4f}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#f9f9f9;border-radius:12px;padding:16px}.history-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-action{color:#667eea;font-size:14px;font-weight:600}.history-time{color:#999;font-size:12px}.history-info{color:#666;gap:16px;margin-bottom:8px;font-size:13px;display:flex}.history-remark{color:#888;border-top:1px solid #e8e8e8;margin:0;padding-top:8px;font-size:13px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:24px}.modal h3{color:#333;margin:0 0 20px;font-size:20px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea{border:2px solid #e8e8e8;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.rating-options{flex-wrap:wrap;gap:8px;display:flex}.rating-btn{color:#666;cursor:pointer;text-align:center;background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;flex:1;min-width:0;padding:10px 6px;font-size:13px;font-weight:500;transition:all .3s}.rating-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.rating-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;font-weight:600;box-shadow:0 4px 12px #667eea4d}.modal-actions{gap:12px;margin-top:24px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.cancel-btn{color:#666;background:#f5f5f5}.cancel-btn:hover{background:#e8e8e8}.submit-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.task-detail-container{padding:12px}.task-detail-container .header h1{font-size:18px}.back-btn{padding:8px 12px;font-size:13px}.detail-card{padding:16px}.task-header{flex-direction:column;gap:12px}.task-title{font-size:18px}.action-buttons{flex-direction:column}.history-info{flex-direction:column;gap:4px}}