.mac{--mac-bg:oklch(99.2% .004 240);--mac-bar:oklch(96.6% .01 238);--mac-line:oklch(90.5% .016 238);--mac-title:oklch(52% .03 250);--mac-num:oklch(72% .02 250);--mac-hl:oklch(68% .125 232/.11);--mac-add:oklch(72% .14 150/.14);--mac-del:oklch(66% .18 20/.12);--mac-lh:1.75;--mac-fs:13.5px;background:var(--mac-bg);border:1px solid var(--mac-line);transition:box-shadow .4s var(--ease-out), transform .4s var(--ease-out);border-radius:14px;margin:2em 0;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.9),0 26px 50px -30px oklch(40% .1 245/.45),0 6px 14px -8px oklch(40% .1 245/.18)}.mac:hover{box-shadow:inset 0 1px oklch(100% 0 0/.9),0 34px 60px -30px oklch(40% .12 245/.55),0 8px 18px -8px oklch(40% .1 245/.2)}:root[data-theme=dark] .mac,.mac--term{--mac-bg:oklch(20% .006 250);--mac-bar:oklch(17.5% .006 250);--mac-line:oklch(28.5% .008 250);--mac-title:oklch(70% .01 250);--mac-num:oklch(46% .01 250);--mac-hl:oklch(70% .1 230/.13);--mac-add:oklch(72% .14 150/.13);--mac-del:oklch(66% .18 20/.13);box-shadow:inset 0 1px oklch(100% 0 0/.05),0 26px 50px -30px oklch(0% 0 0/.7)}.mac-bar{background:var(--mac-bar);border-bottom:1px solid var(--mac-line);-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:40px;padding:0 12px 0 14px;display:grid}.mac-lights{gap:8px;display:flex}.mac-light{color:oklch(0% 0 0/.55);width:12.5px;height:12.5px;transition:transform .3s var(--ease-back), filter .2s;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 .5px oklch(0% 0 0/.18)}.mac-light svg{opacity:0;width:8px;height:8px;transition:opacity .15s}.mac-lights:hover .mac-light svg,.mac-light:focus-visible svg{opacity:1}.mac-light:active{filter:brightness(.85);transform:scale(.88)}.mac-light--close{background:#ff5f57}.mac-light--wrap{background:#febc2e}.mac-light--full{background:#28c840}.mac.is-wrap .mac-light--wrap{box-shadow:inset 0 0 0 .5px oklch(0% 0 0/.18),0 0 0 2.5px oklch(80% .15 85/.45)}.mac-title{min-width:0;font-family:var(--font-mono);color:var(--mac-title);letter-spacing:.01em;align-items:center;gap:7px;font-size:12.5px;display:flex}.mac-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mac-file{opacity:.8;flex:none;width:14px;height:14px}.mac.is-closed .mac-title:after{content:"已收起";font-family:var(--font-maru);background:var(--mac-hl);color:var(--accent-2);border-radius:99px;margin-left:4px;padding:0 7px;font-size:11px}.mac-tools{justify-content:flex-end;align-items:center;gap:6px;display:flex}.mac-lang{font-family:var(--font-mono);color:var(--mac-title);border:1px solid var(--mac-line);border-radius:99px;padding:1px 8px;font-size:11px}.mac-copy{width:28px;height:28px;color:var(--mac-title);border-radius:8px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:relative}.mac-copy:hover{background:var(--mac-hl);color:var(--accent-2)}.mac-copy svg{width:15px;height:15px;overflow:visible}.mac-copy .i-check{stroke-dasharray:16;stroke-dashoffset:16px;opacity:0}.mac-copy .i-copy{transition:opacity .2s, transform .3s var(--ease-back)}.mac-copy.copied{color:var(--mint)}.mac-copy.copied .i-copy{opacity:0;transform:scale(.6)}.mac-copy.copied .i-check{opacity:1;animation:draw-check .45s var(--ease-out) forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.mac-body{transition:grid-template-rows .55s var(--ease-in-out), max-height .6s var(--ease-in-out);grid-template-rows:1fr;display:grid;position:relative;overflow:hidden}.mac.is-closed .mac-body{grid-template-rows:0fr}.mac.is-closed .mac-bar{border-bottom-color:#0000}.mac .astro-code{min-height:0;font-family:var(--font-mono);font-size:var(--mac-fs);line-height:var(--mac-lh);tab-size:2;scrollbar-width:thin;margin:0;padding:0;overflow-x:auto;background:0 0!important}.mac .astro-code:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:0;outline:none}.mac .astro-code code{counter-reset:ln;width:max-content;min-width:100%;font:inherit;color:inherit;background:0 0;padding:14px 0;display:grid}.mac.is-wrap .astro-code code{width:auto}.mac.is-wrap .astro-code{white-space:pre-wrap;overflow-wrap:anywhere}.mac .line{min-height:calc(1em * var(--mac-lh));padding:0 22px 0 18px;transition:filter .3s,opacity .3s;display:block}.mac.has-nums .line:before{counter-increment:ln;content:counter(ln);width:calc(var(--digits,2) * 1ch + .5ch);text-align:right;color:var(--mac-num);background:var(--mac-bg);box-shadow:-18px 0 0 var(--mac-bg), 10px 0 0 var(--mac-bg);-webkit-user-select:none;user-select:none;margin-right:20px;display:inline-block;position:sticky;left:0}.mac.is-wrap.has-nums .line{padding-left:calc(18px + var(--digits,2) * 1ch + 20.5px);text-indent:calc(-1 * (var(--digits,2) * 1ch + 20.5px))}.mac.is-wrap.has-nums .line:before{box-shadow:none;position:static}.mac .line.highlighted{background:var(--mac-hl);box-shadow:inset 3px 0 0 var(--accent)}.mac.has-nums .line.highlighted:before{box-shadow:none;color:var(--accent);background:0 0}.mac .line.diff.add{background:var(--mac-add);box-shadow:inset 3px 0 oklch(70% .15 150)}.mac .line.diff.remove{background:var(--mac-del);box-shadow:inset 3px 0 oklch(66% .18 20)}.mac .line.diff.remove>span{opacity:.6}.mac.has-nums .line.diff:before{box-shadow:none;background:0 0}.mac.has-nums .line.diff.add:before{content:"+";color:oklch(62% .15 150)}.mac.has-nums .line.diff.remove:before{content:"−";color:oklch(62% .18 20)}.mac .has-focused .line:not(.focused){filter:blur(1.4px);opacity:.45}.mac:hover .has-focused .line:not(.focused){filter:none;opacity:1}.mac .astro-code span{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}.mac .astro-code{color:var(--shiki-light)}:root[data-theme=dark] .mac .astro-code span,.mac--term .astro-code span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}:root[data-theme=dark] .mac .astro-code,.mac--term .astro-code{color:var(--shiki-dark)}.mac--term .mac-title{color:oklch(78% .03 250)}.mac.is-long:not(.is-open) .mac-body{max-height:calc(var(--mac-fs) * var(--mac-lh) * 16 + 28px)}.mac.is-long:not(.is-open):not(.is-closed) .mac-body:after{content:"";background:linear-gradient(to bottom, transparent, var(--mac-bg) 85%);pointer-events:none;height:96px;position:absolute;inset:auto 0 0}.mac-more{z-index:2;font-family:var(--font-maru);letter-spacing:.08em;color:var(--accent-2);background:var(--mac-bar);border:1px solid var(--mac-line);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-back), background-color .3s;border-radius:99px;padding:6px 16px;font-size:12.5px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mac-more:hover{background:var(--mac-hl);transform:translate(-50%)translateY(-2px)}.mac.is-open .mac-more{margin:0 auto 12px;display:block;position:static;transform:none}.mac.is-closed .mac-more{display:none}.mac-backdrop{z-index:880;-webkit-backdrop-filter:blur(10px);animation:fade-in .35s var(--ease-out) both;background:oklch(18% .012 255/.45);position:fixed;inset:0}.mac-backdrop.out{animation:fade-out .3s var(--ease-out) both}.mac.is-full{z-index:890;animation:mac-zoom .5s var(--ease-back) both;--mac-fs:14.5px;flex-direction:column;margin:0;display:flex;position:fixed;inset:clamp(12px,5vh,56px) clamp(12px,6vw,96px)}.mac.is-full .mac-body{flex:1;overflow:auto;max-height:none!important}.mac.is-full .mac-body:after,.mac.is-full .mac-more{display:none}.mac.is-full .mac-light--full svg path{d:path("M9.8 4.2v4.2L5.6 4.2zM4.2 9.8V5.6l4.2 4.2z")}.mac-ph{margin:2em 0}@keyframes mac-zoom{0%{opacity:0;transform:scale(.94)translateY(12px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}html.mac-lock{overflow:hidden}