.hot100{--code:#17212d;--green:#25816b}.hot100 *{box-sizing:border-box}.hot100{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 Inter,'Microsoft YaHei',sans-serif}.hot100 button,.hot100 input,.hot100 textarea,.hot100 select{font:inherit}.hot100 button,.hot100 a,.hot100 input,.hot100 textarea,.hot100 select{outline-offset:4px}.hot100 button{cursor:pointer;border:1px solid var(--rule);border-radius:5px;background:var(--card);color:var(--ink);padding:7px 13px;transition:background .15s}.hot100 button:hover{background:var(--soft)}.hot100 a{color:var(--blue);text-decoration:none}.hot100 header{height:72px;padding:0 32px;display:flex;gap:42px;align-items:center;border-bottom:1px solid var(--rule)}.hot100 .brand{font:italic 31px Georgia,serif;color:var(--ink)}.hot100 .brand span{font-size:22px;color:var(--muted)}.hot100 nav{display:flex;gap:28px}.hot100 nav span{color:var(--muted)}.hot100 nav strong{font-weight:500;color:var(--blue)}.hot100 .preview-label{margin-left:auto;font-size:11px;color:var(--muted)}.hot100 header button{font-size:12px}.hot100 .hot100-grid{display:grid;grid-template-columns:278px minmax(0,1fr);max-width:1720px;margin:auto}.hot100 .sidebar{border-right:1px solid var(--rule);height:calc(100dvh - 72px);position:sticky;top:0;overflow:auto;scrollbar-width:thin}.hot100 .side-head{padding:28px 23px 18px}.hot100 .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}.hot100 h1{font:48px/1.1 Georgia,serif;margin:12px 0 8px;font-weight:400}.hot100 h1 em{font-weight:400}.hot100 .blue-dot{color:var(--blue)}.hot100 .side-head p{color:var(--muted);font-size:12px;margin:0 0 22px}.hot100 .search{display:block}.hot100 .search span{font-size:11px;color:var(--muted)}.hot100 .search input{width:100%;border:1px solid var(--rule);border-radius:4px;background:var(--card);color:var(--ink);padding:9px;font-size:12px;margin:5px 0 20px}.hot100 .progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.hot100 .progress-label b{font-weight:500;color:var(--ink)}.hot100 progress{width:100%;height:4px;accent-color:var(--blue);display:block;margin:9px 0 17px}.hot100 .filters{display:flex;gap:5px;flex-wrap:wrap}.hot100 .filters button{padding:4px 7px;font-size:10px}.hot100 .filters .selected{background:var(--blue);border-color:var(--blue);color:white}.hot100 details.group summary{padding:12px 24px;font-size:12px;cursor:pointer;list-style:none;color:var(--muted);display:flex;justify-content:space-between}.hot100 .group summary:before{content:'⌄';margin-right:8px}.hot100 .group summary b{font-weight:500;color:var(--ink);margin-right:auto}.hot100 .group button{width:100%;border:0;background:transparent;border-radius:0;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 20px 10px 25px;font-size:12px;position:relative}.hot100 .group button.active{background:var(--soft);color:var(--blue)}.hot100 .group button.active:before{content:'';width:3px;position:absolute;left:0;top:0;bottom:0;background:var(--blue)}.hot100 .qid{font:10px Consolas,monospace;min-width:25px;color:var(--muted)}.hot100 .qtitle{flex:1}.hot100 .demo-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.hot100 .done-dot{color:var(--green)}.hot100 .sidebar footer{padding:24px;font-size:10px;line-height:2.1;color:var(--muted)}.hot100 .workspace{padding:30px clamp(22px,3vw,55px) 50px;max-width:1380px;min-width:0}.hot100 .breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:30px}.hot100 .position{margin-left:auto;font:12px Consolas,monospace}.hot100 .lesson-heading{display:flex;justify-content:space-between;align-items:center}.hot100 .lesson-heading .eyebrow{color:var(--blue)}.hot100 h2{font-family:'Microsoft YaHei',sans-serif;letter-spacing:-1px;font-size:32px;font-weight:500;margin:7px 0 13px}.hot100 .meta{display:flex;gap:17px;font-size:11px;align-items:center;color:var(--muted)}.hot100 .badge{background:#e1eee6;color:#397b5d;padding:1px 8px;border-radius:3px}.hot100 .badge.M{background:#f2e8cd;color:#916d19}.hot100 .badge.H{background:#f3deda;color:#ac4538}.hot100 .completion{font-size:12px}.hot100 .completion.completed{color:var(--green);border-color:var(--green)}.hot100 .tabs{margin:27px 0 23px;display:flex;gap:28px;border-bottom:1px solid var(--rule)}.hot100 .tabs button{border:0;background:none;padding:10px 1px 12px;border-radius:0;font-size:13px;color:var(--muted)}.hot100 .tabs [aria-selected=true]{color:var(--blue);border-bottom:2px solid var(--blue)}.hot100 h3{font-size:14px;font-weight:600;margin:0 0 10px}.hot100 p{margin:8px 0 15px}.hot100 .description p,.hot100 .principle>p{font-size:13px;max-width:880px;line-height:1.95;color:var(--ink)}.hot100 .example{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--rule);border-radius:5px;background:var(--card);margin:17px 0 24px}.hot100 .example>div{padding:12px 16px;display:flex;flex-direction:column;gap:7px}.hot100 .example>div+div{border-left:1px solid var(--rule)}.hot100 .example span{font-size:10px;color:var(--muted)}.hot100 code{font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere}.hot100 .section-no{font:italic 16px Georgia,serif;color:var(--blue);margin-right:10px}.hot100 .invariant{background:var(--soft);border-left:2px solid var(--blue);padding:10px 15px;margin:13px 0 27px;display:flex;gap:20px;align-items:center}.hot100 .invariant>span{font-size:10px;color:var(--blue);white-space:nowrap}.hot100 .invariant p{font-size:12px;margin:0}.hot100 .lab{border:1px solid var(--rule);background:var(--card);border-radius:6px;overflow:hidden}.hot100 .lab-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--rule)}.hot100 .lab-top h3{margin:0}.hot100 .live-label{font-size:10px;color:var(--green)}.hot100 .live-label:before{content:'●';font-size:7px;margin-right:6px}.hot100 .lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hot100 .visual{padding:20px;display:flex;flex-direction:column;min-height:350px}.hot100 .visual-top{display:flex;justify-content:space-between;font:11px Consolas,'Microsoft YaHei',monospace;color:var(--muted)}.hot100 .cells{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:30px 0 25px;min-height:70px;align-content:center}.hot100 .cell{text-align:center;position:relative}.hot100 .cell strong{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid var(--rule);border-radius:5px;font:21px Consolas,monospace;background:var(--paper);transition:background .3s,transform .3s,border-color .3s}.hot100 .cell.active strong{color:var(--blue);background:var(--soft);border-color:var(--blue);transform:translateY(-5px)}.hot100 .cell span{font:10px Consolas,monospace;color:var(--muted)}.hot100 .pointer-label{color:var(--blue);font-size:9px;position:absolute;top:-26px;left:50%;transform:translateX(-50%);white-space:nowrap}.hot100 .variables{display:flex;gap:6px;flex-wrap:wrap;min-height:30px}.hot100 .variables span{padding:3px 8px;font:11px/1.8 Consolas,monospace;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}.hot100 .variables b{color:var(--blue);font-weight:500}.hot100 .memory{margin-top:20px;border-top:1px dashed var(--rule);padding-top:14px;min-height:67px}.hot100 .memory .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:6px}.hot100 .memory #stored{font:12px Consolas,'Microsoft YaHei',monospace;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.hot100 .memory .entry{border:1px solid var(--rule);border-radius:4px;padding:3px 9px;color:var(--ink)}.hot100 .explanation{display:flex;gap:8px;align-items:start;margin-top:auto;padding-top:20px}.hot100 .explanation p{font-size:12px;line-height:1.8;margin:0}.hot100 .step-dot{margin-top:7px;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--blue)}.hot100 .code-panel{background:var(--code);color:#d6dfeb;min-width:0}.hot100 .code-title{display:flex;justify-content:space-between;padding:11px 17px;border-bottom:1px solid #ffffff16;font:11px Consolas,monospace}.hot100 .code-title span:last-child{font-size:10px;color:#8795a7}.hot100 .code-panel pre{margin:12px 0;overflow:auto;font:11px/2.15 Consolas,'Microsoft YaHei',monospace;tab-size:4}.hot100 .code-line{padding:0 14px 0 8px;display:block;min-width:max-content;border-left:3px solid transparent}.hot100 .code-line.current{background:#2b78d62b;border-left-color:#70a8fa}.hot100 .ln{color:#607082;display:inline-block;width:25px;user-select:none;margin-right:10px;text-align:right}.hot100 .current .ln{color:#7cb5ff}.hot100 .kw{color:#b6a2ed}.hot100 .type{color:#79c9ca}.hot100 .str{color:#deb987}.hot100 .playback{display:flex;align-items:center;gap:8px;padding:12px 17px;border-top:1px solid var(--rule)}.hot100 .playback button{font-size:12px;padding:5px 10px}.hot100 .primary{background:var(--blue);color:white;border-color:var(--blue)}.hot100 .primary:hover{background:#1d5aa6;color:white}.hot100 .playback input{min-width:30px;flex:1;accent-color:var(--blue);margin:0 14px}.hot100 .playback select{border:1px solid var(--rule);background:var(--card);color:var(--ink);padding:3px 5px;font-size:11px}.hot100 .custom{border-top:1px solid var(--rule);padding:9px 17px;font-size:11px;color:var(--muted)}.hot100 .custom summary{cursor:pointer}.hot100 .custom label{display:block;margin:12px 0 4px}.hot100 .custom textarea{width:100%;font:12px/1.8 Consolas,monospace;border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:8px}.hot100 .custom button{margin-top:7px;font-size:11px}.hot100 .custom #input-error{color:#b84432}.hot100 .next-step{margin:23px 0 0;padding:20px 0;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:12px}.hot100 .next-step h3{font-size:14px;margin:0}.hot100 .next-step p{margin:4px 0 0;color:var(--muted);font-size:11px}.hot100 .next-step button{font-size:12px}.hot100 .practice-intro p{font-size:12px;color:var(--muted)}.hot100 .environment{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);padding:12px;border-radius:4px;margin-bottom:20px;font-size:12px}.hot100 .environment button{margin-left:auto;font-size:11px}.hot100 .status-dot{width:7px;height:7px;background:#c49a3c;border-radius:50%}.hot100 .status-dot.ready{background:var(--green)}.hot100 .editor-toolbar{display:flex;align-items:center;gap:16px;background:var(--code);color:#bdc9d9;padding:10px 16px;font:12px Consolas,monospace;border-radius:5px 5px 0 0}.hot100 .editor-toolbar span:nth-child(2){margin-left:auto;font-size:10px;color:#8ea0b4}.hot100 .editor-toolbar button{font-size:10px}.hot100 .editor-wrap{position:relative}.hot100 #editor{width:100%;height:365px;padding:20px;border:0;resize:vertical;display:block;background:var(--code);color:#d6dfeb;font:13px/1.85 Consolas,'Microsoft YaHei',monospace;tab-size:4;white-space:pre;overflow:auto}.hot100 #suggestions{position:absolute;left:25px;bottom:12px;max-width:90%;max-height:230px;overflow:auto;background:#243345;box-shadow:0 8px 25px #0004;border:1px solid #527192;color:#d6dfeb;z-index:5}.hot100 #suggestions button{display:block;width:100%;padding:7px 15px;border:0;background:transparent;color:inherit;text-align:left;font:12px Consolas,monospace}.hot100 #suggestions button.selected,.hot100 #suggestions button:hover{background:#2b78d6}.hot100 .practice-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.hot100 .practice-bottom label{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.hot100 .practice-bottom textarea,.hot100 .practice-bottom pre{border:1px solid var(--rule);background:var(--card);color:var(--ink);padding:12px;font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow:auto;width:100%;height:125px;margin:0;border-radius:4px}.hot100 .run-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.hot100 .run-toolbar span,.hot100 .limitation{font-size:11px;color:var(--muted)}.hot100 .limitation{margin-top:20px}.hot100 .empty{padding:20px;color:var(--muted);font-size:12px}.hot100 #pending{background:var(--card);border:1px solid var(--rule);padding:25px;border-radius:5px}.hot100 #pending p{font-size:13px;color:var(--muted)}.hot100 [hidden]{display:none!important}html[data-theme="dark"] .hot100{--code:#0c121b;--green:#87cbb4}html[data-theme="dark"] .hot100 .badge{background:#223c32;color:#a3d0b2}html[data-theme="dark"] .hot100 .primary{color:#112034}.hot100 button:disabled{opacity:.4;cursor:default}@media(min-width:1550px){.hot100 .workspace{padding-top:36px}.hot100 .visual{min-height:390px}.hot100 .code-panel pre{font-size:13px}.hot100 .cells{margin-top:50px}}@media(max-width:1100px){.hot100 .hot100-grid{grid-template-columns:230px minmax(0,1fr)}.hot100 .workspace{padding:25px 22px}.hot100 .side-head{padding:24px 17px}.hot100 .lab-grid{grid-template-columns:1fr}.hot100 .visual{min-height:310px}.hot100 .code-panel pre{max-height:300px}.hot100 .code-panel{border-top:1px solid var(--rule)}.hot100 .preview-label{display:none}}@media(max-width:650px){.hot100 header{height:60px;padding:0 18px;gap:20px}.hot100 .brand{font-size:26px}.hot100 nav{gap:10px;font-size:12px}.hot100 nav span{display:none}.hot100 header button{margin-left:auto}.hot100 .hot100-grid{display:block}.hot100 .sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--rule)}.hot100 .side-head{padding:20px}.hot100 .side-head h1{font-size:36px}.hot100 .side-head p{margin-bottom:10px}.hot100 .search input{margin-bottom:10px}.hot100 #catalog{max-height:220px;overflow:auto}.hot100 .sidebar footer{display:none}.hot100 .workspace{padding:23px 18px}.hot100 .breadcrumb{margin-bottom:20px}.hot100 .meta{gap:10px;flex-wrap:wrap}.hot100 h2{font-size:26px}.hot100 .completion{font-size:10px;padding:5px 8px}.hot100 .invariant{display:block}.hot100 .invariant p{margin-top:5px}.hot100 .example{grid-template-columns:1fr}.hot100 .example>div+div{border-left:0;border-top:1px solid var(--rule)}.hot100 .lab-top{padding:12px}.hot100 .lab-top h3{font-size:12px}.hot100 .live-label{font-size:9px}.hot100 .visual{padding:16px;min-height:300px}.hot100 .playback{padding:10px;gap:5px}.hot100 .playback input{margin:0 4px}.hot100 .playback button{padding:5px 7px}.hot100 .cells{gap:7px}.hot100 .cell strong{width:41px;height:41px}.hot100 .editor-toolbar span:nth-child(2){display:none}.hot100 .practice-bottom{grid-template-columns:1fr}.hot100 .run-toolbar span{max-width:180px}.hot100 .next-step button{white-space:nowrap;padding:7px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hot100 *{transition:none!important;scroll-behavior:auto!important}}

.hot100 .cells.matrix{display:grid;gap:8px;margin:24px 0}.hot100 .cells.matrix .cell strong{width:100%;height:42px}.hot100 .cells.matrix .cell.active strong{transform:none}.hot100 .cells.matrix .cell span{font-size:9px}

.hot100 #bars svg{display:block;width:100%;max-height:190px;margin-top:20px}.hot100 #bars text{fill:var(--muted);font:10px Consolas,monospace}.hot100 .diagram-bar{fill:var(--rule);transition:fill .25s}.hot100 .diagram-active{fill:var(--blue)}.hot100 .diagram-region{fill:var(--soft);stroke:var(--blue);stroke-width:1;stroke-dasharray:4 3}.hot100 .diagram-axis{stroke:var(--rule)}

.hot100 #bars.structure{max-height:330px;overflow:auto}.hot100 #bars.structure svg{max-height:none;min-width:340px}.hot100 #bars .node-edge{fill:none;stroke:var(--muted);stroke-width:1.5}.hot100 #bars .random-edge{stroke:var(--blue);stroke-dasharray:4 3}.hot100 #bars .arrow-tip{fill:var(--muted)}.hot100 #bars .node-circle{fill:var(--paper);stroke:var(--rule);stroke-width:1.5;transition:fill .2s,stroke .2s}.hot100 #bars .node-active{fill:var(--soft);stroke:var(--blue);stroke-width:2}.hot100 #bars .node-value{font-size:13px;fill:var(--ink)}.hot100 #bars .node-pointer{fill:var(--blue);font-size:9px}
.hot100 .edge-completed { opacity: .22; stroke-dasharray: 4 4; }
.hot100 .editor-wrap{padding-left:48px;background:var(--code)}
.hot100 #editor{position:relative;color:transparent;caret-color:#f1f5fa;background:transparent;z-index:1;tab-size:4}
.hot100 #editor::selection{background:#3c6ba780;color:transparent}
.hot100 #editor-highlight{position:absolute;inset:0 0 0 48px;margin:0;padding:20px;border:0;pointer-events:none;overflow:hidden;color:#d6dfeb;font:13px/1.85 Consolas,'Microsoft YaHei',monospace;white-space:pre;tab-size:4}
.hot100 #editor-gutter{position:absolute;left:0;top:0;bottom:0;width:48px;padding:20px 10px;overflow:hidden;white-space:pre;text-align:right;color:#73869b;border-right:1px solid #334255;font:13px/1.85 Consolas,monospace}
.hot100 #editor-status{padding:5px 14px;background:var(--code);color:#93a8c0;font:11px/1.8 Consolas,monospace;border-top:1px solid #334255}
.hot100 .syntax-keyword{color:#c6a5ef}.hot100 .syntax-string{color:#dfb48c}.hot100 .syntax-number{color:#acd4a2}.hot100 .syntax-comment{color:#85967a}.hot100 .syntax-type{color:#80cbc5}
.hot100 .practice-example{font-size:12px;color:var(--muted);padding:12px 0;overflow-wrap:anywhere}
.hot100 .verdict{padding:12px 16px;border:1px solid var(--rule);border-left:3px solid #bf634c;margin:12px 0;background:var(--card);overflow-wrap:anywhere;font-size:12px}
.hot100 .verdict.passed{border-left-color:var(--green);color:var(--green)}
.hot100 .run-toolbar{flex-wrap:wrap}
.hot100 .editor-toolbar{flex-wrap:wrap;gap:8px}.hot100 .editor-toolbar button{white-space:nowrap}
.hot100 .cells.matrix{justify-content:start;overflow-x:auto;max-width:100%;padding-bottom:8px}
.hot100 .lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.hot100 .visual,.hot100 .code-panel{min-width:0}
.hot100 .variables span{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.hot100 .cells{min-width:0;width:100%}.hot100 .cell{min-width:0}
@media(max-width:1100px){.hot100 .lab-grid{grid-template-columns:minmax(0,1fr)}}
.hot100 .environment{flex-wrap:wrap}.hot100 .environment button{white-space:nowrap}
.hot100 #java-port-field{display:flex;align-items:center;gap:6px}.hot100 #java-port{width:75px;padding:4px 6px;background:var(--card);border:1px solid var(--rule);color:var(--ink)}
.hot100 #connection-help{margin:0 0 20px;font-size:12px;color:var(--muted)}.hot100 #connection-help summary{cursor:pointer}.hot100 #java-launch{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:var(--card);border:1px solid var(--rule)}

.hot100 .custom{padding:16px 18px;background:var(--paper);border-top:0;border-bottom:1px solid var(--rule);color:var(--ink)}
.hot100 .custom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hot100 .custom h4{margin:0;font-size:12px}.hot100 .custom-heading>span{font-size:10px;color:var(--muted)}
.hot100 .demo-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}.hot100 .custom label{font-size:11px;color:var(--muted)}.hot100 .custom textarea{border-radius:5px;resize:vertical;min-height:72px;background:var(--card)}.hot100 .custom textarea[aria-invalid=true]{border-color:#b84432}.hot100 .custom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hot100 .custom-actions>span{font-size:10px;color:var(--muted)}.hot100 .custom #input-error:empty{display:none}
.hot100 .visual{position:relative;min-width:0}.hot100 .code-panel{position:relative;overflow:hidden}.hot100 .motion-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.hot100 .motion-value{position:absolute;display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border:2px solid var(--blue);background:var(--soft);border-radius:8px;color:var(--blue);font:19px Consolas,monospace;box-shadow:0 6px 20px #2b78d633}.hot100 .motion-focus{position:absolute;width:12px;height:12px;border:2px solid var(--blue);border-radius:50%;background:var(--soft);box-shadow:0 0 12px var(--blue)}.hot100 .motion-old-edge{position:absolute;overflow:visible;max-height:none!important;margin:0!important}.hot100 .motion-old-edge .node-edge{fill:none;stroke:var(--blue);stroke-width:2}.hot100 .motion-old-edge .arrow-tip{fill:var(--blue)}.hot100 .code-tracker{position:absolute;left:0;right:0;pointer-events:none;background:#6aa8ff22;border-left:3px solid #92beff;box-shadow:0 0 12px #629bff22;z-index:2}.hot100 .pointer-label [data-pointer]{display:inline-block;font-size:9px;color:var(--blue)}
.hot100 .state-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hot100 .state-flow path{stroke:var(--blue);stroke-width:2;fill:none}
.hot100 .demo-result{margin-top:18px;padding:12px;border:1px solid var(--rule);border-radius:5px;background:var(--paper)}.hot100 .demo-result>span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.hot100 .demo-result code{display:block;max-height:100px;overflow:auto;white-space:pre-wrap;font-size:12px}.hot100 .demo-result p{font-size:11px;margin:6px 0 0}.hot100 .demo-result p:empty{display:none}.hot100 .matched{color:var(--green)}.hot100 .mismatched{color:#b84432}
@media(max-width:650px){.hot100 .demo-fields{grid-template-columns:minmax(0,1fr)}.hot100 .custom-heading{display:block}.hot100 .custom-heading>span{display:block;margin-top:4px}.hot100 .custom{padding:14px}.hot100 .custom-actions>span{flex-basis:100%}}
.hot100 .playback-hint{margin:0;padding:12px 16px 0;color:var(--muted);font-size:12px}

.hot100{--muted:var(--ink-3);--blue:var(--sky);--soft:var(--sky-soft);font-family:var(--font-sans);font-size:14px}.hot100 .sidebar{top:60px;height:calc(100dvh - 60px)}.hot100 .side-head h1{font-family:var(--font-display)}.hot100 .hot100-grid{max-width:1720px}.hot100-notice{max-width:1720px;margin:auto;padding:8px 24px;font-size:11px;color:var(--ink-3);border-bottom:1px solid var(--rule)}.hot100 .editor-wrap pre{border-radius:0}.hot100 .environment{flex-wrap:wrap}.hot100 .visual svg{height:auto}@media(max-width:650px){.hot100 .sidebar{top:auto;height:auto}.hot100-notice{padding:8px 18px}}