@charset "UTF-8";/*!
* 手机端抽屉菜单改版（mobile-drawer.css）
* ============================================================================
* 改的是什么
* 手机端点右上角汉堡后从右边滑出来的那个抽屉：#sidebar > #sidebar-menus
* （themes/fomalhaut/layout/includes/sidebar.pug 渲染，DOM 顺序固定为
* .avatar-img → .sidebar-site-data → hr → .menus_items，全是主题生成的，不能改结构）
*
* 为什么是「新增一个站点样式文件」而不是改主题
* 主题只给了抽屉最朴素的默认样式（themes/fomalhaut/source/css/_layout/sidebar.styl：
* 一行一个文字链接 + 一条 2px 虚线 hr；配色在 themes/fomalhaut/source/css/_custom/custom.css:2303-2312）。
* 主题没有任何开关能调出「层级 / 卡片 / 图标底衬 / 动效」这些设计感，配置项做不到，
* 所以按站点既有约定（source/css/stats.css、source/css/twikoo.css 同样做法）新增独立样式表，
* themes/ 下一行源码都不动。
*
* 引入
* _config.fomalhaut.yml → inject.head：
*
* 放在 /css/site-inject.css 之后 → 层叠顺序在主题 /css/index.css 与各站点样式之后，同权重必胜。
*
* 配色
* 一律从 var(--theme-color)（fomal.js 按用户选的主题色写进 :root）派生。
* 每个自定义属性写两行：第一行是不支持 color-mix() 的老浏览器回退值，第二行才是 color-mix()。
* 深色模式只覆盖变量，规则本体一套。
*
* 【维护提醒】#sidebar-menus::before / ::after 里的站名与简介是写死在 CSS 里的，
* 改 _config.yml 的 title / description 时记得同步这两行。
*
* 回滚
* 删掉 _config.fomalhaut.yml inject.head 里那行 ，抽屉立刻退回主题原样（本文件留着无害）。
* 配置备份：bak/20261007-mobile-drawer/before/_config.fomalhaut.yml
* ========================================================================== */#sidebar #sidebar-menus{--md-w:338px;--md-w:min(86vw, 340px);--md-base:#f7fbfd;--md-aurora-rose:#ffd7e4;--md-aurora-sky:#c8f1ff;--md-aurora-mint:rgba(57, 197, 187, 0.16);--md-aurora-mint:color-mix(in srgb, var(--theme-color) 16%, transparent);--md-star:rgba(255, 255, 255, 0);--md-ink:#2b3a3f;--md-ink-soft:#4a5e64;--md-ink-mute:#7e9096;--md-accent:#39c5bb;--md-accent:var(--theme-color, #39c5bb);--md-accent-ink:#1d6b64;--md-accent-ink:color-mix(in srgb, var(--theme-color, #39c5bb) 60%, #062b28);--md-line:rgba(12, 60, 70, 0.09);--md-line-strong:rgba(12, 60, 70, 0.17);--md-card:rgba(255, 255, 255, 0.62);--md-wash:rgba(57, 197, 187, 0.1);--md-wash:color-mix(in srgb, var(--theme-color) 10%, transparent);--md-tile:rgba(255, 255, 255, 0.92);--md-tile-on:rgba(57, 197, 187, 0.18);--md-tile-on:color-mix(in srgb, var(--theme-color) 18%, transparent);--md-halo:rgba(57, 197, 187, 0.34);--md-halo:color-mix(in srgb, var(--theme-color) 34%, transparent);--md-shadow:rgba(8, 42, 52, 0.55);--md-edge:rgba(255, 255, 255, 0.75)}#sidebar #sidebar-menus{display:flex;flex-direction:column;box-sizing:border-box;width:var(--md-w);right:calc(-1 * var(--md-w));padding:0 0 6px;border-left:1px solid var(--md-line);border-radius:22px 0 0 22px;background-color:var(--md-base);background-image:radial-gradient(1.3px 1.3px at 23% 7%,var(--md-star) 49%,transparent 50%),radial-gradient(1.6px 1.6px at 79% 15%,var(--md-star) 49%,transparent 50%),radial-gradient(1.1px 1.1px at 46% 3%,var(--md-star) 49%,transparent 50%),radial-gradient(1.4px 1.4px at 64% 26%,var(--md-star) 49%,transparent 50%),radial-gradient(115% 40% at 74% -8%,var(--md-aurora-sky) 0,transparent 62%),radial-gradient(95% 32% at 8% 7%,var(--md-aurora-rose) 0,transparent 60%),radial-gradient(120% 38% at 50% 106%,var(--md-aurora-mint) 0,transparent 66%),linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 42%);box-shadow:inset 1px 0 0 var(--md-edge),-22px 0 56px -26px var(--md-shadow);scrollbar-width:thin;scrollbar-color:var(--md-line-strong) transparent}#sidebar #sidebar-menus>*{flex:0 0 auto}#sidebar #sidebar-menus::-webkit-scrollbar{width:6px}#sidebar #sidebar-menus::-webkit-scrollbar-thumb{border-radius:99px;background:var(--md-line-strong)}#sidebar #sidebar-menus::before{content:"Fomalhaut🥝";display:block;padding:20px 24px 0;text-align:center;text-transform:uppercase;font-size:11.5px;font-weight:700;letter-spacing:.2em;color:var(--md-ink-mute)}#sidebar #sidebar-menus::after{content:"Future is now 🍭🍭🍭";margin-top:auto;padding:18px 24px 14px;text-align:center;font-size:10.5px;letter-spacing:.08em;color:var(--md-ink-mute);opacity:.85}#sidebar #sidebar-menus>.avatar-img{overflow:visible;width:96px;height:96px;margin:24px auto 20px}#sidebar #sidebar-menus>.avatar-img img{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 0 0 4px var(--md-line-strong),0 14px 28px -14px var(--md-shadow)}#sidebar #sidebar-menus .sidebar-site-data{display:flex;margin:0 16px 2px;padding:0;border-radius:16px;background:var(--md-card);box-shadow:inset 0 0 0 1px var(--md-line),inset 0 1px 0 0 rgba(255,255,255,.8),0 12px 24px -20px var(--md-shadow)}#sidebar #sidebar-menus .sidebar-site-data>a{display:block;flex:1 1 0;min-width:0;padding:11px 4px 13px;text-align:center;transition:background .25s ease}#sidebar #sidebar-menus .sidebar-site-data>a+a{box-shadow:inset 1px 0 0 var(--md-line)}#sidebar #sidebar-menus .sidebar-site-data>a:hover{background:var(--md-wash)}#sidebar #sidebar-menus .sidebar-site-data .headline{color:var(--md-ink-mute);font-size:11px;letter-spacing:.14em;line-height:1.5}#sidebar #sidebar-menus .sidebar-site-data .length-num{margin-top:1px;color:var(--md-accent-ink);font-size:21px;font-weight:700;line-height:1.15;letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:0 6px 16px var(--md-halo)}#sidebar #sidebar-menus hr{position:relative;width:auto;height:1px;margin:20px 26px 16px;border:0!important;background:linear-gradient(90deg,transparent 0,var(--md-line-strong) 16%,var(--md-line-strong) 84%,transparent 100%)}#sidebar #sidebar-menus hr:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--md-accent-ink);font-size:13px;line-height:1;text-shadow:0 0 10px var(--md-halo),0 0 2px var(--md-base);transition:none}#sidebar #sidebar-menus hr:hover:before{left:50%}#sidebar #sidebar-menus .menus_items{padding:0 12px 4px}#sidebar #sidebar-menus .menus_items>.menus_item{margin-bottom:3px}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page{display:flex;align-items:center;gap:11px;padding:9px 40px 9px 11px;border-radius:14px;color:var(--md-ink);font-size:15.5px;transition:background .22s ease,color .22s ease}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page:hover{background:var(--md-wash);border-radius:14px}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page:active{background:var(--md-tile-on)}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page .menu_word{font-size:15.5px!important;line-height:1.35}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page>svg{box-sizing:content-box;flex:0 0 auto;padding:7px;border-radius:12px;background:var(--md-tile);box-shadow:inset 0 0 0 1px var(--md-line);transition:background .25s ease,box-shadow .25s ease}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page:hover>svg{background:var(--md-tile-on);box-shadow:inset 0 0 0 1px var(--md-line-strong)}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group>i:last-child{position:absolute;top:50%;right:14px;margin-top:-.5em;font-size:11px;line-height:1em;opacity:.45;transition:transform .3s ease,opacity .3s ease}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group:hover>i:last-child{opacity:.9}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group.hide>i:last-child{transform:rotate(-90deg)}#sidebar #sidebar-menus .menus_items .menus_item_child,#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group.hide+.menus_item_child,#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group:not(.hide)+.menus_item_child{display:block}#sidebar #sidebar-menus .menus_items .menus_item_child{max-height:0;margin:0 0 0 22px;padding:0 0 0 12px;overflow:hidden;border-left:1px solid var(--md-line);opacity:0;pointer-events:none;list-style:none;transition:max-height .36s cubic-bezier(.22,1,.36,1),opacity .26s ease,margin-bottom .3s ease}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group:not(.hide)+.menus_item_child{max-height:460px;margin-bottom:6px;opacity:1;pointer-events:auto}#sidebar #sidebar-menus .menus_items .menus_item_child li a.site-page.child{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:11px;color:var(--md-ink-soft);font-size:14px;transition:background .22s ease,color .22s ease}#sidebar #sidebar-menus .menus_items .menus_item_child li a.site-page.child:hover{background:var(--md-wash);border-radius:11px;color:var(--md-ink)}#sidebar #sidebar-menus .menus_items .menus_item_child li a.site-page.child .menu_word{font-size:14px!important;line-height:1.35}#sidebar #sidebar-menus .menus_items .menus_item_child li a.site-page.child>svg{box-sizing:content-box;flex:0 0 auto;padding:4px;border-radius:9px;background:var(--md-tile);box-shadow:inset 0 0 0 1px var(--md-line);transition:background .25s ease}#sidebar #sidebar-menus .menus_items .menus_item_child li a.site-page.child:hover>svg{background:var(--md-tile-on)}#sidebar #menu-mask{background:radial-gradient(120% 78% at 100% 50%,rgba(6,22,26,.52) 0,rgba(4,12,16,.86) 72%)}[data-theme=light] #sidebar #sidebar-menus.open>.avatar-img{animation:md-rise .46s cubic-bezier(.22,1,.36,1) 40ms both,huxi_light 4s ease-in-out infinite}[data-theme=dark] #sidebar #sidebar-menus.open>.avatar-img{animation:md-rise .46s cubic-bezier(.22,1,.36,1) 40ms both,huxi_dark 4s ease-in-out infinite}#sidebar #sidebar-menus.open>:nth-child(2){animation:md-rise .46s cubic-bezier(.22,1,.36,1) .1s both}#sidebar #sidebar-menus.open>:nth-child(3){animation:md-rise .46s cubic-bezier(.22,1,.36,1) .15s both}#sidebar #sidebar-menus.open>:nth-child(4){animation:md-rise .46s cubic-bezier(.22,1,.36,1) .2s both}@keyframes md-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] #sidebar #sidebar-menus{--md-base:#101b20;--md-aurora-rose:rgba(96, 124, 214, 0.32);--md-aurora-sky:rgba(57, 197, 187, 0.3);--md-aurora-mint:rgba(57, 197, 187, 0.1);--md-aurora-mint:color-mix(in srgb, var(--theme-color) 10%, transparent);--md-star:rgba(255, 255, 255, 0.75);--md-ink:#eaf3f4;--md-ink-soft:rgba(234, 243, 244, 0.72);--md-ink-mute:rgba(234, 243, 244, 0.46);--md-accent-ink:#7fe3da;--md-accent-ink:color-mix(in srgb, var(--theme-color, #39c5bb) 74%, #ffffff);--md-line:rgba(255, 255, 255, 0.08);--md-line-strong:rgba(255, 255, 255, 0.18);--md-card:rgba(255, 255, 255, 0.055);--md-wash:rgba(57, 197, 187, 0.13);--md-wash:color-mix(in srgb, var(--theme-color) 13%, transparent);--md-tile:rgba(255, 255, 255, 0.07);--md-tile-on:rgba(57, 197, 187, 0.22);--md-tile-on:color-mix(in srgb, var(--theme-color) 22%, transparent);--md-halo:rgba(57, 197, 187, 0.4);--md-halo:color-mix(in srgb, var(--theme-color) 40%, transparent);--md-shadow:rgba(0, 0, 0, 0.8);--md-edge:rgba(255, 255, 255, 0.07)}[data-theme=dark] #sidebar #sidebar-menus{background-color:var(--md-base)!important;background-image:radial-gradient(1.3px 1.3px at 23% 7%,var(--md-star) 49%,transparent 50%),radial-gradient(1.6px 1.6px at 79% 15%,var(--md-star) 49%,transparent 50%),radial-gradient(1.1px 1.1px at 46% 3%,var(--md-star) 49%,transparent 50%),radial-gradient(1.4px 1.4px at 64% 26%,var(--md-star) 49%,transparent 50%),radial-gradient(115% 40% at 74% -8%,var(--md-aurora-sky) 0,transparent 62%),radial-gradient(95% 32% at 8% 7%,var(--md-aurora-rose) 0,transparent 60%),radial-gradient(120% 38% at 50% 106%,var(--md-aurora-mint) 0,transparent 66%),linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 42%)}[data-theme=dark] #sidebar #sidebar-menus>.avatar-img img{box-shadow:0 0 0 3px rgba(12,20,22,.9),0 0 0 4px var(--md-line-strong),0 14px 28px -14px rgba(0,0,0,.85)}[data-theme=dark] #sidebar #sidebar-menus .sidebar-site-data{box-shadow:inset 0 0 0 1px var(--md-line),inset 0 1px 0 0 rgba(255,255,255,.06),0 12px 24px -20px rgba(0,0,0,.9)}[data-theme=dark] #sidebar #menu-mask{background:radial-gradient(120% 78% at 100% 50%,rgba(0,0,0,.6) 0,rgba(0,0,0,.9) 72%)}@media (prefers-reduced-motion:reduce){#sidebar #sidebar-menus,#sidebar #sidebar-menus .menus_item_child,#sidebar #sidebar-menus::after,#sidebar #sidebar-menus::before,#sidebar #sidebar-menus>*{animation:none!important;transition:none!important}#sidebar #sidebar-menus .menus_items>.menus_item>a.site-page.group.hide>i:last-child{transform:none}[data-theme=light] #sidebar #sidebar-menus>.avatar-img{box-shadow:0 0 5px 5px var(--ag-ring,#9ff2d2),0 0 18px 7px var(--ag-halo,rgba(57,197,187,.3))}[data-theme=dark] #sidebar #sidebar-menus>.avatar-img{box-shadow:0 0 5px 5px var(--ag-ring,#39c5bb),0 0 18px 7px var(--ag-halo,rgba(57,197,187,.42))}}