@import '/assets/stogram/stogram.min.css';.page{display:flex;flex-direction:column;min-height:100vh;background-color:#f4f4f8}.page .page-body{flex:1}.page .page-body .doc-header{position:sticky;top:0;z-index:99;padding:20px 0;background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15)}.page .page-body .doc-header .device{display:flex;align-items:center}.page .page-body .doc-header .device .device-name{font-size:20px;font-weight:bold;text-align:center;margin-right:auto;white-space:nowrap}.page .page-body .doc-header .device .device-info{display:flex;justify-content:space-between;gap:40px}.page .page-body .doc-header .device .device-info dt{opacity:.5}.page .page-body .doc-header .device .device-opts{display:flex;gap:12px;margin-left:80px}.page .page-body .doc-header .device .ipt-group{min-width:100px}.page .page-body .task-logs{position:sticky;top:64px;z-index:9;background-color:#000;color:#fff;padding:12px;height:200px;overflow-y:auto;white-space:pre;box-shadow:0 0 20px rgba(0,0,0,0.15)}.page .page-body .task-logs::-webkit-scrollbar{width:6px;height:6px}.page .page-body .task-logs::-webkit-scrollbar-track{background:rgba(255,255,255,0.3);-webkit-border-radius:8px;border-radius:8px;margin:2px}.page .page-body .task-logs::-webkit-scrollbar-thumb{-webkit-border-radius:8px;border-radius:8px;background:var(--color-primary) !important}.page .page-body .doc-body{padding:40px 0}.page .page-body .doc-body .device-list .device-item{display:block;position:relative;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 0 16px rgba(0,0,0,0.15);cursor:pointer}.page .page-body .doc-body .device-list .device-item label{display:block}.page .page-body .doc-body .device-list .device-item.online:before{background-color:var(--color-success)}.page .page-body .doc-body .device-list .device-item:before{position:absolute;right:0;left:0;top:0;height:4px;background-color:#ccc;content:""}.page .page-body .doc-body .device-list .device-item .device-name{display:flex;justify-content:space-between;flex-direction:row-reverse;margin-bottom:12px;font-size:16px;font-weight:500;padding:20px 20px 0 20px}.page .page-body .doc-body .device-list .device-item .device-info{display:flex;flex-direction:column;font-size:14px;padding:0 20px 20px 20px;gap:2px}.page .page-body .doc-body .device-list .device-item .device-info dl{display:flex;justify-content:space-between;color:#666}.page .page-body .doc-body .device-list .device-item .device-info dl dt:after{content:":"}.page .page-body .doc-body .device-list .device-item .device-opts{display:flex;justify-content:space-between;font-size:14px;background-color:#f8f8f8;border-top:solid 1px rgba(0,0,0,0.1);border-radius:0 0 4px 4px}.page .page-body .doc-body .device-list .device-item .device-opts a{flex:1;padding:8px;text-align:center;border-right:solid 1px rgba(0,0,0,0.1);color:var(--font-color-l2)}.page .page-body .doc-body .device-list .device-item .device-opts a:last-of-type{border-right:none}.page .page-body .doc-body .device-list .device-item .device-opts a:hover{background-color:rgba(0,0,0,0.05)}.page .page-body .doc-body .task-report{display:flex;justify-content:end;margin-bottom:20px;gap:40px}.page .page-body .doc-body .task-report dt{opacity:.75}.page .page-body .doc-body .task-report dd{font-weight:bold;color:var(--color-warning)}.page .page-body .doc-body .task-center{display:flex;flex-direction:column-reverse;gap:40px}.page .page-body .doc-body .task-list .task-item{display:flex;flex-direction:column;align-items:start;gap:12px;position:relative;background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15);border-radius:8px;padding:16px;overflow:hidden;transition:.3s;opacity:.6;filter:grayscale(1)}.page .page-body .doc-body .task-list .task-item:before{position:absolute;left:0;right:0;bottom:0;height:4px;background-color:var(--color-primary);content:"";transform:scaleX(0);opacity:0;transition:.3s}.page .page-body .doc-body .task-list .task-item.refresh .task-item-account dd{background-color:var(--color-warning);color:#fff}.page .page-body .doc-body .task-list .task-item.refresh .task-item-time .sync-time{background-color:var(--color-warning);color:#fff}.page .page-body .doc-body .task-list .task-item.running{transform:translateY(-4px);box-shadow:0 20px 20px rgba(0,0,0,0.25);background-color:var(--color-primary);color:#fff}.page .page-body .doc-body .task-list .task-item.running:before{transform:scaleX(1);opacity:1}.page .page-body .doc-body .task-list .task-item.running .task-item-opts.ipt-opts-flag label{opacity:.75}.page .page-body .doc-body .task-list .task-item.running .task-item-opts.ipt-opts-flag label:has(:checked){opacity:1;background-color:rgba(255,255,255,0.95);border-color:rgba(255,255,255,0.95);color:var(--color-primary)}.page .page-body .doc-body .task-list .task-item.running .task-item-switch label input:checked{background-color:#fff}.page .page-body .doc-body .task-list .task-item.running .task-item-switch label input:checked:before{background-color:var(--color-primary)}.page .page-body .doc-body .task-list .task-item.running .task-item-switch label .ipt-switch-text{color:var(--color-primary)}.page .page-body .doc-body .task-list .task-item:has(.ipt-switch :checked){opacity:1;filter:none}.page .page-body .doc-body .task-list .task-item .task-item-app{display:flex;align-items:center;gap:12px}.page .page-body .doc-body .task-list .task-item .task-item-app .icon{width:36px;height:36px;border-radius:12px;overflow:hidden;border:solid 1px rgba(0,0,0,0.1);box-shadow:2px 2px 12px rgba(0,0,0,0.1)}.page .page-body .doc-body .task-list .task-item .task-item-app .name{font-weight:500;font-size:16px}.page .page-body .doc-body .task-list .task-item .task-item-account{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:4px;padding:6px;gap:12px}.page .page-body .doc-body .task-list .task-item .task-item-account dl{display:flex;gap:4px;align-items:center;white-space:nowrap}.page .page-body .doc-body .task-list .task-item .task-item-account dl dt{opacity:.5}.page .page-body .doc-body .task-list .task-item .task-item-account dl dt:after{content:":"}.page .page-body .doc-body .task-list .task-item .task-item-account dl dd{font-weight:bold;color:var(--color-warning)}.page .page-body .doc-body .task-list .task-item .task-item-account dl dd i{font-size:10px}.page .page-body .doc-body .task-list .task-item .task-item-time{display:flex;justify-content:space-between;background-color:#f0f0f0;padding:4px;border-radius:4px;width:100%;margin-top:-8px}.page .page-body .doc-body .task-list .task-item .task-item-time .sync-time{display:flex;justify-content:space-between;align-items:center;padding:0 6px;gap:4px;color:#888;font-size:12px;font-style:italic;white-space:nowrap}.page .page-body .doc-body .task-list .task-item .task-item-time .ipt-opts{display:flex}.page .page-body .doc-body .task-list .task-item .task-item-time .ipt-group{background-color:#fff;overflow:hidden;min-width:100px;font-size:12px}.page .page-body .doc-body .task-list .task-item .task-item-time .ipt-group .ipt-group-suffix{padding-left:0}.page .page-body .doc-body .task-list .task-item .task-item-time .ipt-group .ipt{font-size:14px;text-align:right}.page .page-body .doc-body .task-list .task-item .task-item-switch{position:absolute;right:20px;top:12px}.page .page-body .doc-body .task-list .task-item .task-item-opts{gap:12px;margin:-8px 0;width:100%}.page .page-body .doc-body .task-list .task-item .task-item-opts label{font-size:14px;gap:4px}.page .page-body .doc-body .task-list .task-item .task-item-opts:not(:has(label)){display:none}.page .page-body .doc-body .task-list .task-item .task-item-opts.ipt-opts-flag{margin:0;gap:8px;width:100%}.page .page-body .doc-body .task-list .task-item .task-item-opts.ipt-opts-flag label{flex:1;font-size:12px;gap:4px;padding:4px 8px;text-align:center;white-space:nowrap}.page .page-body .doc-body .task-list .task-item .task-item-remark{position:relative;width:100%;min-height:18px;margin-top:-4px}.page .page-body .doc-body .task-list .task-item .task-item-remark .remark{display:flex;align-items:center;justify-content:space-between;gap:4px}.page .page-body .doc-body .task-list .task-item .task-item-remark .remark span{color:red}.page .page-body .doc-body .task-list .task-item .task-item-remark .remark .icon{cursor:pointer}.page .page-body .doc-body .task-list .task-item .task-item-remark .ipt{position:absolute;left:0;right:0;z-index:999;display:none;background-color:#fff}.page .page-body .doc-body .realtime{display:flex;flex-direction:column;gap:12px}.page .page-body .doc-body .realtime .realtime-item{display:flex;align-items:center;gap:12px;position:relative;background-color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15);border-radius:8px;padding:16px;overflow:hidden;transition:.3s}.page .page-body .doc-body .realtime .realtime-item:before{position:absolute;left:0;right:0;bottom:0;height:4px;background-color:var(--color-primary);content:"";transform:scaleX(0);opacity:0;transition:.3s}.page .page-body .doc-body .realtime .realtime-item.refresh .task-item-account dd{background-color:var(--color-warning);color:#fff}.page .page-body .doc-body .realtime .realtime-item.refresh .task-item-time .sync-time{background-color:var(--color-warning);color:#fff}.page .page-body .doc-body .realtime .realtime-item.running{transform:translateY(-12px);box-shadow:0 12px 12px rgba(0,0,0,0.2);background-color:var(--color-primary);color:#fff}.page .page-body .doc-body .realtime .realtime-item.running:before{transform:scaleX(1);opacity:1}.page .page-body .doc-body .realtime .realtime-item .realtime-item-app{display:flex;align-items:center;gap:12px}.page .page-body .doc-body .realtime .realtime-item .realtime-item-app .icon{width:36px;height:36px;border-radius:12px;overflow:hidden;border:solid 1px rgba(0,0,0,0.1);box-shadow:2px 2px 12px rgba(0,0,0,0.1)}.page .page-body .doc-body .realtime .realtime-item .realtime-item-app .name{font-weight:500;font-size:16px}.page .page-body .doc-body .realtime .realtime-item .realtime-item-switch{margin-left:auto}.page .page-footer{margin-top:auto;padding:12px;color:var(--font-color-l3)}.page .page-footer .copyright{display:flex;text-align:center;gap:40px;justify-content:center}@media (max-width:1280px){.page .page-body .doc-header .device .device-info dl:nth-of-type(1),.page .page-body .doc-header .device .device-info dl:nth-of-type(5){display:none}.page .page-body .doc-header .device .device-opts{margin-left:40px}}@media (max-width:992px){.page .page-body .doc-header .device .device-info dl{display:none}.page .page-body .doc-header .device .device-info dl:nth-of-type(3),.page .page-body .doc-header .device .device-info dl:nth-of-type(6){display:block}.page .page-body .doc-header .device .device-opts{margin-left:20px}}@media (max-width:768px){.page .page-body .doc-header .device .device-info dl{display:none !important}}@keyframes b-loading{100%{width:100%}}:root{--d-width:1920;--color-primary:#5a02ac;--color-secondary:var(--color-primary);--border-color:#dee2e6;--border-radius:4px;--font-color-base:#1F160C}.container{max-width:1600px;padding:0 20px}@media (min-width:1280px){:root{--font-size-base:14px;--font-size-lg:20px;--font-size-md:var(--font-size-base);--font-size-sm:16px;--font-size-xs:14px;--font-size-h1:72px;--font-size-h2:48px;--font-size-h3:30px;--font-size-h4:28px;--font-size-h5:24px;--font-size-h6:20px}}@media (max-width:992px){:root{--font-size-base:14px;--font-size-lg:18px;--font-size-md:var(--font-size-base);--font-size-sm:12px;--font-size-xs:10px;--font-size-h1:64px;--font-size-h2:48px;--font-size-h3:30px;--font-size-h4:28px;--font-size-h5:24px;--font-size-h6:20px}}@media (max-width:768px){:root{--font-size-base:14px;--font-size-lg:18px;--font-size-md:var(--font-size-base);--font-size-sm:12px;--font-size-xs:10px;--font-size-h1:36pt;--font-size-h2:26pt;--font-size-h3:18pt;--font-size-h4:16pt;--font-size-h5:14pt;--font-size-h6:12pt}}