:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.centered{display:grid;place-items:center;padding:20px}
.container{width:min(920px,calc(100% - 28px));margin:32px auto}.card{background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:22px;box-shadow:0 8px 30px #1720330d;margin-bottom:18px}
.login-card{width:min(390px,100%)}header,.section-title,.task-head,.task-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2{margin:0 0 8px}h2{font-size:18px}.muted,.task-meta{color:#677188}.login-card form{display:flex;gap:10px}input,textarea{width:100%;border:1px solid #cfd6e4;border-radius:10px;padding:12px;font:inherit;resize:vertical}button{border:0;border-radius:10px;padding:11px 16px;background:#356df3;color:#fff;font-weight:650;cursor:pointer;white-space:nowrap}button:disabled{opacity:.55}.secondary{background:#edf2ff;color:#2857c8}.message{min-height:1.4em}.success{color:#16834d}.error{color:#c93636}.task{padding:14px 0;border-top:1px solid #edf0f5}.task:first-child{border-top:0}.task-head strong{overflow-wrap:anywhere}.task-head span{white-space:nowrap}.progress{height:8px;background:#e9edf5;border-radius:99px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:#356df3;border-radius:99px}.task-meta{font-size:13px}.empty{text-align:center;color:#677188;padding:30px}
.compact{margin:0}.view-switch{display:flex;gap:8px;margin:18px 0}.view-switch a{padding:10px 16px;border-radius:10px;background:#e9edf5;color:#526079;text-decoration:none;font-weight:650}.view-switch a.active{background:#356df3;color:#fff}.breadcrumbs{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:16px 0}.breadcrumbs button{padding:6px 9px;background:transparent;color:#2857c8}.breadcrumbs button:disabled{color:#677188;opacity:1;cursor:default}.file-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0f5}.file-row:first-child{border-top:0}.file-row.video{background:linear-gradient(90deg,#edf2ff55,transparent)}.file-icon{font-size:23px;text-align:center}.file-main{min-width:0;display:flex;flex-direction:column;gap:4px}.file-main strong{overflow-wrap:anywhere}.file-main span{font-size:13px;color:#677188}.button-link{display:inline-block;border-radius:10px;padding:9px 12px;background:#356df3;color:#fff;text-decoration:none;font-weight:650}.danger{background:#fff0f0;color:#b72525}.task-actions{display:flex;gap:8px;align-items:center}.task-actions button{padding:9px 12px}.status{font-weight:650}.status.completed{color:#16834d}.status.failed{color:#c93636}.status.running{color:#2857c8}
@media(max-width:600px){.container{margin:16px auto}.card{padding:16px}.login-card form,header,.task-meta{align-items:stretch;flex-direction:column}.task-meta{gap:8px}.section-title{align-items:center}.file-row{grid-template-columns:32px minmax(0,1fr)}.file-row>button{grid-column:2;width:max-content}.task-actions{flex-wrap:wrap}}