:root{color:#191c2d;font-synthesis:none;--primary:#536df4;--primary-soft:#eef0ff;--ink:#191c2d;--muted:#8d95aa;--line:#e7e9f1;--white:#fff;--danger:#d84d5b;background:#f6f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1120px;margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .15s}.shell{min-height:100vh}.shell aside{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:238px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 27px;display:flex}.logo{background:var(--primary);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:900;display:grid;box-shadow:0 8px 20px #536df438}.logo.large{border-radius:18px;width:58px;height:58px;margin:auto;font-size:29px}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{color:var(--muted);margin-top:2px;font-size:12px}nav{flex-direction:column;gap:5px;display:flex}nav a{color:#656d82;border-radius:12px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:650;text-decoration:none;display:flex}nav a b{text-align:center;color:#9ca3b7;width:22px;font-size:19px}nav a:hover{background:#f7f8fc}nav a.active{background:var(--primary-soft);color:var(--primary)}nav a.active b{color:var(--primary)}.side-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:18px 5px 0;display:flex}.side-bottom .avatar{background:var(--primary-soft);width:35px;height:35px;color:var(--primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.side-bottom div{flex:1;min-width:0}.side-bottom strong,.side-bottom small{text-overflow:ellipsis;display:block;overflow:hidden}.side-bottom strong{font-size:12px}.side-bottom small{color:var(--muted);margin-top:3px;font-size:11px}.side-bottom button{color:#9299ad;cursor:pointer;background:0 0;border:0;font-size:20px}.workspace{max-width:1700px;margin-left:238px;padding:38px 42px 70px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.page-header h1{margin:0 0 8px;font-size:28px}.page-header p{color:var(--muted);margin:0;font-size:14px}.header-actions{gap:10px;display:flex}.button{border:1px solid var(--line);color:#535b70;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{border-color:#bfc6d9}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 7px 16px #536df425}.button.danger{color:var(--danger);background:#fff1f2;border-color:#ffd4d8}.button.ghost{color:#7d8497;background:0 0;border:0;height:auto;padding:0}.button.wide{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:22px;box-shadow:0 8px 28px #30395b0a}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 23px;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title span{color:var(--muted);font-size:12px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px;box-shadow:0 7px 22px #30395b08}.stats article>span,.stats article small{color:var(--muted);font-size:12px;display:block}.stats article strong{margin:13px 0 8px;font-size:30px;display:block}.stats article strong i{color:#a3a9b9;margin:0 5px;font-size:17px;font-style:normal}.stats .primary-stat{color:#fff;background:linear-gradient(135deg,#536df4,#6b81f7);border:0}.stats .primary-stat span,.stats .primary-stat small{color:#e5e9ff}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.recent-list>div{border-bottom:1px solid #f0f1f5;align-items:center;gap:12px;padding:17px 22px;display:flex}.activity-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.recent-list div div{flex:1}.recent-list strong,.recent-list small{display:block}.recent-list strong{font-size:14px}.recent-list small{color:var(--muted);margin-top:4px;font-size:11px}.recent-list em{color:#687086;font-size:11px;font-style:normal}.guide ol{margin:0;padding:10px 22px 20px;list-style:none}.guide li{gap:12px;padding:12px 0;display:flex}.guide li>b{background:var(--primary-soft);width:29px;height:29px;color:var(--primary);border-radius:9px;place-items:center;display:grid}.guide li strong,.guide li span{display:block}.guide li strong{font-size:13px}.guide li span{color:var(--muted);margin-top:4px;font-size:11px}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 20px;display:flex}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dfe2ec;border-radius:9px;outline:none;min-height:40px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#8799f6;box-shadow:0 0 0 3px #536df412}.toolbar .search{width:360px;margin-right:auto}.toolbar select{min-width:130px}.check{color:#626a7c;align-items:center;gap:6px;font-size:13px;display:flex!important}.check input{min-height:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#80889c;white-space:nowrap;background:#fafbfc;padding:12px 16px;font-size:11px;font-weight:700}td{color:#535b6e;vertical-align:middle;border-top:1px solid #eff0f4;padding:15px 16px}td strong{color:var(--ink);font-size:13px;display:block}td small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.actions{white-space:nowrap}.actions button,td>button,.tree-actions button,.option-head button,.subform-title button,.related-row button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px 7px;font-size:12px}.status{color:#747c8e;white-space:nowrap;background:#f2f3f7;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:750;display:inline-block}.status.published,.status.active,.status.committed{color:#26855c;background:#eaf8f1}.status.draft,.status.previewed{color:#a36c16;background:#fff4df}.status.offline,.status.disabled,.status.failed{color:#be4b56;background:#fff0f1}.status.vip{color:#ac741c;background:#fff3df}.pager{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:15px 20px;font-size:12px;display:flex}.pager span{margin-right:auto}.pager button{border:1px solid var(--line);color:#60687b;background:#fff;border-radius:8px;padding:6px 10px}.pager button:disabled{opacity:.4}.empty{text-align:center;color:var(--muted);padding:75px 20px}.empty div{background:#f4f5fa;border-radius:17px;place-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:25px;display:grid}.empty strong,.empty span{display:block}.empty strong{color:#4b5264}.empty span{margin-top:6px;font-size:12px}.modal-backdrop{z-index:50;background:#161a2b66;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(620px,94vw);max-height:90vh;overflow:auto;box-shadow:0 25px 80px #11152e3d}.modal.wide{width:min(900px,94vw)}.modal>header{z-index:1;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.modal>header h2{font-size:18px}.modal>header button{color:#7d8496;background:#f4f5f9;border:0;border-radius:10px;width:34px;height:34px;font-size:21px}.editor{padding:23px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#646c7f;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.form-grid label.span2{grid-column:span 2}.form-grid textarea{resize:vertical;min-height:74px}.editor footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:9px;margin:24px -23px -23px;padding:15px 23px;display:flex;position:sticky;bottom:-23px}.subform-title{justify-content:space-between;align-items:center;margin:25px 0 12px;display:flex}.subform-title h3,.subform-title p{margin:0}.subform-title h3{font-size:15px}.subform-title p{color:var(--muted);margin-top:4px;font-size:11px}.option-card{border:1px solid var(--line);background:#fafbfe;border-radius:13px;margin-bottom:12px;padding:17px}.option-head{justify-content:space-between;margin-bottom:13px;display:flex}.alert{color:#af404c;background:#fff0f1;border-radius:9px;margin:12px 0;padding:10px 12px;font-size:12px}.tree-head{color:#8a92a5;background:#fafbfc;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;height:42px;padding:0 22px;font-size:11px;display:flex}.tree-row{border-top:1px solid var(--line);align-items:center;gap:11px;min-height:70px;padding:10px 18px;display:flex}.expand{color:#80889b;background:0 0;border:0;width:25px;font-size:20px}.topic-color{color:#43506b;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.tree-copy{flex:1}.tree-copy strong,.tree-copy small{display:block}.tree-copy strong{font-size:14px}.tree-copy strong em{color:#949bad;margin-left:9px;font-size:11px;font-style:normal;font-weight:500}.tree-copy small{color:#969db0;margin-top:5px;font-size:11px}.tree-actions{text-align:right;width:260px}.tree-children{border-left:1px solid #dfe2ed;margin-left:35px}.category-row{padding-left:4px}.branch{color:#d1d5e0}.direction-icon{width:34px;height:34px;color:var(--primary);background:#f3f4fa;border-radius:10px;place-items:center;display:grid}.expressions-mini{border-left:1px dashed #dfe2ed;margin-left:78px;padding-left:18px}.expressions-mini>div{border-top:1px solid #f0f1f5;align-items:center;gap:11px;padding:10px 16px;display:flex}.expressions-mini div div{flex:1}.expressions-mini strong,.expressions-mini small{font-size:12px;display:block}.expressions-mini small{color:var(--muted);margin-top:3px}.expressions-mini p{color:var(--muted);padding:15px;font-size:12px}.related-row{grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0;display:grid}.user-cell{align-items:center;gap:9px;display:flex}.user-cell>span{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.demo-badge{color:#a36c16;background:#fff4df;border-radius:9px;padding:8px 12px;font-size:12px}.info-banner{color:#586488;background:#f2f4ff;border:1px solid #dbe1ff;border-radius:12px;margin-bottom:15px;padding:13px 16px;font-size:12px}.user-detail{text-align:center;padding:28px}.big-avatar{background:var(--primary-soft);width:65px;height:65px;color:var(--primary);border-radius:50%;place-items:center;margin:auto;font-size:25px;font-weight:900;display:grid}.user-detail h3{margin:12px 0 5px}.user-detail>p{color:var(--muted);font-size:13px}.user-detail dl{text-align:left;margin:25px 0}.user-detail dl div{border-top:1px solid var(--line);grid-template-columns:120px 1fr;padding:12px 0;font-size:12px;display:grid}.user-detail dt{color:var(--muted)}.user-detail dd{word-break:break-all;margin:0}.import-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.upload-panel,.export-panel{padding-bottom:20px}.step-tabs{padding:18px 22px 8px}.step-tabs button{color:#777f92;background:#f3f4f8;border:0;padding:9px 16px}.step-tabs button:first-child{border-radius:9px 0 0 9px}.step-tabs button:last-child{border-radius:0 9px 9px 0}.step-tabs button.active{background:var(--primary);color:#fff}.template-link{color:var(--primary);margin:8px 22px;font-size:12px;text-decoration:none;display:block}.drop-zone{cursor:pointer;border:1.5px dashed #cfd4e3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;margin:16px 22px;display:flex}.drop-zone input{display:none}.drop-zone b{color:var(--primary);font-size:27px}.drop-zone strong{margin-top:8px;font-size:13px}.drop-zone span{color:var(--muted);margin-top:5px;font-size:11px}.upload-panel>.button{width:calc(100% - 44px);margin:0 22px}.preview{background:#f7f8fc;border-radius:12px;margin:18px 22px;padding:15px}.preview h3{margin-top:0;font-size:14px}.preview>div{gap:12px;display:flex}.preview>div span{color:#687083;background:#fff;border-radius:8px;flex:1;padding:10px;font-size:11px}.preview>div b{color:#2a8a63;font-size:18px;display:block}.preview>div .bad b{color:var(--danger)}.preview p{color:var(--danger);font-size:11px}.export-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.file-icon{color:#25855c;background:#eaf8f1;border-radius:11px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.export-row>div:nth-child(2){flex:1}.export-row strong,.export-row span{display:block}.export-row strong{font-size:13px}.export-row span{color:var(--muted);margin-top:4px;font-size:11px}.login{background:radial-gradient(circle at 50% -10%,#eef0ff 0,#f7f8fc 44%,#f3f5fa 100%);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;width:420px;padding:38px;box-shadow:0 25px 65px #29325918}.login-card h1{margin:6px 0;font-size:25px}.eyebrow{color:var(--primary);letter-spacing:1.6px;margin-top:18px;font-size:10px;font-weight:800}.muted{color:var(--muted);font-size:13px}.login form{text-align:left;margin-top:27px}.login label{margin:13px 0;font-size:12px;font-weight:700;display:block}.login input{width:100%;height:46px;margin-top:7px;display:block}.login .button{height:47px;margin-top:10px}.login-note{color:#a1a7b6;margin:18px 0 0;font-size:10px}.app-loading{color:#858da0;place-items:center;min-height:100vh;display:grid}@media (width<=1250px){.workspace{padding:32px 26px}.stats{grid-template-columns:repeat(2,1fr)}}