.learn-page{color:#172b45;background:#f7f9fc;min-height:100svh}.learn-header{border-bottom:1px solid #d8e0eb;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:24px 5%;display:flex}.learn-header nav{color:#526780;flex-wrap:wrap;align-items:center;gap:30px;font-size:14px;display:flex}.learn-header nav a:hover,.learn-header nav a[aria-current]{color:#155be0}.learn-content-wrap{max-width:1280px;margin:0 auto;padding:0 5%}.learn-breadcrumb{color:#69809a;letter-spacing:1px;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 44px;font:11px Courier New,monospace;display:flex}.learn-breadcrumb a{color:#155be0;letter-spacing:0;align-items:center;gap:8px;font:13px Arial,Microsoft YaHei,sans-serif;display:inline-flex}.learn-intro{border-bottom:1px solid #cbd8e8;grid-template-columns:minmax(0,1.15fr) minmax(260px,.6fr);align-items:end;gap:8%;padding-bottom:48px;display:grid}.learn-kicker{color:#155be0;letter-spacing:2.5px;margin-bottom:22px;font:700 11px Courier New,monospace}.learn-intro h1{letter-spacing:-.075em;font-size:clamp(52px,7vw,100px);font-weight:800;line-height:.99}.learn-intro h1 span{color:#155be0}.learn-intro-aside{padding-bottom:7px}.learn-intro-aside>p{color:#526780;font-size:16px;line-height:1.85}.learn-stats{color:#6b8099;gap:32px;margin-top:29px;font-size:12px;display:flex}.learn-stats span{align-items:baseline;gap:8px;display:flex}.learn-stats strong{color:#172b45;font:700 26px Courier New,monospace}.learn-start{border-bottom:1px solid #d8e0eb;grid-template-columns:minmax(200px,1fr) auto auto;align-items:center;gap:20px;padding:21px 0;display:grid}.learn-start strong{font-size:14px}.learn-start p{color:#657992;margin-top:3px;font-size:12.5px}.learn-start code{color:#155be0;overflow-wrap:anywhere;font:12px Cascadia Code,Consolas,monospace}.learn-start button,.learn-code-head button{color:#155be0;cursor:pointer;background:0 0;border:1px solid #bdd0e8;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.learn-start button:hover,.learn-code-head button:hover{background:#eaf2ff}.learn-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 25px;display:flex}.learn-search{color:#8194ab;background:#fff;border:1px solid #cbd8e8;align-items:center;gap:11px;width:min(590px,100%);height:48px;padding:0 15px;display:flex}.learn-search:focus-within{border-color:#155be0;box-shadow:0 0 0 3px #155be019}.learn-search input{color:#172b45;background:0 0;border:0;outline:none;flex:1;min-width:0;font:13px Arial,Microsoft YaHei,sans-serif}.learn-results{color:#69809a;white-space:nowrap;font:11px Courier New,monospace}.learn-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:7%;display:grid}.learn-lessons{min-width:0}.learn-sidebar{flex-direction:column;gap:1px;display:flex;position:sticky;top:24px}.learn-sidebar>p{color:#8194ab;letter-spacing:1.5px;margin:0 0 11px 10px;font:11px Courier New,monospace}.learn-sidebar button{color:#526780;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:10px 11px;font-size:13px;display:flex}.learn-sidebar button:hover,.learn-sidebar button.active{color:#155be0;background:#edf3fd}.learn-sidebar button.active{border-left-color:#155be0;font-weight:700}.learn-sidebar small{color:#8ca0b8;font:11px Courier New,monospace}.learn-module{margin-bottom:65px}.learn-module-title{border-bottom:1px solid #cbd8e8;align-items:baseline;gap:15px;padding:0 0 15px;display:flex}.learn-module-title>span{color:#155be0;font:12px Courier New,monospace}.learn-module-title h2{letter-spacing:-.035em;font-size:25px}.learn-module-title small{color:#8194ab;margin-left:auto;font-size:12px}.learn-lesson{border-bottom:1px solid #d8e0eb;padding:30px 0 34px;scroll-margin-top:25px}.learn-lesson-title{align-items:baseline;gap:13px;display:flex}.learn-lesson-title>span{color:#155be0;font:12px Courier New,monospace}.learn-lesson-title h3{letter-spacing:-.02em;font-size:19px;line-height:1.4}.learn-lesson-title small{color:#6e85a0;white-space:nowrap;margin-left:auto;font-size:11px}.learn-concept{color:#526780;margin:11px 0 19px;font-size:14px;line-height:1.85}.learn-code-head{color:#b9c9dc;background:#223850;justify-content:space-between;align-items:center;padding:8px 13px;font:11px Courier New,monospace;display:flex}.learn-code-head button{color:#dceaff;border-color:#556b83;padding:4px 7px}.learn-code-head button:hover{background:#304b68}.learn-code{color:#edf4ff;white-space:pre;background:#172b45;margin:0;padding:20px;font:12.5px/1.7 Cascadia Code,Consolas,monospace;overflow-x:auto}.learn-notes{gap:11px;margin:20px 0 0;display:grid}.learn-notes>div{color:#526780;grid-template-columns:70px minmax(0,1fr);gap:14px;font-size:12.5px;line-height:1.65;display:grid}.learn-notes dt{color:#155be0;font-weight:700}.learn-notes dd{margin:0}.learn-reference{color:#155be0;align-items:center;gap:3px;margin:19px 0 0 84px;font-size:12px;display:inline-flex}.learn-reference:hover{text-decoration:underline}.learn-empty{color:#657992;border-top:1px solid #cbd8e8;padding:55px 0}.learn-footer{color:#69809a;border-top:1px solid #cbd8e8;justify-content:space-between;align-items:flex-end;gap:28px;padding:27px 0 45px;font-size:12px;display:flex}.learn-footer p{max-width:760px}.learn-footer a{color:#155be0;white-space:nowrap;font-weight:800}@media (max-width:900px){.learn-intro{grid-template-columns:1fr;gap:28px}.learn-layout{grid-template-columns:minmax(0,1fr);gap:32px}.learn-sidebar{flex-flow:wrap;gap:5px;position:static}.learn-sidebar>p{width:100%;margin-left:0}.learn-sidebar button{border:1px solid #cbd8e8;gap:9px;width:auto;padding:8px 10px}.learn-sidebar button.active{border-color:#155be0}}@media (max-width:680px){.learn-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 5%}.learn-header nav{gap:22px;font-size:13px}.learn-breadcrumb{margin:27px 0 35px}.learn-breadcrumb>span{display:none}.learn-intro h1{font-size:clamp(50px,12vw,74px)}.learn-start{grid-template-columns:1fr auto;gap:13px}.learn-start>div{grid-column:1/-1}.learn-toolbar{flex-wrap:wrap;gap:9px}.learn-search{width:100%}.learn-notes>div{grid-template-columns:1fr;gap:2px}.learn-reference{margin-left:0}.learn-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.learn-page *{scroll-behavior:auto!important}}