:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#27302f;background:#eee9df;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit}button:focus-visible{outline:3px solid color-mix(in srgb,var(--active-accent) 40%,transparent);outline-offset:2px}.app-shell{min-height:100vh;background:#f1ece3}.topbar{height:58px;padding:0 22px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(180px,1fr);align-items:center;gap:18px;color:#f7f3e9;background:#283331;border-bottom:1px solid #46504d}.brand,.brand>span:last-child,.offline-note,.specimen-card,.specimen-card>span:last-child,.organelle-list button,.organelle-list button>span,.detail-topline,.fact-row{display:flex}.brand{align-items:center;gap:11px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:#2f3937;background:#d7c987;border-radius:9px}.brand>span:last-child{flex-direction:column;line-height:1.18}.brand b{font-family:Georgia,Songti SC,serif;font-size:17px;letter-spacing:.02em}.brand small{margin-top:3px;color:#aebbb7;font-size:10px;letter-spacing:.08em}.topbar-center{display:flex;align-items:center;gap:18px}.topbar-center span{display:flex;align-items:center;gap:6px;color:#bac5c1;font-size:11px}.local-badge{justify-self:end;padding:7px 11px;border:1px solid #61706c;border-radius:6px;color:#e8ede9;font-size:12px}.local-badge span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#8ec98e;box-shadow:0 0 0 3px #425345}.specimen-strip{height:46px;padding:0 22px;display:flex;align-items:stretch;gap:3px;overflow-x:auto;background:#f8f5ee;border-bottom:1px solid #d8d3c8}.strip-label{display:flex;align-items:center;padding-right:13px;margin-right:4px;color:#8f8c84;border-right:1px solid #ded8cc;font-size:11px;letter-spacing:.08em;white-space:nowrap}.specimen-strip button{min-width:max-content;padding:0 13px;display:flex;align-items:center;gap:7px;color:#686c68;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;font-size:12px}.specimen-strip button:hover{color:#29312f;background:#eee9df}.specimen-strip button.is-active{color:var(--active-accent);border-bottom-color:var(--active-accent);font-weight:700}.workspace{height:calc(100vh - 104px);min-height:620px;display:grid;grid-template-columns:218px minmax(560px,1fr)}.left-panel,.right-panel{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#cfc9bc transparent;background:#f8f5ee}.left-panel{padding:18px 14px 14px;display:flex;flex-direction:column;border-right:1px solid #d7d1c5}.left-panel section+section{margin-top:20px}.section-title{margin:0 4px 9px;display:flex;align-items:center;justify-content:space-between;color:#787b75;font-size:11px;font-weight:700;letter-spacing:.08em}.section-title em{min-width:20px;padding:2px 5px;color:#8a8c87;background:#e9e4da;border-radius:4px;font-size:10px;font-style:normal;text-align:center}.specimen-list,.organelle-list{display:grid;gap:5px}.specimen-card{width:100%;padding:9px;align-items:center;gap:9px;text-align:left;color:#47504e;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.specimen-card:hover{background:#f0ece3}.specimen-card.is-active{color:#2b3432;background:var(--cell-soft);border-color:color-mix(in srgb,var(--cell-accent) 28%,#ddd6c9)}.specimen-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:var(--cell-accent);background:#fffdf8;border:1px solid color-mix(in srgb,var(--cell-accent) 22%,#e5dfd3);border-radius:7px}.specimen-card>span:last-child{min-width:0;flex-direction:column}.specimen-card b{font-size:12px}.specimen-card small{margin-top:2px;overflow:hidden;color:#92938d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.organelle-list button{width:100%;padding:8px 7px;align-items:center;gap:9px;text-align:left;color:#5d625e;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer}.organelle-list button:hover{background:#f0ece4}.organelle-list button.is-active{color:#29322f;background:#fffdf8;border-color:#d8d2c7;box-shadow:0 3px 10px #3932270d}.organelle-list i{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:9px;font-style:normal;box-shadow:inset 0 0 0 1px #00000014}.organelle-list button>span{min-width:0;flex-direction:column}.organelle-list b{font-size:11px}.organelle-list small{margin-top:2px;overflow:hidden;color:#9a9890;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.offline-note{margin-top:auto;padding:11px;align-items:center;gap:9px;color:#54735b;background:#edf3e9;border:1px solid #d4dfce;border-radius:8px}.offline-note>span{display:flex;flex-direction:column}.offline-note b{font-size:10px}.offline-note small{margin-top:2px;color:#849181;font-size:8px}.stage-shell{min-width:0;display:grid;grid-template-rows:auto minmax(500px,1fr) auto;background:#eee9df;overflow:hidden}.stage-shell:fullscreen{height:100vh;background:#eee9df}.stage-heading{padding:14px 20px 12px;display:flex;align-items:end;justify-content:space-between;gap:16px;background:#f4f0e8;border-bottom:1px solid #d8d1c4}.eyebrow{display:flex;align-items:center;gap:6px;color:#898a84;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stage-heading h1{margin:4px 0 0;color:#26302e;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:600}.stage-heading p{margin:3px 0 0;color:#92918a;font-size:10px}.stage-modes{padding:3px;display:flex;gap:2px;background:#e6e0d5;border:1px solid #d4cdc0;border-radius:7px}.stage-modes button{padding:6px 9px;display:flex;align-items:center;gap:5px;color:#747873;background:transparent;border:0;border-radius:5px;cursor:pointer;font-size:10px}.stage-modes button.is-active{color:#32403c;background:#fffdf8;box-shadow:0 1px 5px #3730261a}.model-stage{position:relative;min-height:500px;overflow:hidden;background:#f6f1e7}.model-stage canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.model-grid{position:absolute;inset:0;margin:20px;opacity:.48;border:1px solid #d8d0c2;box-shadow:inset 0 0 0 8px #fffdf83d}.source-chip{position:absolute;top:14px;left:15px;z-index:2;padding:6px 8px;display:flex;align-items:center;gap:6px;color:#666e68;background:#fffdf8de;border:1px solid rgba(201,194,181,.9);border-radius:5px;backdrop-filter:blur(8px);font-size:9px}.active-label{position:absolute;right:16px;bottom:15px;z-index:2;padding:8px 11px;display:flex;align-items:center;gap:8px;color:#4a514e;background:#fffdf8e6;border:1px solid;border-radius:7px;backdrop-filter:blur(8px)}.active-label i{width:8px;height:8px;border-radius:50%}.active-label span{display:flex;flex-direction:column}.active-label small{color:#8e918c;font-size:8px}.active-label b{margin-top:1px;font-size:11px}.structure-label-anchor{pointer-events:none}.structure-label{padding:4px 7px;color:#313a37;background:#fffdf8eb;border:1px solid color-mix(in srgb,var(--label-color) 62%,#c9c1b5);border-radius:4px;box-shadow:0 2px 8px #2c27211c;backdrop-filter:blur(6px);pointer-events:auto;cursor:pointer;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.structure-label:hover,.structure-label.is-active{color:#1f2926;border-color:var(--label-color);box-shadow:0 4px 15px color-mix(in srgb,var(--label-color) 24%,transparent)}.model-toolbar{min-height:45px;padding:6px 13px;display:flex;align-items:center;gap:5px;background:#f9f6f0;border-top:1px solid #d8d1c4;border-bottom:1px solid #d8d1c4}.model-toolbar button{padding:6px 9px;display:flex;align-items:center;gap:5px;color:#5d655f;background:#fffdf9;border:1px solid #d9d3c8;border-radius:5px;cursor:pointer;font-size:9px}.model-toolbar button:hover{color:#26312e;border-color:#bdb5a8}.toolbar-help{margin-left:auto;color:#9b9991;font-size:8px}.stage-bottom{min-height:0;display:grid;grid-template-columns:1fr 1fr;background:#f5f1e9}.stage-bottom article{padding:13px 16px;min-width:0}.stage-bottom article+article{border-left:1px solid #d8d1c4}.mini-heading{display:flex;align-items:center;gap:7px;color:#4e5854;font-size:10px;font-weight:700}.micro-cards{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.micro-cards>div{min-width:0;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:7px;color:#626965;background:#fffdf8;border:1px solid #ddd7cb;border-radius:6px;overflow:hidden}.micro-cards b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.micro-pattern{height:43px;display:block;background-color:var(--micro-tone);box-shadow:inset 0 0 0 6px #ffffff29,inset 12px 9px #44383214}.syllabus-tags{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.syllabus-tags span{padding:4px 6px;color:#59645f;background:var(--active-soft);border:1px solid color-mix(in srgb,var(--active-accent) 20%,#ded7cb);border-radius:4px;font-size:8px}.stage-bottom article>p{margin:9px 0 0;color:#868780;font-size:9px;line-height:1.65}.right-panel{padding:15px;border-left:1px solid #d7d1c5}.right-panel section+section{margin-top:11px}.detail-card,.occurrence-card,.exam-card{background:#fffdf8;border:1px solid #d9d3c8;border-radius:9px;box-shadow:0 4px 14px #3630270a}.detail-card{padding:15px}.detail-topline{align-items:center;color:#898b85;font-size:9px;letter-spacing:.08em}.detail-topline em{margin-left:auto;padding:3px 5px;color:#7b7e78;background:#f0ece4;border-radius:3px;font-size:8px;font-style:normal;letter-spacing:0}.detail-dot{width:8px;height:8px;margin-right:6px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}.detail-card h2{margin:13px 0 3px;color:#2d3734;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:600}.subtitle{margin:0;color:#888b85;font-size:10px}.attribute-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e0dbd1;border-radius:6px;overflow:hidden}.attribute-grid div{min-width:0;padding:8px 7px;background:#faf7f1}.attribute-grid div+div{border-left:1px solid #e0dbd1}.attribute-grid small,.attribute-grid b{display:block}.attribute-grid small{color:#a09f98;font-size:7px}.attribute-grid b{margin-top:4px;overflow-wrap:anywhere;color:#535c58;font-size:8px;line-height:1.35}.knowledge-note{margin-top:13px;padding:11px;background:#f3efe6;border-left:3px solid var(--active-accent);border-radius:2px 6px 6px 2px}.knowledge-note>span{display:flex;align-items:center;gap:6px;color:#53605b;font-size:9px;font-weight:700}.knowledge-note p,.fact-row span{margin:6px 0 0;color:#747873;font-size:9px;line-height:1.65}.fact-row{margin-top:11px;align-items:flex-start;gap:7px;color:#ae8250}.fact-row span{margin:-2px 0 0}.occurrence-card{padding:12px 14px}.occurrence-card h3{margin:6px 0 3px;color:#414c48;font-size:11px}.occurrence-card p{margin:0;color:#858780;font-size:9px;line-height:1.55}.exam-header{width:100%;padding:11px 13px;display:flex;justify-content:space-between;color:#35403c;background:transparent;border:0;cursor:pointer}.exam-header span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.exam-header em{color:#95958e;font-size:8px;font-style:normal}.exam-body{padding:0 13px 13px;border-top:1px solid #e5dfd4}.trap{margin-top:11px;padding:9px;color:#7a5c47;background:#f8eee0;border:1px solid #ead7bb;border-radius:6px}.trap b{font-size:8px;letter-spacing:.08em}.trap p{margin:4px 0 0;font-size:8px;line-height:1.55}.question{margin:12px 0 8px;color:#39423f;font-size:10px;font-weight:700;line-height:1.55}.options{display:grid;gap:5px}.options button{width:100%;padding:7px;display:grid;grid-template-columns:20px 1fr 15px;align-items:center;gap:7px;text-align:left;color:#626963;background:#faf8f3;border:1px solid #e0dbd1;border-radius:5px;cursor:pointer;font-size:8px}.options button:hover:not(:disabled){border-color:var(--active-accent);background:var(--active-soft)}.options button i{width:18px;height:18px;display:grid;place-items:center;color:#7c817c;background:#ece8df;border-radius:4px;font-size:7px;font-style:normal}.options button.is-correct{color:#3d6947;background:#eaf4e8;border-color:#8eba8e}.options button.is-wrong{color:#8b4b49;background:#f7e9e7;border-color:#d99b96}.explanation{margin-top:8px;padding:9px;border-radius:6px;font-size:8px}.explanation.is-correct{color:#416e4d;background:#e9f3e7}.explanation.is-wrong{color:#82514d;background:#f7ebe8}.explanation p{margin:4px 0 0;line-height:1.55}.explanation button{margin-top:7px;padding:4px 7px;color:inherit;background:#ffffffa6;border:1px solid currentColor;border-radius:4px;cursor:pointer;font-size:8px}.model-loader>div{min-width:190px;padding:16px;display:flex;flex-direction:column;align-items:center;color:#4d5753;background:#fffdf8f2;border:1px solid #d4cec2;border-radius:9px;box-shadow:0 10px 30px #3b33281f}.model-loader-spinner{width:22px;height:22px;margin-bottom:7px;border:2px solid #dad4c8;border-top-color:var(--active-accent);border-radius:50%;animation:spin .8s linear infinite}.model-loader span,.model-loader strong,.model-loader small,.model-loader em{display:block}.model-loader span{font-size:9px}.model-loader strong{margin-top:3px;font-size:12px}.model-loader small{margin-top:3px;color:#8b8e88;font-size:7px}.model-loader i{width:150px;height:3px;margin-top:9px;display:block;overflow:hidden;background:#e4dfd5;border-radius:2px}.model-loader i b{height:100%;display:block;background:var(--active-accent)}.model-loader em{margin-top:4px;color:#8c8d87;font-size:7px;font-style:normal}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.topbar-center span:nth-child(3){display:none}.workspace{grid-template-columns:200px minmax(460px,1fr)}.right-panel{padding:11px}}@media(max-width:960px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.workspace{height:auto;min-height:0;grid-template-columns:190px minmax(0,1fr)}.right-panel{grid-column:1 / -1;display:grid;grid-template-columns:1.1fr .8fr 1.3fr;gap:10px;border-top:1px solid #d7d1c5;border-left:0}.right-panel section+section{margin-top:0}.stage-shell{min-height:650px}}@media(max-width:700px){.topbar{height:54px;padding:0 12px}.brand small,.local-badge{display:none}.specimen-strip{padding:0 8px}.workspace{display:block}.left-panel{display:none}.stage-shell{min-height:680px;grid-template-rows:auto 520px auto}.stage-heading{align-items:flex-start;flex-direction:column}.stage-modes{align-self:stretch}.stage-modes button{flex:1;justify-content:center}.toolbar-help{display:none}.stage-bottom{grid-template-columns:1fr}.stage-bottom article+article{border-top:1px solid #d8d1c4;border-left:0}.right-panel{display:block}.right-panel section+section{margin-top:10px}.model-stage{min-height:520px}.structure-label{padding:3px 6px;font-size:10px}}