*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172235;font:14px 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dfe6ef;border-radius:5px;background:white;color:#40516b;padding:8px 14px}button:hover{background:#edf3ff;color:#0754ed}button.primary{background:#0854ed;color:white;border-color:#0854ed}input,select{border:1px solid #e0e7f0;border-radius:5px;padding:9px 12px;background:#f6f8fc;color:#52647d}aside{position:fixed;width:245px;height:100vh;background:linear-gradient(115deg,#1c2c40,#142236);color:#b9c7d8;padding:0 14px;overflow:auto}.brand{font-size:25px;font-weight:700;padding:20px 7px 26px;color:white;white-space:nowrap}.brand small{font-size:10px;font-weight:400;margin-left:7px}nav button{display:block;border:0;background:none;color:#bcc9da;text-align:left;width:100%;margin:4px 0;padding:11px 12px}nav .active{background:#2855a0;color:white}nav .group{font-size:12px;padding:10px 18px 3px;color:#8096b3}nav .model{padding-left:38px;font-size:13px}footer{padding:30px 13px;color:#70c59b;font-size:11px}footer small{display:block;color:#71849d;margin-top:10px}.workspace{margin-left:245px}header{height:58px;border-bottom:1px solid #e4eaf2;background:#fff;display:flex;align-items:center;gap:12px;padding:0 22px}header>input{width:38%;border:0}header button{border:0;background:none;padding:5px}.links{margin-left:auto;display:flex;gap:15px;align-items:center;font-size:12px}.avatar{background:#0753e6;color:white;border-radius:50%;padding:9px}main{padding:20px 22px}.crumb{font-size:12px;color:#8190a7;margin-bottom:18px}.title{display:flex;align-items:center;gap:12px}h1{font-size:28px;margin:0 0 8px;color:#0c1423}h2{font-size:17px;margin:0 0 18px}h3{font-size:14px}p{color:#657790;line-height:1.8}.title .actions{margin-left:auto;display:flex;gap:9px}.badge{font-size:12px;color:#0955eb;background:#e5edff;border-radius:5px;padding:4px 9px}.green{background:#e5f6ed;color:#23965c}.tabs{display:flex;gap:20px;border-bottom:1px solid #e5ebf4;margin:16px 0 12px}.tabs button{border:0;background:none;border-radius:0;padding:12px 14px;font-size:13px;white-space:nowrap}.tabs button.selected{border-bottom:2px solid #0755ff;color:#0755ff;font-weight:600}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.bottom{display:grid;grid-template-columns:1.15fr .9fr 1.1fr;gap:12px;margin-top:12px}.card{background:white;border:1px solid #e4eaf3;border-radius:9px;padding:18px;box-shadow:0 2px 6px #1d3b6510;min-width:0}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cardtop h2{margin:0}.code{font:12px/1.7 Consolas,monospace;white-space:pre;overflow:auto;background:#f7f9fd;border:1px solid #e8eef6;border-radius:4px;color:#1354b8;padding:15px;max-height:365px;tab-size:2;margin:0;width:100%;resize:vertical}.editor{height:365px;outline:none}.smallcode{height:265px}.subtabs{gap:5px;margin-top:8px}.subtabs button{padding:10px 12px;font-size:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e7edf5;padding:10px 9px}th{background:#f5f8fc;color:#62728b;font-weight:600}td{color:#435570}td:first-child{color:#192a42}tr:hover td{background:#f8faff}.search{width:100%;margin:0 0 8px}.success{padding:14px;border:1px solid #bee6d2;background:#ecf9f1;border-radius:5px;color:#239254}.success small{display:block;margin-top:5px;color:#678475}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:15px}.toolbar input{flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat strong{display:block;font-size:28px;margin:12px 0;color:#17468b}.muted{color:#8998ac;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.click{cursor:pointer}.click:hover{border-color:#7fa8ff}.node{border:1px solid #bed2fa;background:#f3f7ff;padding:15px 25px;border-radius:8px;display:inline-block;margin:16px}.tree{text-align:center;min-height:300px;padding:25px}.tree .children{border-top:1px solid #a6c4ef;display:flex;flex-wrap:wrap;justify-content:center}.tree .children .node{font-size:12px;padding:12px}.rule{padding:13px 0;border-bottom:1px solid #edf0f5}.rule b{display:inline-block;min-width:140px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.timeline{border-left:2px solid #dbe6fc;padding:0 0 0 25px;margin-left:10px}.timeline article{margin:25px 0}.timeline h3{color:#1956c5}.empty{padding:60px;text-align:center;color:#7e8ea6}label{display:block;margin:18px 0;color:#51627c}label input,label select{display:block;width:100%;margin-top:8px}.error{background:#fff0ef;color:#cb4141;border-color:#f1c4c0}#toast{position:fixed;bottom:30px;left:55%;transform:translateX(-50%);padding:12px 24px;background:#203650;color:white;border-radius:6px;display:none;z-index:10}dialog{border:0;border-radius:12px;width:500px;padding:28px;box-shadow:0 20px 100px #152b5350}dialog::backdrop{background:#172b4860}.mobile aside{width:65px}.mobile .workspace{margin-left:65px}.mobile nav button{overflow:hidden;height:40px;padding-left:5px}.mobile .brand{font-size:12px;overflow:hidden}.mobile .group,.mobile footer{display:none}@media(max-width:1100px){.links{gap:3px}.links button{font-size:10px}.bottom{grid-template-columns:1fr 1fr}.bottom>.card:last-child{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}.title{flex-wrap:wrap}.title .actions{margin-left:0}}@media(max-width:760px){aside{width:190px}.workspace{margin-left:190px}.grid,.bottom,.two,.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.tabs{gap:0;overflow:auto}.links{display:none}header>input{width:85%}main{padding:14px}.title .actions{flex-wrap:wrap}}