.clickable-image{cursor:pointer}.clickable-image:active{transition:transform .12s;transform:scale(.995)}:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f5f5;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.front-page{background:#f5f5f5;min-height:100vh;padding:88px 18px 48px}.feed-list{width:min(100%,760px);margin:0 auto}.websocket-status{z-index:10;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 4px 14px #11111112}.status-dot{background:#ff6b00;border-radius:50%;width:8px;height:8px}.connected .status-dot{background:#37b26c}.refresh-btn{color:#fff;background:#00bdf2;border:0;border-radius:7px;padding:6px 9px;font-size:12px}.task-card{background:#fff;border-radius:28px;margin:0 0 54px;padding:26px 22px 28px;position:relative;box-shadow:0 12px 28px #11111112,0 2px 8px #11111108}.step{color:#fff;background:#ff6b00;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:grid;position:absolute;top:-18px;left:-8px;box-shadow:0 4px 10px #ff6b0033}.notice-image{object-fit:cover;border-radius:22px;width:100%;max-height:560px;display:block}.image-placeholder{aspect-ratio:1.55;color:#9ca3af;background:#f3f4f6;border-radius:22px;place-items:center;display:grid}.text-content{padding:8px 4px 0;overflow:hidden}.text-content h3{text-align:center;color:#b4235a;letter-spacing:.04em;text-shadow:1px 2px #b4235a22;margin:16px 0 14px;font-size:clamp(21px,4.2vw,32px);font-style:italic;font-weight:800;line-height:1.3}.text-content h3.default-task-title{color:#27364a;letter-spacing:normal;text-shadow:none;font-style:normal;font-weight:600}.text-content p{text-align:center;color:#7c2850;letter-spacing:.025em;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(17px,3.5vw,26px);font-style:italic;font-weight:600;line-height:1.6}.copy-btn{color:#00aeda;background:0 0;border:0;width:100%;margin-top:20px;padding:10px 8px;font-size:clamp(18px,3.6vw,30px);font-weight:600;display:block}.copy-btn:hover{opacity:.72}.empty-state{text-align:center;color:#9ca3af;padding:100px 20px}.login-page{background:radial-gradient(circle at 80% 10%,#fff4e9 0,#f5f5f5 38%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #ebecef;border-radius:24px;width:min(100%,420px);padding:42px;box-shadow:0 18px 48px #11111112}.brand-mark{color:#fff;letter-spacing:0;background:#ff6b00;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.eyebrow{color:#ff6b00;letter-spacing:1.5px;margin:0 0 8px;font-size:11px;font-weight:800}.login-panel h1,.admin-header h1{color:#111827;margin:0;font-size:30px}.login-subtitle{color:#6b7280;margin:10px 0 30px}.login-panel form{gap:18px;display:grid}.login-panel label,.editor-modal label{color:#374151;gap:8px;font-size:13px;font-weight:600;display:grid}.login-panel input,.editor-modal input,.editor-modal textarea,.editor-modal select,.search-box input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 12px}.login-panel input:focus,.editor-modal input:focus,.editor-modal textarea:focus,.editor-modal select:focus,.search-box input:focus{border-color:#ff9b5f;box-shadow:0 0 0 3px #ff6b0014}.login-panel small{color:#9ca3af;margin-top:18px;font-size:12px;display:block}.form-error{color:#dc4b4b;margin:-5px 0 -8px;font-size:13px}.primary-btn,.ghost-btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:650;display:inline-flex}.primary-btn{color:#fff;background:#ff6b00;box-shadow:0 5px 12px #ff6b0026}.primary-btn:hover{background:#ed5f00}.ghost-btn{color:#4b5563;background:#fff;border-color:#e5e7eb}.ghost-btn:hover{color:#f06b12;border-color:#ffc29b}.admin-shell{background:#f7f7f8;min-height:100vh;padding:38px clamp(18px,5vw,70px) 70px}.admin-header{justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 30px;display:flex}.admin-header h1{font-size:34px}.header-actions,.toolbar-actions,.modal-actions,.image-tools,.row-actions{align-items:center;gap:10px;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:0 auto 34px;display:grid}.stat-card{background:#fff;border:1px solid #ececef;border-radius:14px;padding:20px 22px}.stat-card span{color:#6b7280;font-size:13px;display:block}.stat-card strong{color:#111827;margin-top:8px;font-size:31px;display:block}.toolbar{justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 16px;display:flex}.toolbar h2{margin:0;font-size:22px}.toolbar p{color:#8b9099;margin:5px 0 0;font-size:13px}.search-box{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:7px;width:220px;padding:0 11px;display:flex}.search-box input{box-shadow:none;border:0;padding:10px 0}.search-box input:focus{box-shadow:none}.compact{padding:10px 14px}.table-panel{background:#fff;border:1px solid #ececef;border-radius:14px;max-width:1200px;margin:0 auto;overflow:hidden}.table-head,.table-row{grid-template-columns:minmax(0,1fr) 110px 98px 120px;align-items:center;gap:18px;padding:14px 20px;display:grid}.table-head{color:#9ca3af;border-bottom:1px solid #f0f0f1;font-size:12px}.table-row{border-bottom:1px solid #f2f2f3;min-height:92px}.table-row:last-child{border-bottom:0}.item-preview{align-items:center;gap:12px;min-width:0;display:flex}.item-preview img,.mini-placeholder{object-fit:cover;border-radius:10px;flex:0 0 54px;width:54px;height:54px}.mini-placeholder{color:#f07b32;background:#fff1e8;place-items:center;font-size:13px;display:grid}.item-preview strong{color:#27364a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.item-preview p{color:#8a919c;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;overflow:hidden}.category-tag{color:#ec6a17;background:#fff3eb;border-radius:6px;width:max-content;padding:5px 9px;font-size:12px;display:inline-block}.status-toggle{color:#9ca3af;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-toggle i{background:#c9cdd3;border-radius:50%;width:8px;height:8px}.status-toggle.on{color:#269b5b}.status-toggle.on i{background:#2bb566}.row-actions button{color:#6b7280;background:0 0;border:0;font-size:12px}.row-actions .danger{color:#dd5a5a}.table-empty{text-align:center;color:#9ca3af;padding:58px 20px;font-size:13px}.modal-backdrop{z-index:20;background:#11182766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.editor-modal{background:#fff;border-radius:18px;width:min(100%,600px);max-height:calc(100vh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 80px #11182733}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-title h2{margin:0;font-size:24px}.close-btn{color:#9ca3af;background:0 0;border:0;font-size:25px;line-height:1}.editor-modal>label{margin-top:16px}.editor-modal textarea{resize:vertical;line-height:1.6}.image-field{margin-top:18px}.field-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.upload-btn{cursor:pointer;width:max-content!important;display:inline-flex!important}.upload-btn input{display:none}.image-preview{width:150px;margin-top:13px;position:relative}.image-preview img{object-fit:cover;border-radius:10px;width:150px;height:105px;display:block}.image-preview button{color:#fff;background:#111827aa;border:0;border-radius:5px;font-size:11px;position:absolute;top:4px;right:4px}.hint{color:#9ca3af;margin:10px 0 0;font-size:12px}.switch-line{align-items:center;gap:8px;grid-template-columns:none!important;margin-top:20px!important;display:flex!important}.switch-line input{width:16px}.modal-actions{justify-content:flex-end;margin-top:26px}.toast{z-index:50;color:#fff;background:#111827ef;border-radius:9px;padding:11px 16px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #11182733}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media (width<=700px){.front-page{padding:76px 12px 30px}.websocket-status{padding:7px 9px;font-size:11px;top:10px;right:10px}.refresh-btn{padding:5px 7px;font-size:11px}.task-card{border-radius:20px;margin-bottom:40px;padding:16px 13px 18px}.step{width:37px;height:37px;font-size:17px;top:-12px;left:-3px}.notice-image,.image-placeholder{border-radius:16px}.text-content h3{margin:12px 0 9px}.text-content p{line-height:1.55}.copy-btn{margin-top:12px}.admin-shell{padding:24px 14px 50px}.admin-header{align-items:flex-start;gap:14px}.admin-header h1{font-size:27px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.stats-row{gap:8px;margin-bottom:25px}.stat-card{padding:14px 12px}.stat-card strong{font-size:25px}.toolbar{gap:14px;display:grid}.toolbar-actions{width:100%}.search-box{flex:1;width:auto}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:12px;padding:14px}.item-preview{grid-column:1/-1}.category-tag{grid-column:1}.status-toggle{grid-area:2/2}.row-actions{border-top:1px solid #f2f2f3;grid-column:1/-1;padding-top:3px}.login-panel{padding:30px 22px}}