:root{font-family:Inter,system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#17212b;background:#f5f7f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;padding:10px 16px;background:#087f8c;color:#fff;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.secondary,.icon-btn{background:#e9eff1;color:#30424e}.icon-btn{padding:8px 12px}input,select,textarea{width:100%;border:1px solid #c8d2da;border-radius:5px;padding:10px 11px;background:#fff;color:#17212b}label{display:grid;gap:6px;color:#425462;font-size:13px}small{display:block;color:#b42318;min-height:18px}h1,h2,h3,p{margin-top:0}main{max-width:1180px;margin:auto;padding:28px 20px}.login-panel{width:min(430px,100%);margin:12vh auto;background:#fff;border:1px solid #dae2e7;border-radius:8px;padding:30px;box-shadow:0 12px 35px #17212b12}.login-panel form,.settings-form{display:grid;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#087f8c;color:#fff;font-weight:800;font-size:21px;margin-bottom:18px}header,.toolbar,.wizard-head,.wizard-footer,.button-row,.picker-help,.browser-bar,.picker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{color:#087f8c;font-size:12px;font-weight:700}header h1{margin:2px 0;font-size:27px}nav{display:flex;gap:4px;border-bottom:1px solid #dce3e8;margin:22px 0 18px}nav button{background:none;color:#647582;border-radius:0;padding:11px 15px}nav button.active{color:#087f8c;border-bottom:2px solid #087f8c}.tab{background:#fff;border:1px solid #dce3e8;border-radius:8px;padding:22px}.toolbar p,.section-head p{color:#6a7a86;margin:4px 0}.task-list{display:grid;gap:10px;margin-top:18px}.task{border:1px solid #dde4e9;border-radius:7px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px}.task h3{margin:0 0 5px;font-size:16px}.task-meta{color:#667783;font-size:13px}.task-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;background:#edf1f3;color:#52646f}.badge.success{background:#e4f5ec;color:#167247}.badge.failed{background:#fdebea;color:#a12a24}.badge.pending{background:#fff3d8;color:#865b00}.settings-form{max-width:650px;margin-top:20px}.toggle-row{display:flex;align-items:center;gap:9px}.toggle-row input{width:auto}.button-row{justify-content:flex-start}dialog{border:0;padding:0;border-radius:8px;width:min(1060px,calc(100% - 24px));box-shadow:0 24px 80px #17212b42}dialog::backdrop{background:#17212b75}.wizard-shell{padding:24px;max-height:92vh;overflow:auto}.wizard-head h2{margin:3px 0}.wizard-head span{font-size:12px;color:#087f8c;font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 24px}.steps i{height:4px;background:#dce4e8;border-radius:3px}.steps i.active{background:#087f8c}.wizard-step{min-height:430px}.wizard-step>label,.wizard-step>.two-cols{margin-bottom:14px}.lead{color:#5e707c}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.picker-help{background:#edf7f8;border-left:4px solid #087f8c;padding:11px 13px;margin-bottom:10px}.picker-help span{font-size:12px;color:#607480}.browser-bar{background:#26333c;color:#fff;border-radius:6px 6px 0 0;padding:8px 12px}.page-canvas{position:relative;overflow:auto;background:#dfe5e8;max-height:520px}.page-canvas img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid #ef8f00;background:#ef8f0020;cursor:pointer}.hotspot:hover{background:#087f8c45;border-color:#087f8c}.picker-actions{justify-content:flex-end;margin-top:12px}.weekdays{display:flex;gap:8px;flex-wrap:wrap}.weekdays label{display:flex;align-items:center;gap:4px;border:1px solid #ccd6dc;border-radius:5px;padding:7px 10px}.weekdays input{width:auto}fieldset{border:1px solid #d8e0e5;border-radius:6px;margin:18px 0;padding:13px}legend{font-size:13px;color:#425462}details{border-top:1px solid #e1e7eb;padding-top:12px}summary{cursor:pointer;color:#087f8c;font-weight:650;margin-bottom:14px}.test-box{text-align:center;border:1px dashed #bfcbd2;border-radius:8px;padding:50px 20px}.test-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e9eff1;margin:0 auto 14px;font-size:24px;font-weight:800}.test-icon.success{background:#dcf3e6;color:#167247}.test-icon.failed{background:#fdebea;color:#a12a24}.wizard-footer{border-top:1px solid #dfe6ea;padding-top:15px}.wizard-footer>div{display:flex;gap:8px}#testEvidence img{max-width:420px;width:100%;margin-top:15px;border:1px solid #ccd6dc}@media(max-width:700px){main{padding:14px 9px}.tab{padding:15px}.toolbar,.task,.wizard-head,.wizard-footer{align-items:stretch}.toolbar,.task{grid-template-columns:1fr}.toolbar,.wizard-head,.wizard-footer{flex-direction:column}.two-cols{grid-template-columns:1fr}.task-actions{justify-content:flex-start}.wizard-shell{padding:15px}.wizard-step{min-height:380px}.page-canvas{max-height:420px}.button-row{flex-wrap:wrap}}
:root .task-facts{display:flex;flex-wrap:wrap;gap:7px 14px;margin:8px 0;color:#51636f;font-size:13px}:root .task-facts span{white-space:nowrap}:root .task-facts b{color:#087f8c}:root .account-summary{display:flex;gap:10px;align-items:center;background:#edf7f8;border-left:4px solid #087f8c;padding:10px 12px;margin:12px 0}:root .account-summary span{color:#52646f;font-size:13px}:root .account-primary{border-left:4px solid #087f8c}:root .empty-note{color:#667783;margin:8px 0}:root .account-form{border-top:1px solid #dfe6ea;padding-top:18px}
:root .filter-box{max-width:420px;margin-top:18px}
:root .account-identity{display:flex;align-items:center;gap:10px;margin:7px 0;color:#52646f;font-size:13px}:root .account-identity span{background:#edf1f3;border-radius:4px;padding:3px 7px}:root .account-identity b{color:#17212b;overflow-wrap:anywhere}:root #accountFormTitle{color:#087f8c}
:root .filter-row{display:flex;align-items:end;gap:10px;margin-top:18px}:root .filter-row .filter-box{margin-top:0;flex:1}:root .filter-row>button{margin-bottom:0;white-space:nowrap}
:root{--ink:#17212b;--muted:#667783;--line:#d9e2e7;--surface:#fff;--soft:#f2f6f7;--brand:#087f8c;--danger:#b42318}body{background:#eef2f3}main{max-width:1280px;padding:32px 28px}header{background:#172f38;color:#fff;padding:20px 24px;border-radius:8px}header p{margin:3px 0 0;color:#bcd0d5;font-size:13px}header .eyebrow{color:#61c6c7;letter-spacing:0}header .icon-btn{background:#ffffff18;color:#fff}nav{background:#fff;border:1px solid var(--line);border-radius:7px;padding:5px;margin:16px 0;overflow-x:auto}nav button{white-space:nowrap;border-radius:5px}nav button.active{background:#e7f4f4;border:0}.tab{box-shadow:0 8px 30px #17212b0a}.section-kicker{color:var(--brand);font-size:12px;font-weight:750}.toolbar h2{margin:2px 0 0}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:20px 0}.overview-strip>div{background:#f9fbfb;padding:15px 17px;display:flex;justify-content:space-between;align-items:end}.overview-strip span{font-size:12px;color:var(--muted)}.overview-strip b{font-size:24px}.overview-strip .overview-alert b{color:var(--danger)}.site-task{padding:18px 20px}.task-title-row{display:flex;align-items:center;gap:9px}.task-title-row h3{margin:0}.task-url{font-size:12px;color:#7a8993;overflow-wrap:anywhere;margin:5px 0 8px}.primary-actions{align-content:center;justify-content:flex-end;max-width:380px}.danger-button{background:#fff0ef;color:var(--danger)}.action-menu{border:0;padding:0;position:relative}.action-menu summary{background:#e9eff1;color:#30424e;border-radius:6px;padding:10px 16px;margin:0;list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;right:0;top:46px;z-index:5;width:180px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #17212b26;border-radius:7px;padding:8px;display:grid;gap:6px}.action-menu button{width:100%;text-align:left}.accounts-shell{padding-bottom:28px}.account-summary{justify-content:space-between}.account-summary>div:first-child{display:grid;gap:2px}.account-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}.account-layout .task-list{margin-top:0}.account-form{position:sticky;top:0;margin:0;background:#f7fafa;border:1px solid var(--line);border-radius:7px;padding:18px}.account-form h3{margin:2px 0 4px}.account-primary{background:#fbfefe}
@media(max-width:800px){main{padding:12px 8px}header{padding:16px}header h1{font-size:22px}.tab{padding:14px}.overview-strip{grid-template-columns:1fr 1fr}.overview-strip b{font-size:20px}.site-task{padding:14px}.primary-actions{justify-content:flex-start;max-width:none}.primary-actions>button{flex:1;min-width:112px}.action-menu{width:100%}.action-menu summary{text-align:center}.action-menu>div{position:static;width:100%;margin-top:6px}.account-layout{grid-template-columns:1fr}.account-form{position:static}.account-summary{align-items:flex-start;flex-direction:column}.accounts-shell .wizard-head h2{font-size:21px;overflow-wrap:anywhere}.accounts-shell .wizard-head .icon-btn{width:100%}}


/* ===== 活动中心样式 ===== */
.act-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
.act-card-title { font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #1f2937; }
.act-muted { color: #9ca3af; font-size: 12px; }
.act-err { color: #dc2626; font-size: 12px; }
.act-loading { color: #9ca3af; }
.act-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin-bottom: 12px; }
.act-stat { background: #f9fafb; border-radius: 8px; padding: 10px 12px; text-align: center; }
.act-stat-value { font-size: 20px; font-weight: 700; color: #111827; }
.act-stat-label { font-size: 12px; color: #6b7280; margin-top: 2px; }
.act-progress { width: 100%; height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; margin: 6px 0; }
.act-progress-bar { height: 100%; background: linear-gradient(90deg, #fbbf24, #f59e0b); width: 0; transition: width 0.3s ease; }
.act-progress-text { font-size: 12px; color: #6b7280; }
.act-task-list { display: flex; flex-direction: column; gap: 10px; }
.act-task { padding: 8px 10px; background: #f9fafb; border-radius: 8px; }
.act-task-head { display: flex; justify-content: space-between; font-size: 13px; color: #374151; }
.act-reward-list { display: flex; flex-direction: column; gap: 8px; }
.act-reward { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: #f9fafb; border-radius: 8px; }
.act-reward--done { opacity: 0.6; }
.act-reward--locked { opacity: 0.75; }
.act-reward-name { flex: 1; font-size: 13px; color: #374151; }
.act-item-icon { width: 28px; height: 28px; border-radius: 6px; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; background: #f3f4f6; }
.act-item-icon--placeholder { font-size: 18px; }
.act-tag { font-size: 11px; padding: 2px 8px; border-radius: 10px; background: #e5e7eb; color: #6b7280; }
.act-btn { border: 1px solid #d1d5db; background: #fff; color: #374151; padding: 6px 14px; border-radius: 6px; font-size: 13px; cursor: pointer; transition: all 0.15s; }
.act-btn:hover { border-color: #9ca3af; }
.act-btn-primary { background: #f59e0b; border-color: #f59e0b; color: #fff; }
.act-btn-primary:hover { background: #d97706; }
.act-btn-danger { color: #dc2626; border-color: #fecaca; }
.act-btn-danger:hover { background: #fef2f2; }
.act-btn-sm { padding: 3px 10px; font-size: 12px; }
.act-form-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.act-form-row input { flex: 1; min-width: 140px; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 13px; }
.act-action-bar { display: flex; align-items: center; gap: 12px; padding: 10px 0; flex-wrap: wrap; }
.act-switch { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #374151; cursor: pointer; }
.act-switch input { cursor: pointer; }
.act-subtabs { display: flex; gap: 8px; margin-bottom: 12px; border-bottom: 1px solid #e5e7eb; }
.act-subtab { border: none; background: transparent; padding: 8px 14px; font-size: 14px; color: #6b7280; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.act-subtab.active { color: #f59e0b; border-bottom-color: #f59e0b; font-weight: 600; }
.act-panel { display: none; }
.act-panel.active { display: block; }
.act-current-account { font-size: 13px; color: #374151; margin-bottom: 8px; }
.act-account-list { margin-bottom: 10px; }
.act-account-row { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-bottom: 1px dashed #e5e7eb; font-size: 13px; }
.act-account-name { flex: 1; color: #1f2937; }
.act-account-level { color: #6b7280; font-size: 12px; }
.act-account-ops { display: flex; gap: 6px; }
.act-weather-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.act-weather-badge { display: inline-block; padding: 4px 12px; border-radius: 14px; background: #e0f2fe; color: #0369a1; font-size: 13px; font-weight: 600; }
.act-weather-badge--thunder { background: #ede9fe; color: #6d28d9; }
.act-weather-time { font-size: 13px; color: #6b7280; }
.act-crop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
.act-crop { background: #f9fafb; border-radius: 8px; padding: 10px; text-align: center; }
.act-crop-name { font-size: 13px; color: #1f2937; margin-top: 6px; }
.act-crop-mult { font-size: 12px; color: #f59e0b; font-weight: 600; }
@media (max-width: 640px) {
  .act-stats { grid-template-columns: repeat(2, 1fr); }
  .act-form-row { flex-direction: column; align-items: stretch; }
  .act-form-row input { min-width: 0; }
  .act-account-row { flex-wrap: wrap; }
}