.det{width:400px}
.det .ln{display:block;font-family:var(--sans)}
.codecard{position:absolute;left:100px;top:150px;width:1300px;background:#0B1020;border:1px solid var(--line2);border-radius:16px;padding:26px 34px;z-index:5;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.codecard .fn{font:600 18px var(--mono);color:var(--fg3);letter-spacing:.06em;margin-bottom:14px;display:flex;gap:10px;align-items:center}
.codecard .fn i{width:12px;height:12px;border-radius:50%;background:#FF6B6B;display:inline-block}
.codecard .fn i:nth-child(2){background:#FFD27A}.codecard .fn i:nth-child(3){background:#5FD39A}
.codecard pre{margin:0;font:500 27px/1.55 var(--mono);color:#D6DEEE;white-space:pre;tab-size:2}
.codecard .k{color:#C79BFF}.codecard .s{color:#5FE0A0}.codecard .c{color:#66728C;font-style:italic}.codecard .t{color:#5CB4FF}.codecard .n{color:#FFB25C}.codecard .f{color:#FFD27A}
.codecard .hl{background:rgba(255,210,122,.14);display:inline-block;width:100%;border-left:4px solid var(--gold);margin-left:-14px;padding-left:10px}
.codecard .note{margin-top:18px;font:500 22px var(--sans);color:var(--fg2);border-top:1px solid var(--line);padding-top:14px}
.ttl .s{font-size:30px}