@layer reset{*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-default);--halo-comment-widget-base-font-family:var(--font-default);--halo-search-widget-base-font-family:var(--font-default);text-size-adjust:100%;scrollbar-gutter:stable;&.disable-scroll{overflow:hidden;& body{inset-inline:0;top:var(--scroll-lock-top,0);position:fixed;overflow:hidden}}}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);scroll-behavior:smooth;font-size:14px;line-height:1.6}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-track{background:0 0}::selection{color:#fff;background:var(--theme)}body:after{content:"";z-index:-10;pointer-events:none;position:fixed;inset:0}input[type=text]{-webkit-appearance:none;border-radius:0;font-size:13px;font-weight:500}iframe{border:none;margin:0 auto;display:block}textarea{resize:none;-webkit-appearance:none;font-size:14px}ul,ol,li{list-style:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}h1{font-size:inherit}img{vertical-align:middle;border:0}img[src=""],img:not([src]){opacity:0;border:0}svg,canvas{vertical-align:middle}button{cursor:pointer;-webkit-appearance:none;font-size:13px}table{border-collapse:collapse;border-spacing:0}a[title=站长统计]{display:none}.joe_header__above-slideicon,.joe_header__above-searchicon,.joe_header__above-search .submit,.joe_action_item,.joe_detail__agree .agree,.joe_load{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--theme);outline-offset:2px}}@layer tokens{html{--font-default:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--bg-inverse:#000;--bg-page:#fff;--bg-muted:#f5f5f5;--bg-raised:#fff;--bg-glass:#ffffffa6;--glass-bg:#ffffffdb;--glass-bg-strong:#ffffffd6;--glass-blur:blur(20px) saturate(180%);--glass-shadow:inset 0 1px 1px #ffffffb3, 0 0 0 1px #0f172a0f, 0 6px 28px -10px #0f172a38;--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.18s;--dur-base:.3s;--dur-slow:.5s;--text-primary:#1f2329;--text-regular:#474c54;--text-title:#333;--bg-hover:#f2f6fc;--text-secondary:#6d7076;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--fill-base:#f2f6fc;--border-muted:#dcdcdc;--text-icon:#333;--border-faint:#dcdcdc;--fill-accent:#e9f2ff;--toc-active:#e4e7ed;--icon-shadow:#666;--quote:#50bfff;--code:#1767c2;--code-background:#e8f3ff;--overdue-border:#ffbb76;--overdue-background:#fffcef;--overdue-text:#a24d00;--radius-wrap:6px;--radius-inner:6px;--radius-img:6px;--card-border:#0f172a14;--shadow:0 0 0 1px var(--card-border), 0 8px 16px -10px #0f172a1a;--text-shadow:0 1px 2px #00000040;--shadow-block:1px 2px 10px 0 #afafaf;--box-shadow-tags:2px 2px 3px 0px #c2c0b3;--background-tags:#fffaeb;--background-tag:#fdfdfd;--box-shadow-pager:0 0 3px 0 #cacaca;--notice:#fb6c28;--background-journal:#fff;--background-journal-block:#f5f5f5;--background-journal-gradient:linear-gradient(0deg, #d4d4d4, transparent 80%);background:var(--bg-page);&[data-mode=dark]{--bg-inverse:#fff;--bg-page:#202124;--bg-muted:#2a2b2f;--bg-raised:#2a2b2f;--bg-glass:#000000a6;--glass-bg:#202124d6;--glass-bg-strong:#242528db;--glass-shadow:inset 0 1px 1px #ffffff14, 0 0 0 1px #ffffff12, 0 8px 30px -10px #000000a6;--text-primary:#e3e3e6;--text-regular:#c2c2c8;--text-title:#ececef;--bg-hover:#34353a;--text-secondary:#9a9aa2;--text-placeholder:#666;--border-base:#46474d;--border-light:#3b3c41;--border-lighter:#35363b;--fill-base:#2a2b2f;--border-muted:#585858;--text-icon:#bdbdbd;--border-faint:#303030;--fill-accent:#454545;--toc-active:#eee;--icon-shadow:#333;--quote:#276b92;--code:#efa141;--code-background:#353246;--overdue-border:#6f553b;--overdue-background:#2b2715;--overdue-text:#f0a35c;--card-border:#ffffff12;--shadow:0 0 0 1px var(--card-border), 0 8px 18px -10px #0000008c;--text-shadow:none;--shadow-block:2px 4px 10px 0 #0a0a0a;--box-shadow-tags:2px 2px 3px 0px #111;--background-tags:#35353e;--background-tag:#2f2f2f;--box-shadow-pager:0 0 3px 0 #1b1b1b;--notice:#99f;--background-journal:#383838;--background-journal-block:#232323;--background-journal-gradient:linear-gradient(0deg, #151515, transparent 80%);background:var(--bg-page)}}body{--tint:color-mix(in srgb, var(--theme) 12%, transparent);--theme-text:oklch(from var(--theme) min(l, .52) c h);--theme-solid:oklch(from var(--theme) min(l, .5) c h);--shadow-hover:0 0 0 1px var(--theme), 0 10px 20px -10px color-mix(in srgb, var(--theme) 40%, transparent)}html[data-mode=dark] body{--theme-text:oklch(from var(--theme) max(l, .76) c h)}}@layer vendor;@layer base{.showInUp{animation:.35s showInUp}@keyframes showInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0,0)}}.topInDown{animation:.8s topInDown}@keyframes topInDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translate(0,0)}}@keyframes showInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translate(0,0)}}@keyframes im-emotion-step{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes dung{0%{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-1px)}90%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}to{transform:skew(0deg)}}@keyframes showComment{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes box_shadow{0%{box-shadow:0 0 #f56c6c}}@keyframes progress{0%{background-position:0 0}to{background-position:30px 0}}@keyframes list_thumbnail_loading{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes list_title_loading{0%{width:80%}to{width:95%}}@keyframes list_abstract_loading{0%{width:60%}to{width:80%}}@keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;animation-timing-function:ease-out}to{opacity:1}}@keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;animation-timing-function:ease-in}to{opacity:0}}@keyframes shaked{2%{transform:translateY(1.5px)rotate(1.5deg)}4%{transform:translateY(-1.5px)rotate(-.5deg)}6%{transform:translateY(1.5px)rotate(-1.5deg)}8%{transform:translateY(-1.5px)rotate(-1.5deg)}10%{transform:translateY(2.5px)rotate(1.5deg)}12%{transform:translateY(-.5px)rotate(1.5deg)}14%{transform:translateY(-1.5px)rotate(1.5deg)}16%{transform:translateY(-.5px)rotate(-1.5deg)}18%{transform:translateY(.5px)rotate(-1.5deg)}20%{transform:translateY(-1.5px)rotate(2.5deg)}22%{transform:translateY(.5px)rotate(-1.5deg)}24%{transform:translateY(1.5px)rotate(1.5deg)}26%{transform:translateY(.5px)rotate(.5deg)}28%{transform:translateY(.5px)rotate(1.5deg)}30%{transform:translateY(-.5px)rotate(2.5deg)}32%,34%{transform:translateY(1.5px)rotate(-.5deg)}36%{transform:translateY(-1.5px)rotate(2.5deg)}38%{transform:translateY(1.5px)rotate(-1.5deg)}40%{transform:translateY(-.5px)rotate(2.5deg)}42%{transform:translateY(2.5px)rotate(-1.5deg)}44%{transform:translateY(1.5px)rotate(.5deg)}46%{transform:translateY(-1.5px)rotate(2.5deg)}48%{transform:translateY(-.5px)rotate(.5deg)}50%{transform:translateY(.5px)rotate(.5deg)}52%{transform:translateY(2.5px)rotate(2.5deg)}54%{transform:translateY(-1.5px)rotate(1.5deg)}56%{transform:translateY(2.5px)rotate(2.5deg)}58%{transform:translateY(.5px)rotate(2.5deg)}60%{transform:translateY(2.5px)rotate(2.5deg)}62%{transform:translateY(-.5px)rotate(2.5deg)}64%{transform:translateY(-.5px)rotate(1.5deg)}66%{transform:translateY(1.5px)rotate(-.5deg)}68%{transform:translateY(-1.5px)rotate(-.5deg)}70%{transform:translateY(1.5px)rotate(.5deg)}72%{transform:translateY(2.5px)rotate(1.5deg)}74%{transform:translateY(-.5px)rotate(.5deg)}76%{transform:translateY(-.5px)rotate(2.5deg)}78%{transform:translateY(-.5px)rotate(1.5deg)}80%{transform:translateY(1.5px)rotate(1.5deg)}82%{transform:translateY(-.5px)rotate(.5deg)}84%{transform:translateY(1.5px)rotate(2.5deg)}86%{transform:translateY(-1.5px)rotate(-1.5deg)}88%{transform:translateY(-.5px)rotate(2.5deg)}90%{transform:translateY(2.5px)rotate(-.5deg)}92%{transform:translateY(.5px)rotate(-.5deg)}94%{transform:translateY(2.5px)rotate(.5deg)}96%{transform:translateY(-.5px)rotate(1.5deg)}98%{transform:translateY(-1.5px)rotate(-.5deg)}0%,to{transform:translate(0)rotate(0)}}@keyframes progress-active{0%{opacity:.3;width:0}to{opacity:0;width:100%}}@keyframes lamp-background{0%,24.9%{background-color:#54b5db}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,to{background-color:#fdba2c}}@keyframes lamp-front{0%{background-color:#da4733;transform:scaleX(0)}24.9%{background-color:#da4733;transform:scaleX(.5)}25%{background-color:#3b78e7;transform:scaleX(0)}49.9%{background-color:#3b78e7;transform:scaleX(.5)}50%{background-color:#fdba2c;transform:scaleX(0)}74.9%{background-color:#fdba2c;transform:scaleX(.5)}75%{background-color:#409eff;transform:scaleX(0)}to{background-color:#409eff;transform:scaleX(.5)}}@keyframes showHeaderTitle{0%{opacity:.25;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes dong{0%{transform:translateY(3px)scaleY(.95)}to{transform:translateY(-3px)scaleY(1)}}html.is-swup-visited .animated:is(.showInUp,.fadeIn):not(.joe-reveal){animation:none}.animated{animation-duration:.6s;animation-timing-function:var(--ease-out);animation-fill-mode:both;&.fadeIn{animation-name:enter-fade}&.fadeInUp{--enter-from:translate3d(0, 40px, 0)}&.fadeInDown{--enter-from:translate3d(0, -40px, 0)}&.fadeInLeft{--enter-from:translate3d(-40px, 0, 0)}&.fadeInRight{--enter-from:translate3d(40px, 0, 0)}&.zoomIn{--enter-from:scale(.9)}&.flipInX{--enter-from:perspective(600px) rotateX(-30deg)}&:is(.fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight,.zoomIn,.flipInX){animation-name:enter-move}&.blurIn{animation-name:enter-blur}&.showInUp{animation-duration:.35s;animation-fill-mode:backwards}&.bounceIn{animation-name:enter-bounce;animation-timing-function:var(--ease-spring)}}@keyframes enter-fade{0%{opacity:0}}@keyframes enter-move{0%{opacity:0;transform:var(--enter-from)}}@keyframes enter-blur{0%{opacity:0;filter:blur(8px);transform:scale(1.02)}}@keyframes enter-bounce{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.animated{animation:none}}@media (prefers-reduced-motion:no-preference){html:not([data-animation=none]) .joe_header__above{view-transition-name:joe-header}::view-transition-group(joe-header){animation:none}::view-transition-old(joe-header){display:none}::view-transition-new(joe-header){animation:none}::view-transition-old(root){animation:.12s cubic-bezier(.4,0,1,1) both joe-vt-out}::view-transition-new(root){animation:.24s cubic-bezier(0,0,.2,1) .12s both joe-vt-in}html[data-animation=fade]::view-transition-old(root){animation-name:joe-vt-fade-out}html[data-animation=fade]::view-transition-new(root){animation-name:joe-vt-fade-in}html:not([data-animation=none],.swup-native).is-changing .joe_swup{transition:opacity .16s var(--ease-out), transform .16s var(--ease-out)}html:not([data-animation=none],.swup-native).is-animating.is-leaving .joe_swup{opacity:.35}html[data-animation=slide]:not(.swup-native).is-animating:not(.is-leaving) .joe_swup{opacity:0;transform:translateY(6px)}}@keyframes joe-vt-out{to{opacity:0}}@keyframes joe-vt-in{0%{opacity:0;transform:translateY(10px)}}@keyframes joe-vt-fade-out{to{opacity:0}}@keyframes joe-vt-fade-in{0%{opacity:0}}.swup-progress-bar{height:var(--loading-bar-height,3px);background:var(--loading-bar,var(--theme))}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.is-mode-switching::view-transition-old(root),html.is-mode-switching::view-transition-new(root){mix-blend-mode:normal;animation:none}html.is-mode-switching::view-transition-group(joe-header){animation:none}.joe-font{vertical-align:-.15em;justify-content:center;align-items:center;font-size:16px;font-style:normal;line-height:1;display:inline-flex;&>svg{flex-shrink:0;width:1em;height:1em}}.joe-configured-icon>iconify-icon{flex-shrink:0;width:1em;height:1em;display:block}}@layer components{.joe_index{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow)}.joe_index__title{border-bottom:1px solid var(--border-lighter);align-items:center;display:flex}.joe_index__title-title{color:var(--text-title);align-items:center;height:48px;font-size:16px;font-weight:600;line-height:48px;display:flex;position:relative;& .item{cursor:pointer;font:inherit;white-space:nowrap;user-select:none;color:var(--text-regular);transition:color var(--dur-base) var(--ease-out);background:0 0;border:0;margin-right:16px;padding:0;font-weight:500;&:hover{color:var(--text-title)}& .joe_index__heading{font:inherit;display:inline}&.active{color:var(--text-title);font-weight:600;position:relative;&:after{content:"";background:var(--theme);border-radius:3px;width:18px;height:3px;position:absolute;bottom:8px;left:0}}}& .totals{height:18px;color:var(--text-secondary);background:var(--bg-muted);border-radius:3px;margin-left:5px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block}& .line{content:"";background:var(--theme);height:2px;transition:left var(--dur-base) var(--ease-out), width var(--dur-base) var(--ease-out);border-radius:1px;position:absolute;bottom:-1px;left:0}&.default{& .item{cursor:default}}&.pl-15{padding-left:15px}}.joe_index__title-notice{align-items:center;height:40px;margin-left:auto;display:flex;& svg,& i{vertical-align:bottom;margin-right:2px}& a{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;transition:color var(--dur-base) var(--ease-out);line-height:20px;overflow:hidden;&:hover{color:var(--theme)}}}.joe_index__hot{padding:0 15px;&.categories{padding-bottom:10px}}.joe_index__hot-list{grid-template-columns:repeat(4,1fr);column-gap:15px;padding-top:12px;display:grid;&.hotlist{& .item{margin-bottom:0;& .link{cursor:default;&.clickable{cursor:pointer}& .inner{height:120px;& .image{height:100%}& .title{color:#fff;transition:background var(--dur-slow) var(--ease-out);will-change:background;background:#0006;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;height:30px;font-size:14px;display:flex;position:absolute;inset:auto auto 0 0}&:hover{& .image{background:#00000080;transform:scale(1.1)}& .title{background:#0000004d}}& .post-nums{z-index:1;color:#fff;white-space:nowrap;backdrop-filter:blur(4px);background:#0000006b;border-radius:9px;align-items:center;height:18px;padding:0 8px;font-size:12px;font-style:normal;display:flex;position:absolute;top:5px;right:5px}}}&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.2s}&:nth-child(4){animation-delay:.3s}}}& .item{border:1px solid var(--border-lighter);border-radius:var(--radius-img);margin-bottom:10px;overflow:hidden;& .link{display:block;& .inner{position:relative;&:hover{& .image{opacity:.85}& .title{background:var(--border-lighter)}}& .image{object-fit:cover;border-radius:var(--radius-inner) var(--radius-inner) 0 0;width:100%;height:120px;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);will-change:transform}& .title{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--text-secondary);background:var(--fill-base);border-radius:0 0 var(--radius-inner) var(--radius-inner);padding:0 8px;font-size:13px;line-height:32px;overflow:hidden}& .post-nums{z-index:1;color:#fff;white-space:nowrap;backdrop-filter:blur(4px);background:#0000006b;border-radius:9px;align-items:center;height:18px;padding:0 8px;font-size:12px;font-style:normal;display:flex;position:absolute;top:5px;right:5px}}}}}.joe_index__hot-list-tag{padding-top:20px;overflow:hidden;& .item{float:left;color:var(--text-regular);background:var(--background-tags);border:1px solid var(--border-light);transition:transform var(--dur-base) var(--ease-out);border-radius:3px;margin:0 6px 10px;font-size:14px;& a{height:28px;color:var(--text-regular);padding:0 10px;font-size:0;line-height:28px;display:block;& span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;display:inline-block;overflow:hidden}& em{vertical-align:top;color:var(--theme);padding-left:5px;font-size:14px;font-style:normal;display:inline-block}}&:hover{background:var(--theme);border-color:var(--theme);box-shadow:var(--box-shadow-tags);transform:scale(1.1);& a{color:var(--fill-base);& em{color:var(--fill-base)}}}}}.joe_archive{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);padding:0 15px}.joe_archive__title{height:45px;color:var(--text-primary);border-bottom:1px solid var(--border-lighter);justify-content:space-between;align-items:center;gap:12px;line-height:45px;display:flex}.joe_archive__title-total{color:var(--text-secondary);flex:none;font-size:13px;& em{color:var(--text-regular);font-style:normal;font-weight:600}}.joe_archive__desc{color:var(--text-secondary);border-bottom:1px solid var(--border-lighter);margin:0;padding:10px 0;font-size:13px;line-height:1.7}.joe_archive__title-icon{color:var(--theme);vertical-align:middle;margin-right:5px;font-size:18px}.joe_archive__title-title{align-items:center;font-weight:400;display:flex;& .muted{color:var(--theme);margin:0 5px;font-weight:700;position:relative;top:-1px}}.joe_list{container:joe-list/inline-size}.joe_list__item{border-bottom:1px solid var(--border-lighter);width:100%;padding:15px 0;position:relative;&:last-child{border-bottom:none}& .thumbnail{background:var(--fill-base);border-radius:var(--radius-img)}& .information{& .title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;color:var(--text-title);max-height:52px;transition:color var(--dur-base) var(--ease-out);-webkit-box-orient:vertical;margin-bottom:10px;font-size:18px;font-weight:600;line-height:26px;display:-webkit-box;overflow:hidden;& .badge{vertical-align:-2px;color:var(--theme-text);align-items:center;margin-right:6px;display:inline-flex;& .joe-font{font-size:16px}}& .badge--pinned .joe-font{transform:rotate(35deg)}& .badge--new{color:#d97706}}& .abstract{-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--text-secondary);word-break:break-word;-webkit-box-orient:vertical;max-height:44px;line-height:22px;display:-webkit-box;overflow:hidden}}&:before{z-index:1;content:"";background:var(--theme);width:4px;height:25px;transition:transform var(--dur-base) var(--ease-out);border-radius:2px;position:absolute;top:15px;left:-15px;transform:scaleY(0)}& .meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex;& .items{flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;& li{& .joe-font{margin-right:3px;font-size:15px}&+li{margin-left:14px}&:after{content:none}&:last-child:after{display:none}}}& .categories{white-space:nowrap;justify-content:space-between;align-items:center;max-width:320px;display:flex;overflow-x:auto;&::-webkit-scrollbar{height:4px}& .pcate{align-items:center;margin-left:5px;display:flex;& .icon{margin-right:3px}& .link{color:var(--text-secondary);&:hover{color:var(--theme)}}}}}&:hover{& .title{color:var(--theme)}&:before{transform:scaleY(1)}}&.default{display:flex;position:relative;&:hover{& .thumbnail{& img{transform:scale(1.03)}& time{transform:translate(0,0)}& .joe-font{opacity:1}}}& .thumbnail{flex-shrink:0;width:210px;height:140px;margin-right:15px;position:relative;overflow:hidden;& img{box-sizing:border-box;object-fit:cover;border-radius:var(--radius-img);width:100%;height:100%;transition:opacity var(--dur-base) var(--ease-out), transform .4s cubic-bezier(.4, 0, .25, 1)}& .cover-category{display:none}& time{z-index:1;background:var(--theme-solid);color:#fff;height:20px;transition:transform var(--dur-base) var(--ease-out);border-radius:10px;padding:0 8px;font-size:12px;line-height:20px;position:absolute;top:5px;right:5px;transform:translate(120%)}& .joe-font{z-index:1;color:#f5f5f5;opacity:0;transition:opacity var(--dur-base) var(--ease-out);font-size:18px;position:absolute;top:3px;left:5px}}& .information{flex-direction:column;flex:1;min-width:0;display:flex}}&.none{& .information{flex-direction:column;height:140px;display:flex}}}@container joe-list (width<=845px){.joe_list__item{&.default{& .thumbnail{width:185px;height:125px}}}.joe_list__item{&.default{& .meta{& .categories{& li{display:none;&:first-child{display:flex}}}}}}}@container joe-list (width<=600px){.joe_list__item{& .information{& .title{font-size:16px}& .abstract{display:none}}& .meta{& .last{display:none}}&.default{& .information{& .title{font-size:15px}}& .thumbnail{width:120px;height:80px;margin-right:10px;& time,& svg{display:none}}& .title{margin-bottom:0}& .meta{& .items{& li{display:none;&:first-child{display:block}&:nth-child(2){display:block;&:after{display:none}}}}}}&.none{& .information{height:120px}& .abstract{font-size:13px;display:-webkit-box}}}}@container joe-list (width<=470px){.joe_list__item{padding:12px 0;& .information{& .title{font-size:16px}& .abstract{display:none}}& .meta{& .last{display:none}}&.default{& .information{& .title{font-size:15px}}& .thumbnail{width:120px;height:80px;margin-right:10px;& time,& svg{display:none}}& .title{margin-bottom:0}& .meta{& .items{& li{display:none;&:first-child{display:block;&:after{display:none}}&:nth-child(2){display:none}}}}}&.none{& .information{height:120px}& .abstract{font-size:13px;display:-webkit-box}}}}@media (width<=500px){.joe_archive{border-radius:0}}[data-joe-category-tabs]{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto;&::-webkit-scrollbar{display:none}}[data-joe-post-list]{transition:opacity var(--dur-fast) var(--ease-out);&.is-switching{opacity:.35}}.joe_index__more{border-radius:var(--radius-wrap);text-align:center;color:var(--theme-text);background:var(--bg-page);box-shadow:var(--shadow);transition:box-shadow var(--dur-fast) var(--ease-out);margin:16px auto 0;padding:10px 0;font-size:14px;display:block;&:hover{box-shadow:var(--shadow-hover)}}.joe_list.joe_list--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:15px 0;display:grid;&>.joe_list__item.default,&>.joe_list__item.none{border-radius:var(--radius-wrap);background:var(--bg-page);box-shadow:var(--shadow);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-spring);border:0;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;&:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}& .thumbnail{aspect-ratio:16/9;border-radius:0;width:100%;height:auto;margin:0;& img{border-radius:0}& time{display:none}& .cover-category{z-index:1;color:#fff;backdrop-filter:blur(6px);background:#00000061;border-radius:11px;height:22px;padding:0 9px;font-size:12px;line-height:22px;display:block;position:absolute;top:10px;left:10px}}& .thumbnail~.information .categories{display:none}& .information{height:auto;padding:12px 14px 14px}& .title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;display:-webkit-box}& .abstract{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box}}}.joe_index__list{container:joe-index-list/inline-size}@container joe-index-list (width<=600px){.joe_list.joe_list--cards{grid-template-columns:minmax(0,1fr);gap:10px;&>.joe_list__item.default{flex-direction:row;align-items:stretch;& .thumbnail{aspect-ratio:auto;flex:none;width:34%;max-width:150px;min-height:96px;& .cover-category{height:18px;padding:0 7px;font-size:11px;line-height:18px;top:6px;left:6px}}& .information{flex-direction:column;min-width:0;padding:10px 12px;display:flex}& .title{margin-bottom:4px;font-size:15px}& .abstract{-webkit-line-clamp:1;margin-bottom:6px}& .meta{margin-top:auto}}}}html[data-mode=dark] .joe_list__item .information .title .badge--new{color:#fbbf24}.joe_progress_bar{z-index:80;background:linear-gradient(45deg,#3884d9 50%,#40d968);width:0;height:4px;position:fixed;bottom:0;left:0}.joe_loading{text-align:center;padding:40px;& svg,& img{width:40px}}.joe_load{z-index:1;text-align:center;cursor:pointer;user-select:none;background:var(--bg-page);width:120px;height:32px;color:var(--text-regular);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow);border-radius:16px;margin:15px auto 0;line-height:32px;position:relative;&:active{transform:scale(.75)}&:hover{color:var(--theme)}}.joe_loading_bar{z-index:9999;width:100%;height:var(--loading-bar-height,3px);background:var(--loading-bar);transform-origin:0;transition:transform .4s var(--ease-out), opacity var(--dur-base) var(--ease-out) .2s;pointer-events:none;position:fixed;top:0;left:0;transform:scaleX(0);&.is-loading{transform:scaleX(.7)}&.is-done{opacity:0;transform:scaleX(1)}}.joe_toast{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.joe_toast__item{color:var(--text-primary);background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;transform:translateY(-10px);&.is-visible{opacity:1;transform:translateY(0)}}.joe_toast__icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.joe_toast{& .is-success .joe_toast__icon{background:#67c23a}& .is-error .joe_toast__icon{background:#f56c6c}& .is-info .joe_toast__icon{background:#909399}& .is-warning .joe_toast__icon{background:#e6a23c}}.joe-reveal{visibility:hidden;&.animated{visibility:visible}}.joe_context_menu{z-index:10001;background:var(--glass-bg-strong);min-width:200px;max-width:280px;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);border-radius:8px;padding:6px;position:fixed;transform:scale(.92);&.is-open{opacity:1;transform:none}&[hidden]{display:none}& button{width:100%;font:inherit;text-align:left;color:var(--text-regular);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex;& span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}& svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;flex-shrink:0;width:16px;height:16px}&:hover,&:focus-visible{color:var(--theme);background:var(--tint);outline:none}}& .sep{background:var(--border-lighter);height:1px;margin:4px 6px}}.joe_pagination{justify-content:center;align-items:center;padding-top:36px;padding-bottom:30px;display:flex;& li{user-select:none;background:var(--bg-raised);box-shadow:var(--box-shadow-pager);border-radius:3px;margin-left:5px;overflow:hidden;& a{height:32px;color:var(--text-primary);padding:0 14px;line-height:32px;display:block;&:hover{color:#fff;background:var(--theme)}}&.prev{border-radius:6px 3px 3px 6px}&.next{border-radius:3px 6px 6px 3px}&.active{background:var(--theme-solid);box-shadow:0 3px 20px -2px var(--theme);font-weight:600;& a{color:#fff}}&.disabled{pointer-events:none;& a{color:var(--border-base)}}}}.joe_action{pointer-events:none;z-index:90;position:fixed;bottom:90px;right:30px}.joe_action_item{background:var(--bg-raised);border:1px solid var(--border-lighter);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow);transition:border-color var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;&:active{scale:.9}&:hover{border-color:color-mix(in srgb, var(--theme) 45%, transparent)}& svg{width:22px;height:22px;fill:var(--theme);position:absolute}&.random-post{pointer-events:auto;margin-bottom:15px;& i{color:var(--theme);transition:rotate var(--dur-slow) var(--ease-spring);font-size:21px}&:hover i{rotate:90deg}&.is-rolling i{animation:joe-dice-roll .6s var(--ease-out)}}&.toc{pointer-events:auto;text-align:center;margin-bottom:15px;line-height:40px;display:none;& i{color:var(--theme);font-size:24px;font-weight:700}}&.edit,&.random{pointer-events:auto;margin-bottom:15px;& a{width:25px;height:25px;display:block}& svg{opacity:1;transition:transform .85s var(--ease-out), opacity .85s var(--ease-out), scale .85s var(--ease-out);transform:scale(1)}}&.mode{pointer-events:auto;margin-bottom:15px;& svg{opacity:0;transition:transform .85s var(--ease-out), opacity .85s var(--ease-out);transform:scale(0);&.active{opacity:1;transform:scale(1)}}}&.back2top{pointer-events:none;visibility:hidden;transition:visibility var(--dur-slow), transform var(--dur-slow) var(--ease-spring);transform:scale(0);&.active{pointer-events:auto;visibility:visible;transform:scale(1)}}}@media (width<=500px){.joe_action{bottom:40px;right:20px}}@keyframes joe-dice-roll{to{rotate:450deg}}.joe_comment{--halo-cw-primary-1-color:var(--theme-solid);--halo-cw-primary-2-color:color-mix(in srgb, var(--theme) 45%, var(--bg-page));--halo-cw-primary-3-color:color-mix(in srgb, var(--theme) 12%, var(--bg-page));--halo-cw-text-1-color:var(--text-title);--halo-cw-text-2-color:var(--text-regular);--halo-cw-text-3-color:var(--text-secondary);--halo-cw-muted-1-color:var(--border-base);--halo-cw-muted-2-color:var(--border-lighter);--halo-cw-muted-3-color:var(--bg-page);--halo-cw-base-rounded:var(--radius-wrap);--halo-cw-avatar-rounded:50%;--halo-cw-base-font-family:var(--font-default);--halo-cw-emoji-picker-rgb-accent:251, 108, 40}html[data-mode=dark] .joe_comment{--halo-cw-primary-1-color:oklch(from var(--theme) clamp(.56, l, .62) c h)}.joe_comment comment-widget{--comment-next-focus-shadow-color:var(--tint)!important;--comment-next-reaction-hover-bg-color:var(--tint)!important;--comment-next-modal-bg-color:var(--bg-page)!important;--comment-next-modal-input-bg-color:var(--bg-page)!important;--comment-next-emote-panel-bg-color:var(--bg-page)!important;--comment-next-emote-head-bg-color:var(--fill-base)!important;--comment-next-emote-tabs-bg-color:var(--fill-base)!important;--comment-next-tooltip-bg-color:var(--bg-raised)!important}.joe_comment_box{text-align:revert;& .box_title{text-align:center}& h2{text-align:center;color:var(--text-regular);filter:grayscale();background-color:#0000;background-image:url(data:image/png;base64,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),url(data:image/png;base64,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);background-position:0,100%;background-repeat:no-repeat;background-size:90px,90px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:28px 110px;font-size:18px;display:inline-block}}.joe_comment{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);padding:20px}.joe_comment__hello{border-radius:var(--radius-wrap);color:var(--text-regular);background:var(--tint);align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;font-size:13px;display:flex;&:before{content:"👋";font-size:16px}&[hidden]{display:none}}.joe_comment__close{color:var(--text-regular);justify-content:center;align-items:center;display:flex}.joe_comment__close-icon{fill:var(--text-regular);margin-right:5px}.joe_comment{& .joe_pagination{padding-top:0}}@media (width<=500px){.joe_comment{padding:15px;& .joe_comment_box{& h2{padding:20px 100px;font-size:16px}}}}.joe_advert-large{border-radius:var(--radius-inner);margin-top:10px;overflow:hidden}.social-account{text-align:center;border-top:1px solid var(--border-lighter);justify-content:space-around;align-items:center;padding-top:10px;font-size:14px;display:flex;& a{color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out);margin:0 2px;font-size:0;display:inline-block;transform:scale(.9);& img{border-radius:3px;height:20px;display:inline-block}&>svg{width:22px;height:22px;color:var(--brand,currentColor);display:block}&>.joe-configured-icon{font-size:22px}&:hover{transform:scale(1)}}}.joe_shortcuts{width:min(360px,100vw - 32px);color:var(--text-regular);background:var(--bg-page);border:0;border-radius:14px;margin:auto;padding:16px 18px 14px;box-shadow:0 24px 64px #00000047;&::backdrop{background:#0006}&[open]{animation:joe-shortcuts-in .2s var(--ease-out)}& .head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex;& h2{color:var(--text-title);margin:0;font-size:15px;font-weight:650}}& .close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid;&:hover{color:var(--text-title);background:var(--fill-base)}}& ul{margin:0;padding:0}& li{border-bottom:1px dashed var(--border-lighter);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:14px;list-style:none;display:flex;&:last-child{border-bottom:0}}& .keys{flex:none;gap:4px;display:flex}& kbd{min-width:24px;height:24px;color:var(--text-regular);background:var(--fill-base);box-shadow:inset 0 -1px 0 var(--border-base);border-radius:6px;place-items:center;padding:0 6px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-grid}& .foot{color:var(--text-secondary);margin:10px 0 0;font-size:12px;& kbd{min-width:18px;height:18px;font-size:11px}}}@keyframes joe-shortcuts-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}}@layer layout{body{overflow:overlay;transition:background var(--dur-base) var(--ease-out);overflow:auto;&:after{background-color:#f3f4f6;background-image:radial-gradient(#0f172a12 1px,#0000 0);background-position:50%;background-repeat:repeat;background-size:22px 22px}}#Joe{z-index:1;flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative;& .joe_main_container{flex:1;margin-top:20px}& .page-links{& .totals{height:18px;color:var(--text-secondary);background:var(--bg-muted);border-radius:3px;margin-left:5px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block;position:relative;top:-1px}}& .page-leaving{& .joe_comment{&>h2{display:none}}}}.joe_container{flex-direction:row;width:100%;margin:0 auto 30px;padding:0 15px;display:flex;&.revert{flex-direction:row-reverse;& .joe_aside{margin-left:0;margin-right:15px}}& img{max-width:100%}& :not(pre)>code:not([class]){color:var(--code);white-space:normal;text-indent:0;user-select:auto;vertical-align:baseline;word-break:break-word;background:var(--code-background);border-radius:var(--radius-inner);margin:2px 5px;padding:0 8px;font-size:13px;display:inline-block}}.joe_main{flex:1;min-width:0;padding-bottom:15px}@media (width>=576px){#Joe>.joe_container{max-width:540px}}@media (width>=768px){#Joe>.joe_container{max-width:720px}}@media (width>=992px){#Joe>.joe_container{max-width:960px}}@media (width>=1200px){#Joe>.joe_container{max-width:1140px}}@media (width>=1361px){#Joe .joe_container{max-width:var(--content-max-width,1320px)}}body:before{content:"";z-index:-1;pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.joe_page_404{text-align:center;color:var(--text-regular);background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex;& img{width:min(360px,80%);height:auto}& h1{color:var(--text-primary);font-size:20px}}.joe_page_404{& .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}& .recent{border-top:1px dashed var(--border-lighter);text-align:left;width:min(460px,100%);margin-top:28px;padding-top:18px;& h2{color:var(--text-secondary);margin:0 0 8px;font-size:13px;font-weight:400}& a{border-radius:var(--radius-inner);color:var(--text-regular);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 10px;font-size:14px;display:flex;& span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}& time{color:var(--text-secondary);flex:none;font-size:12px}&:hover{color:var(--theme-text);background:var(--fill-base)}}}}.joe_page_404__home,.joe_page_404__search{cursor:pointer;border:0;border-radius:19px;align-items:center;gap:6px;height:38px;padding:0 22px;font-size:14px;display:inline-flex}.joe_page_404__home{color:#fff;background:var(--theme-solid)}.joe_page_404__search{color:var(--text-regular);background:var(--fill-base);&:hover{color:var(--theme-text)}}@media (width<=500px){.joe_main{padding-bottom:0}#Joe .joe_main_container{margin:15px auto 20px;padding:0}#Joe .page-index{margin-top:0;& .joe_main{padding-top:0}}}html[data-mode=dark]{& body:after{z-index:-200;background:#141517}& img{filter:brightness(.9)}}.joe_dropdown{position:relative}.joe_dropdown__link{align-items:center;display:flex}.joe_dropdown__link-icon{transition:transform var(--dur-base) var(--ease-out);margin-left:-12px}.joe_dropdown__toggle{width:28px;height:32px;color:var(--text-regular);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;& .joe_dropdown__link-icon{margin:0;font-size:14px}&:hover{color:var(--theme-text);background:var(--tint)}}.joe_dropdown__menu{visibility:hidden;z-index:5;border-top:3px solid var(--theme);transform-origin:top;background:var(--bg-raised);box-shadow:var(--glass-shadow);border-radius:0 0 var(--radius-inner) var(--radius-inner);opacity:0;transition:opacity var(--dur-base) var(--ease-out), visibility var(--dur-base), transform var(--dur-slow) var(--ease-spring);padding:10px 0;position:absolute;left:50%;transform:translate(-50%)perspective(600px)rotateX(-45deg);&:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid var(--theme);width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}}.joe_dropdown{&.active{& .joe_dropdown__link-icon{transform:rotate(-180deg)}& .joe_dropdown__menu{visibility:visible;opacity:1;transform:translate(-50%)perspective(600px)rotateX(0);& li:not(.joe_nav_sub-li){justify-content:flex-start;display:flex}}}}.joe_header{z-index:100;height:60px;position:relative;& .joe_container{margin:0 auto}& .full{max-width:100%}}.joe_header__above{z-index:6;background:var(--bg-page);border-bottom:1px solid var(--border-lighter);will-change:opacity, transform;width:100%;transition:opacity, transform var(--dur-base) var(--ease-out);position:fixed;top:0;transform:translate(0,0);box-shadow:0 6px 20px -16px #0f172a4d;& .joe_container{align-items:center;width:100%;min-height:44px}}.joe_header__above-logo{align-items:center;height:60px;margin-right:10px;padding-right:18px;display:flex;position:relative;& img{object-fit:cover;min-width:40px;max-width:150px;height:40px}& svg{display:none}&:after{content:"";background:var(--border-lighter);width:1px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}}.joe_header__above-nav{align-items:center;display:flex;& .item{cursor:pointer;user-select:none;white-space:nowrap;height:60px;color:var(--text-regular);transition:color var(--dur-base) var(--ease-out);align-items:center;margin-right:4px;padding:0 10px;font-size:15px;line-height:60px;display:flex;position:relative;&>i{transition:transform var(--dur-slow) var(--ease-out);margin-right:4px;font-size:18px;display:inline-block}&:last-child{width:100%;margin-right:0}&:after{opacity:0;content:"";background:var(--theme);width:18px;height:3px;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);border-radius:3px;margin-left:-9px;position:absolute;bottom:10px;left:50%;transform:scaleX(.25)}&.current{color:var(--text-title);font-weight:600;&:after,&:hover:after{opacity:1;transform:scaleX(1)}}&:hover{color:var(--theme);&:after{opacity:.3;transform:scaleX(.7)}&+.joe-icon-chevron-down{color:var(--theme)}}}&.active-shadow{& .item.current{text-shadow:0 4px 20px var(--theme)}}&.active-animate{& .item:hover .m-icon{animation:.3s .12s dung}}& .joe_dropdown{margin-right:15px}& .joe_dropdown__link{& a{height:60px;transition:color var(--dur-base) var(--ease-out);white-space:nowrap;color:var(--text-primary);padding-left:8px;padding-right:3px;font-size:15px;line-height:60px}}& .joe_dropdown__menu{text-align:left;min-width:90px;max-width:200px;& a{height:34px;color:var(--text-icon);white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);margin-right:0;padding:0 15px;line-height:34px;display:block;overflow:hidden;&:after{display:none}&:hover,&.current{color:var(--theme);background:var(--bg-hover)}}}& .joe_dropdown{& .item:hover:after{display:none}&.active{& .joe_dropdown__link{& a,& button{color:var(--theme);&:after{display:none}}}}}& .joe_nav_sub-li{height:34px;position:relative;& .m-icon{vertical-align:bottom}&:hover,&:focus-within{& .joe_nav_sub{visibility:visible;opacity:1;transform:translate(0)perspective(600px)rotateY(0)}}}& .joe_nav_sub{visibility:hidden;z-index:10;transform-origin:top;opacity:0;box-shadow:var(--glass-shadow);border-radius:0 var(--radius-inner) var(--radius-inner) 0;transition:opacity var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);padding-left:7px;position:absolute;top:0;left:100%;transform:translate(-20%)perspective(600px)rotateY(-45deg);&:before{content:"";border:7px solid #0000;border-right-color:var(--theme);width:0;height:0;position:absolute;top:10px;left:0;transform:translate(-50%)}&:after{content:"";background:var(--theme);width:2px;height:100%;position:absolute;top:0;left:7px}& li{background:var(--bg-raised)}}}.joe_header__above-search{align-items:center;margin-left:auto;display:flex;position:relative;& .input{background:var(--border-lighter);width:170px;height:34px;color:var(--text-regular);transition:width var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), padding-right var(--dur-base) var(--ease-out);border:1px solid #0000;border-radius:17px 0 0 17px;padding:0 14px 0 16px;&:focus{background:var(--bg-page);border-color:var(--theme);width:170px;padding-right:28px;&~.icon{transform:translateY(-50%)rotateY(180deg)}}}& .submit{z-index:1;width:36px;height:36px;color:var(--text-regular);border:1px solid var(--border-lighter);background:var(--fill-base);cursor:pointer;transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;& i{font-size:18px}&:hover{color:var(--theme);border-color:color-mix(in srgb, var(--theme) 40%, transparent);background:color-mix(in srgb, var(--theme) 8%, var(--bg-page))}}& .icon{width:28px;height:38px;transition:transform var(--dur-base) var(--ease-out);background:url(data:image/png;base64,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) 0 0/100% 100%;position:absolute;top:50%;right:44px;transform:translate(100%,-50%)rotateY(180deg)}& .result{z-index:2;user-select:none;visibility:hidden;opacity:0;background:var(--bg-raised);box-shadow:var(--glass-shadow);border-radius:var(--radius-inner);transition:visibility var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);position:absolute;top:60px;left:0;right:0;transform:translateY(15px);&.active{opacity:1;visibility:visible;transform:translate(0,0)}& .item{border-bottom:1px solid var(--fill-base);height:40px;transition:background var(--dur-base) var(--ease-out);align-items:center;padding:0 10px;line-height:40px;display:flex;overflow:hidden;&:last-child{border-bottom:none}&:first-child .sort{background:#fe2d46}&:nth-child(2) .sort{background:#f60}&:nth-child(3) .sort{background:#faa90e}&:hover{background:var(--border-lighter)}& .sort{color:#fff;text-align:center;background:#7f7f8c;border-radius:2px;width:18px;height:18px;margin-right:8px;font-weight:500;line-height:18px}& .text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-regular);flex:1;font-size:12px;overflow:hidden}}}}.joe_header__above-searchicon{cursor:pointer;color:var(--text-regular);font-size:23px;display:none}.joe_header__above-slideicon{cursor:pointer;width:20px;height:20px;color:var(--text-regular);display:none}.joe_header__above{&.active{transform:translateY(-60px)}&.glass{backdrop-filter:saturate(1.6)blur(12px);background:var(--bg-glass)}}.joe_header__searchout{z-index:5;background:var(--bg-page);border-top:1px solid var(--border-lighter);transition:transform var(--dur-slow) var(--ease-spring), visibility var(--dur-slow);visibility:hidden;position:absolute;top:60px;left:0;right:0;transform:translateY(-100%);& .joe_container{margin-bottom:10px}&.active{visibility:visible;transform:translate(0,0)}}.joe_header__slideout{visibility:hidden;z-index:10;background:var(--fill-base);width:78%;max-width:480px;transition:transform var(--dur-slow) var(--ease-spring), visibility var(--dur-slow);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.joe_header__slideout-wrap{overscroll-behavior:contain;height:100%;padding:135px 15px 15px;position:relative;overflow-y:auto;&::-webkit-scrollbar{display:none}& .social-account{border:unset;margin-bottom:10px;padding:0}}.joe_header__slideout{&.active{visibility:visible;transform:translate(0,0)}}.joe_header__slideout-image{object-fit:cover;z-index:-1;width:100%;height:150px;position:absolute;top:0;left:0}.joe_header__slideout-author{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);margin-bottom:15px;padding:15px;display:flex;& .avatar{border-radius:var(--radius-inner);width:50px;height:50px;margin-right:10px}& .info{line-height:25px;overflow:hidden;& .level{height:23px;margin-left:2px}& .link,& .motto{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}& .link{color:var(--text-primary);font-size:15px;font-weight:500;display:block}& .motto{color:var(--text-regular);font-size:12px}}}.joe_header__slideout-count{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);margin-bottom:15px;padding:10px 15px;& .item{color:var(--text-regular);align-items:center;padding:5px 0;display:flex;& .joe-font{color:var(--text-regular);margin-right:5px}& strong{color:var(--theme);font-weight:500}}}.joe_header__slideout-menu{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);padding:10px 15px;overflow:hidden;& .link{color:var(--text-primary);transition:color var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:10px 0;display:flex;& a{transition:color var(--dur-fast) var(--ease-out);color:var(--text-regular)}& .joe-font{color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out), fill var(--dur-fast) var(--ease-out)}&.in{color:var(--theme);& a{color:var(--theme)}& .joe-font{color:var(--theme);transform:rotate(90deg)}}}& .current{& a{color:var(--theme);font-weight:600}}& .slides{padding-left:4px;display:none;& .link{border-radius:var(--radius-inner);color:var(--text-regular);margin:2px 0;padding:10px 12px}& .slides{padding-left:12px}& .current{color:var(--theme);font-weight:600;font-size:inherit;background:color-mix(in srgb, var(--theme) 8%, transparent)}}}.joe_header__toc{visibility:hidden;z-index:10;background:var(--fill-base);width:70%;max-width:480px;transition:transform var(--dur-slow) var(--ease-spring), visibility var(--dur-slow);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.joe_header__toc-wrap{overscroll-behavior:contain;height:100%;position:relative;overflow-y:auto;&::-webkit-scrollbar{display:none}}.joe_header__toc{&.active{visibility:visible;transform:translate(0,0)}& .toc_top{z-index:2;position:relative;& h3{z-index:1;letter-spacing:.1em;color:#fff;backdrop-filter:blur(6px);border-radius:var(--radius-inner);background:#00000059;padding:4px 12px;font-size:20px;font-weight:600;position:absolute;bottom:24px;left:20px}& img{width:100%;display:block}}& #js-toc-mobile{z-index:1;user-select:none;max-height:calc(100vh - 150px);overflow:overlay;padding:20px 15px 40px 0;position:relative;top:-5px;&>.toc-list{position:relative;overflow:hidden;& li{list-style:none}&>li>a{font-weight:700}& a.is-active-link{color:var(--theme-text);border-color:var(--toc-active);font-weight:700}}& .toc-list{z-index:1;margin:0;padding-left:14px;font-size:14px;position:relative;& .toc-list-item{padding:6px 0;position:relative;& a{color:var(--text-regular);font-size:14px;&.is-active-link{color:var(--theme);font-weight:600}}}& .toc-list{font-size:13px}}& .toc-nodata{text-align:center;color:var(--text-secondary);user-select:none;background:var(--fill-base);margin-top:60px;padding:20px;font-style:italic;& em{background:url(/themes/theme-joe-next/assets/folder_empty.DXvPigfW.png) 50%/auto 100% no-repeat;width:90px;height:90px;margin:0 auto 14px;display:block}}}}.joe_header__mask{z-index:4;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);background:#00000080;position:fixed;inset:0;&.active{visibility:visible;opacity:1}&.slideout{z-index:6}}.nav_login{justify-content:center;align-items:center;height:34px;margin-left:15px;display:flex;& a{color:#333;width:30px;height:30px;transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);background-color:#f2f2f2;border-radius:50%;justify-content:center;align-items:center;font-size:24px;text-decoration:none;display:flex;&:hover{background-color:var(--theme);color:#f2f2f2}}& img{object-fit:cover;border-radius:50%;width:30px;height:30px;overflow:hidden}}@media (width<=1200px){.joe_header__above-search{& .input{width:70px;&:focus{width:170px}}}.joe_header__above-logo{padding-right:0;&:after{display:none}}}@media (width<=992px){.joe_header__above-nav{& .item .m-icon{display:none}}}@media (width<=768px){.joe_header{height:55px;animation-fill-mode:backwards;top:0}.joe_header__above{& .joe_container{justify-content:space-between;height:55px}}.joe_header__above-nav{display:none}.joe_header__above-logo{height:55px;margin-right:0;& img{max-height:45px}}.joe_header__above-search{display:none}.joe_header__above-searchicon{margin-left:0;display:block}.joe_header__above-slideicon{display:block}.joe_header__searchout{top:55px}}@media (width<=500px){.joe_header{height:50px}.joe_header__above{& .joe_container{justify-content:space-between;height:50px;margin:0 auto}}.joe_header__above-nav{display:none}.joe_header__above-logo{height:50px;& img{max-height:45px}}.joe_header__above-searchicon{margin-left:0}.joe_header__above-slideicon{display:block}.joe_header__searchout{top:50px}}html[data-mode=dark] .joe_header .joe_header__above-logo svg{display:block}.joe_header--islands{height:72px;& .joe_header__above{box-shadow:none;background:0 0;border-bottom:0;padding:10px 0;top:0;&.glass{backdrop-filter:none;background:0 0}}& .joe_header_container{width:calc(100% - 30px);max-width:calc(var(--content-max-width,1320px) - 30px);border:1px solid var(--border-light);background:var(--glass-bg);min-height:52px;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), backdrop-filter var(--dur-base) var(--ease-out);border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 10px;display:grid;position:relative;&>.joe_header__above-logo{justify-self:start}&>.joe_header__above-nav{grid-column:2}&>.joe_header__above-search{grid-column:3;justify-self:end}&>.joe_header__above-slideicon,&>.joe_header__above-searchicon{position:absolute}}& .joe_header__above-logo,& .joe_header__above-search{position:relative;&:after{content:"";background:var(--border-light);width:1px;height:20px;transition:opacity var(--dur-base) var(--ease-out);position:absolute;top:50%;transform:translateY(-50%)}}& .joe_header__above-logo:after{display:none}& .joe_header__above-search:after{left:-8px}& .joe_header__above.is-top{& .joe_header__above-logo:after,& .joe_header__above-search:after{opacity:0}}& .joe_header__above-logo{min-width:0;max-width:calc(100% - 12px);height:48px;margin-right:0;padding:0 8px;& img{min-width:32px;height:32px}}& .joe_header__above-nav{gap:2px;height:52px;position:relative;&:before{content:"";height:2px;width:var(--bar-w,0px);background:var(--theme);transform:translateX(var(--bar-x,0px));opacity:var(--bar-o,0);transition:transform var(--dur-slow) var(--ease-spring), width var(--dur-slow) var(--ease-spring), opacity var(--dur-base) var(--ease-out);pointer-events:none;border-radius:3px;position:absolute;bottom:7px;left:0}&>a.item,&>.joe_dropdown>.joe_dropdown__link>a.item{letter-spacing:.02em;height:52px;margin-right:0;padding:0 14px;font-size:14px;font-weight:500;line-height:52px;& .m-icon{margin-right:6px;font-size:16px}&:last-child{width:auto}&:after{display:none}&.current,&:hover{color:var(--text-title)}&.current{font-weight:600}}&>.joe_dropdown{margin-right:0;&>.joe_dropdown__link>a.item{padding-right:2px}}& .joe_dropdown__link{padding-right:8px}& .joe_dropdown__toggle{width:26px;height:28px}&>.joe_dropdown.active>.joe_dropdown__link{&>a.item,&>.joe_dropdown__toggle{color:var(--theme-text)}}&>a.item,&>.joe_dropdown{transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring), filter var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}}& .joe_header__chapter{z-index:2;opacity:0;filter:blur(2px);pointer-events:none;width:max-content;min-width:100%;max-width:min(520px,100vw - 520px);transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring), filter var(--dur-base) var(--ease-out);position:absolute;top:0;left:50%;transform:translate(-50%,14px);&[hidden]{display:none}}& .joe_header__chapter-current{width:100%;height:52px;font:inherit;color:var(--text-title);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex;& .label{color:var(--text-secondary);flex-shrink:0;font-size:12px}& .steps{flex-shrink:0;gap:4px;display:flex;& i{background:var(--border-base);width:6px;height:6px;transition:background var(--dur-base) var(--ease-out), transform .4s var(--ease-spring);border-radius:50%}& i.is-on{background:var(--theme)}& i.is-on:last-child,& i.is-on:has(+i:not(.is-on)){transform:scale(1.35)}}& .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}& .joe-icon-chevron-down{color:var(--text-secondary);transition:transform var(--dur-base) var(--ease-spring);flex-shrink:0;font-size:12px}}& .joe_header__chapter.is-open .joe-icon-chevron-down{transform:rotate(180deg)}& .joe_header__chapter-list{background:var(--glass-bg-strong);width:max(100%,300px);max-height:min(60vh,420px);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);visibility:hidden;opacity:0;transform-origin:top;transition:opacity var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out), transform .4s var(--ease-spring);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)scale(.96);& li.sub a{padding-left:26px;font-size:13px}& a{color:var(--text-regular);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:14px;line-height:1.45;display:block;overflow:hidden;&:hover{color:var(--theme);background:var(--tint)}}& li.is-active a{color:var(--theme);font-weight:600}}& .joe_header__chapter.is-open .joe_header__chapter-list{visibility:visible;opacity:1;transform:translate(-50%)scale(1)}& .joe_header__above.is-reading .joe_header__above-nav{&>a.item,&>.joe_dropdown,&:before{opacity:0;filter:blur(2px);pointer-events:none;transform:translateY(-14px)}& .joe_header__chapter{opacity:1;filter:none;pointer-events:auto;transform:translate(-50%)}}& .joe_header__read{background:var(--read-color,var(--theme));height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--read-color,var(--theme)) 50%, transparent);transform-origin:0;transform:scaleX(var(--read,0));transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;border-radius:2px;position:absolute;bottom:0;left:8px;right:8px}& .joe_header__above:not(.has-progress) .joe_header__read,& .joe_header__above.is-top .joe_header__read{opacity:0}& .joe_header__above-search{white-space:nowrap;gap:4px;margin-left:0;padding:0 0 0 8px;&>button,& .nav_login a{border-radius:8px;flex-shrink:0}& .submit{width:36px;height:36px;color:var(--text-regular);transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-spring);background:0 0;border:0;border-radius:6px;&:hover{color:var(--theme);background:var(--tint)}&:active{transform:scale(.9)}}}& .nav_login{height:36px;margin-left:0;& a{width:36px;height:36px;color:var(--text-regular);background:0 0;border-radius:6px;font-size:20px;&:hover{color:var(--theme);background:var(--tint)}}& img{width:30px;height:30px}}& .joe_dropdown__menu,& .joe_nav_sub{border:1px solid var(--border-light);background:color-mix(in srgb, var(--bg-raised) 97%, transparent);width:max-content;min-width:176px;max-width:min(280px,90vw);color:var(--text-regular);text-shadow:none;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:12px;padding:6px;&:before,&:after{display:none}&>li{background:0 0}}& .joe_header__above-nav :is(.joe_dropdown__menu,.joe_nav_sub) a.item{width:100%;height:auto;min-height:38px;color:var(--text-regular);text-shadow:none;border-radius:7px;align-items:center;margin:0;padding:8px 12px;font-size:14px;font-weight:400;line-height:1.5;display:flex;& .m-icon{color:var(--text-secondary);flex-shrink:0;margin-right:8px;font-size:16px}&:hover,&:focus-visible,&.current{color:var(--theme-text);background:var(--tint)}}& .joe_dropdown__menu{transform-origin:top;transition:opacity var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out), transform .4s var(--ease-spring);top:calc(100% + 8px);transform:translate(-50%)scale(.96);&:after{content:"";height:10px;display:block;position:absolute;inset:-10px 0 auto}}& .joe_dropdown.active .joe_dropdown__menu{transform:translate(-50%)scale(1)}& .joe_header__above.is-reading .joe_dropdown__menu{visibility:hidden;opacity:0}& .joe_nav_sub{transform-origin:0 0;padding-left:6px;top:-6px;left:calc(100% + 6px);transform:translate(-6px)scale(.96);&:before{border:0;width:8px;height:auto;display:block;inset:0 auto 0 -8px;transform:none}}& .joe_nav_sub-li{height:auto;&:hover .joe_nav_sub,&:focus-within .joe_nav_sub{transform:none}}}.joe_header__above-logo--text{display:none}.joe_header--islands .joe_header__above-logo--text{color:var(--text-title);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;display:flex;overflow:hidden}.joe_header--islands:has(+#swup .evan-big-banner) .joe_header__above.is-top,.joe_header--islands:has(+#swup .joe_post_hero.has-cover) .joe_header__above.is-top{& .joe_header_container{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}& .joe_header__above-logo--text,& .joe_header__above-nav>a.item,& .joe_header__above-nav>.joe_dropdown>.joe_dropdown__link>a.item,& .joe_header__above-nav>.joe_dropdown>.joe_dropdown__link>.joe_dropdown__toggle,& .joe_header__above-search .submit,& .nav_login a,& .joe_header__mode,& .joe_header__console,& .joe_header__music,& .joe_header__above-slideicon,& .joe_header__above-searchicon{color:#fff;text-shadow:0 1px 8px #00000059}& .joe_header__kbd{color:#ffffffd9;background:#ffffff1f;border-color:#ffffff59}& .joe_header__above-nav:before{background:#fff}& .joe_header__above-search>button:hover,& .joe_header__above-search>button[aria-expanded=true],& .joe_dropdown__toggle:hover,& .nav_login a:hover{background:#ffffff29}}.joe_header :is(a,button):focus-visible{outline:2px solid var(--theme-text);outline-offset:3px}@media (width<=768px){.joe_header--islands{height:64px;& .joe_header__above{padding:8px 0;& .joe_container{height:48px}}& .joe_header_container{justify-content:space-between;width:calc(100% - 20px);min-height:48px;padding:0 6px;display:flex;&>.joe_header__above-slideicon,&>.joe_header__above-searchicon{position:static}}& .joe_header__above-logo,& .joe_header__above-search{&:after{display:none}}& .joe_header__above-logo{height:48px}& .joe_header__above-slideicon,& .joe_header__above-searchicon{border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}& .joe_header__chapter{display:none}& .joe_header__read{left:14px;right:14px}}}@media (prefers-reduced-motion:reduce){.joe_header--islands{& .joe_header__above-nav:before,& .joe_header__chapter,& .joe_header__above-nav>a.item,& .joe_header__above-nav>.joe_dropdown,& .joe_dropdown__menu,& .joe_header__chapter-list{transition-duration:0s}}}html:has(.joe_header--islands) .joe_progress_bar{display:none}@media (width>=769px){#Joe .joe_header--islands .joe_header_container{width:calc(100% - 30px);max-width:calc(var(--content-max-width,1320px) - 30px)}}.joe_header__mode{display:none}.joe_header--islands .joe_header__mode{width:36px;height:36px;color:var(--text-regular);cursor:pointer;transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-spring);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;&:hover{color:var(--theme);background:var(--tint)}&:active{transform:scale(.9)}& svg{width:20px;height:20px;overflow:visible}& .mode-core{fill:currentColor;transform-origin:50%;transition:r var(--dur-slow) var(--ease-spring)}& .mode-cut{transition:cx var(--dur-slow) var(--ease-spring), cy var(--dur-slow) var(--ease-spring)}& .mode-rays{stroke:currentColor;stroke-width:2px;stroke-linecap:round;transform-origin:50%;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring)}}html[data-mode=dark] .joe_header--islands .joe_header__mode{& .mode-core{r:9}& .mode-cut{cx:17;cy:7}& .mode-rays{opacity:0;transform:rotate(-60deg)scale(.5)}}@media (width>=769px){html:has(.joe_header--islands .joe_header__mode) .joe_action_item.mode{display:none}}@media (width<=768px){.joe_header--islands .joe_header__mode{display:none}}.joe_header__kbd{display:none}.joe_header--islands .joe_header__above-search .submit:has(.joe_header__kbd){gap:6px;width:auto;padding:0 8px 0 10px}.joe_header--islands .joe_header__kbd{border:1px solid var(--border-light);color:var(--text-secondary);background:var(--bg-muted);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;display:inline-block}@media (width<=992px){.joe_header--islands .joe_header__kbd{display:none}.joe_header--islands .joe_header__above-search .submit:has(.joe_header__kbd){width:36px;padding:0}}.joe_cc{z-index:1000;position:fixed;inset:0;&[hidden]{display:none}}.joe_cc:before{content:"";opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:#0f172a14;position:absolute;inset:0}.joe_cc.is-open:before{opacity:1}html[data-mode=dark] .joe_cc:before{background:#0000004d}.joe_cc__sheet{top:var(--cc-top,72px);right:var(--cc-right,16px);width:400px;max-height:calc(100dvh - var(--cc-top,72px) - 16px);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);opacity:0;transform-origin:100% 0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring);border-radius:20px;flex-direction:column;padding:14px;display:flex;position:absolute;transform:translateY(-8px)scale(.96);.joe_cc.is-open &{opacity:1;transform:none}}.joe_cc__tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;& .tile{min-width:0;font:inherit;text-align:left;color:var(--text-regular);background:var(--fill-base);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border:0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 9px;display:flex;&:hover{background:color-mix(in srgb, var(--fill-base) 80%, var(--theme) 20%)}&:active{transform:scale(.95)}&[aria-pressed=true]{color:#fff;background:var(--theme-solid);& .state{color:#fffc}}}& .glyph{background:#ffffff8c;border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:4px;font-size:15px;display:grid;[aria-pressed=true] &{background:#ffffff38}}html[data-mode=dark] & .glyph{background:#ffffff14}& .glyph--text{font-size:12px;font-weight:700}& .name{font-size:13px;font-weight:600}& .state{color:var(--text-secondary);font-size:11px}}.joe_cc__time{background:var(--fill-base);border-radius:14px;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;display:flex;& .ring{flex:none;width:52px;height:52px;position:relative;& svg{width:100%;height:100%;transform:rotate(-90deg)}& circle{fill:none;stroke-width:3.5px}& .track{stroke:color-mix(in srgb, var(--theme) 15%, transparent)}& .value{stroke:var(--theme);stroke-linecap:round;stroke-dasharray:calc(var(--p,0) * 1) 100;transition:stroke-dasharray .9s var(--ease-out)}& .pct{color:var(--text-title);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}}& .facts{min-width:0}& .fact{color:var(--text-regular);margin:0;font-size:13px;& strong{font-variant-numeric:tabular-nums;color:var(--theme-text)}}& .quote{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden;&:empty{display:none}}}.joe_cc__pages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;margin-top:10px;overflow-y:auto}.joe_cc__label{color:var(--text-secondary);margin:12px 4px 4px;font-size:12px;font-weight:600}.joe_cc__empty{color:var(--text-secondary);margin:0;padding:16px 6px;font-size:13px;line-height:1.6}.joe_cc__feed{margin:0;padding:2px 0 2px 18px;list-style:none;position:relative;&:before{content:"";background:var(--border-lighter);width:1px;position:absolute;top:10px;bottom:10px;left:7px}& a,& div{color:var(--text-regular);transition:background-color var(--dur-fast) var(--ease-out);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:7px 8px;display:grid;position:relative}& a:hover,& a:focus-visible{background:var(--tint)}& .kind{background:var(--text-placeholder);width:7px;height:7px;box-shadow:0 0 0 3px var(--glass-bg-strong);border-radius:50%;position:absolute;top:13px;left:-15px}& .kind--post{background:var(--theme)}& .kind--comment{background:#22a06b}& .kind--moment{background:#8b5cf6}& .line{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}& .who{color:var(--text-title);font-weight:600}& .act{color:var(--text-secondary);margin-right:4px}& .who+.act{margin-left:4px}& .obj{color:var(--text-title);a:hover &{color:var(--theme-text)}}& .text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin-top:2px;font-size:12px;overflow:hidden}& time{color:var(--text-placeholder);white-space:nowrap;grid-area:1/2;font-size:11px}}.joe_cc__resume a{color:var(--text-title);background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme) 25%, transparent);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;& .tag{color:#fff;background:var(--theme-solid);border-radius:999px;flex:none;padding:2px 8px;font-size:11px}& .text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}& .pct{color:var(--theme-text);font-variant-numeric:tabular-nums;flex:none;font-size:12px}}.joe_cc__history{margin:0;padding:0;list-style:none;& a{color:var(--text-regular);transition:background-color var(--dur-fast) var(--ease-out);border-radius:10px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex;&:hover,&:focus-visible{color:var(--theme-text);background:var(--tint)}}& .text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}& .bar{background:linear-gradient(var(--theme), var(--theme)) 0 / var(--p) 100% no-repeat, var(--fill-base);border-radius:2px;flex:none;width:40px;height:4px}& time{text-align:right;width:4.5em;color:var(--text-placeholder);flex:none;font-size:11px}}.joe_cc__foot{border-top:1px solid var(--border-lighter);align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.joe_cc__seg{background:var(--fill-base);border-radius:10px;flex:1;padding:3px;display:flex;& button{font:inherit;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:8px;flex:1;padding:6px 0;font-size:13px;&[aria-selected=true]{color:var(--text-title);background:var(--bg-raised);font-weight:600;box-shadow:0 1px 3px #00000014}}}.joe_cc__icon{width:34px;height:34px;color:var(--text-secondary);background:var(--fill-base);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid;&:hover{color:var(--theme-text);background:var(--tint)}}.joe_cc__icon--top .joe-font{transform:rotate(180deg)}.joe_header__console{border-radius:var(--radius-inner);width:36px;height:36px;color:var(--text-regular);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;&:hover,&[aria-expanded=true]{color:var(--theme-text);background:var(--tint)}& .joe-font{font-size:18px}.joe_header__above.is-top &[aria-expanded=true]{color:#fff;background:#ffffff38}}.joe_header__slideout-console{border-radius:var(--radius-wrap);width:100%;font:inherit;color:var(--text-regular);background:var(--tint);cursor:pointer;border:0;align-items:center;gap:10px;margin:10px 0;padding:12px 14px;font-size:14px;display:flex;& .joe-font:first-child{color:var(--theme)}& span{text-align:left;flex:1}}html.joe-console-open{overflow:hidden}html.joe-no-aside .joe_aside{display:none}html[data-joe-font="1"]{--reading-scale:1.125}html[data-joe-font="2"]{--reading-scale:1.25}html.joe-no-motion *,html.joe-no-motion :before,html.joe-no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=768px){.joe_cc__sheet{width:auto;max-height:82dvh;padding:10px 14px calc(14px + env(safe-area-inset-bottom));transform-origin:bottom;border-radius:22px 22px 0 0;inset:auto 0 0;transform:translateY(24px);&:before{content:"";background:var(--border-base);border-radius:2px;align-self:center;width:36px;height:4px;margin-bottom:10px}}}@media (prefers-reduced-motion:reduce){.joe_cc:before,.joe_cc__sheet,.joe_cc__time .ring .value{transition:none}}.joe_header__music{border-radius:var(--radius-inner);width:36px;height:36px;color:var(--text-regular);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;&:hover,&[aria-expanded=true]{color:var(--theme-text);background:var(--tint)}& .joe-font{font-size:18px}& .bars{align-items:flex-end;gap:2px;height:14px;display:none;& i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite joe-music-bar;&:nth-child(2){animation-delay:-.3s}&:nth-child(3){animation-delay:-.6s}}}&.is-playing{color:var(--theme-text);& .joe-font{display:none}& .bars{display:flex}}.joe_header__above.is-top &[aria-expanded=true]{color:#fff;background:#ffffff38}}.joe_header__music--mobile{display:none}@keyframes joe-music-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.joe_header__music .bars i{animation:none;transform:scaleY(.7)}}.joe_music{top:var(--music-top,72px);right:var(--music-right,16px);z-index:1000;opacity:0;transform-origin:100% 0;width:340px;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring);pointer-events:none;position:fixed;transform:translateY(-8px)scale(.97);&.is-open{opacity:1;pointer-events:auto;transform:none}&[hidden]{display:none}}.joe_music__sheet{max-height:calc(100dvh - var(--music-top,72px) - 16px);color:var(--text-regular);background:var(--bg-raised);box-shadow:0 0 0 1px var(--card-border), 0 18px 48px -12px #00000047;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;& button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;&:disabled{opacity:.4;cursor:not-allowed}}& .now{align-items:center;gap:12px;display:flex}& .cover{width:52px;height:52px;color:var(--text-secondary);background:var(--fill-base);border-radius:10px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .joe-font{font-size:22px}}& .meta{flex:1;min-width:0;& p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}}& .title{color:var(--text-title);font-size:15px;font-weight:600}& .artist{color:var(--text-secondary);margin-top:2px;font-size:12px}& .play{color:#fff;background:var(--theme-solid);width:40px;height:40px;transition:scale var(--dur-fast) var(--ease-spring);border-radius:50%;flex:none;place-items:center;display:grid;&:active{scale:.92}& .joe-font{font-size:18px}& .i-pause{display:none}}& .progress{align-items:center;gap:10px;display:flex;& input{flex:1}& .time{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:none;font-size:11px}}& input[type=range]{--fill:0%;cursor:pointer;appearance:none;background:0 0;height:16px;margin:0;&::-webkit-slider-runnable-track{background:linear-gradient(var(--theme), var(--theme)) 0 / var(--fill) 100% no-repeat, var(--border-lighter);border-radius:2px;height:4px}&::-moz-range-track{background:var(--border-lighter);border-radius:2px;height:4px}&::-moz-range-progress{background:var(--theme);border-radius:2px;height:4px}&::-webkit-slider-thumb{background:var(--theme);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-raised);appearance:none;transition:scale var(--dur-fast) var(--ease-out);border:0;border-radius:50%;margin-top:-4px}&::-moz-range-thumb{background:var(--theme);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-raised);border:0;border-radius:50%}&:hover::-webkit-slider-thumb,&:focus-visible::-webkit-slider-thumb{scale:1.2}&:focus-visible{outline:2px solid color-mix(in srgb, var(--theme) 50%, transparent);outline-offset:2px;border-radius:4px}}& .lyric{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-height:1.5em;color:var(--theme-text);margin:0;font-size:13px;overflow:hidden;&:empty{display:none}}& .controls{align-items:center;gap:4px;display:flex;&>button{width:32px;height:32px;color:var(--text-regular);border-radius:8px;place-items:center;display:grid;&:hover:not(:disabled){color:var(--theme-text);background:var(--tint)}& .joe-font{font-size:17px}}& [data-music-mode] .joe-font{display:none}}& .volume{color:var(--text-secondary);flex:1;align-items:center;gap:6px;margin-left:6px;display:flex;& input{flex:1;min-width:0}}& .list{border-top:1px dashed var(--border-lighter);overscroll-behavior:contain;max-height:240px;margin:0;padding:6px 0 0;overflow-y:auto;&:empty{display:none}& li{list-style:none}& button{text-align:left;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:7px 8px;font-size:13px;display:flex;&:hover{background:var(--fill-base)}&[aria-current]{color:var(--theme-text);& .n,& .a{color:inherit}}}& .n{font-variant-numeric:tabular-nums;min-width:1.4em;color:var(--text-secondary);flex:none;font-size:11px}& .t{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}& .a{white-space:nowrap;text-overflow:ellipsis;max-width:40%;color:var(--text-secondary);flex:none;margin-left:auto;font-size:12px;overflow:hidden}}& .empty{text-align:center;color:var(--text-secondary);margin:0;padding:8px 0 2px;font-size:13px}}.joe_music.is-playing .play{& .i-play{display:none}& .i-pause{display:inline-flex}}.joe_music[data-mode=list] [data-music-mode] .m-list,.joe_music[data-mode=one] [data-music-mode] .m-one,.joe_music[data-mode=random] [data-music-mode] .m-random{display:inline-flex}.joe_music[data-mode=one] [data-music-mode],.joe_music[data-mode=random] [data-music-mode]{color:var(--theme-text)}@media (width<=768px){.joe_header__music--mobile{border-radius:6px;order:2;width:40px;height:40px;margin-left:auto;display:flex}.joe_header_container>.joe_header__above-searchicon{order:3}.joe_header_container>.joe_header__above-logo{position:absolute;left:50%;translate:-50%}.joe_music{transform-origin:bottom;width:auto;inset:auto 0 0;transform:translateY(16px)}.joe_music__sheet{max-height:75dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}}.joe_aside{--aside-width:280px;flex:0 0 var(--aside-width);width:var(--aside-width);margin-left:15px;padding-bottom:15px;container:joe-aside/inline-size;&.hide{display:none}}.joe_aside__item{border-radius:var(--radius-wrap);width:100%;box-shadow:var(--shadow);margin-bottom:15px;position:relative;overflow:hidden;&:last-child{transition:top var(--dur-base) var(--ease-out);margin-bottom:0;position:sticky;top:75px}}.joe_aside__item-title{height:46px;color:var(--text-title);align-items:center;padding:0 16px;font-size:15px;font-weight:600;line-height:46px;display:flex;position:relative;& .joe-font{color:var(--theme);margin-right:6px;font-size:18px;font-weight:400}}.joe_aside__item-contain{padding:14px 16px 16px;position:relative}.joe_aside__item{&.author{background:var(--bg-page);padding:45px 15px 15px;&:before{content:"";z-index:2;background:linear-gradient(to bottom, #fff0, var(--bg-page));width:100%;height:30px;position:absolute;top:90px;left:0}& #tp-weather-widget{z-index:6;position:absolute;top:5px;right:8px}& .joe_strips{opacity:0;z-index:5;pointer-events:none;position:absolute;top:0;left:0}&:hover .joe_strips{opacity:1}& .image{object-fit:cover;z-index:1;border-radius:var(--radius-wrap) var(--radius-wrap) 0 0;width:100%;height:120px;position:absolute;top:0;left:0}& .user{z-index:4;flex-direction:column;align-items:center;padding-bottom:15px;display:flex;position:relative;& .avatar_wrapper{user-select:none;width:75px;height:75px;margin-bottom:12px;position:relative;&.round .avatar{border-radius:6px}}& .avatar{object-fit:cover;background:var(--border-lighter);width:75px;height:75px;transition:transform .75s var(--ease-out);border-radius:50%;padding:5px;display:block;overflow:hidden;&:hover{transform:rotate(360deg)}}& .avatar_frame{z-index:2;width:75px;height:75px;max-width:unset;pointer-events:none;filter:drop-shadow(1px 1px 2px var(--icon-shadow));position:absolute;top:0;left:0;transform:scale(1.23);&.rainbow-girl,&.honor-light{top:1px}&.bird-girl{width:80px;height:80px;top:-2px;left:-2px}&.purple-crystal{width:74px;height:74px;top:2px}&.flower-ring{width:78px;height:78px;top:-2px;left:-3px}&.lantern-cloud{width:78px;height:78px;top:-3px;left:-5px}&.ease-cloud{width:80px;height:80px;top:-3px;left:-1px}&.festival-luck{width:78px;height:78px;top:-3px;left:-2px}&.happy-mouse{width:80px;height:80px;top:1px;left:-2px}&.two-mouse{width:82px;height:82px;top:-4px;left:-3px}&.bull-puff{width:76px;top:-1px;left:-1px}&.christmas-knot{width:90px;height:90px;top:-15px;left:-7px}&.christmas-ring{width:80px;height:80px;top:-2px;left:-4px}&.santa-claus{width:88px;height:88px;top:-8px;left:-13px}&.cactus{width:82px;height:82px;top:-4px;left:-3px}&.rabbit{width:90px;height:90px;top:-8px;left:-7px}&.gaoda{width:98px;height:98px;top:-11px;left:-12px}&.donut{width:78px;height:80px;top:-6px;left:-2px}&.bat{width:98px;height:98px;top:-12px;left:-11px}&.bilibili{width:90px;height:90px;top:-10px;left:-11px}&.constellation{width:90px;height:90px;top:-8px;left:-7px}&.putin{width:97px;height:97px;top:-10px;left:-9px}&.princess{width:94px;height:94px;top:-10px;left:-10px}&.mangci{width:97px;height:97px;top:-11px;left:-11px}&.maid{width:98px;height:98px;top:-13px;left:-11px}&.orchid,&.gulu{width:98px;height:98px;top:-11px;left:-11px}&.gufeng{width:90px;height:90px;top:-8px;left:-5px}}& .avatar_widget{z-index:3;width:75px;max-width:unset;pointer-events:none;position:absolute;top:-10px;left:0;&.wing{top:-28px}&.rotate-heart{top:8px}&.fall-in-love{width:115px;top:-13px;left:-23px}}& .link{color:var(--theme);text-align:center;text-shadow:1px 1px 8px var(--theme);margin-bottom:10px;font-size:16px;font-weight:500;& .level{height:24px;margin-left:2px}}& .motto{color:var(--text-primary);text-align:center;word-break:break-word}}& .count{align-items:center;width:100%;padding-bottom:10px;display:flex;& .item{min-width:0;color:var(--text-regular);flex-direction:column;flex:1;align-items:center;font-size:12px;display:flex;position:relative;&:after{content:"";background:var(--border-lighter);width:1px;height:30px;position:absolute;top:12px;right:0}&:last-child:after{display:none}& .num{white-space:nowrap;text-overflow:ellipsis;max-width:70px;color:var(--text-title);text-shadow:var(--text_shadow);margin-bottom:3px;font-size:22px;font-weight:500;overflow:hidden}}}& .list{padding-top:15px;& .item{justify-content:space-between;align-items:center;line-height:30px;display:flex;& .link{color:var(--text-regular);text-overflow:ellipsis;white-space:nowrap;max-width:85%;position:relative;overflow:hidden;&:after{content:"";background:var(--theme);width:0;height:1px;transition:all var(--dur-base) var(--ease-out);position:absolute;bottom:0;left:0}&:hover{color:var(--theme);&:after{width:100%}}}}}}&.newest{background:var(--bg-page);& .list{padding-top:1px;& .empty{color:var(--text-secondary);font-size:13px}& .item{justify-content:space-between;align-items:center;margin-bottom:15px;line-height:20px;display:flex;& .joe-font{color:var(--theme);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);font-size:16px;transform:translate(-4px)}&:hover{& .link{color:var(--theme);&:after{width:100%}}& .joe-font{opacity:1;transform:none}}&:last-child{margin-bottom:0}& .views{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:10px;font-size:12px}& .title{color:var(--text-secondary);align-items:center;margin-bottom:5px;font-size:12px;display:flex;& .text{color:var(--theme);margin:0 5px;font-size:14px;font-weight:500}}& .link{color:var(--text-regular);text-overflow:ellipsis;white-space:nowrap;max-width:85%;position:relative;overflow:hidden;&:after{content:"";background:var(--theme);width:0;height:1px;transition:all var(--dur-base) var(--ease-out);position:absolute;bottom:0;left:0}}}}}&.notice{background:var(--bg-page);& .joe_aside__item-title{color:color-mix(in oklab, var(--notice) 68%, #000);html[data-mode=dark] &,& .joe-font{color:var(--notice)}}& .joe_aside__item-contain{background:color-mix(in srgb, var(--notice) 7%, var(--bg-page))}& .notice_content{white-space:pre-line;word-break:break-word;color:var(--text-regular);font-size:14px;& a[href*=http]{color:var(--theme);text-overflow:ellipsis;white-space:nowrap;max-width:85%;position:relative;overflow:hidden;&:after{content:"";background:var(--theme);width:0;height:1px;transition:all var(--dur-base) var(--ease-out);position:absolute;bottom:0;left:0}&:hover{color:var(--theme);&:after{width:100%}}}}}&.reward{background:var(--bg-page);& .pay-tab-content{width:100%;height:310px;padding:0 15px;& input[type=radio]:checked+label+div{opacity:1;display:block;left:0}& input[type=radio]:checked+label{color:var(--theme);border-bottom-color:var(--theme)}& ul{padding:0;list-style-type:none;display:flex;position:relative;&>li{text-align:center;flex:1;margin:0 3px;line-height:40px;list-style-type:none;&:hover label{color:var(--theme)}& label{cursor:pointer;width:100%;transition:color var(--dur-base) var(--ease-out);border-bottom:2px solid #0000;border-radius:3px;display:block}&>input{display:none}&>div{opacity:0;width:100%;position:absolute;left:calc(100% + 20px)}}}}}&.qrcode{background:var(--bg-page);& .qrcode_img{user-select:none;border-radius:var(--radius-inner);width:100%;display:block}& .qrcode_description{color:var(--text-regular);margin-top:10px;font-size:14px}}&.timelife{background:var(--bg-page);& .item{margin-bottom:15px;&:last-child{margin-bottom:0}& .title{color:var(--text-secondary);align-items:center;margin-bottom:5px;font-size:12px;display:flex;& .text{color:var(--theme-text);margin:0 5px;font-size:14px;font-weight:500}}& .progress{align-items:center;display:flex}& .progress-bar{border-radius:var(--radius-inner);background:var(--border-lighter);flex:1;width:0;min-width:0;height:10px;margin-right:5px;overflow:hidden}& .progress-bar-inner{border-radius:var(--radius-inner);width:0;height:100%;transition:width var(--dur-base) var(--ease-out);animation:.75s linear infinite progress}& .progress-bar-inner-0{background:#bde6ff linear-gradient(135deg,#50bfff 25%,#0000 25% 50%,#50bfff 50% 75%,#0000 75% 100%) 0 0/30px 30px}& .progress-bar-inner-1{background:#ffd980 linear-gradient(135deg,#f7ba2a 25%,#0000 25% 50%,#f7ba2a 50% 75%,#0000 75% 100%) 0 0/30px 30px}& .progress-bar-inner-2{background:#ffa9a9 linear-gradient(135deg,#ff4949 25%,#0000 25% 50%,#ff4949 50% 75%,#0000 75% 100%) 0 0/30px 30px}& .progress-bar-inner-3{background:#67c23a linear-gradient(135deg,#4f9e28 25%,#0000 25% 50%,#4f9e28 50% 75%,#0000 75% 100%) 0 0/30px 30px}& .progress-percentage{width:38px;color:var(--text-secondary)}}}&.hot{background:var(--bg-page);& .empty{text-align:center;color:var(--text-regular)}& .item{margin-bottom:15px;&:last-child{margin-bottom:0}&:first-child .link .sort{background:#ff183e}&:nth-child(2) .link .sort{background:#ff5c38}&:nth-child(3) .link .sort{background:#ffb821}& .link{border-radius:var(--radius-inner);display:block;position:relative;overflow:hidden;&:hover .image{transform:scale(1.2)}& .sort{color:#fff;text-align:center;z-index:1;background:#7f7f8c;width:65px;font-size:12px;font-style:normal;font-weight:500;position:absolute;top:5px;right:-20px;transform:rotate(45deg)}& .image{object-fit:cover;width:100%;height:130px;transition:transform var(--dur-base) var(--ease-out)}}}}&.newreply{background:var(--bg-page);& .empty{text-align:center;color:var(--text-regular)}& .item{border-bottom:1px dashed var(--border-lighter);margin-bottom:15px;padding-bottom:15px;&:last-child{border-bottom-color:#0000;margin-bottom:0;padding-bottom:0}& .user{margin-bottom:12px;display:flex;& .avatar{border:1px solid var(--border-base);border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;margin-right:12px;padding:3px}& .info{flex-direction:column;justify-content:space-between;display:flex;& .author{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--text-primary);margin-bottom:4px;font-weight:600;overflow:hidden}& .date{color:var(--text-secondary);font-size:12px}}}& .reply{background:var(--fill-base);border-radius:6px;padding:5px 10px;position:relative;&:before{content:"";border-bottom:6px solid var(--fill-base);border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:100%;left:15px}& .link{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;color:var(--text-secondary);transition:all var(--dur-base) var(--ease-out);-webkit-box-orient:vertical;max-height:48px;font-size:13px;font-weight:500;line-height:24px;display:-webkit-box;overflow:hidden;& .joe-comment-preview__emote{object-fit:contain;vertical-align:-4px;border-radius:0;width:20px;height:20px;margin:0 2px;display:inline-block}&:hover,& a{color:var(--theme)}}}}}&.aside_custom{background:var(--bg-page)}&.advert{background:var(--bg-page);min-height:32px;display:block;& img{object-fit:cover;width:100%}& .icon{z-index:1;color:#ebebeb;pointer-events:none;background:#00000040;border-radius:2px;padding:2px 5px;font-size:12px;position:absolute;top:6px;right:6px}}&.tags-cloud{background:var(--bg-page);margin-bottom:15px;& .text{flex:1}& .tags_more{color:var(--text-secondary);font-size:14px;font-weight:400;position:relative;top:2px;& i{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400}&:hover{color:var(--theme);& i{color:var(--theme)}}}& .cloud-list,& .tags-cloud-list,& .categories-cloud-list{font-size:0;& a{width:30%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;background:var(--background-tag);border:1px solid var(--border-muted);border-radius:3px;margin:4px;padding:5px;font-size:13px;line-height:1.2;text-decoration:none;display:inline-block;overflow:hidden;&:hover{color:var(--theme)}}&.responsive{& a{width:unset;overflow:unset;text-overflow:unset;white-space:unset;text-align:left;margin:4px;line-height:1.2}}}& .empty{text-align:center;color:var(--text-regular)}}}@media (width<=992px){.joe_aside{display:none}}.joe_aside__item{transition:box-shadow var(--dur-base) var(--ease-out);&:hover{box-shadow:var(--shadow-hover)}}html[data-mode=dark] .motto_day_words{filter:invert()}.joe_cloud3d a{--cloud-text:color-mix(in oklab, var(--cloud-color) 62%, #000);html[data-mode=dark] &{--cloud-text:color-mix(in oklab, var(--cloud-color) 72%, #fff)}}.joe_aside__item.post-tabs{& .tabs{gap:16px;height:100%;display:flex}& [role=tab]{font:inherit;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:0;font-size:14px;font-weight:500;position:relative;&:hover{color:var(--text-title)}&[aria-selected=true]{color:var(--text-title);font-weight:600;&:after{content:"";background:var(--theme);border-radius:2px;width:16px;height:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}}&:focus-visible{outline:2px solid var(--theme);outline-offset:2px;border-radius:2px}}& [role=tabpanel][hidden]{display:none}& [role=tabpanel]+[role=tabpanel]{margin-top:15px}}.joe_footer{color:var(--text-secondary);background:var(--bg-page);border-top:1px solid var(--border-lighter);z-index:-1;font-size:13px;& .joe_container{margin:0 auto;padding-left:20px;padding-right:20px}& a{color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out);&:hover{color:var(--theme-text)}}& p{margin:0}&.full .joe_container{max-width:100%}&.fixed{z-index:2;width:100%;box-shadow:-2px 0 4px 0 var(--border-faint);position:fixed;bottom:0}}.joe_footer__show{justify-content:space-between;align-items:flex-start;gap:32px 64px;padding-top:36px;padding-bottom:32px;display:flex}.joe_footer__life{gap:8px;width:min(360px,100%);display:grid;& .label{letter-spacing:.04em;font-size:12px}& .days{align-items:baseline;gap:6px;line-height:1;display:flex;& strong{letter-spacing:-.02em;color:var(--theme-text);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}& .unit{color:var(--text-regular);font-size:14px}}& .stats{flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12.5px;display:flex;& em{color:var(--text-regular);font-variant-numeric:tabular-nums;margin-right:2px;font-style:normal;font-weight:600}}}.site_anniversary{gap:6px;margin-top:6px;display:grid;&[hidden]{display:none}& .head{color:var(--text-regular);justify-content:space-between;font-size:12.5px;display:flex}& .pct{color:var(--theme-text);font-variant-numeric:tabular-nums;font-weight:600}& .track{background:color-mix(in srgb, var(--theme) 12%, var(--border-lighter));border-radius:2px;height:4px;display:block;overflow:hidden}& .fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--theme) 45%, transparent), var(--theme));width:0;height:100%;transition:width 1.2s var(--ease-out);display:block}& .hint{font-variant-numeric:tabular-nums;font-size:12px}}.joe_footer__nav{justify-items:end;gap:20px;display:grid;& .groups{flex-wrap:wrap;gap:16px 56px;display:flex}& .title{color:var(--text-title);margin:0 0 12px;font-size:13px;font-weight:600}& ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}& .social-account{border-top:0;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-right:-4px;padding-top:0}}.joe_footer__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding-top:14px;padding-bottom:16px;font-size:12.5px;line-height:22px;display:flex;& .start,& .end,& .filing,& .links{flex-wrap:wrap;align-items:center;gap:0 16px;display:flex}& .copyright,& .icp,& .site_police a{white-space:nowrap}& a{margin:0}}.joe_footer__show+.joe_footer__bar{border-top:1px solid var(--border-lighter)}@media (width>=769px){.joe_footer .joe_footer__show,.joe_footer .joe_footer__bar{padding-right:76px}}.site_powered{align-items:center;display:inline-flex;& .a-powered,& .a-theme{color:var(--text-regular);font-weight:600}}.joe_footer__bar .rss .joe-font{vertical-align:-1px;margin-right:3px;font-size:13px}.site_driven{align-items:center;display:inline-flex;& img{opacity:.7;height:16px;transition:opacity var(--dur-fast) var(--ease-out);display:block;&.huawei,&.jinshan{height:20px}}& a:hover img{opacity:1}}html[data-mode=dark] .site_driven img{&.baidu,&.huawei,&.jinshan{filter:invert()}}.site_police a:before{vertical-align:text-bottom;content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAwBQTFRFtJR+///krYt6n2hV0a52/b9Ummlc2aht27qH//eX26xi8Na74bNo+M562rB75MGP5LaA5LaC47xp68l57N2y/vrs369n/++G1qx+/tiP6sN6+//e//nQ79l/+NqC6MZ87NmN+PPJ3qdc3alT25xR46xT57xs69KY57Vcw38+2a+C05NwyoRb6che5LxZ5MJt7d6A4bBn0Ktx+/TQ3KdZ8d/H9N+L7+ij8+mS9/O48deu///i7NOF+fG28+eq/vzgAAAAgVg6o31ShGlK7HEtxGsznl8wp41Z+sREcoWUHD6XlIx1xa58tYA/6Zc09oI24kYeo5mEBAVtbmJiNhpNtJlYAAiR96Q53bZp2U4qFzCJa3OEeWRg14pGxb2H/+Jj0RUKvbp+7XE02Mx3AABqzcJxfHp502U9CwZn/7VJzng6/Mxk24Y43Z9CXllm2QAG8F4eu0wo07yHuk0kk2A2yrZ4aX6O9LBA4JU504c9+9Jv46pKABB65G82vwAR2203YB5Q118zzCcT/S0U1Ugq00AmzaxSxicTTg5OxVIkyz0h/SsKDABdzD4txBgKrKJzjYZ3/75gQiREVDhTyQACaQI2XF94wQwLqbSRzxcR0QwR+59GuYtYABuOTAA5tgAQxj4dsQ4OAABhtKNm1JY94qlXyVkqbHmKVk5vzywa/I4sTjVP/9JmhI+Z8K9I1sB41jEfvZBe0iEa83wo7cJi/+9t/9hN469L1hoX6KA945M925tF+MRY15FT2J5Y8M1k67tc3oMy8dNp1XQo1o480oM92pZK68Vd5rZW5sBV6cpt7tRw6K5J7LlP6bFL6bdS7r5Q6L9O4KRM6LlP8slW58Rm6F8mAACAlI+B0zgiAAR33pBE13U41mUw2kko1AMJ6YI+8stuAABm/sVSORQ4cniCk3ha/9te4rJT5L5R8Nh21ZBG5bFQ3qNJ57ta3plE7c1m7Mlb6cFg6r1Z7cph68BX5rlZ6cZe9eNzAABuzgACAAB51z4g1h8Y/9JY5LVdEd5zqQAAAEF0Uk5TyxjR92/D++WYNfUc+cGpn7HH4MSDIdu+rrLmKUzsMPsnWsbG0uS8jOScSBRd8PTs4ecCXOtBunyrAmkclEJBCABK/YzMAAABgElEQVQY02NwgABGKwYmK2sohwFM2vIxuzk6O7FJyCAE7Tc+KXG95hLR/2SOPUzQmnf1s833b0b+mj1jsqQ9RFCaJyRv1aa/K+/NnD4xepKUAliQ0/u6e8H9DTtm3ZxyLfHnBDmQIDfrjVu+Afl///z5++tP8s80cVGgIEt44PVQ/1/Llry8nZCU+vPGPxGgIIefT1iwR/GCu3fqY+NjfseV8wMF2XMeegUVPmjpamytTc+IelUhBhTkysr0/D2/+27nnQfNdSlljyuFgIICudlFc+ct7Gtvutc7taa06oUNUFDw9tI1a289WtTR0PPo99Pn/6uFgYLy+/buerj+2fLFbdNWPN2yc/d2WaCg4su3rw/veb7t8bp/W/8dfP3iox3IR8a6J48e+XDgzbv9h94fO6VvC/amqeH37ye+Hv/05fPbb6evmtiBBc1+vPr///ObT+ffX/r27sMPC7CgvY3e5SsXzp098/XjxS8G5pbQQNbW0VRWUdVQUlPXMgLxASGRxIfJhdfLAAAAAElFTkSuQmCC) 50%/100% 100% no-repeat;width:14px;height:14px;margin-right:4px;display:inline-block}@media (width<=768px){.joe_footer__show{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-top:28px;padding-bottom:24px}.joe_footer__life{justify-items:center;& .days,& .stats{justify-content:center}}.site_anniversary{width:100%}.joe_footer__nav{justify-items:center;& .groups{justify-content:center;gap:16px 40px}& .social-account{justify-content:center;margin-right:0}}.joe_footer__bar{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding-top:12px;padding-bottom:20px;& .start,& .end,& .filing,& .links{justify-content:center}& .end{flex-direction:column;gap:4px}}}}@layer content{.joe_detail{background:var(--bg-page);border-radius:var(--radius-wrap);box-shadow:var(--shadow);margin-bottom:15px;padding:20px;position:relative}.joe_detail__category{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:0;padding-top:24px;display:flex;& .item{--c:var(--theme);color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);white-space:nowrap;text-overflow:ellipsis;max-width:120px;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);border-radius:999px;margin-right:0;padding:3px 10px;font-size:12px;font-weight:600;overflow:hidden;&:hover{opacity:.85;transform:translateY(-3px)}&:last-child{margin-right:0}}& .item-0{--c:#0396ff}& .item-1{--c:#ea5455}& .item-2{--c:#7367f0}& .item-3{--c:#28c76f}& .item-4{--c:#9f44d3}& .edit{color:var(--text-secondary);margin-left:auto;&:hover{color:var(--theme)}}}.joe_detail__title{letter-spacing:.01em;color:var(--text-title);text-align:center;text-wrap:balance;margin-bottom:15px;padding-top:32px;font-size:28px;font-weight:650;line-height:1.35;.joe_detail__category+.joe_detail-wrapper &{padding-top:12px}word-break:break-word;&.txt-shadow{text-shadow:var(--text-shadow)}}.joe_detail__count{border-bottom:1px solid var(--border-lighter);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:15px;display:flex;position:relative}.joe_detail__count-information{align-items:center;display:flex;& .avatar{object-fit:cover;background:var(--border-lighter);border:1px solid var(--border-base);border-radius:50%;width:35px;height:35px;margin-right:10px;padding:3px}& .meta{flex-direction:column;justify-content:space-between;height:35px;font-size:12px;display:flex;& .author{& .link{color:var(--theme-text);font-weight:500;&:hover{text-decoration:underline}}}& .item{color:var(--text-secondary);align-items:center;line-height:16px;display:flex;& .line{color:var(--text-placeholder);vertical-align:middle;margin:0 5px}}}}.joe_detail__count-created{color:var(--text-regular);user-select:none;text-shadow:var(--text-shadow);font-size:32px;line-height:42px}.joe_detail__overdue{max-width:var(--reading-width,none);color:var(--text-secondary);border-left:3px solid var(--overdue-border);border-radius:0 var(--radius-inner) var(--radius-inner) 0;background:var(--overdue-background);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:4px auto 0;padding:8px 12px;font-size:13px;line-height:1.6;display:flex;& .joe-font{color:var(--overdue-text);align-self:center;font-size:14px}& .extra{color:var(--text-secondary)}}.joe_detail__article{max-width:var(--reading-width,none);font-size:calc(16px * var(--reading-scale,1));word-break:break-word;color:var(--text-regular);margin-left:auto;margin-right:auto;padding:10px 0;line-height:1.85;&.uncopy{user-select:none!important}&.indent{&>p{text-indent:2em;&>img{margin-left:-2em}}}& :not(pre)>code:not([class]){white-space:break-spaces;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 2px;padding:2px 6px;font-size:.86em;display:inline}& h1,& h2,& h3,& h4,& h5,& h6{color:var(--text-title);margin-bottom:18px;scroll-margin-top:80px;font-weight:650;line-height:1.4;position:relative}& h1{margin:2em 0 .8em;font-size:1.6em}&>:first-child,&>#post-inner>:first-child{margin-top:0}& h2,& h3,& h4{&:before{content:"";vertical-align:middle;background:var(--theme);border-radius:2px;width:4px;margin-right:10px;display:inline-block;position:relative;top:-.08em}}& h2{margin:1.9em 0 .8em;font-size:1.4em;&:before{height:.95em}}& h3{margin:1.7em 0 .7em;font-size:1.25em;&:before{opacity:.7;height:.8em}}& h4{margin:1.6em 0 .6em;font-size:1.1em;&:before{opacity:.45;height:.7em}}& h5,& h6{margin:1.5em 0 .5em;font-size:1em}& h6{color:var(--text-secondary)}& strong,& b{color:var(--text-title);font-weight:600}& hr{background-color:var(--border-lighter);border:none;height:1px;margin:2em 0}& p{line-height:inherit;margin-bottom:1.15em}& blockquote{line-height:inherit;color:var(--text-secondary);background:color-mix(in srgb, var(--theme) 6%, transparent);border-left:3px solid var(--theme);border-radius:0 var(--radius-inner) var(--radius-inner) 0;margin:0 0 1.15em;padding:10px 16px;& p{margin:0}}& a:not([class]){text-indent:0;color:var(--theme-text);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--theme) 35%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-out);text-decoration-thickness:1px;&:hover{text-decoration-color:currentColor}}& ins,& del{&>a:not([class]){text-decoration:inherit}}& span[data-fancybox]{text-align:left;display:block}& img{cursor:zoom-in;border-radius:var(--radius-img);margin:.4em 0;display:inline-block;max-width:var(--img-max-width)!important}&>iframe{border-radius:var(--radius-img);border:none;min-width:700px;max-width:100%;min-height:500px;margin:0 auto;display:block;overflow:hidden}& video{border-radius:var(--radius-img);min-width:700px;margin:0 auto;display:block;overflow:hidden;max-width:100%!important}& .mermaid{border-radius:var(--radius-inner);background:#f9f9f9;margin:10px 0;padding:10px;& svg{margin:0 auto;display:block}}& .indent{text-indent:2em}& ol,& ul{margin:0 0 1.15em;padding-left:1.6em;& li{line-height:inherit;&+li{margin-top:.3em}&>ol,&>ul{margin:.3em 0 0}&::marker{color:var(--text-secondary)}&.task-list-item{margin-left:-16px;list-style:none;& input{position:relative;top:1px}}}}& ol li{list-style:decimal}& ul li{list-style:outside}& table{border-collapse:collapse;width:100%;max-width:100%;color:var(--text-regular);margin:0 0 1.15em;font-size:.9em;line-height:1.6;display:block;overflow-x:auto;& th,& td{text-align:left;border-bottom:1px solid var(--border-lighter);padding:9px 14px}& th{white-space:nowrap;color:var(--text-title);border-bottom:1.5px solid var(--border-light);font-weight:600}& tbody tr:last-child td{border-bottom:0}& tbody tr:hover td{background:var(--fill-base)}}}.joe_detail__agree{& .agree{color:var(--text-secondary);cursor:pointer;user-select:none;font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;display:flex;& .icon{width:30px;height:30px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);background:#f56c6c24;border-radius:50%;place-items:center;display:grid;position:relative}& .joe-font{color:#f56c6c;opacity:0;transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-fast) var(--ease-out);font-size:17px;position:absolute;transform:scale(.4);&.active{opacity:1;transform:scale(1)}}&:hover .icon{background:#f56c6c38;transform:scale(1.08)}&.active{color:#f56c6c;& .icon{background:#f56c6c;animation:1s box_shadow}& .joe-font{color:#fff}}}}.joe_detail__operate{max-width:var(--reading-width,none);border-top:1px dashed var(--border-lighter);color:var(--text-regular);align-items:center;gap:12px;margin-top:28px;margin-left:auto;margin-right:auto;padding-top:16px;display:flex}.joe_detail__operate-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.joe_detail__operate-tags{flex:1;align-items:center;margin-right:5px;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}& a{background-color:var(--fill-base);color:var(--text-secondary);border:1px solid var(--fill-base);white-space:nowrap;text-overflow:ellipsis;max-width:125px;height:26px;transition:border var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);border-radius:13px;flex-shrink:0;margin-right:10px;padding-left:29px;padding-right:8px;font-size:12px;line-height:26px;position:relative;overflow:hidden;&:hover{color:var(--text-regular);border:1px solid var(--border-lighter)}&:last-child,&:nth-child(5){margin-right:0}&:nth-child(n+6){display:none}&:before{content:"";background:var(--bg-page);border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:0}&:after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiPjxwYXRoIGQ9Ik02ODIuNjY3IDM1Ni44NDhIMzI1LjgxOGEzOC43ODggMzguNzg4IDAgMCAxLTM4Ljc4OC0zOC43ODcgMzguNzg4IDM4Ljc4OCAwIDAgMSAzOC43ODgtMzguNzg4aDM1Ni44NDlhMzguNzg4IDM4Ljc4OCAwIDAgMSAzOC43ODggMzguNzg4IDM4Ljc4OCAzOC43ODggMCAwIDEtMzguNzg4IDM4Ljc4N3oiIGZpbGw9IiM1NGI1ZGIiLz48cGF0aCBkPSJNOTA3LjYzNiAxMDI0aC0xNS41MTVMNTEyIDgwNi43ODhsLTM4MC4xMjEgMjA5LjQ1NEg5My4wOWE2Mi4wNiA2Mi4wNiAwIDAgMS0xNS41MTUtMzEuMDNWMTE2LjM2NEExMTYuMzY0IDExNi4zNjQgMCAwIDEgMTkzLjkzOSAwaDYzNi4xMjJhMTE2LjM2NCAxMTYuMzY0IDAgMCAxIDExNi4zNjMgMTE2LjM2NHY4NjguODQ4YTYyLjA2IDYyLjA2IDAgMCAxLTE1LjUxNSAzMS4wM3pNNTEyIDcyMS40NTVoMjMuMjczbDMzMy41NzUgMTg2LjE4MVYxMTYuMzY0YTM4Ljc4OCAzOC43ODggMCAwIDAtMzguNzg3LTM4Ljc4OEgxOTMuOTM5YTM4Ljc4OCAzOC43ODggMCAwIDAtMzguNzg3IDM4Ljc4OHY3OTkuMDNsMzQxLjMzMy0xODYuMTgyeiIgZmlsbD0iIzU0YjVkYiIvPjwvc3ZnPg==) 0 0/100% 100% no-repeat;width:12px;height:12px;position:absolute;top:50%;left:12px;transform:translate(-50%,-50%)}}}.joe_detail__operate-share{z-index:10;width:30px;height:30px;transition:all var(--dur-base) var(--ease-out);border-radius:30px;margin-right:6px;position:relative;top:1px;overflow:hidden;& .joe-icon-share{cursor:pointer;z-index:3;text-align:center;color:#fff;width:28px;height:28px;transition:transform var(--dur-base) var(--ease-out);background:#99f;border-radius:50%;font-size:18px;font-weight:700;line-height:28px;display:block;position:relative}& .share-icon-list{pointer-events:none;opacity:0;transform-origin:100%;z-index:1;background:var(--fill-base);transition:all var(--dur-fast) var(--ease-out);border-radius:50px;align-items:center;padding:4px 40px 4px 0;display:flex;position:absolute;top:-5px;right:0;transform:scale(0);& .share-action{width:26px;height:26px;color:var(--text-regular);background:var(--bg-page);transition:color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;margin:0 3px;font-size:15px;display:grid;&:hover{color:var(--theme-text)}}}&:hover,&:focus-within{width:auto;overflow:initial;background:var(--fill-base);& .joe-icon-share{transform:rotate(360deg)scale(1.25);box-shadow:0 0 1px 1px #c3c3c3}& .share-icon-list{pointer-events:initial;opacity:1;transform:scale(1)}}}.joe_detail__operate{& .joe_donate{z-index:10;text-align:center;width:30px;height:30px;position:relative;& .joe-font{cursor:pointer;color:#f16520;background:#f1652024;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}& .joe_donate_list{pointer-events:none;opacity:0;border-radius:var(--radius-inner);background:var(--bg-muted);box-shadow:var(--shadow-block);transition:all var(--dur-base) var(--ease-out);padding:12px;display:flex;position:absolute;top:-240px;right:0;transform:translateY(10px);&:before{content:"";border:10px solid #0000;border-top-color:var(--border-faint);width:0;height:0;position:absolute;bottom:-20px;right:4px}& li{float:left;& p{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.4}& img{width:200px;max-width:unset;border-radius:5px;display:block}}&.two{& li{&:first-child img{border-radius:var(--radius-inner) 0 0 var(--radius-inner)}&:last-child img{border-radius:0 5px 5px 0}}}}&:hover{& .joe-font{animation:.5s .2s infinite alternate dong}& .joe_donate_list{pointer-events:initial;opacity:1;transform:translateY(0)}}}}.joe_detail__copyright{margin-bottom:15px;& .content{background:var(--fill-base);border-radius:var(--radius-inner);padding:15px;& .item{color:var(--text-secondary);word-break:break-word;margin-bottom:5px;line-height:22px;&:last-child{margin-bottom:0}& .icon{vertical-align:-4px;width:18px;height:18px;margin-right:3px;& path:not([fill=\#FFF]){fill:var(--theme)}}& .link{word-break:break-all;color:var(--text-secondary);&:hover{color:var(--theme)}}}}}.joe_detail{& .joe_comment_box{padding-top:20px;& h2{display:none}}}@media (width<=992px){.joe_detail__article{& img{max-width:100%!important}}}@media (width<=768px){.joe_detail__title{font-size:18px}.joe_detail__count-information{width:100%;& .avatar{display:none}& .meta{width:100%;height:unset;& .author{display:none}& .item{justify-content:center}}}.joe_detail__count-created{display:none}.joe_detail__count{&:after{display:none}}.joe_detail__article{font-size:calc(14px * var(--reading-scale,1));padding:10px 0;& pre[class*=language-]{font-size:13px}& iframe{width:100%;min-height:220px;min-width:initial}& video{width:100%;min-width:initial}}.joe_detail__copyright{& .content{& .item{font-size:13px;& .icon{width:16px;height:16px}}}}.joe_detail__operate .joe_donate{position:static;& .joe_donate_list{max-width:calc(100vw - 32px);top:auto;bottom:calc(100% + 12px);right:50%;transform:translate(50%,10px);&:before{display:none}& li img{aspect-ratio:1;width:min(160px,50vw - 40px);height:auto}}&:hover .joe_donate_list,&.is-open .joe_donate_list{transform:translate(50%)}}.joe_detail__operate{position:relative}}.joe_detail__operate .joe_donate.is-open .joe_donate_list{pointer-events:initial;opacity:1}@media (width<=500px){.joe_detail{border-radius:0;padding:12px}.joe_detail__title{padding-top:30px;font-size:18px}.joe_detail__count-information{width:100%;& .avatar{display:none}& .meta{width:100%;height:unset;& .author{display:none}& .item{justify-content:center;& span:nth-child(4),& span:nth-child(5),& span:nth-child(8),& span:nth-child(9){display:none}}}}.joe_detail__count-created{display:none}.joe_detail__count{&:after{display:none}}.joe_detail__article{font-size:calc(14px * var(--reading-scale,1));padding:10px 0;& pre[class*=language-]{font-size:13px}}.joe_detail__copyright{& .content{& .item{font-size:13px;& .icon{width:16px;height:16px}}}}}html[data-mode=dark]{& .joe_detail__article{& img{filter:brightness(.9)}}}.joe_selbar{z-index:950;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), translate var(--dur-base) var(--ease-spring);border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:0;left:0;translate:0 4px;&.is-shown{opacity:1;translate:0}&[hidden]{display:none}& button{font:inherit;white-space:nowrap;color:var(--text-regular);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;display:inline-flex;&:hover,&:focus-visible{color:var(--theme-text);background:var(--tint)}& .joe-font{font-size:14px}}}.joe_resume_hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:900;font:inherit;color:var(--text-regular);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 8px;font-size:13px;display:inline-flex;position:fixed;transform:translate(-50%,16px);&.is-shown{opacity:1;transform:translate(-50%)}& .pct{font-variant-numeric:tabular-nums;color:#fff;background:var(--theme-solid);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}& .close{width:20px;height:20px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid;&:hover{background:var(--fill-base)}}}.joe_photo_info{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));text-align:center;color:#ffffffeb;backdrop-filter:blur(10px);pointer-events:none;background:#00000073;border-radius:14px;max-width:min(92vw,720px);padding:10px 16px;position:absolute;transform:translate(-50%);&[hidden]{display:none}& p{margin:0}& .caption{font-size:14px}& .exif{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:12px}& .caption+.exif{margin-top:2px}}hyperlink-card,hyperlink-inline-card{--halo-hyperlink-card-bg-color:var(--bg-page)!important;--halo-hyperlink-card-bg-gradient:linear-gradient(var(--bg-page), var(--bg-page)), linear-gradient(var(--bg-page), var(--bg-page)), linear-gradient(var(--bg-page), var(--bg-page))!important;--halo-hyperlink-card-border-color:var(--border-lighter)!important;--halo-hyperlink-card-border-hover-color:color-mix(in srgb, var(--theme) 50%, transparent)!important;--halo-hyperlink-card-title-color:var(--text-title)!important;--halo-hyperlink-card-description-color:var(--text-secondary)!important;--halo-hyperlink-card-link-color:var(--text-secondary)!important;--halo-hyperlink-card-skeleton-color:var(--fill-base)!important;--halo-hyperlink-card-inline-bg-color:var(--fill-base)!important;--halo-hyperlink-card-inline-hover-bg-color:var(--tint)!important;--halo-hyperlink-card-inline-title-color:var(--text-regular)!important}hyperlink-card{margin:0 0 1.15em}}@layer pages;