*{box-sizing:border-box}html{background:#f5f7f3;color:#1c3731;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #208a7c;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}a:hover{color:#16796d}.site-header{height:104px;max-width:1480px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6df}.brand{display:flex;align-items:center;gap:13px;font-weight:750;font-size:20px}.brand img{object-fit:contain}.brand-sub{display:block;font-size:10px;letter-spacing:.14em;font-weight:500;color:#71807b;margin-top:3px}nav{display:flex;gap:28px;font-size:13px}main{max-width:1480px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:52px 0 38px}.eyebrow{color:#16796d;font-size:11px;letter-spacing:.2em;font-weight:700;margin:0 0 17px}h1{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.045em;line-height:1.25;margin:0 0 18px}.intro-copy{font-size:14px;line-height:1.9;color:#697872;max-width:730px;margin:0}.edition{font-size:10px;letter-spacing:.08em;color:#7a8781;display:flex;flex-direction:column;gap:10px;min-width:145px;padding-left:24px;border-left:1px solid #d7e1d9}.edition strong{font-size:17px;color:#38564c;letter-spacing:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;border:1px solid #dbe3dc;border-radius:20px;overflow:hidden;background:#fbfcfa;box-shadow:0 18px 60px #25433706}.graph-side{min-width:0}.toolbar{padding:19px 22px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #e4eae4;justify-content:space-between;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{border:0;background:transparent;color:#7a857f;font-size:11px;padding:8px 9px;border-radius:99px;white-space:nowrap}.filters button.active{background:#e3eeea;color:#126b60;font-weight:700}.search{max-width:190px;flex:1;min-width:145px}.search input{width:100%;border:1px solid #e0e6df;border-radius:9px;background:#f6f8f4;padding:10px 11px;font-size:11px;color:#31554b}.graph-shell{height:640px;position:relative;background-image:radial-gradient(#6f8a7718 .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.canvas-note{position:absolute;top:19px;left:25px;font-size:10px;letter-spacing:.06em;color:#849189;pointer-events:none}#network{height:100%;width:100%;display:block;touch-action:none;user-select:none;cursor:grab}#network.panning{cursor:grabbing}.edge{stroke:#a4b7a8;stroke-width:1.35;opacity:.32;fill:none}.edge.primary{stroke-width:2;opacity:.44}.graph-node{cursor:pointer;outline:none}.graph-node circle{stroke:#fbfcfa;stroke-width:3}.graph-node text{font-size:20px;fill:#4b6258;paint-order:stroke;stroke:#fbfcfa;stroke-width:6px;stroke-linejoin:round;pointer-events:none}.graph-node:hover circle,.graph-node:focus circle{stroke:#1b685b;stroke-width:4}.graph-node:hover text,.graph-node:focus text{fill:#163f32;font-weight:700}.group-label{font-size:17px;letter-spacing:.15em;font-weight:750}.group-hub{stroke:#fbfcfa;stroke-width:3}.center-title{font-size:30px!important;font-weight:800;fill:#244b3c!important;stroke-width:0!important}.center-sub{font-size:16px!important;fill:#779085!important;stroke-width:0!important}.center-ring{stroke:#a7c5b0;stroke-width:1.2;fill:#e6eee5}.muted{opacity:.08}.highlighted{opacity:1;stroke-width:2.2}.zoom-controls{position:absolute;bottom:20px;right:22px;display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;border:1px solid #e1e8e0;box-shadow:0 4px 14px #203b3308}.zoom-controls button{border:0;background:transparent;min-width:32px;height:31px;border-radius:7px;color:#587162;font-size:13px}.zoom-controls button:hover{background:#eaf0e8}.zoom-controls button:last-child{font-size:10px;padding:0 8px}.graph-caption{display:flex;justify-content:space-between;gap:14px;padding:16px 23px;border-top:1px solid #e7ece5;font-size:10px;color:#8a958c}.graph-caption span:first-child{color:#587864}.reading-panel{border-left:1px solid #dfe6df;background:#f1f5ef;padding:28px 25px;min-width:0}.panel-heading{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;color:#668472}.panel-marker{width:6px;height:6px;border-radius:50%;background:#55a486}.reading-panel h2{font-size:23px;line-height:1.4;margin:18px 0 13px;letter-spacing:-.03em}.reading-panel>p{font-size:12px;line-height:1.9;color:#758679}.read-note{display:inline-block;border:1px solid #a3b6a5;padding:9px 13px;border-radius:99px;font-size:11px;color:#426b55;margin-top:8px}.panel-divider{height:1px;background:#dbe4d7;margin:27px 0 22px}.reading-panel h3{font-size:12px;margin:0}.reading-panel h3 span{font-weight:400;color:#8b9b88;padding-left:8px}.reading-panel .list-hint{font-size:10px;color:#92a08e;margin:10px 0 15px}#note-list{list-style:none;padding:0;margin:0;max-height:350px;overflow:auto;scrollbar-width:thin}#note-list li{margin:0}#note-list a{font-size:11px;line-height:1.55;padding:9px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e0e7dc}#note-list i{width:5px;height:5px;border-radius:50%;flex:none}#note-list a:hover{color:#17785e}footer{padding:31px 0 43px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b978d;line-height:1.8}footer div{display:flex;gap:22px}footer p{margin:0}.phone-only{display:none}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}#graph-error{position:absolute;top:48%;left:10%;right:10%;font-size:14px;line-height:1.8;color:#8a4a3a}#note-list .no-result{font-size:12px;color:#7a897c;padding:12px 0}
@media(min-width:1600px){.graph-shell{height:710px}}
@media(max-width:1100px){.site-header,main{padding-left:26px;padding-right:26px}.workspace{grid-template-columns:minmax(0,1fr) 250px}.reading-panel{padding:24px 20px}.toolbar{padding:16px}.search{max-width:none}.graph-shell{height:600px}.intro-copy{max-width:580px}.edition{display:none}}
@media(max-width:760px){.site-header{height:82px;padding:0 20px}.brand{font-size:17px}.brand img{width:39px;height:39px}nav{gap:14px;font-size:10px}main{padding:0 16px}.intro{padding:33px 5px 27px}.eyebrow{font-size:10px;margin-bottom:13px}h1{font-size:31px;margin-bottom:14px}.intro-copy{font-size:12px;line-height:1.9;max-width:360px}.phone-only{display:block}.workspace{display:block;border-radius:16px}.toolbar{gap:13px;padding:16px 12px}.filters{gap:2px}.filters button{font-size:10px;padding:7px 8px}.search{flex-basis:100%;width:100%}.search input{font-size:12px;padding:10px}.graph-shell{height:420px}.canvas-note{font-size:9px;left:17px;top:14px}.graph-caption{padding:13px 16px;font-size:9px}.graph-caption span:last-child{display:none}.reading-panel{border-left:0;border-top:1px solid #dfe6df;padding:25px 23px}.reading-panel h2{font-size:22px}.reading-panel>p{font-size:13px}.panel-divider{margin:23px 0}#note-list{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}#note-list a{font-size:11px;min-height:47px;padding:10px 0}footer{display:block;padding:25px 6px 35px}footer div{margin-top:17px;gap:17px;font-size:10px}.zoom-controls{bottom:16px;right:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.graph-node text{pointer-events:auto}
.graph-mascot-dock{position:fixed;right:14px;bottom:14px;z-index:30}.graph-mascot-dock img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 10px #1233)}
@media(max-width:800px){body{padding-right:42px}.graph-mascot-dock{right:2px}.graph-mascot-dock img{width:38px;height:38px}}