:root{--green:#04c466;--green-dark:#00965d;--green-soft:#edfcf5;--ink:#182436;--muted:#8b97a8;--line:#e9edf2;--surface:#fff;--bg:#f5f7f9;--side:#101725;--side-text:#9aa6b8;--blue:#3881f4;--purple:#7952ff;--radius:18px;--shadow:0 2px 3px #192d4b06;--sidebar:254px}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible{outline:3px solid #70e5b0;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#46d79a;box-shadow:0 0 0 3px #04c46612}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h2{font-size:23px;line-height:1.4;letter-spacing:-.5px}h3{font-size:17px;line-height:1.5}small{font-size:12px}svg.icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.boot{padding:100px;text-align:center;color:var(--muted)}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--side);z-index:40;display:flex;flex-direction:column;color:var(--side-text);border-right:1px solid #28303e}.brand{height:64px;min-height:64px;padding:0 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #242c38;color:#fff;font-size:21px;font-weight:750;letter-spacing:.3px}.brand-mark{height:25px;width:25px;border-radius:6px;background:linear-gradient(130deg,#48d98b,#10bd67);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #8effb34d}.brand-mark svg{width:20px;height:20px}.nav-scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:100px;padding:17px 15px 8px;scrollbar-color:#c1cada transparent;scrollbar-width:thin}.nav-group{margin:11px 0 30px}.nav-group:last-child{margin-bottom:0}.group-title{display:flex;align-items:center;width:100%;gap:13px;background:none;border:0;color:#e3e8f1;font-size:16px;font-weight:700;text-align:left;padding:0;height:47px}.group-symbol{width:32px;height:32px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--green);flex-shrink:0}.group-symbol svg{width:21px;height:21px;stroke-width:2}.group-symbol.orange{background:linear-gradient(140deg,#fa4268,#ff7019)}.group-symbol.purple{background:linear-gradient(140deg,#965eff,#7458ff)}.group-symbol.cyan{background:linear-gradient(140deg,#00afdc,#3787ed)}.group-symbol.gray{background:linear-gradient(140deg,#64728d,#465671)}.chevron{margin-left:auto;width:25px;height:25px;background:#192333;border-radius:50%;display:grid;place-items:center}.chevron svg{width:14px}.nav-links{margin:12px 14px 0 13px;border-left:1px solid #1b2433;padding-left:24px;display:grid;gap:6px}.nav-links.closed{display:none}.nav-link{border:0;color:#9ca6b7;background:none;border-radius:13px;display:flex;align-items:center;gap:12px;padding:0 18px;min-height:41px;width:100%;text-align:left;white-space:nowrap;font-size:14px}.nav-link svg{width:15px}.nav-link:hover{color:#e4eef5;background:#192334}.nav-link.active{background:var(--green);color:white;box-shadow:0 4px 12px #00c16408}.nav-link.active.blue{background:var(--blue)}.nav-link.active.slate{background:#48576c}.side-footer{padding:13px 11px 11px;border-top:1px solid #29313f;background:var(--side);flex-shrink:0}.user-card{border:1px solid #293241;border-radius:13px;background:#18212e;min-height:64px;padding:11px;display:flex;gap:12px;align-items:center;margin-bottom:9px}.avatar{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(130deg,#ff4148,#e3222c);color:white;font-weight:700}.user-name{color:#edf1f6;font-size:14px;font-weight:600;line-height:20px}.member{font-size:11px;color:#65a7ff;border:1px solid #385378;border-radius:5px;padding:1px 6px;white-space:nowrap}.user-tools{margin-left:auto;display:flex;gap:6px}.dark-btn{background:#202a38;border:0;color:#b6c2d3;border-radius:8px;padding:7px;font-size:12px;display:flex;gap:5px;align-items:center}.dark-btn svg{width:13px}.quota{background:#17212e;border:1px solid #283340;border-radius:14px;padding:12px 13px;color:#99a6b8;font-size:11px}.quota-title{display:flex;justify-content:space-between;font-size:12px;color:#dce2ec;margin-bottom:10px}.quota-line{display:flex;align-items:center;justify-content:space-between;line-height:23px;gap:6px}.quota-line b{font-weight:500;color:#e6eaf2}.quota-line .accent{color:#70e3bf;font-weight:600}.quota-line .warning{color:#ffc35e}.quota-notice{border:1px solid #80631844;background:#c69e1614;color:#f8cf5e;border-radius:7px;padding:6px;font-size:10px;margin:5px 0}.quota-total{border-top:1px solid #2e3847;margin-top:3px;padding-top:4px}.version{text-align:center;font:10px ui-monospace,monospace;letter-spacing:1px;color:#475366;margin-top:13px;cursor:pointer}.topbar{height:64px;position:fixed;left:var(--sidebar);right:0;top:0;background:#ffffffec;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:30;backdrop-filter:blur(8px)}.topbar-title{font-size:23px;font-weight:750;letter-spacing:-.5px}.topbar-right{display:flex;gap:12px;align-items:center}.status-pill{border:1px solid #d6f9e7;color:#009955;background:#f2fff8;border-radius:22px;font-size:12px;font-weight:650;padding:7px 13px;display:flex;align-items:center;gap:7px}.status-pill.white{background:#fff}.status-pill svg{width:15px;height:15px}.mobile-toggle{display:none}.workspace{margin-left:var(--sidebar);padding-top:64px;min-height:100vh}.page{padding:30px 32px;animation:appear .18s ease-out}.page.hotspots{max-width:1332px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.page-head p{color:#8090a6;margin-top:5px;line-height:1.65;font-size:13px}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#45566c;border:1px solid #e3e8ef;border-radius:12px;padding:10px 16px;line-height:18px;min-height:38px;font-size:13px;font-weight:600;box-shadow:0 2px 2px #24344804;white-space:nowrap}.btn:hover:not(:disabled){background:#f6faf8;border-color:#badbcb}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 12px #00c46514}.btn.primary:hover:not(:disabled){background:#00b85e}.btn.outline{border-color:#b0efd1;color:var(--green-dark)}.btn.purple{color:#7850f4;border-color:#dfd3ff;background:#f9f6ff}.btn.orange{background:#ff9800;color:#fff;border-color:#ff9800}.btn.red{background:#ff414a;border-color:#ff414a;color:#fff}.btn.warning{background:#fffaf0;color:#b97115;border-color:#ffe2aa}.btn.sm{min-height:34px;padding:6px 11px;font-size:12px;border-radius:11px}.btn.icon-only{padding:9px;min-width:38px}.btn.text{background:none;border-color:transparent;box-shadow:none;padding:6px 8px}.btn.block{width:100%}.btn.danger-ghost{color:#ed4c56;border-color:#f3d6d8}.field{height:39px;border:1px solid #e1e6ee;border-radius:11px;background:#fff;color:#35465e;padding:8px 12px;min-width:0;box-shadow:0 2px 2px #26304b03}.field::placeholder{color:#a4afbe}.field.search{padding-left:38px;width:100%}.search-wrap{position:relative;display:flex;flex:1;min-width:140px}.search-wrap>svg{position:absolute;left:13px;top:11px;color:#95a2b4}.field-wrap{display:flex;flex-direction:column;gap:8px}.field-wrap label{font-size:13px;font-weight:600;color:#35465a}.field-wrap small{font-size:11px;color:#8a98ac;line-height:1.6}textarea.field{height:auto;resize:vertical;min-height:110px;line-height:1.75;width:100%}select.field{padding-right:29px;max-width:100%;cursor:pointer}.card{background:var(--surface);border:1px solid #edf0f4;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px;flex-wrap:wrap}.toolbar+.toolbar{border-top:1px solid #f2f4f7}.toolbar.soft{background:#fafbfd}.toolbar .spacer,.spacer{flex:1}.count{font-size:13px;color:#738299;white-space:nowrap}.count strong{color:var(--green);font-size:15px;margin:0 5px}.divider{height:20px;width:1px;background:#e5eaf0;margin:0 2px}.filterline{display:flex;align-items:center;gap:8px}.filterline label{font-size:12px;color:#68768a;font-weight:650;white-space:nowrap}.filterline select{width:119px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:750px}thead{background:#f8f9fb;color:#69778b}th{font-size:12px;font-weight:650;height:44px;padding:10px 16px}td{padding:17px 16px;border-top:1px solid #f0f2f5;color:#59687c;line-height:1.65}td strong{color:#1d2b3d;font-size:13px;font-weight:600}.table-check{width:34px;padding-left:20px;padding-right:5px}input[type=checkbox]{accent-color:var(--green);height:15px;width:15px;cursor:pointer}.empty-area{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:380px;color:#8592a5;text-align:center;padding:55px 25px;gap:10px}.empty-area svg{width:42px;height:42px;color:#cfd5dd;stroke-width:2.2}.empty-area h4{font-size:14px;font-weight:500;margin-top:4px;color:#8a97a8}.empty-area.strong h4{color:#26334a;font-weight:650}.empty-area p{font-size:12px;color:#a5afbd;max-width:520px;line-height:1.7}.empty-area .btn{margin-top:3px}.table-body-space{min-height:calc(100vh - 369px);display:flex;flex-direction:column}.table-body-space .empty-area{min-height:360px;flex:1;justify-content:flex-start;padding-top:100px}.table-body-space .empty-area.early{padding-top:68px}.pagination{display:flex;align-items:center;gap:9px;border-top:1px solid #f6f7f9;padding:16px 20px;font-size:12px;color:#8996a8;min-height:63px}.pagination select{height:30px;width:56px;box-shadow:none;font-size:12px;border-radius:6px;padding:3px 8px}.pagination button{padding:6px 10px;border:1px solid #edf0f4;background:white;color:#abb4c2;border-radius:9px;font-size:12px}.pagination button.current{background:#f4484e;border-color:#f4484e;color:white}.pagination .right{margin-left:auto;display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;color:#009c68;background:#edfcf4;border:1px solid #d3f6e4;border-radius:7px;padding:2px 7px;white-space:nowrap}.badge.blue{color:#397ff0;background:#edf4ff;border-color:#dceaff}.badge.purple{color:#8b5dff;background:#f6f1ff;border-color:#eee4ff}.badge.gray{color:#9ba5b4;background:#f6f7f9;border-color:#eceff3}.badge.orange{color:#cd7f20;background:#fff8eb;border-color:#ffebc7}.badge.red{color:#e7545c;background:#fff2f3;border-color:#ffe1e4}.text-muted{color:#8d99ac}.text-green{color:#00ae62}.row-actions{display:flex;gap:6px;align-items:center}.line-clamp{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tiny{font-size:11px;line-height:1.65}.small{font-size:12px;line-height:1.7}.section-gap{margin-top:22px}
/* Hotspot page */
.hot-tabs{padding:16px 20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:67px}.tab{border:1px solid #e6eaf0;background:#fff;color:#647389;padding:8px 13px;border-radius:13px;font-size:12px;font-weight:600;display:flex;gap:6px;align-items:center;height:36px}.tab.selected{background:#eafaf1;border-color:#2cda87;color:#00b660}.tab svg{width:14px}.hot-meta{padding:12px 20px;background:#fcfdff;border-top:1px solid #f5f6f9;border-bottom:1px solid #f5f6f9;color:#a0acbd;font-size:10px;display:flex;justify-content:space-between;gap:10px}.cache-note{color:#e68a31;display:flex;align-items:center;gap:5px}.cache-note svg{width:12px}.hot-row{display:flex;align-items:center;gap:24px;padding:18px 20px;border-bottom:1px solid #f3f4f7;min-height:102px}.hot-row:nth-child(even){background:#fbfcfd}.hot-rank{width:30px;flex-shrink:0;text-align:center;font-size:17px;color:#96a3b4;font-weight:700}.hot-rank.top{color:#00c467}.hot-info{flex:1;min-width:0}.hot-title{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:650;color:#172438}.hot-source{font-size:10px;border-radius:5px;background:#f0f2f5;color:#8290a4;padding:2px 7px;white-space:nowrap;font-weight:500}.hot-hash{font-size:11px;color:#a5afbe;margin-top:7px}.hot-data{display:flex;gap:12px;align-items:center;font-size:10px;color:#9eabbd;margin-top:5px}.hot-data .heat{display:flex;align-items:center;gap:4px}.heat svg{color:#ff842e;width:13px}.hot-actions{display:flex;gap:8px;align-items:center}.hot-actions .primary{padding:7px 12px}.hot-actions svg{width:14px}
/* Matrix, materials */
.revenue-grid{display:flex;gap:12px;margin-left:auto}.revenue-box{display:flex;align-items:center;gap:12px;width:249px;height:57px;border:1px solid #dff0ff;background:#f4fbff;border-radius:15px;padding:10px 16px;color:#079b92;box-shadow:var(--shadow);font-size:11px}.revenue-box.green{background:#f2fdf7;border-color:#cef9e3}.revenue-icon{height:38px;width:38px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;color:#00a96c;box-shadow:0 2px 5px #24344807}.revenue-icon svg{width:21px;height:21px}.revenue-value{font-size:18px;letter-spacing:3px;font-weight:700;margin-top:1px}.revenue-box .tail{margin-left:auto;font-size:10px;color:#83bcb4}.matrix-tools{min-height:86px;padding:16px 20px}.matrix-empty{min-height:calc(100vh - 302px)}.matrix-empty .empty-area{padding-top:62px;justify-content:flex-start}.notice{display:flex;align-items:center;gap:8px;background:#effbf5;border:1px solid #d6f7e6;border-radius:12px;padding:13px 16px;color:#69868a;font-size:13px;line-height:1.6}.notice svg{color:#00bc69}.notice .link{margin-left:auto;color:#00b868;font-weight:600;cursor:pointer;white-space:nowrap}.notice.blue{background:#f3f6ff;border-color:#dce6ff;color:#6582b3}.notice.blue svg{color:#6087dd}.notice.amber{background:#fffcf3;border-color:#ffe8bb;color:#b58b46}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:16px 0 24px}.stat{padding:20px;display:flex;align-items:center;gap:17px;min-height:92px}.stat-icon{width:49px;height:49px;border-radius:50%;background:#eff6ff;color:#327cff;display:grid;place-items:center}.stat-icon.green{background:#edfcf4;color:#08c46f}.stat-icon.purple{background:#f7f2ff;color:#a25eff}.stat-icon svg{height:23px;width:23px}.stat p{font-size:13px;color:#8d9aac}.stat strong{display:block;font-size:24px;font-weight:750;line-height:1.4;color:#142238}.material-thumb{height:48px;width:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#e9fbf1,#eaf2ff);color:#00b976;flex-shrink:0}.material-cell{display:flex;gap:12px;max-width:370px}
/* Cards and settings */
.benchmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.account-card{padding:23px}.account-card-header{display:flex;align-items:center;gap:12px}.round-icon{width:42px;height:42px;background:#e9fbf2;color:#05b970;border-radius:12px;display:grid;place-items:center}.account-card p{margin:15px 0;color:#8c99ad;font-size:12px;line-height:1.8}.account-card footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}.strategies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.strategy-card{min-height:240px;display:flex;flex-direction:column}.strategy-top{padding:24px 24px 18px;flex:1}.strategy-heading{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.strategy-heading h3{font-size:16px}.strategy-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.strategy-card p{font-size:13px;color:#8c98a8;line-height:1.8;margin-top:12px}.strategy-footer{padding:17px 20px;background:#fafbfd;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px}.strategy-meta{font-size:10px;color:#a0aabd;line-height:1.9}.settings-width{max-width:889px}.config-card{padding:22px 20px}.config-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.config-heading h3{font-size:15px}.config-heading p{font-size:11px;color:#99a5b6;line-height:1.8;margin-top:3px}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-choice{text-align:left;background:white;border:1px solid #edf0f4;border-radius:13px;padding:16px;color:#17283d;min-height:78px}.model-choice.selected{background:#faf8ff;border-color:#c9b7ff}.model-choice strong{font-size:14px;display:block;margin-bottom:6px}.model-choice p{color:#8b99ab;font-size:11px;line-height:1.7}.model-status{margin-top:27px;padding:22px 20px;background:#f7f5fd;border:1px solid #eee6ff;border-radius:17px}.model-status h4{font-size:13px;color:#853dff;margin-bottom:13px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.model-stat{border-radius:12px;padding:13px;background:#fff;box-shadow:var(--shadow);font-size:12px;min-height:64px}.model-stat strong{font-size:12px;display:block;margin-bottom:6px}.model-stat span{font-size:11px}.model-foot{font-size:11px;color:#9c71ef;margin-top:13px}.plugin-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(290px,1fr);gap:25px}.plugin-header{padding:22px 24px;border-bottom:1px solid #f0f2f6}.plugin-header h3{display:flex;align-items:center;gap:7px;font-size:19px}.plugin-header h3 svg{color:#347bff;height:22px;width:22px}.plugin-header p{font-size:13px;color:#8c9aaf;margin-top:5px}.plugin-content{padding:24px}.copy-field{display:flex;gap:8px}.copy-field input{background:#f8fafc;font-family:ui-monospace,monospace;font-size:12px;height:45px;flex:1}.token-box{display:flex;align-items:center;justify-content:space-between;background:#f9fafc;border:1px solid #edf0f4;border-radius:15px;padding:18px;margin:20px 0}.token-box strong{font-size:13px;display:block;margin-bottom:5px}.token-box span{font-size:11px;color:#8a98ab}.plugin-guide{padding:24px}.plugin-guide h3{font-size:19px;display:flex;gap:8px;align-items:center;margin-bottom:6px}.plugin-guide p{color:#8c9aaf;font-size:13px}.install-steps{margin:37px 0 7px;padding:0;list-style:none;display:grid;gap:18px}.install-steps li{display:flex;gap:10px;color:#738197;font-size:13px;line-height:1.85}.step-number{height:25px;width:25px;min-width:25px;background:#eff5ff;color:#458bff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.install-steps code{font-weight:700;color:#203149;font-family:inherit;word-break:break-word}
/* Full guide */
.guide-page{padding:31px 26px;background:radial-gradient(at top left,#eef5ff 0,transparent 35%),var(--bg)}.guide-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.guide-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#6345ff;margin-bottom:7px}.guide-title h2{font-size:24px}.guide-title p{font-size:12px;color:#7f94b0;margin-top:6px}.guide-note{border:1px solid #b4f6d0;background:#f0fcf5;border-radius:17px;padding:14px 18px;width:35%;box-shadow:0 7px 15px #b3d9c133;font-size:11px;color:#048957;line-height:1.9}.guide-note strong{color:#235044;display:block;font-size:12px}.guide-section{border:1px solid #e0eafd;border-radius:23px;padding:21px 20px;margin:16px 0;background:#f4f9ff;box-shadow:0 10px 15px #26354805}.guide-section.amber{background:#fffcf7;border-color:#ffe1a7}.guide-section.purple{background:#f8f7ff;border-color:#e4dbff}.guide-section.yellow{background:#fffef5;border-color:#ffedb1}.guide-section.green{background:#f2fcf7;border-color:#b9f3d7}.guide-heading{display:flex;gap:14px;align-items:center;margin-bottom:16px}.guide-heading .num{height:40px;width:40px;flex-shrink:0;border-radius:14px;color:#673fff;background:#f1f0ff;display:grid;place-items:center;font-size:12px;font-weight:700}.guide-heading h3{font-size:17px}.guide-heading p{font-size:11px;color:#7f95b0;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-card{position:relative;background:#fff;border:1px solid #e6ebf2;border-radius:19px;padding:19px 20px;display:flex;gap:14px;min-height:142px;transition:box-shadow .15s}.guide-card:hover{box-shadow:0 6px 15px #29345506}.guide-card .g-icon{width:32px;height:40px;border-radius:13px;background:#eff5ff;color:#316cff;display:grid;place-items:center;flex-shrink:0}.g-icon.green{color:#04985e;background:#ecfbf3}.g-icon.purple{color:#8e41ff;background:#faf4ff}.g-icon.cyan{color:#069eb5;background:#effbff}.g-icon.red{color:#ed386c;background:#fff0f4}.g-body{min-width:0;flex:1}.guide-card h4{font-size:13px;margin:7px 0 4px;line-height:1.6}.guide-card p{font-size:10px;color:#8a9bb0;line-height:1.8}.guide-link{position:absolute;top:17px;right:16px;border:0;background:none;color:#05a164;font-size:10px;cursor:pointer;padding:2px}.guide-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.guide-card .badge{font-size:9px;padding:1px 5px}.guide-card.disabled{opacity:.5;background:#fcfcfb}.guide-card.disabled .guide-link{color:#ab9c95;cursor:not-allowed}.guide-subtitle{font-size:12px;color:#29405e;font-weight:650;margin:16px 0 9px}.guide-subtitle span{font-size:10px;color:#96a6bb;font-weight:400;margin-left:8px}.monitor-box{border:1px solid #b7f2d7;border-radius:18px;background:linear-gradient(110deg,#effdf6,#f3f7ff);padding:20px 18px 14px;box-shadow:0 5px 7px #1d68520a}.monitor-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}.monitor-head .round-icon{background:#d8f9e8}.monitor-head h4{font-size:13px;color:#154d3f;margin:3px 0}.monitor-head p{font-size:10px;color:#86a0b5}.monitor-head .btn{margin-left:auto;font-size:10px;background:#00996d}.flow-row{display:flex;align-items:stretch;gap:12px}.flow-arrow{align-self:center;color:#97afbe;font-size:19px;flex-shrink:0}.flow-step{flex:1;min-width:0;border-radius:15px;background:#ffffffc4;border:1px solid #eef3f5;min-height:52px;display:flex;align-items:center;gap:10px;padding:12px}.flow-step .icon{color:#09bd84}.flow-step h4{font-size:10px;margin-bottom:3px}.flow-step p{font-size:9px;color:#8ca0b6;line-height:1.65}.flow-bottom{font-size:9px;background:#ffffffc9;border-radius:9px;color:#92a4b7;margin-top:12px;padding:8px 10px;line-height:1.7}.flow-bottom b{color:#cf8a39}.routes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route-card{position:relative;background:#fff;border:1px solid #e6eaf1;border-radius:20px;padding:20px;min-height:323px;display:flex;flex-direction:column}.route-card.featured{border-color:#a3efc3;border-left:4px solid #00c368}.route-card.disabled{opacity:.5}.route-head{display:flex;gap:13px}.route-head .round-icon{width:34px;height:40px;font-size:14px}.route-head h4{font-size:14px;line-height:1.7;margin:6px 0 3px}.route-head p{font-size:10px;color:#869bb6;line-height:1.8}.route-steps{display:flex;gap:10px;align-items:center;margin-top:20px}.route-step{flex:1;min-width:0;background:#f8fafc;border-radius:16px;min-height:104px;padding:16px 8px;text-align:center;font-size:9px;color:#314865;line-height:1.7}.route-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edfcf5;color:#00b67a;font-size:10px;margin:7px auto 10px}.route-step.purple b{background:#f2efff;color:#8264ff}.route-steps>span{color:#90a4ba;font-size:13px}.route-foot{font-size:9px;line-height:1.9;color:#94a5ba;margin-top:auto;padding-top:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{padding:18px 20px;border:1px solid #e7ecf3;border-radius:18px;background:white;min-height:175px}.quick-card h4{font-size:14px}.quick-card p{font-size:10px;color:#8a9db5;margin-top:4px}.quick-pills{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:20px 0 28px;font-size:10px;color:#95a5ba}.quick-pills b{font-weight:500;background:#effbff;color:#0094b5;border-radius:10px;padding:6px 10px}.task-flow .flow-step{display:block;padding:24px 18px;min-height:110px;background:#fff;border-color:#e5ebf1}.task-flow .flow-step svg{width:21px;height:21px;float:left;margin:9px 15px 17px 0;color:#3282ff}.task-flow .flow-step h4{font-size:12px;margin:10px 0 5px}.task-flow .flow-step p{font-size:10px}.result-row{display:flex;gap:12px;max-width:920px;margin:16px auto 0}.result-box{flex:1;border:1px solid #b9f3d4;background:#effcf5;padding:12px 16px;border-radius:13px;display:flex;align-items:center;gap:10px;font-size:11px}.result-box svg{color:#009c68}.result-box p{font-size:9px;color:#88a0b5;margin-top:4px}.result-box.error{border-color:#ffd1d3;background:#fff4f4}.result-box.error svg{color:#f04f52}.publish-step{flex:1;background:#fff;border:1px solid #e6ebf2;border-radius:19px;min-height:174px;padding:17px}.publish-step>.icon{display:block;width:25px;height:25px;color:#347cff;margin:24px 0 14px}.publish-step h4{font-size:12px;margin-bottom:5px}.publish-step p{font-size:9px;color:#8398b1;line-height:1.8}.publish-step .badge{font-size:9px}.publish-tags{display:flex;justify-content:center;gap:8px;margin-top:13px;flex-wrap:wrap}.publish-tags span{font-size:9px;background:white;border-radius:8px;padding:8px;color:#7387a2}.publish-tags span:last-child{color:#c88833;background:#fffaec}.guide-finish{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#075341,#00856a);border-radius:23px;padding:20px 23px;margin-top:18px;color:#fff;box-shadow:0 12px 17px #005d4921}.guide-finish .round-icon{background:#ffffff21;color:#fff;width:46px;height:46px}.guide-finish h3{font-size:15px;margin-bottom:6px}.guide-finish p{font-size:10px;color:#afdacf;line-height:1.8}.guide-finish .btn{margin-left:auto;color:#007b59;font-size:11px}
/* Creation, editor, dialogs */
.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px}.wizard-card{padding:28px}.stepper{display:flex;justify-content:space-between;margin:3px 0 30px;border-bottom:1px solid var(--line);padding-bottom:22px}.wizard-step{display:flex;align-items:center;gap:8px;color:#9ba7b7;font-size:12px}.wizard-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f1f4f8;color:#8e9cb1}.wizard-step.active{color:#00a65f;font-weight:650}.wizard-step.active b{background:#dcf9eb;color:#00b969}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}.form-section-title{font-size:16px;margin-bottom:18px;display:flex;align-items:center;gap:8px}.form-section-title svg{color:#06c268}.form-actions{display:flex;align-items:center;gap:10px;margin-top:25px;justify-content:flex-end}.helper-card{padding:22px;background:linear-gradient(160deg,#effcf5,#f7faff);border:1px solid #daeee3;border-radius:18px;align-self:start}.helper-card h3{font-size:15px}.helper-card p{font-size:12px;line-height:1.9;color:#718aa0;margin-top:13px}.helper-rule{border-top:1px solid #dbeee4;padding-top:15px;margin-top:16px}.suggestions{display:grid;gap:10px;margin-top:15px}.suggestion{display:flex;gap:10px;align-items:center;border:1px solid #dcefe3;border-radius:12px;background:#f9fffb;padding:12px;text-align:left;color:#344e41;font-size:13px}.editor-toolbar{padding:12px 18px;background:#fafbfd;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.editor-content{padding:25px;max-height:60vh;overflow:auto;font-size:14px;line-height:1.95}.editor-content h2{font-size:21px;margin:12px 0}.editor-content h3{font-size:17px;margin:15px 0 10px}.editor-content p{margin:10px 0}.editor-content ul{padding-left:21px}.preview-tabs{display:flex;gap:8px;margin-bottom:16px}.title-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.title-card{padding:22px}.title-card .title-category{font-size:10px;color:#a28bcb;background:#f6f1ff;border-radius:7px;padding:4px 7px;display:inline-block}.title-card h3{font-size:16px;margin:15px 0 10px}.title-card p{font-size:12px;line-height:1.9;color:#8d9bad;min-height:50px}.title-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:17px;color:#9aa8bb;font-size:11px}.modal-overlay{position:fixed;inset:0;background:#0d172c65;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px);animation:appear .12s}.modal{background:#fff;border:1px solid #ffffff40;border-radius:22px;width:590px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 100px #08182f38;overflow:hidden}.modal.wide{width:920px}.modal-header{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.modal-header h3{font-size:19px}.modal-header .btn{min-height:30px;height:30px;min-width:30px;padding:5px}.modal-body{padding:25px;overflow:auto;flex:1;line-height:1.7}.modal-body>p{font-size:13px;color:#77899c;line-height:1.8;margin-bottom:15px}.modal-body .form-grid{gap:17px}.modal-footer{padding:17px 25px;background:#fbfcfd;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal .field{width:100%}.code-block{white-space:pre-wrap;word-break:break-word;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f8fa;border:1px solid #e6ecf1;border-radius:12px;padding:17px;color:#335169;margin:15px 0}.modal ul{color:#7e8b9c;font-size:13px;line-height:1.9;padding-left:20px}.token-secret{word-break:break-all;color:#009a67;background:#eefcf5;padding:15px;border:1px dashed #78deb0;border-radius:12px;font:13px/1.9 ui-monospace,monospace}.modal-tabs{display:flex;gap:8px;margin-bottom:16px}.toast{background:#fff;border:1px solid #d6efdf;box-shadow:0 8px 30px #1d394319;color:#385747;border-radius:13px;display:flex;align-items:flex-start;gap:9px;padding:14px 18px;max-width:470px;font-size:13px;line-height:1.6;animation:toast-in .2s}.toast svg{color:#06b773;margin-top:2px}.toast.error{border-color:#ffd4d8;color:#b45b62}.toast.error svg{color:#eb5d69}#toasts{position:fixed;right:24px;bottom:24px;z-index:150;display:grid;gap:10px}.form-error{color:#d34e5c;background:#fff5f6;padding:10px 14px;border-radius:10px;font-size:12px;margin-bottom:15px}.inline-label{display:flex;align-items:center;gap:7px}.inline-label input{width:16px!important}.hidden{display:none!important}.spinner{width:16px;height:16px;border:2px solid #c8edda;border-top-color:#00ba64;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.task-status{position:fixed;bottom:22px;left:calc(var(--sidebar) + 24px);z-index:32;background:white;border:1px solid #c9f3db;padding:12px 17px;border-radius:12px;box-shadow:0 5px 22px #1b5d3614;font-size:12px;color:#387256;display:flex;align-items:center;gap:10px}.task-status:empty{display:none}.backend-state{margin-top:15px;font-size:11px;color:#8e9cae;text-align:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{padding:15px;border:1px solid var(--line);border-radius:12px}.info-box b{display:block;font-size:14px}.info-box span{font-size:11px;color:#8f9bb0}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.switch-row p{font-size:11px;color:#8d99ab}.switch-row strong{font-size:13px}.action-link{background:none;border:0;color:#00a566;padding:0;font-size:12px;text-align:left}.article-preview-title{font-size:25px;font-weight:700;line-height:1.5;margin-bottom:15px}.row-generating{background:#f9fefb}.copy-success{color:#00a867}
@keyframes appear{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.matrix-tools{gap:15px}.table-body-space{min-height:calc(100vh - 369px)}}
@media(max-width:1450px){.revenue-box{width:195px;padding:8px 12px}.revenue-grid{gap:8px}.matrix-tools{gap:10px}.matrix-tools .count{display:none}.filterline select{width:100px}.toolbar{gap:8px}.strategies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-layout{grid-template-columns:minmax(0,2fr) 320px}.flow-row{gap:7px}.guide-grid{gap:10px}.guide-card{padding:18px 13px}.guide-link{right:12px}.flow-arrow{font-size:14px}.flow-step{padding:10px}.guide-note{width:37%}}
@media(max-width:1200px){:root{--sidebar:228px}.brand{padding-left:20px}.nav-links{padding-left:15px;margin-right:5px}.nav-link{padding-left:15px}.page{padding:26px 24px}.topbar{padding:0 24px}.revenue-grid{width:100%;margin-left:0;order:3}.revenue-box{flex:1}.guide-page{padding:25px 20px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{gap:8px}.guide-card .g-icon{width:29px;height:31px}.guide-link{position:static;display:block;padding:0;text-align:left;margin-top:9px}.guide-tags{margin-top:15px}.route-card{padding:16px;min-height:330px}.route-steps{gap:5px}.route-step{padding:10px 5px;font-size:9px}.route-steps>span{font-size:10px}.plugin-layout{grid-template-columns:1fr}.plugin-guide{max-width:none}.install-steps{margin-top:18px;grid-template-columns:1fr 1fr}.wizard-layout{grid-template-columns:1fr}.helper-card{display:none}.benchmark-grid,.title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-card{gap:8px}.dark-btn{padding:6px}.quota{padding:11px}.flow-row{flex-wrap:wrap}.flow-step{min-width:120px}.publish-step{min-width:125px}.task-flow .flow-step{padding:15px 12px}.task-flow .flow-step svg{margin-right:8px}.hot-row{gap:13px}.hot-actions .btn{padding:7px 10px}.guide-title{align-items:flex-start}.topbar-title{font-size:21px}}
@media(max-height:760px) and (min-width:801px){.quota{font-size:10px;padding:8px 10px}.quota-line{line-height:18px}.quota-title{margin-bottom:4px}.quota-notice{margin:3px 0;padding:4px}.side-footer{padding-top:8px}.version{margin-top:8px}.user-card{min-height:56px;padding:8px}.nav-group{margin-bottom:22px}.quota-total{padding-top:3px}}
@media(max-width:800px){:root{--sidebar:254px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #0f172a40}.topbar{left:0;padding:0 18px}.topbar-title{font-size:18px}.topbar-right{gap:5px}.status-pill{font-size:10px;padding:7px 9px}.status-pill.white{display:none}.mobile-toggle{display:inline-flex;margin-right:10px;min-width:30px;min-height:30px!important;padding:5px!important}.header-label{display:flex;align-items:center}.workspace{margin-left:0}.page{padding:23px 16px}.page-head{margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-head h2{font-size:21px}.page-head p{font-size:12px}.page-head .head-actions{margin-left:auto}.hot-row{padding:16px 12px;gap:10px;flex-wrap:wrap}.hot-title{font-size:13px}.hot-info{width:calc(100% - 55px)}.hot-actions{margin-left:40px;width:100%;justify-content:flex-end}.hot-meta{flex-wrap:wrap;gap:5px}.hot-tabs{padding:14px 12px;gap:6px}.tab{padding:7px 10px}.hot-tabs .btn{margin-left:auto}.table-body-space{min-height:400px}.table-body-space .empty-area{padding-top:90px}.matrix-empty{min-height:450px}.filterline select{width:105px}.toolbar{padding:13px 15px}.stats{gap:9px}.stat{padding:14px 12px;gap:9px;min-height:85px}.stat-icon{width:34px;height:34px}.stat-icon svg{width:18px;height:18px}.stat p{font-size:10px}.stat strong{font-size:22px}.notice{font-size:11px;padding:12px}.notice .link{font-size:10px}.revenue-box{width:auto}.revenue-box .tail{display:none}.strategies-grid,.benchmark-grid,.title-grid{grid-template-columns:1fr}.guide-title{flex-wrap:wrap}.guide-note{width:100%}.guide-grid,.guide-grid.setup-grid,.routes-grid,.quick-grid{grid-template-columns:1fr}.guide-card{padding:18px}.guide-link{position:absolute;top:18px;right:18px;margin:0}.guide-tags{margin-top:20px}.guide-section{padding:18px 14px;border-radius:19px}.guide-heading{align-items:flex-start}.guide-heading h3{font-size:15px}.guide-heading p{font-size:10px}.flow-row{gap:9px}.flow-row>.flow-arrow{display:none}.flow-step{flex-basis:calc(50% - 9px);min-width:0}.task-flow .flow-step{min-height:100px}.publish-step{flex-basis:calc(50% - 9px)}.result-row{flex-direction:column}.guide-finish{flex-wrap:wrap;padding:19px}.guide-finish .btn{margin-left:60px}.route-card{min-height:280px}.plugin-content{padding:19px}.plugin-header{padding:19px}.install-steps{grid-template-columns:1fr}.model-options{grid-template-columns:1fr}.status-grid{gap:8px}.model-stat{padding:11px}.model-stat strong{font-size:11px}.settings-width{max-width:100%}.wizard-card{padding:20px}.stepper{gap:8px}.wizard-step{flex-direction:column;font-size:10px;gap:6px;text-align:center;flex:1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-overlay{padding:12px}.modal{max-height:94vh;border-radius:18px}.modal-header{padding:18px}.modal-body{padding:19px}.modal-footer{padding:15px 18px;flex-wrap:wrap}.modal-header h3{font-size:17px}#toasts{left:16px;right:16px;bottom:16px}.toast{max-width:none}.task-status{left:16px;bottom:16px}.copy-field{gap:6px}.copy-field input{font-size:10px}.head-actions .btn{font-size:12px;padding:9px 12px}.pagination{padding:14px 12px;gap:5px}.pagination .right{gap:5px}.pagination .page-label{display:none}.topbar-right .status-pill{max-width:150px}.info-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Final desktop alignment against the supplied 1748 × 864 references. */
button.mobile-toggle{display:none}.dark-btn{white-space:nowrap}.user-card{gap:9px}.quota-line{line-height:21px}.quota-notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-head{margin-bottom:22px}.page-head h2{line-height:1.25}.hotspots .page-head{margin-bottom:16px}.matrix-empty{min-height:calc(100vh - 334px)}.matrix-empty .empty-area svg{width:34px;height:34px}
@media(min-width:801px){.page.hotspots{position:relative;left:-8px}}
@media(max-width:800px){button.mobile-toggle{display:inline-flex}.quota-line{line-height:21px}.matrix-empty{min-height:450px}.page-head{margin-bottom:20px}}