/* Wisdom Tree: shared holographic theme and tree interactions. */
:root{color-scheme:dark;--bg:#070e1b;--panel:#0d192b;--line:#223b52;--text:#e1edf9;--muted:#93a9bf;--purple:#7cdfff;--mint:#65ddbe;--amber:#f4c57d;--blue:#54cefa;--blue-deep:#9ce9ff;--paper:#0d192b;--paper-soft:#101f32}
body{background:radial-gradient(ellipse at 82% 0,rgba(28,75,123,.24),transparent 48%),#070e1b;color:var(--text)}
.sidebar{background:rgba(7,15,28,.95)!important;border-color:var(--line)!important;box-shadow:0 8px 32px #02060c40}.brand{color:var(--text)}.brand small{color:var(--muted)}.brand-mark{color:#83e7ff!important;background:#13364c!important}.nav-item{color:#a5bad0}.nav-item:hover{color:#dff7ff;background:#12283b}.nav-item.active{background:#163449!important;color:#9ce9ff!important;box-shadow:inset 0 0 0 1px #3c839b}.nav-item.active .icon{color:#87e9ff}#main-content{max-width:1340px}.page-heading{gap:24px}.page-heading h1{color:var(--text);font-size:clamp(34px,4vw,56px);letter-spacing:-2px;line-height:1.3}.serif-accent{color:#7ddfff}.eyebrow,.section-kicker{color:#78cbeb;letter-spacing:2px}.page-heading p{color:var(--muted)}
.primary-btn{color:#031521!important;background:linear-gradient(115deg,#8de9ff,#4bc4ef)!important;box-shadow:0 4px 20px #4ad1ff12;border:1px solid #a2efff!important}.primary-btn:hover{filter:brightness(1.08)}.primary-btn,.secondary-btn,.light-btn{border-radius:10px}.secondary-btn,.light-btn{background:#132b40!important;color:#c9edff!important;border:1px solid #315770!important}.secondary-btn:hover,.light-btn:hover{background:#1c3b53!important}.text-btn{color:#88dfff}.icon-btn{color:#a9c7de}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}
.panel,.map-card,.selected-card,.navigator-card,.overview-strip,.bottom-callout,.notice,.sharing-card,.source-card,.practice-card,.peer-card,.evidence-list,.social-banner,.achievement-panel,.collection-panel{background:#0d192b!important;color:var(--text);border-color:var(--line)!important;box-shadow:0 10px 36px #02081226}.overview-strip{margin-bottom:28px}.overview-strip>div{border-color:var(--line)}.overview-strip strong{color:var(--text)}.overview-strip>div>span,.overview-strip small,.overview-note{color:var(--muted)}.review-entry{color:var(--text);background:#112a40;border-color:#2c526b;box-shadow:none}.review-entry:hover{background:#17354b}.review-entry-icon{background:#235774;color:#a2efff}.review-entry strong{color:var(--text)}.review-entry small{color:var(--muted)}.card-top h2,.section-heading h2,.source-card h3,.practice-card h3,.peer-card h3,.bottom-callout h3,.selected-card h3{color:var(--text)}.selected-card>p,.source-card p,.practice-card p,.peer-card p,.bottom-callout p{color:var(--muted)}.callout-icon{background:#153249;color:#87dfff}.segmented{background:#081321;border-color:var(--line)}.segmented button{color:var(--muted)}.segmented button.active{background:#1a3850;color:#b5edff;box-shadow:none}.map-toolbar{background:#0b1829;border-color:var(--line);flex-wrap:wrap;gap:12px}.chip{color:#a6bdd1}.chip.active,.chip:hover{background:#16364c;color:#a0e9ff;border-color:#37617b}.map-search{color:var(--muted)}.map-search input{color:var(--text);min-width:0}.map-search input::placeholder{color:#7993ac}.map-bottom{color:var(--muted);border-color:var(--line)}.page-footer{color:#839ab1}.toast{color:#dbf7ff;background:#163e56;border:1px solid #39829a;box-shadow:0 10px 35px #0007}
input,textarea,select{color:var(--text);background-color:#091525;border-color:#2b465e}input::placeholder,textarea::placeholder{color:#7890a8}input[type=checkbox],input[type=radio]{accent-color:#64d6fa}.notice,.source-author,.source-type,.source-meta,.source-description,.practice-summary p,.practice-summary>div>span:last-child,.peer-tags,.confidence-label,.sharing-card p{color:var(--muted)}.practice-summary{background:#112136;border-color:var(--line)}.large-number{color:#90e4ff}.peer-tags span,.source-tag,.topic-tag,.tag{color:#a8dbef;background:#143045;border-color:#2b5068}.confidence-track,.progress-track{background:#20364a}.confidence-fill,.progress-fill{background:linear-gradient(90deg,#4bb8e3,#93d9ef)}.evidence-row,.source-card,.practice-card,.peer-card,.sharing-card,.collection-panel,.challenge-footer,.detail-footer,.detail-hero,.detail-article{border-color:var(--line)}.share-topic,.share-preview,.empty-state{color:var(--text)}.empty-state p{color:var(--muted)}
/* Forest: a restrained field grid keeps the glowing trees in the foreground. */
.galaxy-layout{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.guide-column{display:flex;flex-direction:column;gap:18px;min-width:0}.selected-card,.navigator-card{padding:24px;border:1px solid var(--line);border-radius:18px}.map-card{align-self:start;min-width:0;border-radius:20px;overflow:hidden}.knowledge-forest{position:relative;height:620px;margin:0 14px;overflow:hidden;border-radius:14px;isolation:isolate;background:radial-gradient(ellipse at 52% 65%,#16324c66,transparent 68%),linear-gradient(#1a345b20 1px,transparent 1px),linear-gradient(90deg,#1a345b20 1px,transparent 1px),#081522;background-size:auto,38px 38px,38px 38px,auto}.forest-terrain{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.forest-terrain>path:not(.root-connection){fill:#0e263b;stroke:#24516a;opacity:.28;stroke-width:1}.forest-terrain>ellipse{fill:#1c5570;opacity:.14}.root-connection{fill:none;stroke:#68c9ed;stroke-width:1.7;stroke-dasharray:5 8;opacity:.65}.forest-caption{position:absolute;top:26px;left:28px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.forest-caption span{color:#61bad9;font-size:9px;letter-spacing:2.5px}.forest-caption strong{color:#dcecf7;font-size:19px;font-weight:500}.forest-caption small{color:#829fb6;font-size:11px}.forest-tree{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-70%);width:142px;height:185px;display:flex;flex-direction:column;align-items:center;border:0;background:none;padding:0;cursor:pointer;color:var(--text);transition:opacity .25s}.forest-tree .tree-art{width:134px;height:156px;flex-shrink:0;filter:drop-shadow(0 0 8px #4ad5ed29);transition:transform .3s}.forest-tree:hover .tree-art,.forest-tree.selected .tree-art{transform:translateY(-5px) scale(1.06)}.forest-tree.distant{opacity:.48}.forest-tree.distant:hover{opacity:1}.tree-ground{position:absolute;top:131px;width:110px;height:27px;border:1px solid #42c5e333;border-radius:50%;background:#2f9fc80b}.tree-label{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 10px;border:1px solid #28485d;border-radius:5px;background:#091726dd;white-space:nowrap;backdrop-filter:blur(4px)}.tree-label strong{font-size:12px;font-weight:500}.tree-label small{font-size:10px;color:#a0b9cc}.selected .tree-label{border-color:#69cee8;background:#122b3dee}.tree-selected-tag{position:absolute;top:2px;font-size:9px;letter-spacing:1px;color:#a5efff;border:1px solid #42869a;padding:4px 9px;border-radius:4px;background:#102a3b;transform:translateY(-100%)}.care-dot{display:inline-block;width:9px;height:9px;border:3px solid transparent;box-sizing:content-box;border-radius:50%;background:#efc379;background-clip:content-box;vertical-align:-3px}.forest-note{position:absolute;bottom:20px;left:24px;color:#8eabc0;font-size:10px;display:flex;align-items:center;gap:8px}.forest-note i{width:22px;border-top:2px dashed #64b6d3}.forest-compass{position:absolute;bottom:20px;right:24px;font-size:12px;color:#6ca6c0;white-space:pre-line}.tree-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.tree-card-head .section-kicker{font-size:9px;letter-spacing:1.5px}.tree-stage{font-size:10px;background:#113b49;color:#99e7ed;border:1px solid #28626c;border-radius:4px;padding:5px 9px;white-space:nowrap}.tree-card-title h3{font-size:24px;line-height:1.4;margin:20px 0 5px}.tree-card-title p{color:var(--muted);font-size:11px;margin:0}.growth-steps{display:flex;margin:21px 0 18px;gap:3px}.growth-steps span{flex:1;font-size:9px;display:flex;flex-direction:column;gap:7px;color:#748b9f}.growth-steps i{font-style:normal;border-top:2px solid #2a3b50;padding-top:6px}.growth-steps .reached{color:#91e7f4}.growth-steps .reached i{border-color:#63cde8}.tree-intro{font-size:12px;line-height:1.9;color:#abc0d2}.tree-nutrition{display:flex;align-items:center;gap:15px;padding:16px 0 18px}.tree-nutrition>strong{font-size:35px;font-weight:500;color:#a4eaff}.tree-nutrition>strong small{font-size:13px;margin-left:3px;color:#7294ad}.tree-nutrition>span{font-size:12px;color:#bdd2e2}.tree-nutrition>span small{display:block;font-size:10px;margin-top:5px;line-height:1.6;color:var(--muted)}.selected-card .primary-btn{width:100%;justify-content:center}.selected-card>.text-btn{display:block;margin:10px auto 18px;font-size:11px}.tree-links-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-bottom:8px;font-size:12px;font-weight:600}.tree-links-heading small{font-size:9px;font-weight:400;color:var(--muted)}.tree-relation{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 0;background:transparent;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;color:var(--text)}.tree-relation:hover{color:#94e7ff}.tree-relation span{display:flex;flex-direction:column;gap:5px;min-width:0}.tree-relation strong{font-size:11px;font-weight:600}.tree-relation small{font-size:10px;line-height:1.7;color:var(--muted)}.tree-relation>b{color:#80d9f5}.tree-footnote{display:block;font-size:10px!important;color:#829ab0!important;line-height:1.8!important;margin:14px 0 0!important}.gardener-heading{display:flex;align-items:center;gap:10px}.gardener-heading>.icon{width:26px;height:26px;color:#94daf1}.gardener-heading>span{display:flex;flex-direction:column;gap:4px}.gardener-heading strong{font-size:14px}.gardener-heading small{font-size:9px;color:var(--muted)}.preset-label{font-size:9px;border:1px solid #3e4b70;color:#bdbbe9;border-radius:4px;padding:3px 6px;margin-left:auto;white-space:nowrap}.navigator-card>p{font-size:12px;line-height:1.9;margin:17px 0;color:#a9bfd1}.gardener-flow{display:flex;justify-content:space-between;font-size:10px;background:#102438;padding:13px 10px;border-radius:6px;margin-bottom:15px;color:#9fc6dc}.gardener-flow i{font-style:normal;color:#547e97}.navigator-card details{font-size:11px;margin-bottom:16px;color:var(--muted)}.navigator-card summary{cursor:pointer;color:#b5d7e8}.gardener-insight{margin:14px 0;line-height:1.8}.gardener-insight b{font-weight:500;color:#bae7f8}.gardener-insight p{font-size:11px;margin:4px 0 12px}.navigator-card .secondary-btn{width:100%;justify-content:center;font-size:11px}.tree-list{padding:15px 24px;min-height:620px}.tree-list-row{width:100%;display:flex;align-items:center;gap:18px;text-align:left;background:#0c1b2d;border:1px solid #253f55;border-radius:10px;padding:12px 16px;margin-bottom:12px;cursor:pointer;color:var(--text)}.tree-list-row.selected{background:#153148;border-color:#4c9bb7}.tree-list-row>.tree-art{width:60px;height:70px;flex-shrink:0}.tree-list-row>span{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}.tree-list-row small{font-size:10px;color:var(--muted)}.tree-list-row>span:last-child{margin-left:auto;font-size:11px;color:#9ed8ed}
/* Single-tree cultivation chamber. */
.tree-focus{min-width:0}.focus-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.focus-topbar>.holo-signal{font-size:10px;letter-spacing:1px;color:#7facc3}.focus-topbar .secondary-btn{padding:9px 15px;min-height:40px}.focus-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.focus-stage{min-width:0;border:1px solid #29465c;border-radius:18px;background:radial-gradient(ellipse at 50% 42%,#14496138,transparent 64%),#091627;overflow:hidden}.focus-heading{display:block;padding:26px 28px 0}.focus-heading .section-kicker{font-size:9px;letter-spacing:2px}.focus-heading h2{color:#e2f1fa;font-size:27px;margin-top:7px}.focus-heading p{font-size:11px;color:var(--muted);margin-top:7px}.focus-heading .tree-stage{margin-top:4px}.focus-stage>.tree-footnote{padding:0 24px 22px}.focus-aside{min-width:0;display:flex;flex-direction:column;gap:18px}.holo-tree-scene{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 78%,#35a6c611,transparent 50%)}.holo-tree-scene::before{content:'';position:absolute;left:12%;right:12%;bottom:26px;height:120px;transform:perspective(230px) rotateX(54deg);background:linear-gradient(#2a7c9926 1px,transparent 1px),linear-gradient(90deg,#2a7c9926 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 72%);pointer-events:none}.focus-tree-art{position:relative;z-index:1;width:300px;height:370px;max-width:49%;filter:drop-shadow(0 0 15px #5fd3f51d)}.knowledge-tethers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#4b9fb5;stroke-width:1;fill:none;opacity:.6}.knowledge-tethers circle{fill:#93e8ff;stroke:none}.knowledge-node{position:absolute;width:158px;min-height:100px;z-index:2;padding:14px;text-align:left;background:linear-gradient(125deg,#143248ee,#0b1d30ee);border:1px solid #3a8198;border-radius:2px;color:#ddf4ff;cursor:pointer;box-shadow:inset 0 0 22px #41bfff08,0 6px 20px #0003;transition:border-color .2s,background .2s,transform .2s}.knowledge-node::before,.knowledge-node::after{content:'';position:absolute;width:13px;height:13px;border-color:#9deeff;pointer-events:none}.knowledge-node::before{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}.knowledge-node::after{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}.knowledge-node:hover,.knowledge-node[aria-expanded=true]{background:#153c52;border-color:#a0eaff;transform:translateY(-3px)}.knowledge-node[data-node=concept]{left:5%;top:72px}.knowledge-node[data-node=application]{right:5%;top:104px}.knowledge-node[data-node=sources]{left:5%;bottom:71px}.knowledge-node[data-node=history]{right:5%;bottom:48px}.node-code{display:block;color:#78beda;font-size:8px;letter-spacing:1.6px;margin-bottom:8px}.knowledge-node strong{display:block;font-size:13px;font-weight:500}.knowledge-node small{display:block;font-size:10px;line-height:1.7;color:#9abacc;margin-top:6px;padding-right:10px}.node-expand{position:absolute;right:10px;top:11px;color:#7ddcf6;font-size:13px}.focus-telemetry{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin:0 24px;padding:13px 0;border-top:1px solid #234054;border-bottom:1px solid #234054;color:#a4c8db;font-size:10px}.focus-telemetry strong{color:#9ce9ff;font-weight:500}.focus-growth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:20px 24px 24px}.focus-growth-step{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;padding:9px 4px 13px;border:1px solid #233b51;border-radius:7px;background:#0c1b2d;color:#7f9caf}.focus-growth-step .tree-art{width:60px;height:70px;opacity:.42;filter:saturate(.5)}.focus-growth-step span{font-size:11px;margin-top:6px}.focus-growth-step small{font-size:9px;line-height:1.6;margin-top:3px;text-align:center}.focus-growth-step.reached .tree-art{opacity:1;filter:none}.focus-growth-step.reached{color:#b5d9e8}.focus-growth-step.current{border-color:#5ac9e2;background:#143247;box-shadow:inset 0 -2px #62d3ef}.focus-growth-step.current span{color:#9feeff}.focus-relations{padding:22px 25px;margin-top:22px;border:1px solid var(--line);border-radius:15px;background:#0d1b2c}.focus-relations h3{font-size:14px}.focus-relations>p{font-size:11px;color:var(--muted);margin-top:5px}.focus-relations .tree-relation{padding:14px 0}.focus-relations .tree-relation:last-child{border-bottom:0}
/* Reading surfaces remain calm and high contrast. */
.modal-backdrop{background:#020810c9;backdrop-filter:blur(12px)}.modal,.modal-panel{color:var(--text);background:#0d1b2d!important;border:1px solid #36526b!important;box-shadow:0 24px 100px #0009}.modal h2,.modal .question-title,.detail-hero h2{color:var(--text)}.modal-close{z-index:5;color:#d2e9f8;background:#1b3349;border:1px solid #3a5a70}.modal-close:hover{background:#254a61}.detail-aside{background:#0a1728!important;border-color:var(--line)}.knowledge-section h3,.detail-aside h3{color:#a6e5fa}.knowledge-section p,.knowledge-section p.definition,.concept-definition,.detail-aside .muted,.detail-aside p{color:#a7bed1}.example-box,.source-link,.answer-option{color:#d0e3f2;background:#12283b!important;border-color:#2c4b63!important}.source-link strong{color:#99e3fb}.source-link small{color:#9ab3c8}.answer-option:hover:not(:disabled),.answer-option.chosen{color:#dcf7ff!important;border-color:#68c8e5!important;background:#153c52!important}.answer-letter{color:#a4eaff;border-color:#42778e;background:#0c2435}.answer-option.correct{background:#143e3b!important;border-color:#5ab79b!important;color:#b6f0d9!important}.answer-option.incorrect{background:#412737!important;border-color:#a65e77!important;color:#ffd1de!important}.tree-detail-hero{display:flex;align-items:center;gap:24px;padding:8px 0 26px}.tree-detail-hero .tree-art{width:130px;height:152px;background:#102c40;border-radius:18px;flex-shrink:0}.tree-detail-hero h2{margin:8px 0;font-size:30px}.tree-detail-hero p{font-size:12px;color:var(--muted)}.tree-detail-hero .section-kicker{font-size:10px;letter-spacing:2px}.evidence-leaf{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.evidence-leaf summary{display:flex;gap:9px;align-items:center;line-height:1.7;cursor:pointer}.evidence-leaf small{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}.evidence-leaf p{line-height:1.9;color:#a9c0d2}.tree-history{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.tree-history small{font-size:10px;color:var(--muted)}.holo-panel{position:relative;width:min(760px,calc(100vw - 48px));padding:0!important;border-color:#5aadc3!important;border-radius:5px!important;overflow:auto;max-height:calc(100dvh - 64px);background:linear-gradient(135deg,#132b3ded,#091929f7)!important;box-shadow:0 0 0 5px #213d5133,0 30px 100px #000b!important}.holo-panel::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#8af0ff,transparent 38%,transparent 72%,#bca7ff);pointer-events:none}.holo-panel .modal-close{position:sticky;float:right;top:15px;right:15px;margin:15px 15px 0 0}.panel-header{padding:34px 36px 24px;border-bottom:1px solid #315269}.panel-header .section-kicker{font-size:9px;letter-spacing:2px}.panel-header h2{font-size:28px;margin:12px 0 8px;padding-right:32px}.panel-header p{font-size:12px;color:#9cbbcf;line-height:1.8}.holo-panel-body{padding:26px 36px;color:#bed2e1;font-size:13px;line-height:1.9;clear:both;overflow-wrap:anywhere}.holo-panel-body h3{color:#b6ebfb;font-size:15px;margin:20px 0 10px}.holo-panel-body h3:first-child{margin-top:0}.holo-panel-body p+p{margin-top:12px}.holo-panel-body .example-box{padding:16px;margin-top:16px;border:1px solid #32576d;border-radius:7px}.holo-panel-body .source-link{display:flex;margin:12px 0;padding:16px;border:1px solid #2d4b61;border-radius:7px}.holo-panel-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:20px 36px 26px;border-top:1px solid #315269}.holo-panel-footer small,.holo-panel-index{font-size:9px;color:#89b6cb;letter-spacing:1px}.holo-panel-footer .primary-btn{font-size:12px}.holo-signal{min-width:0;max-width:100%;line-height:1.7;overflow-wrap:anywhere;text-align:right}.holo-signal::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ce7e4;margin-right:7px;vertical-align:middle}
/* Review growth feedback and shared tree art. */
.growth-feedback{margin:13px 0;background:#133341;padding:12px 16px;border:1px solid #2c6172;border-radius:8px;font-size:12px;line-height:1.8;color:#b8e7f5}.answer-growth-visual{display:flex;align-items:center;justify-content:center;min-height:145px;margin:12px 0;background:radial-gradient(ellipse,#18455755,transparent 68%)}.answer-growth-visual .tree-art{width:124px;height:145px}.result-tree{height:145px;text-align:center}.result-tree .tree-art{width:124px;height:145px}.growth-result{display:flex;gap:12px;justify-content:center;margin:22px 0}.growth-result>span{flex:1;padding:15px 10px;background:#132b3e;border:1px solid #28465b;border-radius:9px;font-size:11px;text-align:center;color:#9fbace}.growth-result strong{display:block;font-size:21px;font-weight:500;margin-bottom:7px;color:#b4edff}.social-grove{display:flex;align-items:flex-end;justify-content:center;gap:10px;position:relative;padding:10px 0 30px;background:radial-gradient(ellipse at bottom,#16446188,transparent 73%);border:1px solid #2b465e;border-radius:15px;margin:20px 0}.social-grove .tree-art{width:90px;height:115px}.social-grove .tree-art:nth-child(2){width:125px;height:148px}.social-grove p,.social-grove>span{position:absolute;bottom:8px;font-size:11px;color:#93c5dc}.bottom-callout{margin-top:22px}.legend-purple{background:#66d9f5}.legend-mint{background:#68d5b8}.legend-amber{background:#f2c584}.growth-pulse .tree-circuit,.tree-art.growth-pulse .tree-circuit{animation:nutrient-flow 1.3s ease-out both}.stage-unfold .tree-leaf,.tree-art.stage-unfold .tree-leaf{transform-box:fill-box;transform-origin:center bottom;animation:branch-unfold .85s cubic-bezier(.18,.8,.26,1) both}.result-tree.has-grown .tree-art{animation:tree-arrive .75s ease-out}.consolidated .tree-core{animation:core-confirm .9s ease-out}.repair-needed .tree-core{filter:drop-shadow(0 0 6px #ef9b83)}.repair-needed .growth-feedback,.growth-feedback.repair-needed{color:#f2c1b4;background:#35292c;border-color:#8f5b53}.tree-art .tree-pulse{pointer-events:none}
@keyframes nutrient-flow{0%{opacity:.2;stroke-dasharray:30 380;stroke-dashoffset:350}60%{opacity:1}100%{opacity:1;stroke-dasharray:380 0;stroke-dashoffset:0}}@keyframes branch-unfold{from{transform:scale(.18);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tree-arrive{0%{transform:scale(.8);opacity:.4}65%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@keyframes core-confirm{50%{opacity:.4}100%{opacity:1}}
/* Alchemy demonstration and remaining shared controls. */
.lab-entry,.alchemy-lab,.lab-history-row,.lab-material,.lab-question,.lab-option,.lab-feedback,.lab-comparison article,.lab-conclusion{color:var(--text);border-color:#2c465e;background:#0e2033}.lab-entry{box-shadow:0 14px 40px #0003;background:radial-gradient(ellipse at 85% 20%,#204a6533,transparent 65%),#0e2033}.lab-entry h2,.alchemy-lab h2,.lab-material h3{color:var(--text)}.lab-entry p,.lab-lead,.lab-material p,.lab-source-prose,.lab-question>p,.lab-feedback p,.lab-comparison p,.lab-conclusion p{color:#a7bed1}.lab-entry-mark,.lab-material-number,.lab-eyebrow,.lab-reference,.lab-field-label{color:#99e2f7}.lab-progress li{color:#86a5bc;background:#102134;border-color:#2a4358}.lab-progress li.current{color:#b3ebfc;border-color:#52abc4;background:#15374b}.lab-progress li.current>span{background:#68d3ee;color:#062130}.lab-option.selected{color:#c9f2ff;background:#173d53;border-color:#65bdda}.alchemy-lab textarea{color:var(--text);border-color:#36566d;background:#081725}.lab-synthesis article,.lab-discussion,.lab-crystal{background:#122b40;border-color:#305067;color:var(--text)}.lab-synthesis p,.lab-discussion p,.lab-crystal p{color:#aec8da}.lab-comparison h3,.lab-conclusion h3,.lab-history-row strong{color:#c4eafa}.lab-feedback{border-left-color:#6fcdb9}.lab-feedback.wrong{border-left-color:#e99a98}.lab-feedback.correct{border-left-color:#6fcdb9}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #9aedff;outline-offset:4px}.forest-tree:focus-visible{border-radius:12px}.tree-focus,.focus-layout,.focus-aside,.focus-stage,.holo-panel-body{min-width:0}button{touch-action:manipulation}
@media(min-width:1500px){.knowledge-forest{height:650px}.holo-tree-scene{min-height:490px}}
@media(max-width:1100px){.galaxy-layout{grid-template-columns:1fr}.guide-column{display:grid;grid-template-columns:1fr 1fr}.knowledge-forest{height:590px}.page-heading h1{font-size:44px}.focus-layout{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.knowledge-node{width:133px;padding:12px}.knowledge-node[data-node=concept],.knowledge-node[data-node=sources]{left:3%}.knowledge-node[data-node=application],.knowledge-node[data-node=history]{right:3%}.focus-tree-art{width:260px;height:350px}.focus-heading{padding:24px 20px 0}.focus-growth{padding:18px}.focus-aside .selected-card,.focus-aside .navigator-card{padding:20px}}
@media(max-width:1000px){.sidebar{padding:16px}.brand{margin-right:20px}.nav-list{gap:0}.nav-item{padding:10px}.focus-layout{grid-template-columns:1fr}.focus-aside{display:grid;grid-template-columns:1fr 1fr}.knowledge-node{width:158px}.holo-tree-scene{min-height:450px}.focus-tree-art{width:300px;height:370px}}
@media(max-width:700px){.sidebar{flex-direction:column;align-items:stretch}.brand{margin:0 0 12px}.nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;width:100%}.nav-item{justify-content:center;gap:4px;padding:12px 2px;font-size:11px;white-space:nowrap}.nav-item>.icon{display:none}#main-content{padding-left:16px!important;padding-right:16px!important}.page-heading{gap:18px;align-items:flex-start}.page-heading h1{font-size:34px;letter-spacing:-1px}.guide-column,.focus-aside{grid-template-columns:1fr}.knowledge-forest{height:540px;margin:0 8px}.forest-tree{width:102px;height:160px}.forest-tree .tree-art{width:102px;height:124px}.tree-ground{top:103px;width:83px}.tree-label{padding:5px 5px;white-space:normal;min-width:84px;max-width:102px;text-align:center}.tree-label strong{font-size:10px;overflow-wrap:anywhere}.tree-label small{font-size:8px}.tree-selected-tag{font-size:8px;top:8px}.forest-caption{top:20px;left:18px}.forest-caption strong{font-size:17px}.forest-caption small{font-size:9px;max-width:210px;line-height:1.6}.forest-note{font-size:8px;left:15px;max-width:230px}.forest-compass{right:15px}.map-toolbar{padding:16px!important}.tree-list{padding:12px;min-height:510px}.tree-list-row{padding:9px;gap:8px}.tree-list-row>.tree-art{width:44px;height:55px}.tree-list-row>span{font-size:11px}.tree-list-row>span:last-child{font-size:9px;max-width:72px}.tree-detail-hero{gap:14px}.tree-detail-hero h2{font-size:24px}.tree-detail-hero .tree-art{width:90px;height:110px}.growth-result{gap:6px}.growth-result strong{font-size:18px}.social-banner{flex-direction:column;align-items:stretch}.social-grove{width:100%;min-width:0}.social-grove .tree-art{width:27%}.social-grove .tree-art:nth-child(2){width:36%}.focus-topbar{gap:10px}.focus-topbar>.holo-signal{max-width:135px;text-align:right;font-size:8px}.focus-heading{padding:23px 18px 0;gap:10px}.focus-heading h2{font-size:24px}.focus-heading p{font-size:10px}.focus-heading .tree-stage{font-size:9px;padding:4px 7px}.holo-tree-scene{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 18px 24px}.holo-tree-scene::before{bottom:255px;left:5%;right:5%}.focus-tree-art{grid-column:1/-1;justify-self:center;max-width:100%;width:270px;height:315px;margin:5px 0 3px}.knowledge-tethers{display:none}.knowledge-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-width:0;min-height:105px;padding:12px}.knowledge-node strong{font-size:12px}.knowledge-node small{font-size:9px}.node-code{font-size:7px;letter-spacing:1px}.focus-telemetry{margin:0 18px;gap:8px 14px;font-size:9px;justify-content:flex-start}.focus-growth{padding:18px 12px;gap:6px}.focus-growth-step{padding:8px 2px 11px}.focus-growth-step .tree-art{width:49px;height:60px}.focus-growth-step span{font-size:10px}.focus-growth-step small{font-size:8px}.focus-relations{padding:20px}.holo-backdrop{padding:0!important;align-items:stretch!important}.holo-panel{width:100%!important;max-width:100%!important;height:100dvh;max-height:100dvh!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}.holo-panel .modal-close{top:12px;right:12px;margin:12px 12px 0 0;width:36px;height:36px}.panel-header{padding:30px 22px 20px}.panel-header h2{font-size:25px}.holo-panel-body{padding:22px;font-size:12px}.holo-panel-footer{padding:18px 22px 25px;gap:12px;flex-wrap:wrap}.holo-panel-footer .primary-btn{min-height:42px}.modal{max-width:100%}.lab-entry,.lab-material,.lab-question,.lab-comparison article{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){#main-content{padding-left:12px!important;padding-right:12px!important}.sidebar{padding-left:12px;padding-right:12px}.nav-item{font-size:10px}.page-heading h1{font-size:30px}.forest-tree{width:84px}.forest-tree .tree-art{width:86px}.tree-label{min-width:73px;max-width:83px}.tree-label strong{font-size:9px}.tree-label small{font-size:7px}.forest-tree[data-id=tool-schema]{left:19%!important}.forest-tree[data-id=recovery]{left:81%!important}.forest-caption{left:12px}.forest-caption strong{font-size:15px}.forest-note{left:12px;max-width:210px}.forest-compass{display:none}.selected-card,.navigator-card{padding:20px}.focus-heading{padding:20px 14px 0}.focus-heading h2{font-size:21px}.focus-heading .section-kicker{font-size:8px;letter-spacing:1px}.holo-tree-scene{padding-left:14px;padding-right:14px;gap:10px}.knowledge-node{padding:11px 9px}.knowledge-node small{padding-right:0}.node-expand{right:7px;top:8px}.focus-tree-art{height:290px}.focus-growth{gap:4px;padding:16px 9px}.focus-growth-step .tree-art{width:43px}.focus-growth-step small{font-size:7px}.panel-header,.holo-panel-body{padding-left:18px;padding-right:18px}.holo-panel-footer{padding-left:18px;padding-right:18px}.tree-history{flex-direction:column;gap:4px}.tree-nutrition{gap:10px}.tree-nutrition>span{font-size:11px}}
/* Keep the light on the circuit artwork and frame, away from reading text. */
.tree-art .tree-circuit{stroke-linecap:round;stroke-linejoin:round}.focus-tree-art .tree-core{filter:drop-shadow(0 0 4px #75edff99)}.focus-tree-art .tree-leaf{filter:drop-shadow(0 0 2px #6bdfff33)}.focus-tree-art .tree-base{opacity:.9}.knowledge-node{isolation:isolate;overflow-wrap:anywhere}.knowledge-node:focus-visible{outline-offset:5px;border-color:#b1f0ff;background:#173c51;box-shadow:inset 0 0 0 1px #81d5e755,0 0 24px #43cdea24}.knowledge-node[aria-expanded=true] .node-expand{color:#c4a9ff}.focus-heading>div,.tree-detail-hero>div,.holo-panel-footer>*{min-width:0}.focus-heading h2,.tree-detail-hero h2,.panel-header h2{overflow-wrap:anywhere}.focus-heading .tree-stage{flex-shrink:0;align-self:flex-start}.focus-topbar .secondary-btn{flex-shrink:0}.focus-relations button{white-space:normal;text-align:left}
.holo-panel{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);overscroll-behavior:contain;scrollbar-color:#467088 #0b1b2b;scrollbar-width:thin;scroll-padding-top:64px}.holo-panel::after{content:"";position:absolute;top:1px;left:0;width:22px;height:1px;background:#97e8ff;transform:rotate(-45deg);transform-origin:100% 0;pointer-events:none}.holo-panel .modal-close:focus-visible{outline-offset:2px}.holo-panel-body .source-link{width:100%;gap:12px;align-items:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere}.holo-panel-body .source-link>span{min-width:0}.holo-panel-body .source-link strong,.holo-panel-body .source-link small{display:block}.holo-panel-body .source-link small{margin-top:5px;color:#98b7cc}.holo-panel-body .source-link>.icon{flex-shrink:0;margin-top:3px}.holo-panel-footer .primary-btn{white-space:normal;line-height:1.5}.tree-history>span,.tree-history>b{min-width:0;overflow-wrap:anywhere}.evidence-leaf summary{overflow-wrap:anywhere}
@media(max-width:700px){.holo-panel{clip-path:none}.holo-panel::after{display:none}.holo-panel .modal-close{width:40px;height:40px}.knowledge-node:focus-visible{outline-offset:3px}.holo-panel-body .source-link{padding:13px}.holo-panel-footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}.evidence-leaf summary{flex-wrap:wrap}.evidence-leaf summary small{white-space:normal}.focus-telemetry>span{overflow-wrap:anywhere}}
@media(max-width:360px){.focus-heading{flex-wrap:wrap}.focus-heading .tree-stage{margin-top:0}.knowledge-node .node-code{padding-right:10px}.holo-panel-footer .primary-btn{width:100%;justify-content:center}.holo-panel-footer>small{line-height:1.6}.focus-growth-step{min-width:0}.focus-growth-step span,.focus-growth-step small{text-align:center}}
/* Brief, staggered meteors stay behind the forest controls. */
.knowledge-forest::before,.knowledge-forest::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:110px;height:1px;left:78%;top:12%;opacity:0;background:linear-gradient(90deg,#d8f7ff, #79cde57a 18%,transparent);filter:drop-shadow(0 0 3px #8adcf080);transform:rotate(-35deg);animation:forest-meteor 17s linear 2s infinite}
.knowledge-forest::after{left:95%;top:38%;width:80px;animation-duration:23s;animation-delay:10s}
@keyframes forest-meteor{0%{opacity:0;transform:translate(0,0) rotate(-35deg)}2%{opacity:.65}7%{opacity:0;transform:translate(-240px,168px) rotate(-35deg)}100%{opacity:0;transform:translate(-240px,168px) rotate(-35deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.forest-tree:hover .tree-art,.forest-tree.selected .tree-art,.knowledge-node:hover{transform:none}.tree-pulse,.knowledge-forest::before,.knowledge-forest::after{display:none}}


/* 收藏篮与「知道」式主题发现 */
.collection-heading-actions,.collection-bar>div{display:flex;align-items:center;gap:10px}.basket-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.18)}
.account-btn{border:1px solid rgba(151,203,255,.25);background:rgba(11,28,46,.78);color:#dcecff;border-radius:999px;padding:8px 13px;cursor:pointer}.points-badge,.points-inline{color:#bde8ce;font-size:13px}.points-badge{display:flex;align-items:center;gap:6px}
.identity-strip{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:26px;border:1px solid rgba(116,190,255,.2);border-radius:16px;background:linear-gradient(120deg,rgba(19,48,73,.84),rgba(12,34,51,.65))}.identity-strip>svg{color:#8fd6b3}.identity-strip div{display:grid;flex:1}.identity-strip span{color:var(--text-2);font-size:13px}
.theme-overview{margin-bottom:34px}.theme-grid,.catalog-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-card,.catalog-theme{min-height:170px;border:1px solid rgba(126,188,242,.18);border-radius:18px;background:linear-gradient(145deg,rgba(20,47,70,.92),rgba(9,27,44,.9));color:var(--text);text-align:left;padding:20px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:.2s}.theme-card:hover,.catalog-theme:hover{transform:translateY(-2px);border-color:rgba(129,210,174,.62);box-shadow:0 12px 30px rgba(0,0,0,.2)}.theme-card strong,.catalog-theme strong{font-size:18px}.theme-card small,.catalog-theme small{color:var(--text-2);line-height:1.55;flex:1}.theme-card>span:last-child{font-size:13px;color:#9fd7b8;display:flex;align-items:center;gap:6px}.theme-symbol,.catalog-theme>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2c6d88,#3f8c6a);font-weight:800;color:white}.theme-symbol.small{width:36px;height:36px}
.basket-group{border:1px solid rgba(134,191,236,.16);border-radius:18px;background:rgba(9,28,45,.72);margin:0 0 18px;overflow:hidden}.basket-group>header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(139,190,228,.13)}.basket-group h3,.basket-group p{margin:0}.basket-group p{color:var(--text-2);font-size:13px}.basket-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid rgba(139,190,228,.1)}.basket-list article:last-child{border-bottom:0}.basket-list article>div:last-child{display:flex;align-items:center;gap:8px}.basket-list h3{font-size:15px;margin:5px 0}.source-type{color:#9cc9e9;font-size:12px}
.catalog-scenes{display:grid;gap:12px}.catalog-scene{display:grid;grid-template-columns:1fr auto;gap:4px 16px;text-align:left;border:1px solid rgba(139,190,228,.18);border-radius:14px;background:rgba(17,43,65,.82);color:var(--text);padding:18px;cursor:pointer}.catalog-scene strong{font-size:17px}.catalog-scene small{color:var(--text-2)}.catalog-scene svg{grid-row:1/3;grid-column:2;align-self:center}.catalog-back{margin-bottom:14px}.keyword-cloud{display:flex;flex-wrap:wrap;gap:12px}.keyword-cloud button{border:1px solid rgba(144,204,255,.25);background:rgba(18,52,77,.9);color:#e6f2fb;border-radius:999px;padding:11px 17px;cursor:pointer}.keyword-cloud button:hover{border-color:#77d19d;background:rgba(37,89,75,.75)}
.catalog-results{display:grid;gap:10px}.catalog-results article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid rgba(139,190,228,.15);border-radius:12px;background:rgba(11,32,49,.72)}.catalog-results label{display:flex;align-items:flex-start;gap:12px}.catalog-results input{width:19px;height:19px;margin-top:3px}.catalog-results label span{display:grid}.catalog-results small{color:var(--text-2)}.catalog-results a{color:#96d7b4;white-space:nowrap}.basket-live{color:var(--text-2)}
.account-options{display:grid;gap:14px}.account-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;text-align:left;padding:18px;border:1px solid rgba(139,190,228,.18);border-radius:15px;background:rgba(11,32,49,.75);color:var(--text);cursor:pointer}.account-option.chosen{border-color:#72c598;background:rgba(25,66,58,.55)}.account-option p,.account-option small{margin:3px 0;color:var(--text-2)}.account-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-weight:900}.account-logo.zhihu{background:#1769e0;color:#fff}.account-logo.guest{background:#315744;color:#dff5e7}
@media(max-width:900px){.theme-grid,.catalog-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading-actions{margin-top:14px}.topbar .points-badge{display:none}}
@media(max-width:560px){.theme-grid,.catalog-theme-grid{grid-template-columns:1fr}.identity-strip,.basket-list article{align-items:flex-start}.identity-strip{flex-wrap:wrap}.basket-list article{display:grid}.collection-heading-actions{display:grid;width:100%}.collection-heading-actions button{width:100%}.account-btn{display:none}}

/* 2026-09-13 · cinematic green knowledge forest */
:root{--forest-ink:#e9f1e8;--forest-muted:#aebeb5;--forest-line:rgba(225,242,229,.18);--forest-gold:#ffd89a;--forest-deep:#18382f}
body{background:radial-gradient(circle at 76% 8%,rgba(43,111,224,.075),transparent 28rem),#f7f4ec;color:#17243f}
body::before{display:none}
.sidebar{background:rgba(247,244,236,.9)!important;border-color:rgba(31,51,84,.08)!important;backdrop-filter:blur(18px);box-shadow:none!important}.brand{color:#123d91!important}.brand-mark{color:#1769e0!important;background:transparent!important}.brand small{color:#9a9da3!important}.nav-item{color:#656b76!important}.nav-item:hover{color:#123d91!important;background:rgba(255,255,255,.65)!important}.nav-item.active{color:#123d91!important;background:#fff!important;box-shadow:0 8px 26px rgba(34,52,82,.08)!important}.nav-item.active .icon{color:#1769e0!important}
.app-body main{max-width:1640px}
.page-heading h1,.section-heading h2{color:#182744}.forest-title strong,.theme-guide-card h3{color:#f4f5ec}
.page-heading p,.muted{color:#6d727b}
.serif-accent,.section-kicker,.eyebrow{color:#1769e0}
.primary-btn{color:#fff;background:#1769e0;border-color:#1769e0;box-shadow:0 10px 24px rgba(23,105,224,.18)}
.primary-btn:hover:not(:disabled){background:#0f58c7}
.secondary-btn{color:#123d91;background:#fff;border-color:#d7dfec;backdrop-filter:none}
.forest-overview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-12px 0 22px}
.forest-overview>span{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #e0ddd5;border-radius:999px;background:rgba(255,254,250,.88);color:#68707c;font-size:12px;box-shadow:0 7px 20px rgba(37,45,60,.05)}
.forest-overview svg{width:15px;height:15px;color:#1769e0}
.identity-strip{border-color:#dce4ee;background:rgba(255,254,250,.9);box-shadow:0 10px 35px rgba(37,45,60,.05)}.identity-strip strong{color:#17243f}.identity-strip span{color:#727984}.identity-strip>svg{color:#1769e0}.theme-card,.catalog-theme{border-color:#e2ded5;background:#fffefa;color:#17243f;box-shadow:0 12px 34px rgba(37,45,60,.06)}.theme-card:hover,.catalog-theme:hover{border-color:#aac8f4;box-shadow:0 18px 42px rgba(37,70,120,.1)}.theme-card small,.catalog-theme small{color:#717680}.theme-card>span:last-child{color:#1769e0}.theme-symbol,.catalog-theme>span{background:#edf4ff;color:#1769e0}.basket-group{border-color:#e2ded5;background:#fffefa;box-shadow:0 12px 38px rgba(37,45,60,.05)}.basket-group>header,.basket-list article{border-color:#ece7de}.basket-group h3,.basket-list h3{color:#17243f}.basket-group p,.basket-list p{color:#777b83}.source-type{color:#1769e0}.account-btn{border-color:#d7dfec;background:#fff;color:#123d91}.catalog-scene,.catalog-results article,.account-option{border-color:#e1ddd4;background:#fffefa;color:#17243f}.catalog-scene small,.catalog-results small,.account-option p,.account-option small{color:#747a85}.keyword-cloud button{border-color:#cddcf6;background:#edf4ff;color:#173f91}.modal{color:#17243f!important;border-color:#e1dcd2!important;background:#fffefa!important}.modal h2,.modal .question-title{color:#17243f!important}.modal-lead,.source-disclaimer{color:#676e79!important}
.keyword-cloud button small{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 5px;border-radius:999px;background:#fff;color:#1769e0;font-size:10px}
.theme-forest-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch}
.theme-forest-shell{position:relative;min-width:0;min-height:720px;overflow:hidden;border:1px solid rgba(197,223,248,.32);border-radius:38px;background:radial-gradient(ellipse at 76% 18%,rgba(202,231,255,.32),transparent 31%),radial-gradient(ellipse at 26% 84%,rgba(112,167,216,.26),transparent 48%),linear-gradient(145deg,#7daed4 0%,#4f88ba 44%,#285c8d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -70px 100px rgba(12,48,86,.24),0 28px 90px rgba(31,71,111,.2);backdrop-filter:blur(16px)}
.theme-forest-shell::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background:linear-gradient(118deg,rgba(255,255,255,.42),transparent 31%,rgba(25,76,123,.2) 79%,rgba(255,255,255,.12));mix-blend-mode:soft-light}
.forest-title{position:absolute;z-index:4;left:34px;top:28px;display:grid;gap:6px}
.forest-title span{font-size:9px;letter-spacing:2.1px;color:#dfc99f}.forest-title strong{font-family:"Songti SC",SimSun,Georgia,serif;font-size:21px;font-weight:500}
.theme-forest-stage{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px;min-height:720px;padding:100px 28px 48px;perspective:1300px}
.theme-forest-stage::after{content:"";position:absolute;left:4%;right:4%;bottom:25px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(215,235,255,.25),rgba(18,61,101,.08) 55%,transparent 72%);filter:blur(12px);z-index:-1}
.theme-tree{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:270px;padding:0 8px 16px;border:1px solid transparent;border-radius:28px;background:transparent;color:var(--forest-ink);cursor:pointer;transform-style:preserve-3d;transition:transform .35s,border-color .35s,background .35s}
.theme-tree:hover,.theme-tree.selected{transform:translateY(-9px);border-color:rgba(255,229,183,.42);background:radial-gradient(ellipse at 50% 55%,rgba(255,221,164,.16),transparent 64%)}
.tree-art-3d{position:relative;display:block;width:100%;height:190px;overflow:visible;perspective:900px;filter:drop-shadow(0 22px 21px rgba(13,37,30,.34))}
.tree-art-3d .tree-sprite{position:absolute;inset:-4% -5% 0;background-image:url('/assets/wisdom-tree-growth-transparent-v2.png');background-repeat:no-repeat;background-size:400% 100%;background-position-y:center;transform-origin:50% 72%;animation:wisdom-tree-float 6s ease-in-out infinite;animation-delay:var(--tree-delay,0s);will-change:transform}
.tree-art-3d[data-stage="0"] .tree-sprite{background-position-x:0%}.tree-art-3d[data-stage="1"] .tree-sprite{background-position-x:33.333%}.tree-art-3d[data-stage="2"] .tree-sprite{background-position-x:66.666%}.tree-art-3d[data-stage="3"] .tree-sprite{background-position-x:100%}
.tree-art-3d .tree-shadow{position:absolute;left:18%;right:18%;bottom:5px;height:20px;border-radius:50%;background:rgba(8,31,24,.42);filter:blur(10px);animation:wisdom-shadow 6s ease-in-out infinite}
.theme-tree:nth-child(2n) .tree-sprite,.theme-tree:nth-child(2n) .tree-shadow{animation-delay:-2.2s}.theme-tree:nth-child(3n) .tree-sprite,.theme-tree:nth-child(3n) .tree-shadow{animation-delay:-4.1s}
.theme-tree-copy{position:relative;z-index:2;display:grid;gap:4px;text-align:center;text-shadow:0 2px 12px rgba(11,35,28,.8)}
.theme-tree-copy strong{font-family:"Songti SC",SimSun,Georgia,serif;font-size:17px;font-weight:600}.theme-tree-copy small{color:#c6d4ca;font-size:10px}
.theme-tree-stage{position:absolute;right:12px;top:11px;padding:5px 8px;border:1px solid rgba(255,222,166,.22);border-radius:999px;background:rgba(31,61,51,.5);color:#f2d8aa;font-size:8px;letter-spacing:.5px;backdrop-filter:blur(10px)}
.forest-soft-edge{position:absolute;inset:auto 0 0;height:86px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(28,74,117,.62));filter:blur(5px)}
.theme-guide-card{align-self:stretch;padding:30px 26px;border:1px solid rgba(205,229,250,.32);border-radius:32px;background:linear-gradient(155deg,rgba(113,163,205,.88),rgba(37,87,132,.93));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 70px rgba(31,70,108,.18);backdrop-filter:blur(20px)}
.theme-guide-card h3{margin:10px 0 8px;font-family:"Songti SC",SimSun,Georgia,serif;font-size:34px;font-weight:500}.theme-guide-card>p{min-height:48px;color:#bacbc0;line-height:1.7}
.theme-progress{height:5px;margin:27px 0 10px;overflow:hidden;border-radius:99px;background:rgba(235,244,230,.12)}.theme-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#deb97d,#ffe2ab);box-shadow:0 0 18px rgba(255,215,150,.55)}
.theme-progress-copy{display:flex;justify-content:space-between;gap:12px;margin-bottom:25px}.theme-progress-copy strong{color:#ffe0a9}.theme-progress-copy small{max-width:140px;color:#aebfb5;text-align:right;line-height:1.5}
.theme-material-preview{display:grid;gap:8px;margin-bottom:24px}.theme-material-preview a,.theme-material-preview p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:12px 0;border-bottom:1px solid rgba(236,246,238,.12);color:#dfe9e0;font-size:12px;line-height:1.55}.theme-material-preview a span{color:#f2d198}.theme-guide-card>button{width:100%;justify-content:center}
.answer-growth-visual .tree-art-3d,.result-tree .tree-art-3d{width:210px;height:210px;margin:auto}
.forest-heading-line{display:flex;align-items:center;gap:28px;min-width:0}.forest-heading-line h1{margin-right:0}.growth-mini{display:flex;align-items:flex-end;gap:5px;padding:6px 10px;border:1px solid #e0ddd5;border-radius:18px;background:rgba(255,254,250,.9);box-shadow:0 12px 35px rgba(37,45,60,.07)}.growth-mini>span{position:relative;display:block;width:54px;height:62px}.growth-mini .tree-art-3d{width:54px;height:54px;filter:drop-shadow(0 8px 8px rgba(35,59,82,.18))}.growth-mini .tree-art-3d .tree-shadow{display:none}.growth-mini small{position:absolute;right:1px;bottom:0;color:#65809a;font-size:7px}.forest-page-heading{margin-bottom:25px}
@keyframes wisdom-tree-float{0%,100%{transform:translate3d(0,3px,0) rotateY(-7deg) rotateX(1deg)}50%{transform:translate3d(0,-11px,18px) rotateY(8deg) rotateX(-1deg)}}
@keyframes wisdom-shadow{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.82);opacity:.3}}
@media(max-width:1120px){.theme-forest-layout{grid-template-columns:1fr}.theme-guide-card{min-height:auto}.theme-forest-stage{min-height:680px}.theme-forest-shell{min-height:680px}}
@media(max-width:760px){.theme-forest-stage{grid-template-columns:repeat(2,minmax(0,1fr));min-height:890px;padding:92px 12px 35px;gap:8px}.theme-forest-shell{min-height:890px;border-radius:25px}.theme-tree{height:245px}.tree-art-3d{height:170px}.forest-title{left:22px;top:23px}.forest-title strong{font-size:17px}.theme-guide-card{border-radius:24px}.theme-forest-layout{gap:14px}}
@media(max-width:760px){.forest-heading-line{display:grid;gap:12px}.growth-mini{width:max-content;max-width:100%;overflow:hidden}.growth-mini>span,.growth-mini .tree-art-3d{width:45px}.forest-page-heading h1{font-size:42px}}
@media(max-width:420px){.theme-forest-stage{grid-template-columns:1fr;min-height:auto;padding-top:100px}.theme-forest-shell{min-height:auto}.theme-tree{height:270px}.tree-art-3d{height:200px}.theme-tree-copy strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.tree-art-3d .tree-sprite,.tree-art-3d .tree-shadow{animation:none!important}.theme-tree:hover,.theme-tree.selected{transform:none}}

/* Shared blue cloud surface: used only where the product needs a large immersive block. */
.theme-forest-shell,.practice-summary,.practice-card,.social-banner,.sharing-card,.peer-card{position:relative;isolation:isolate;overflow:hidden;background-color:#6d9fc8!important;background-image:linear-gradient(112deg,rgba(230,244,255,.28),rgba(64,119,169,.14)),url('/assets/blue-mist-forest-v1.png')!important;background-size:cover!important;background-position:center!important;border-color:rgba(215,237,253,.76)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -38px 76px rgba(31,78,124,.17),0 18px 42px rgba(43,91,137,.15)!important}
.theme-forest-shell::after,.practice-summary::after,.practice-card::after,.social-banner::after,.sharing-card::after,.peer-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background:linear-gradient(128deg,rgba(255,255,255,.5),transparent 32%,rgba(25,75,121,.22) 78%,rgba(255,255,255,.14));mix-blend-mode:soft-light}
.practice-summary,.practice-card,.social-banner,.sharing-card,.peer-card{color:#f5fbff!important}.practice-summary h2,.practice-card h3,.social-banner h2,.sharing-card h3,.peer-card h3,.social-banner .section-kicker{color:#fff!important}.practice-summary p,.practice-summary>div>span:last-child,.practice-card p,.social-banner p,.sharing-card p,.peer-card p,.peer-role,.sharing-card small{color:#e0f0fb!important}.practice-summary .large-number{color:#fff7df!important;text-shadow:0 2px 14px rgba(28,71,110,.25)}.practice-card .status-pill,.social-banner .tag,.sharing-card .tag,.peer-card .tag{color:#f6fbff!important;background:rgba(33,100,158,.45)!important;border-color:rgba(236,249,255,.42)!important}.social-banner{min-height:250px;align-items:center!important}.social-banner::before{content:"";position:absolute;right:7%;top:12%;width:230px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.32),rgba(203,231,255,.1) 42%,transparent 70%);filter:blur(8px);pointer-events:none}.social-banner>div{position:relative;z-index:1}.share-topic{background:rgba(255,255,255,.16)!important;border-color:rgba(241,250,255,.36)!important;color:#f4fbff!important}.share-topic.selected{background:rgba(28,105,166,.53)!important}.peer-card .matching-reason{color:#e9f6ff!important;background:rgba(30,93,147,.35)!important}

/* Persistent hero object: the supplied transparent 3D wisdom tree becomes the visual anchor on every page. */
.app-body{position:relative;z-index:1}.page-heading{position:relative;isolation:isolate;min-height:225px;padding-right:315px}.page-heading-copy{position:relative;z-index:2;max-width:860px}.page-heading>.collection-heading-actions{position:relative;z-index:4}.page-tree-orb{position:absolute;z-index:1;top:50%;right:6px;width:286px;height:224px;pointer-events:none;perspective:1100px;opacity:.92;transform:translateY(-50%)}.page-tree-orb::before{content:"";position:absolute;inset:20px 3px 5px;border-radius:50%;background:radial-gradient(ellipse,rgba(227,244,255,.52),rgba(141,198,235,.17) 45%,transparent 72%);filter:blur(7px);transform:rotateX(62deg) rotateZ(-6deg)}.page-tree-orb::after{content:"";position:absolute;left:54px;right:42px;bottom:21px;height:35px;border:1px solid rgba(226,245,255,.58);background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(103,168,215,.04));clip-path:polygon(8% 52%,30% 0,92% 22%,100% 62%,70% 100%,15% 84%);transform:rotateX(62deg) rotateZ(-5deg);box-shadow:0 16px 30px rgba(38,91,139,.16);backdrop-filter:blur(5px)}.page-tree-orb .page-tree-orb-art{position:absolute;z-index:2;inset:0 18px 4px;width:auto;height:auto;filter:drop-shadow(0 19px 17px rgba(34,84,129,.32));transform-style:preserve-3d;animation:page-orb-turn 9s ease-in-out infinite}.page-tree-orb>span{position:absolute;z-index:3;right:-1px;top:87px;color:#517d9e;font-size:8px;letter-spacing:1.7px;line-height:1.65;text-align:left}.page-tree-orb .tree-shadow{opacity:.28;background:rgba(42,100,154,.38)}
@keyframes page-orb-turn{0%,100%{transform:translate3d(0,0,0) rotateY(-10deg)}50%{transform:translate3d(-7px,-8px,24px) rotateY(13deg)}}
@media(max-width:1100px){.page-heading{padding-right:225px}.page-tree-orb{right:0;width:218px;height:176px}.page-tree-orb>span{display:none}}
@media(max-width:760px){.page-heading{min-height:unset;padding-right:105px}.page-tree-orb{top:8px;right:-8px;width:116px;height:98px;opacity:.55;transform:none}.page-tree-orb::before,.page-tree-orb::after{opacity:.5}.page-tree-orb>span{display:none}.social-banner{min-height:210px}}

/* Every section opens with the same split hero: editorial copy on the left,
   mist-blue dimensional atmosphere and a transparent golden tree on the right. */
.page-heading{min-height:310px;margin-bottom:34px;padding:58px 390px 48px 0;border-radius:0 0 30px 0;overflow:hidden;background:linear-gradient(90deg,#faf8f1 0%,rgba(250,248,241,.98) 38%,rgba(245,247,246,.72) 53%,rgba(117,167,207,.16) 67%,rgba(68,125,177,.28) 100%)}
.page-heading::before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;width:58%;background-image:linear-gradient(90deg,#faf8f1 0%,rgba(250,248,241,.32) 23%,rgba(80,139,190,.08) 55%,rgba(48,111,167,.2) 100%),url('/assets/blue-mist-forest-v1.png');background-size:cover;background-position:58% center;filter:saturate(.88) contrast(.98)}
.page-heading::after{content:"";position:absolute;z-index:-1;top:-30%;right:-5%;width:58%;height:150%;background:radial-gradient(ellipse at center,rgba(230,245,255,.28),rgba(81,143,195,.08) 54%,transparent 72%);filter:blur(10px);pointer-events:none}
.page-heading-copy{align-self:center}.page-heading h1{max-width:900px}.page-heading p{max-width:760px}
.page-tree-orb{top:50%;right:24px;width:350px;height:278px;opacity:1;transform:translateY(-49%)}
.page-tree-orb::before{inset:28px -4px 0;background:radial-gradient(ellipse,rgba(225,244,255,.34),rgba(111,177,221,.1) 48%,transparent 72%)}
.page-tree-orb::after{left:58px;right:48px;bottom:22px;height:42px;border-color:rgba(235,249,255,.68);background:linear-gradient(120deg,rgba(255,255,255,.31),rgba(85,151,202,.05));box-shadow:0 18px 34px rgba(24,76,124,.2)}
.page-tree-orb .page-tree-orb-art{inset:-7px 8px -2px;filter:drop-shadow(0 22px 18px rgba(27,78,124,.35)) drop-shadow(0 0 15px rgba(255,203,121,.22))}
.page-tree-orb>span{right:2px;top:112px;color:#eef8ff;text-shadow:0 2px 9px rgba(23,72,116,.66)}
.page-heading>.collection-heading-actions{position:absolute;z-index:5;left:0;bottom:18px}
.forest-page-heading{margin-bottom:25px}
@media(max-width:1100px){.page-heading{min-height:270px;padding:44px 275px 42px 0}.page-heading::before{width:54%}.page-tree-orb{right:5px;width:270px;height:215px}.page-heading>.collection-heading-actions{bottom:12px}}
@media(max-width:760px){.page-heading{min-height:250px;padding:30px 110px 34px 0;border-radius:0}.page-heading::before{width:62%;opacity:.72}.page-tree-orb{top:46%;right:-24px;width:158px;height:132px;opacity:.72;transform:translateY(-50%)}.page-heading>.collection-heading-actions{position:relative;left:auto;bottom:auto;margin-top:18px}.page-tree-orb::after,.page-tree-orb>span{display:none}}

/* The hero uses its own complete tree asset. The trunk and crystal base stay still;
   only the crown makes a restrained wind-like sway. */
.page-tree-orb .page-tree-orb-art{inset:-2px 0 0;width:100%;height:100%;animation:none;filter:drop-shadow(0 20px 18px rgba(27,78,124,.3)) drop-shadow(0 0 14px rgba(255,203,121,.2))}
.page-tree-orb .page-tree-orb-art .tree-sprite,.page-tree-orb .page-tree-orb-art .tree-shadow{display:none}
.page-tree-orb .page-tree-orb-art::before,.page-tree-orb .page-tree-orb-art::after{content:"";position:absolute;inset:0;background:url('/assets/wisdom-tree-mature-complete-v1.png') center/contain no-repeat;will-change:transform}
.page-tree-orb .page-tree-orb-art::before{clip-path:polygon(0 0,100% 0,100% 76%,0 76%);transform-origin:50% 74%;animation:hero-branch-sway 5.8s ease-in-out infinite}
.page-tree-orb .page-tree-orb-art::after{clip-path:polygon(0 73%,100% 73%,100% 100%,0 100%);transform:scaleX(1.24)}
@keyframes hero-branch-sway{0%,100%{transform:scaleX(1.24) skewX(-.65deg) rotate(-.35deg)}50%{transform:scaleX(1.24) skewX(.75deg) rotate(.4deg)}}

/* Forest trees float like a constellation instead of lining up in a grid. */
.theme-forest-stage{display:block;min-height:760px;padding:0}
.theme-tree{position:absolute;width:25%;height:250px;padding:0 5px 13px}
.theme-tree:nth-child(1){left:4%;top:132px;transform:rotate(-2deg)}
.theme-tree:nth-child(2){left:36%;top:72px;transform:rotate(1.5deg)}
.theme-tree:nth-child(3){left:68%;top:174px;transform:rotate(-1deg)}
.theme-tree:nth-child(4){left:12%;top:430px;transform:rotate(1.8deg)}
.theme-tree:nth-child(5){left:43%;top:366px;transform:rotate(-1.7deg)}
.theme-tree:nth-child(6){left:72%;top:462px;transform:rotate(1.2deg)}
.theme-tree:hover,.theme-tree.selected{transform:translateY(-9px) scale(1.025)}
.theme-tree .tree-art-3d{width:80%;height:198px;transform:scaleX(.7) scaleY(1.24);transform-origin:50% 90%}
.theme-tree-copy{margin-top:-8px}
@media(max-width:760px){.theme-forest-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:890px;padding:92px 12px 35px;gap:8px}.theme-tree,.theme-tree:nth-child(n){position:relative;left:auto;top:auto;width:auto;height:245px;transform:none}.theme-tree .tree-art-3d{width:88%;height:176px}.theme-tree:hover,.theme-tree.selected{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.page-tree-orb .page-tree-orb-art::before{animation:none}}

/* Learning signals stay at the bottom of “理解与复习”: one next topic and one
   review reminder, both derived from the learner's saved practice records. */
.learning-pulse{position:relative;overflow:hidden;margin:28px 0 0;padding:25px 28px;border:1px solid rgba(215,237,253,.76);border-radius:26px;color:#f5fbff;background-color:#6d9fc8!important;background-image:linear-gradient(112deg,rgba(230,244,255,.28),rgba(64,119,169,.14)),url('/assets/blue-mist-forest-v1.png')!important;background-size:cover!important;background-position:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -38px 76px rgba(31,78,124,.17),0 18px 42px rgba(43,91,137,.15)!important}
.learning-pulse::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.5px);background-size:13px 13px;mix-blend-mode:soft-light}
.learning-pulse-heading,.learning-pulse-grid,.pulse-card{position:relative;z-index:1}.learning-pulse-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.learning-pulse h2{margin:4px 0 0;color:#fff;font-family:"Songti SC",SimSun,Georgia,serif;font-size:25px;font-weight:500}.learning-pulse .section-kicker{color:#e6c997}.learning-pulse-live{display:flex;align-items:center;gap:7px;color:#e2f1fc;font-size:11px}.learning-pulse-live i{width:7px;height:7px;border-radius:50%;background:#f5d798;box-shadow:0 0 0 5px rgba(245,215,152,.16);animation:pulse-live 2s ease-in-out infinite}.learning-pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pulse-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:114px;padding:18px;border:1px solid rgba(239,249,255,.35);border-radius:20px;background:rgba(19,86,142,.26);backdrop-filter:blur(12px)}.pulse-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(249,231,190,.45);border-radius:14px;color:#ffe0a7;background:rgba(255,255,255,.14);font-size:19px}.pulse-card small{color:#cfe8fa;font-size:10px;letter-spacing:1px}.pulse-card h3{margin:4px 0 3px;color:#fff;font-family:"Songti SC",SimSun,Georgia,serif;font-size:18px;font-weight:500}.pulse-card p{margin:0;color:#e2f0fb;font-size:12px;line-height:1.62}.pulse-card .secondary-btn{white-space:nowrap;color:#174e86;background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9)}.pulse-status{padding:8px 10px;border:1px solid rgba(240,249,255,.35);border-radius:999px;color:#e3f3ff;background:rgba(27,97,153,.35);font-size:11px}.recall-answer{display:grid;gap:9px;padding:17px 18px;border:1px solid #d5e3f2;border-radius:18px;background:#f8fbff}.recall-answer>span{color:#244568;font-weight:600}.recall-answer textarea{width:100%;min-height:108px;resize:vertical;padding:12px 13px;border:1px solid #cadced;border-radius:12px;outline:none;color:#173758;background:#fff;font:inherit;line-height:1.65}.recall-answer textarea:focus{border-color:#5f9ada;box-shadow:0 0 0 3px rgba(78,143,210,.14)}.recall-answer small{color:#6d7d8f;line-height:1.55}.recall-quote{margin:0 0 12px;padding:12px 14px;border-left:3px solid #e5bb6a;border-radius:0 10px 10px 0;background:rgba(255,250,237,.76)}.recall-quote small{color:#8e6b36;letter-spacing:.6px}.recall-quote p{margin:5px 0 0!important;color:#4e432e!important}.challenge-label.recall-label{color:#a66d19;background:#fff8e8;border-color:#efd29a}
@keyframes pulse-live{0%,100%{transform:scale(.88);opacity:.75}50%{transform:scale(1.12);opacity:1}}
@media(max-width:760px){.learning-pulse{padding:21px 17px;border-radius:20px}.learning-pulse-heading{align-items:flex-start;flex-direction:column;gap:8px}.learning-pulse-grid{grid-template-columns:1fr}.pulse-card{grid-template-columns:auto 1fr}.pulse-card .secondary-btn,.pulse-status{grid-column:2;justify-self:start}.recall-answer{padding:14px}.recall-answer textarea{min-height:94px}}
@media(prefers-reduced-motion:reduce){.learning-pulse-live i{animation:none}}