#foundations{--fd-sand:#efe5d2} .fd-banner{display:flex;justify-content:space-between;gap:24px;padding:30px;background:#e8efdf;border:1px solid #dce6d5;border-radius:18px}.fd-banner h2{font-size:27px;margin:10px 0}.fd-banner p{margin-bottom:0;color:#536b60}.fd-progress{min-width:180px;display:flex;flex-direction:column;justify-content:center;gap:7px}.fd-progress strong{font-size:36px;color:#286c59}.fd-progress strong small{font-size:18px}.fd-progress>small{font-size:11px;color:#6a796d}.fd-tabs{display:flex;gap:10px;margin:20px 0}.fd-tabs button{padding:13px 20px;min-height:46px;border:1px solid #dce5d8;background:#fff;border-radius:10px;color:#426553}.fd-tabs [aria-pressed=true]{background:#286c59;color:#fff}.fd-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px;align-items:start}.fd-directory.card{position:sticky;top:20px;width:auto;height:auto;min-width:0;display:block;padding:18px;background:#f8faf5;border:1px solid #e1e8dc;border-radius:14px}.fd-directory label,.fd-reference label{display:block;font-size:13px;font-weight:600;color:#3c5e4b}.fd-directory input,.fd-reference input{display:block;width:100%;box-sizing:border-box;min-height:44px;margin:10px 0 14px;padding:11px;border:1px solid #cddbc9;border-radius:8px;background:#fff;font-size:14px;color:#244739}.fd-lesson-list{display:grid;gap:7px}.fd-lesson-list button{text-align:left;border:1px solid transparent;background:transparent;padding:11px 10px;border-radius:9px;min-height:64px;color:#395d4a}.fd-lesson-list button small{display:block;font-size:10px;color:#6c806f;margin-bottom:6px}.fd-lesson-list button b{font-size:13px;line-height:1.6}.fd-lesson-list [aria-current=step]{background:#e2ecdF;border-color:#c3d7bd}.fd-lesson{min-width:0;display:grid;gap:18px}.fd-lead h2{font-size:26px;line-height:1.5;margin:10px 0}.fd-lesson p{line-height:1.9}.fd-goals{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.fd-goals span{font-size:12px;color:#466d55;background:#edf3e8;border-radius:6px;padding:7px 10px}.fd-figure{margin:20px 0 0;padding:14px;background:#f6f7ef;border-radius:12px}.fd-figure svg{display:block;width:100%;height:auto;max-height:310px;overflow:visible}.fd-figure text{font-size:14px;fill:#41614b;font-family:inherit}.fd-figure .fd-small{font-size:11px}.fd-figure figcaption{font-size:10px;line-height:1.6;color:#798577;margin-top:9px}.fd-explain section{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #e6ebdf}.fd-explain section:first-child{padding-top:0}.fd-explain section:last-child{border-bottom:0;padding-bottom:0}.fd-number{font-family:Georgia,serif;font-size:23px;color:#9caa8e;flex:0 0 30px}.fd-explain h3{margin:0 0 9px;font-size:18px}.fd-explain p{margin:0;color:#526653;font-size:14px}.fd-compare h3{margin-top:0}.fd-compare-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:14px;padding:15px 0;border-top:1px solid #e4eadf;align-items:start}.fd-compare-row b{font-size:13px;color:#2c684f}.fd-compare-row p{font-size:12px;margin:0}.fd-pitfall{padding:21px 25px;background:#f3ecdd;border-left:4px solid #b69661;border-radius:0 10px 10px 0;color:#6c583a}.fd-pitfall p{margin:8px 0 0;font-size:13px}.fd-recall summary{font-weight:600;color:#35654d;cursor:pointer;min-height:30px;line-height:1.8}.fd-recall p{background:#eef4e7;padding:16px;border-radius:8px;margin-bottom:0}.fd-options{display:grid;gap:9px}.fd-options button{display:flex;gap:13px;align-items:start;text-align:left;border:1px solid #dbe4d4;padding:14px;border-radius:9px;background:white;min-height:48px;color:#365b45;font-size:14px;line-height:1.7}.fd-options b{color:#8f9e82}.fd-options button.fd-correct{background:#e3f0df;border-color:#81ae77;opacity:1}.fd-options button.fd-incorrect{background:#f8eee3;border-color:#c49b6d;opacity:1}.fd-feedback h4{color:#2d6c50}.fd-feedback p{font-size:13px;background:#f5f7f0;padding:12px;border-radius:8px}.fd-transfer>div{display:flex;gap:10px;flex-wrap:wrap}.fd-transfer button{min-height:44px}.fd-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.fd-pager span{color:#89947e;font-size:12px}.fd-scope{font-size:11px;line-height:1.9;color:#78816d;margin:24px 0}.fd-reference h2{margin-top:10px}.fd-reference>p{line-height:1.9;color:#64725c}.fd-reference label{max-width:500px}.fd-root-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fd-root-grid article{padding:20px;background:#f6f8f1;border:1px solid #e0e8d7;border-radius:12px}.fd-root-name{font-size:22px;font-family:Georgia,serif;color:#2d7254;background:transparent;border:0;padding:5px 0;min-height:44px;text-align:left}.fd-root-grid dl{margin-bottom:0}.fd-root-grid dt{font-size:10px;color:#7d8b70;margin-top:15px}.fd-root-grid dd{margin:5px 0;font-size:13px;line-height:1.8;color:#405f44}.fd-empty{font-size:13px;padding:12px;color:#7b785d;line-height:1.8}.fd-reference details{margin-top:24px;line-height:1.9}.fd-reference summary{cursor:pointer;color:#346d4e;min-height:44px}.fd-lesson :focus-visible,.fd-reference :focus-visible{outline:3px solid #bc975d;outline-offset:3px}#fd-lesson-title:focus{outline:none}.fd-tabs button:focus-visible,.fd-lesson-list button:focus-visible{outline:3px solid #bc975d;outline-offset:2px}
@media(min-width:801px){body:has(.nav[data-page=foundations].active) aside:not(.fd-directory) nav .nav{padding-top:10px;padding-bottom:10px}}
@media(max-width:800px){.fd-figure{overflow-x:auto}.fd-figure svg{width:580px;max-width:none}.fd-figure:after{content:'左右滑动查看完整概念图 →';display:block;font-size:11px;color:#7d8c74;margin-top:8px}.fd-directory.card{z-index:auto;backdrop-filter:none}}
@media(max-width:1100px){.fd-layout{grid-template-columns:215px minmax(0,1fr)}.fd-root-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-compare-row{grid-template-columns:1fr}.fd-compare-row p{font-size:13px}.fd-compare-row p:first-of-type{background:#f2f6eb;padding:10px;border-radius:7px}}
@media(max-width:800px){.fd-layout{grid-template-columns:1fr}.fd-directory.card{position:static;padding:16px}.fd-lesson-list{display:flex;overflow-x:auto;padding:3px 2px 8px;scroll-snap-type:x proximity}.fd-lesson-list button{flex:0 0 220px;scroll-snap-align:start;background:#edf3e7;min-height:75px}.fd-banner{padding:22px;display:block}.fd-banner h2{font-size:22px}.fd-progress{margin-top:18px;border-top:1px solid #cfddc5;padding-top:14px;min-width:0}.fd-progress strong{font-size:28px}.fd-tabs button{font-size:13px;padding:12px;flex:1}.fd-lesson .card{padding:21px}.fd-lead h2{font-size:23px}.fd-figure{padding:10px 2px}.fd-figure svg{min-height:130px}.fd-figure text{font-size:15px}.fd-explain section{gap:10px}.fd-number{flex-basis:25px}.fd-root-grid{grid-template-columns:1fr}.fd-root-grid article{padding:18px}.fd-reference.card{padding:20px}.fd-pager button{font-size:12px}.fd-pitfall{padding:18px}.fd-transfer>div{display:grid}.fd-transfer button{width:100%}.fd-lesson-list b{white-space:normal}.fd-lesson p{overflow-wrap:anywhere}}