*{box-sizing:border-box}body{margin:0;background:white;color:#454545;font:14px "Microsoft YaHei","Segoe UI",sans-serif}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer;border:1px solid #d9d9d9;background:#fff;border-radius:4px;padding:6px 10px}button:hover{background:#f0f0f0}a{text-decoration:none}.graph-header{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:0 18px}.brand{font-weight:600}.brand span{font-weight:400;color:#888;margin-left:16px}.graph-header>div{display:flex;gap:15px;align-items:center}main{height:calc(100vh - 48px);display:flex;flex-direction:column}.toolbar{display:flex;align-items:end;gap:12px;padding:10px 16px;border-bottom:1px solid #ddd;background:#fafafa}.toolbar label>span{display:block;font-size:11px;color:#888;margin-bottom:4px}.toolbar input,.toolbar select{border:1px solid #ddd;border-radius:4px;padding:6px;background:white}.toolbar .search{flex:1}.search input{width:100%}.toolbar input[type=number]{width:90px}.toolbar fieldset{border:0;margin:0;padding:0;display:flex;gap:12px}.toolbar legend{font-size:11px;color:#888;margin-bottom:5px}.workspace{display:flex;flex:1;min-height:0;position:relative}.canvas-panel{flex:1;position:relative;min-width:0;display:flex;flex-direction:column}.canvas-toolbar{display:flex;justify-content:space-between;padding:8px 16px;align-items:center}.canvas-toolbar>div{display:flex;gap:8px;align-items:center}#scope{color:#888;font-size:12px}#graph{flex:1;min-height:250px;width:100%;background:#fff}.canvas-footer{display:flex;justify-content:space-between;padding:8px 16px;font-size:12px;color:#888}.legend{position:absolute;left:18px;bottom:38px;display:flex;gap:15px;font-size:12px;pointer-events:none}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.details{width:330px;overflow:auto;padding:22px;border-left:1px solid #ddd;background:#fafafa}.details h2{font-size:18px;line-height:1.5;margin:10px 0}.details h3{font-size:13px;margin-top:24px}.meta,.note{font-size:12px;line-height:1.8;color:#888}.eyebrow{color:#999;font-size:11px}.actions{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.actions a{padding:7px;border:1px solid #ddd;background:white;border-radius:4px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{background:#e3f1f1;padding:4px 7px;border-radius:3px;font-size:12px}.related{display:block;text-align:left;width:100%;padding:9px;margin:4px 0;font-size:12px}.reference{font-size:12px;padding:10px 0;border-bottom:1px solid #ddd;line-height:1.7}.status-bar{border-top:1px solid #ddd;padding:7px 16px;display:flex;justify-content:space-between;font-size:11px;color:#999}.empty{position:absolute;top:45%;left:25%;color:#999}[hidden]{display:none!important}@media(max-width:850px){.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.details{position:absolute;right:0;top:0;bottom:0;width:min(330px,90vw);z-index:2}.brand span{display:none}.toolbar fieldset{flex:1}.canvas-toolbar{flex-wrap:wrap}.canvas-footer{font-size:10px}}

.details-close{float:right;border:0;background:transparent;font-size:22px;padding:0 5px;color:#888}