.tree-filter-label{margin:17px 0 8px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.grade-tabs{display:flex;gap:7px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px}.grade-tabs button{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;color:#858397}.grade-tabs button.active{background:#303257;border-color:#303257;color:#fff;box-shadow:0 4px 14px #30325722}
.tree-page-title{max-width:960px;display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 10px}.tree-page-title div{display:flex;align-items:baseline;gap:10px}.tree-page-title b{font-size:18px}.tree-page-title span,.tree-page-title small{font-size:10px;color:var(--muted)}
.organic-tree{position:relative;max-width:960px;overflow:hidden;padding:18px 22px 8px;background:linear-gradient(180deg,#fbfff5,#f5f9ef);border-color:#dfe9d2}.organic-tree svg{display:block;width:100%;max-height:620px;min-height:420px}.tree-lines line{stroke:#8fc447;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 3px 3px #758d5933)}
.tree-joint{fill:#94c94b;stroke:#fff;stroke-width:2;filter:drop-shadow(0 4px 4px #60794130)}.knowledge-leaf{cursor:pointer;outline:none}.knowledge-leaf circle{fill:#fff;stroke:#94c94b;stroke-width:5;transition:.2s;filter:drop-shadow(0 5px 5px #6079413d)}.knowledge-leaf text{fill:#6f9d2f;font-size:12px;font-weight:700;text-anchor:middle;pointer-events:none}.knowledge-leaf:hover circle,.knowledge-leaf:focus circle{stroke-width:8}.knowledge-leaf.lit circle{fill:#94c94b;stroke:#dff4bb}.knowledge-leaf.lit text{fill:#fff}.leaf-label{font:600 10px/1.25 sans-serif;color:#596449;text-align:center;overflow-wrap:anywhere}
.tree-base{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:7px;align-items:center;padding:7px 13px;border-radius:18px;background:#fff;border:1px solid #dfe9d2;box-shadow:0 4px 12px #60794120}.tree-base b{font-size:11px;color:#568222}.tree-base span{font-size:9px;color:var(--muted)}
@media(max-width:650px){.tree-filter-label{margin-top:14px}.grade-tabs button{padding:8px 12px}.tree-page-title{align-items:flex-start}.tree-page-title div{display:block}.tree-page-title span{display:block;margin-top:3px}.organic-tree{padding:8px 4px 2px}.organic-tree svg{min-height:390px}.leaf-label{font-size:9px}.tree-base{bottom:10px}}