:root{--theme-color: #39c5bb;--theme-hover: #2fa89f;--global-bg: #f7f9fc;--day-bg: rgba(253, 253, 253, .85);--font-color: #1f1f1f;--grey-font: #797979;--card-meta-color: #777777;--front-radius: 14px;--navy-1: #24435e;--navy-2: #2c6e75;--font-size: 16px}html[data-theme=light]{--global-bg: #f7f9fc;--day-bg: rgba(253, 253, 253, .85);--font-color: #1f1f1f;--grey-font: #797979;--greyFont: #797979;--card-meta-color: #777777;--card-color: #ffffff;--card-bg: rgba(253, 253, 253, .85);--card-text-color: #444444;--footer-text: #222222;--hh-trans-color: rgba(57, 197, 187, .1);--aside-bg-url: url(/static/vendor/miraii/images/card-bg-day.webp)}html[data-theme=dark]{--global-bg: #0d0d0d;--day-bg: rgba(20, 24, 30, .85);--font-color: rgba(255, 255, 255, .85);--grey-font: rgba(255, 255, 255, .55);--greyFont: rgba(255, 255, 255, .55);--card-meta-color: #999999;--card-color: rgba(20, 24, 30, .85);--card-bg: rgba(20, 24, 30, .85);--card-text-color: #cccccc;--footer-text: #bbbbbb;--recent-post-bottom: rgba(255, 255, 255, .1);--avatar-border-bg: rgba(20, 24, 30, .85);--btn-color: rgba(20, 24, 30, .85);--magnet-bg: #1e1e22;--magnet-text-color: #dcdcdc;--magnet-hover-bg: #2f3b52;--magnet-hover-text-color: #ffffff;--hh-trans-color: rgba(255, 255, 255, .09);--aside-bg-url: url(/static/vendor/miraii/images/card-bg-night.webp)}*{box-sizing:border-box}body{margin:0;font-family:MiSans,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--global-bg);color:var(--font-color);font-size:var(--font-size);overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--theme-color)}.front-container{max-width:1280px;margin:0 auto;padding:0 16px}.post-card{background:var(--card-color, #fff);border-radius:var(--front-radius);overflow:hidden;box-shadow:0 8px 24px #2c6e7514;transition:box-shadow .28s ease,transform .28s ease;cursor:pointer}.post-card:hover{box-shadow:0 12px 32px #2c6e7524;transform:translateY(-2px)}.post-card .cover{position:relative;aspect-ratio:16 / 9;background:#e8eef0}.post-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.post-card .cover-title{position:absolute;top:32%;left:50%;transform:translate(-50%);width:100%;text-align:center;padding:0 16px;color:#fff;font-weight:600;font-size:1.35rem;letter-spacing:.025em;text-shadow:0 4px 16px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e,linear-gradient(transparent 60%,#00000059)}.post-card .cover-title{z-index:1}.article-content{font-size:1rem;line-height:2;color:var(--font-color);word-break:break-word}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:700;line-height:1.4;margin:20px 0 14px}.article-content h1{font-size:2rem}.article-content h2{font-size:1.6rem;padding-left:12px;border-left:4px solid var(--theme-color)}.article-content h3{font-size:1.25rem}.article-content p{margin:0 0 16px}.article-content code{background:#39c5bb1a;color:#d63384;padding:2px 6px;border-radius:4px;font-size:.9em}.article-content pre{background:#282c34;color:#abb2bf;padding:16px;border-radius:10px;overflow-x:auto;font-size:.9rem;line-height:1.6}.article-content pre code{background:transparent;color:inherit;padding:0}.article-content blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid var(--theme-color);background:#39c5bb14;border-radius:0 8px 8px 0;color:var(--grey-font, #555)}.article-content img{max-width:100%;border-radius:8px}.article-content table{border-collapse:collapse;width:100%;margin:16px 0}.article-content th,.article-content td{border:1px solid var(--line-color, #e5e9ec);padding:8px 12px}.article-content th{background:var(--th-bg, #f2f8f8)}html[data-theme=dark] .article-content th,html[data-theme=dark] .article-content td{--line-color: rgba(255, 255, 255, .14);--th-bg: rgba(255, 255, 255, .06)}html[data-theme=dark] .article-content code{color:#ff86b3}.article-content ul,.article-content ol{padding-left:24px}.comment-bubble{background:#39c5bb12;border-radius:10px;padding:10px 14px;position:relative}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}#swiper_container .swiper-wrapper{display:grid!important}#swiper_container .swiper-slide{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .45s ease}#swiper_container .swiper-slide-active{opacity:1;pointer-events:auto}.home-main-stack{row-gap:0}.submenu-panel[data-v-233da630]{top:calc(100% + 12px)}.home-hero__quick-list[data-v-631e4021]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.home-hero__quick-link[data-v-631e4021]{min-height:0;padding:.65rem .5rem!important}.home-hero__quick-link[data-v-631e4021]:hover{padding-left:.5rem!important;transform:translateY(-2px)}.home-main-stack>.recent-post-item{margin-bottom:0!important;margin-top:10px}.home-main-stack>.recent-post-item:first-child{margin-top:10px}.home-main-stack>.home-article-grid{margin-top:10px}.home-aside{display:grid;align-content:start;row-gap:0}.home-aside>.recent-post-item{margin-bottom:0!important;margin-top:10px}.main-nav .menu-shell{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) scale(1);will-change:opacity,transform}.main-nav .menu-shell>li{position:relative}.main-nav .menu-shell>li>.submenu-panel{position:absolute;left:50%;top:calc(100% + 12px);transform:translate3d(-50%,.5rem,0)}.main-nav .menu-shell--hidden{transform:translate3d(-50%,-115%,0) scale(.96)}.card[data-v-7da047d9]{content-visibility:visible;contain-intrinsic-size:auto}.card[data-v-7da047d9] .desc{color:var(--card-text-color, #475569);opacity:1}.card[data-v-7da047d9]:focus-within{outline:2px solid color-mix(in srgb,var(--theme-color) 70%,white);outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--theme-color);outline-offset:3px}.submenu-panel--open{opacity:1!important;pointer-events:auto!important;transform:translate3d(0,.5rem,0)!important}@media(max-width:700px){.main-nav .menu-shell,.main-nav .scroll-title-button{display:none!important}.main-nav .header-inner{gap:8px;padding-inline:10px}.main-nav .site-home-button{max-width:145px;padding-inline:10px}.main-nav .site-home-text{font-size:16px}.main-nav .tools-trigger,.main-nav .user-entry-button{min-height:38px;height:38px}.main-nav .tools-panel{width:min(360px,calc(100vw - 20px))}.home-hero__title{font-size:clamp(2rem,10vw,2.6rem)!important}.home-bulletin{gap:10px!important;padding-inline:14px!important}.home-content-inner{padding-top:10px!important}}@media(max-width:420px){.front-container{padding-inline:8px}.main-nav .tools-trigger-wrap{display:none}.main-nav .site-home-button{max-width:180px}.main-nav .user-entry-label{display:none}.main-nav .user-entry-button{width:40px;padding-inline:0}}@media(prefers-reduced-motion:reduce){.card[data-v-7da047d9]{animation:none;opacity:1;transform:none}}.code-block-wrapper{position:relative;margin:1.5rem 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000014}.code-block-wrapper pre{margin:0!important;padding:1.25rem 1.4rem!important;background:#1e1e24!important;color:#f8f8f2!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;font-size:.92rem!important;line-height:1.65!important;overflow-x:auto;border-radius:10px}.code-block-wrapper pre code{background:transparent!important;padding:0!important;font-size:inherit!important;color:inherit!important;border-radius:0!important}.copy-code-btn{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:12px;line-height:1.4;color:#ffffffb3;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none;z-index:10}.copy-code-btn:hover{color:#fff;background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.copy-code-btn:active{transform:translateY(0)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:16px;flex-wrap:wrap}.page-head h2{margin:0;font-size:1.3rem;line-height:1.3}.page-desc{margin:4px 0 0;color:#6f9497;font-size:13px}.admin-table-card{border-radius:12px}#spa-root .n-card{box-shadow:0 4px 16px #2c6e750f}
