:root{--ink:#14283f;--muted:#52647a;--line:#d9e2ed;--blue:#174ed0;--purple:#7541b6;--teal:#127676;--orange:#b96914;--grey:#687787}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f4f7fc;font-size:16px;line-height:1.7}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;line-height:1.5}button:hover{background:#edf3ff;border-color:#a3b9da}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,#map-viewport:focus-visible{outline:3px solid #db991e;outline-offset:3px}button:disabled{cursor:default;opacity:.5}p{margin:8px 0 14px}.map-header{padding:20px 30px;display:flex;align-items:center;gap:30px;background:#11243a;color:white}.home-brand{display:flex;align-items:center;gap:12px;color:white;white-space:nowrap;font-size:21px;font-weight:700}.home-brand span{display:grid;place-items:center;width:39px;height:43px;border:1px solid #7590b0;color:#ffca6b;font-family:serif;font-size:27px}.map-header h1{font-family:Georgia,"Songti SC",serif;font-size:29px;margin:0;line-height:1.45}.map-header p{font-size:15px;color:#bccde1;margin:4px 0 0}.back-link{margin-left:auto;color:#d5e5ff;white-space:nowrap;font-size:15px}main{padding:22px 28px;max-width:1900px;margin:auto}.map-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.view-tabs{display:flex;gap:6px;flex-wrap:wrap}.view-tabs button{font-weight:650;padding:11px 16px}.view-tabs button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.find-control{position:relative;display:flex;align-items:center;gap:10px;font-size:14px}.find-control input{border:1px solid #bbcbdc;border-radius:6px;padding:9px 12px;width:270px;background:white;min-width:0}.search-results{position:absolute;right:0;top:48px;width:370px;max-height:430px;overflow:auto;z-index:30;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #12274125;padding:8px;border-radius:8px}.search-results button{display:block;text-align:left;width:100%;border:0;border-radius:0;padding:9px 12px}.search-results small{display:block;font-size:13px;color:var(--muted)}.search-results p{padding:10px;font-size:15px}.legend{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;margin:18px 0;font-size:14px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:26px;border-top:3px solid}.legend .flow{border-color:var(--blue)}.legend .uses{border-color:var(--purple)}.legend .setup{border-color:var(--teal);border-top-style:dotted}.legend .contrast{border-color:var(--grey);border-top-style:dashed}.legend .suggestion{border-color:var(--orange);border-top-style:dotted}.legend button{border:0;background:none;color:var(--blue);font-size:14px;padding:0}.relation-guide{background:white;border-left:3px solid var(--blue);padding:16px 22px;margin-bottom:18px;max-width:1000px}.relation-guide p{margin:7px 0;font-size:15px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:18px;align-items:start}.map-area{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.canvas-top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.canvas-top p{margin:0;font-size:15px;flex:1}.canvas-top>span{white-space:nowrap;color:var(--muted);font-size:14px}.canvas-tools{display:flex;align-items:center;gap:6px;padding:10px 14px;flex-wrap:wrap;background:#fafcff;border-bottom:1px solid var(--line);font-size:14px}.canvas-tools button{padding:4px 10px;font-size:14px;min-height:32px}.canvas-tools output{width:48px;text-align:center;font-variant-numeric:tabular-nums}.canvas-tools>span{margin-left:auto;color:#62778b;font-size:13px}.map-viewport{height:680px;overflow:auto;position:relative;overscroll-behavior:contain;cursor:grab;background-color:#f6f9ff;background-image:radial-gradient(#c4d1e2 1px,transparent 1px);background-size:20px 20px;scrollbar-color:#bccde1 #eef3f9}.map-viewport.dragging{cursor:grabbing;user-select:none}#map-space{position:relative}#map-stage{position:absolute;left:0;top:0;transform-origin:0 0}#edges,#nodes,#groups{position:absolute;inset:0;width:100%;height:100%}#edges{overflow:visible;z-index:1}#groups{z-index:0;pointer-events:none}#nodes{z-index:2;pointer-events:none}.graph-group{position:absolute;border:1px solid #d0dbe9;border-radius:14px;background:#ffffff70;padding:11px 14px;color:#53687d;font-size:15px;font-weight:700}.graph-group.history{background:#eff0f570;border-style:dashed}.skill-node{position:absolute;pointer-events:auto;width:250px;height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:10px 13px;border:1px solid #bacbdc;border-left:4px solid var(--group-color,#174ed0);border-radius:9px;background:#fff;box-shadow:0 2px 6px #1227410a;overflow:hidden}.skill-node:hover{border-color:var(--blue);background:#f2f6ff;box-shadow:0 4px 10px #174ed018}.skill-node strong{display:block;font-size:18px;font-weight:650;line-height:1.5;max-width:100%;letter-spacing:-.25px}.skill-node .skill-name{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.4;color:#55708a;overflow-wrap:anywhere;max-width:100%}.skill-node .node-state{font-size:12px;color:#6b6380;line-height:1.5;margin-top:3px}.skill-node.selected{background:#174ed0;border-color:#174ed0;box-shadow:0 3px 12px #174ed040;color:white}.skill-node.selected .skill-name,.skill-node.selected .node-state{color:#e0eaff}.skill-node.related{border:2px solid #7f9bcc;border-left:4px solid var(--group-color);background:#f6f9ff}.skill-node.historical:not(.selected){border-style:dashed;background:#f8f8fc}.edge-line{fill:none;stroke-width:2.4;opacity:.82}.edge-line.secondary{opacity:.23;stroke-width:2}.edge-line.active{stroke-width:3.2;opacity:1}.edge-hit{fill:none;stroke:transparent;stroke-width:15;cursor:pointer;pointer-events:stroke}.edge-line.emphasized{stroke-width:5}.map-caption{padding:10px 18px;color:var(--muted);font-size:14px;margin:0;border-top:1px solid var(--line)}.quick-choices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 18px;border-top:1px solid var(--line)}.quick-choices span{font-size:14px;color:var(--muted)}.quick-choices button{font-size:14px;padding:5px 8px}.selection-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;max-height:850px;overflow:auto;position:sticky;top:16px;scrollbar-color:#bccde1 white}.selection-panel h2{font-size:23px;line-height:1.55;margin:9px 0}.selected-slug{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere;color:var(--muted);margin-bottom:14px}.selected-status{font-size:13px;display:inline-block;padding:2px 8px;border:1px solid #d7e3f6;background:#f2f7ff;color:#486384;border-radius:4px}.selection-panel p{font-size:16px;line-height:1.85}.product-output{border-left:3px solid #adc4e4;padding-left:12px;margin:18px 0}.product-output b{font-size:14px;color:#62748b;display:block;margin-bottom:5px}.panel-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.panel-actions a,.panel-actions button{font-size:15px;padding:8px 12px;border-radius:6px;border:1px solid var(--blue);line-height:1.5}.panel-actions a{background:var(--blue);color:white}.selection-panel h3{font-size:17px;margin:25px 0 12px}.relation-card{border:1px solid var(--line);border-radius:7px;padding:12px;margin:10px 0;scroll-margin:15px}.relation-card.flash{border-color:var(--blue);box-shadow:0 0 0 2px #174ed015}.relation-type{font-size:13px;font-weight:700;display:block;margin-bottom:7px;color:var(--relation-color)}.relation-card h4{font-size:16px;margin:5px 0 8px;line-height:1.65}.relation-card p{font-size:15px;line-height:1.85;margin:7px 0 10px}.relation-card .relation-pair{font-size:13px;color:#536b86;overflow-wrap:anywhere}.related-node-link{border:0;background:#edf3ff;padding:4px 7px;font-size:14px;color:var(--blue);text-align:left;max-width:100%;overflow-wrap:anywhere}.relation-card details{margin-top:10px;font-size:14px}.relation-card summary{cursor:pointer;color:#526c8c}.source-item{border-top:1px solid #e2e8ef;padding-top:9px;margin-top:10px}.source-item blockquote{margin:8px 0;font-size:13px;color:#52647a;line-height:1.7;overflow-wrap:anywhere;max-height:220px;overflow:auto}.source-item a{font-size:14px}.read-map{margin:32px 0 0;padding:24px 28px;background:white;border:1px solid var(--line);border-radius:12px}.read-map h2{font-size:24px;margin:0 0 18px}.reading-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.reading-points b{font-size:18px}.reading-points p{color:#465e75;line-height:1.9;margin:10px 0 0}.scope-note{border-top:1px solid var(--line);padding-top:18px;margin-top:25px!important;color:#62748b;font-size:14px}.skip-link{position:fixed;top:-70px;left:20px;z-index:99;background:white;padding:10px}.skip-link:focus{top:10px}footer{max-width:1900px;margin:auto;padding:0 28px 25px;color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(min-width:1700px){.map-viewport{height:760px}.selection-panel{max-height:930px}.workspace{grid-template-columns:minmax(0,1fr) 405px}}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr)}.selection-panel{position:static;max-height:none}.selection-panel #relation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.relation-card{margin:0}.map-header{gap:20px}.home-brand{font-size:18px}.map-header h1{font-size:25px}.canvas-tools>span{margin-left:8px}.map-viewport{height:650px}}@media(max-width:650px){main{padding:15px 12px}.map-header{padding:16px;flex-wrap:wrap;gap:12px}.home-brand{font-size:17px}.home-brand span{width:30px;height:35px;font-size:22px}.map-header>div{order:3;width:100%}.map-header h1{font-size:25px}.map-header p{font-size:14px}.back-link{font-size:14px}.map-controls{gap:12px}.view-tabs{gap:5px}.view-tabs button{font-size:14px;padding:8px 10px}.find-control{width:100%}.find-control input{flex:1;width:auto}.search-results{width:100%;top:46px}.legend{gap:10px 15px;font-size:13px}.canvas-top{padding:12px;align-items:flex-start}.canvas-top p{font-size:14px}.canvas-top>span{font-size:13px}.canvas-tools{padding:9px}.canvas-tools>span{width:100%;font-size:13px;margin:3px 0 0}.map-viewport{height:530px}.selection-panel{padding:18px}.selection-panel #relation-list{grid-template-columns:minmax(0,1fr)}.reading-points{grid-template-columns:minmax(0,1fr);gap:22px}.read-map{padding:20px}.read-map h2{font-size:21px}.quick-choices{padding:12px}.quick-choices span{width:100%}.map-caption{padding:10px 12px}footer{padding:0 16px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#edges g:focus-visible .edge-line{stroke-width:5;opacity:1}