@charset "utf-8";

@-webkit-keyframes scale-fade { 
  0% { opacity: 0; transform: scale(0.8) rotateX(-40deg); }
  50% { opacity: 1; }
  70% { transform: scale(1.05) rotateX(0deg); }
  100% { transform: scale(1) rotateX(0deg); }
}

@keyframes scale-fade { 
  0% { opacity: 0; transform: scale(0.8) rotateX(-40deg); }
  50% { opacity: 1; }
  70% { transform: scale(1.05) rotateX(0deg); }
  100% { transform: scale(1) rotateX(0deg); }
}
a:hover {text-decoration: none;}
.msc-confirm--animate { animation: 0.3s cubic-bezier(0.8, 0.02, 0.45, 0.91) 0s 1 normal forwards running scale-fade; transform-origin: center bottom; }

.msc-confirm { -webkit-font-smoothing: antialiased; color: var(--text-color); display: none; }

.msc-confirm, .msc-overlay { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10020; }

.msc-overlay { background-color: var(--bg-main-color); opacity: 0.9; }

.msc-confirm button { background: none; border: none; cursor: pointer; transition: 0.2s ease-in; }

.msc-confirm button:focus { outline: none; }

.msc-close { border-radius: 20px; font-size: 1.2em; height: 40px; position: absolute; right: 0px; text-align: center; top: 0px; vertical-align: middle; width: 40px; }

.msc-close:hover, .msc-content { background: var(--bg-main-color); }

.msc-content { margin: 10% auto; max-width: 480px; opacity: 1; padding: 40px; position: relative; text-align: center; z-index: 10021; }

@media (max-width: 600px) {
  .msc-content { padding: 10px 0px; }
}

.msc-title { font-size: 2em; line-height: 1.3; margin: 0px 0px 0.1em; }

.msc-body { font-size: 1.2em; margin-bottom: 1em; }

.msc-body p { margin: 0px 0px 10px; }

.msc-input { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(0, 0, 0, 0.15); box-sizing: border-box; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: 38px; letter-spacing: 0.02em; padding: 0px 15px; text-align: center; width: 100%; }

.msc-input:focus { border-color: rgb(15, 152, 90); outline: none; }

.msc-action button { background: var(--bg-main-color); border: 1px solid rgb(204, 204, 204); border-radius: 25px; min-width: 80px; padding: 10px 20px; }

.msc-action button:focus { outline: none; }

.msc-ok { margin-right: 10px; }

button.msc-ok:focus, button.msc-ok:hover { border: 1px solid rgb(15, 152, 90); color: rgb(15, 152, 90); }

button.msc-cancel:focus, button.msc-cancel:hover { border: 1px solid var(--text-color); color: var(--text-color); }

.msc-sub { white-space: pre-line; }

:root { --dark-color: #333; --fade-color: #555; --gray-color: #888; --main-color: #2ea44f; --sub-color: #45ca6b; --text-color: #333; --link-color: #555; --link-hover-color: #333; --bg-main-color: #fff; --bg-sub-color: #fbfbfb; --glass-color: rgba(0,0,0,.05); }

a, abbr, acronym, address, applet, big, caption, cite, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, iframe, img, ins, kbd, label, legend, li, object, ol, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { border: 0px; font-size: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; }

@font-face { font-family: EmojiSubset; src: local("Segoe UI Emoji"), url("data:font/woff2;base64,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") format("woff2"); unicode-range: U+1F30C, U+1F4AB, U+2728; }

body { background-color: rgb(255, 255, 255); border: 0px; color: var(--text-color); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif; font-size: small; line-height: 1.5em; margin: 0px; }

@media screen and (max-width: 500px) {
  body { text-size-adjust: 100%; }
}

.emoji { font-family: EmojiSubset, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif; }

a { color: var(--link-color); text-decoration: none; }

a:hover { color: var(--link-hover-color); }

ol, ul { list-style: none; }

input, textarea { outline: none; }

textarea { line-height: 128%; }

table { border-collapse: separate; border-spacing: 0px; }

blockquote, h1, h2, h3, h5, h6, p { border: 0px; padding: 0px; }

blockquote, p { font-family: inherit; }

blockquote, body, code, h1, h2, h3, h4, h5, h6, p, pre { font-style: inherit; outline: 0px; vertical-align: baseline; }

blockquote, code, p, pre { font-size: 100%; font-weight: inherit; }

body, code { margin: 0px; }

blockquote::after, blockquote::before, q::after, q::before { content: ""; }

blockquote, q { quotes: "" ""; }

[disabled] { opacity: 0.5; pointer-events: none; }

p { margin: 5px 0px; }

select { color: rgb(34, 34, 34); font-family: arial; font-size: 14px; margin: 0px; padding: 3px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 5px 0px; }

h2 { font-size: 120%; }

h3, h4 { font-size: 110%; }

h5 { font-size: 100%; }

@media screen and (max-width: 500px) {
  html { width: 100%; }
}

.bg1 { background-color: rgb(255, 252, 248); }

@media screen and (max-width: 500px) {
  .bg1 { background-color: rgb(248, 248, 248); }
}

@media only screen and (min-width: 500px) {
  .bg1 { background-image: linear-gradient(rgb(212, 212, 212) 1px, transparent 0px), linear-gradient(90deg, rgb(212, 212, 212) 1px, transparent 0px); background-size: 32px 32px; }
  .bg1, .bg2 { transition: background-image 1s; }
  .bg2 { background: linear-gradient(135deg, rgba(207, 207, 207, 0.333) 25%, transparent 0px) -40px 0px / 80px 80px, linear-gradient(225deg, rgb(207, 207, 207) 25%, transparent 0px) -40px 0px / 80px 80px, linear-gradient(315deg, rgba(207, 207, 207, 0.333) 25%, transparent 0px) 0px 0px / 80px 80px, linear-gradient(45deg, rgb(207, 207, 207) 25%, rgb(245, 245, 245) 0px) 0px 0px / 80px 80px; }
  .bg3 { background-color: rgb(255, 255, 255); background-image: linear-gradient(135deg, rgb(217, 217, 217) 25%, transparent 0px), linear-gradient(225deg, rgb(217, 217, 217) 25%, transparent 0px), linear-gradient(45deg, rgb(217, 217, 217) 25%, transparent 0px), linear-gradient(315deg, rgb(217, 217, 217) 25%, rgb(254, 254, 254) 0px); background-position: 80px 0px, 80px 0px, 0px 0px, 0px 0px; background-repeat: repeat; background-size: 80px 80px; }
}

.avatar-normal { border-radius: 15%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px; color: transparent; display: inline-block; height: 40px; width: 40px; }

.iconpark-icon { height: 12px; vertical-align: middle; width: 12px; }

.nsk-badge { white-space: nowrap; }

.nsk-badge.read-only { border: 1px solid; color: rgb(199, 30, 30); font-size: 12px; padding: 0px 2px; }

.small-margin { margin: 5px 0px; }

.nsk-container { box-sizing: border-box; margin: auto; width: 1080px; }

@media screen and (max-width: 1200px) {
  .nsk-container { margin: 0px 20px; width: auto; }
}

@media screen and (max-width: 500px) {
  .nsk-container { margin: 0px; }
}

.btn { appearance: none; background-color: rgb(46, 164, 79); border: 1px solid rgba(27, 31, 35, 0.15); border-radius: 4px; box-shadow: rgba(27, 31, 35, 0.1) 0px 1px 0px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 14px; font-weight: 600; height: 27px; line-height: 25px; padding: 0px 1rem; position: relative; text-align: center; text-decoration: none; touch-action: manipulation; user-select: none; vertical-align: middle; white-space: nowrap; }

.btn:hover { background-color: rgb(69, 202, 107); }

.category-description { color: rgb(85, 85, 85); line-height: 1.5; margin-bottom: 30px; }

.circle-icon { border-radius: 50%; height: 15px; padding: 1px; width: 15px; }

.pined { background-color: rgb(48, 48, 48); color: rgb(255, 255, 255); }

.award { color: rgb(239, 116, 10); position: relative; top: -1px; }

.pined.payed { background-color: rgb(253, 222, 169); color: rgb(119, 75, 0); }

.loading-img { max-height: 10px; max-width: 10px; }

.logo-link:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[id$="mount"] { line-height: 80px; text-align: center; }

.skeleton { animation: 2s ease 0s infinite normal none running loading; }

.avatar-normal.skeleton { animation-iteration-count: 2; }

@keyframes loading { 
  0% { background: linear-gradient(100deg, rgb(238, 238, 238) 40%, rgb(255, 255, 255) 50%, rgb(238, 238, 238) 60%) 100% 50% / 300% 100% rgb(170, 170, 170); }
  100% { background: linear-gradient(100deg, rgb(238, 238, 238) 40%, rgb(255, 255, 255) 50%, rgb(238, 238, 238) 60%) 0px 50% / 300% 100% rgb(170, 170, 170); }
}

@keyframes opacity { 
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

.blocked-comment, .blocked-post { display: none !important; }

.new-discussion { margin-bottom: 1rem; width: 100%; }

a.new-discussion { color: rgb(255, 255, 255); }

.grecaptcha-badge { visibility: hidden; }

.msc-body, .msc-cancel, .msc-ok { color: var(--text-color); }

.triangle-left, .triangle-right { border-color: transparent transparent gray; border-style: solid; border-width: 0px 6px 10px; display: inline-block; height: 0px; width: 0px; }

.triangle-right { transform: rotate(90deg); }

.triangle-left { transform: rotate(270deg); }

.post-content { color: rgb(68, 68, 68); font-size: 14px; line-height: 1.5; margin-bottom: 16px; margin-top: 14px; overflow: hidden; }

.post-content i:not([class]) { display: none; }

.post-content img { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; margin: 1rem 2.5%; max-width: 95%; }

.post-content img.sticker { box-shadow: none; margin: 0px; max-width: 90px; vertical-align: middle; }

.post-content img[src$="noshadow"] { box-shadow: none; }

.post-content video.sticker { vertical-align: middle; }

.post-content p { margin: 10px 0px; }

.post-content h2 { color: rgb(46, 164, 79); line-height: 1.5; }

.post-content h2, .post-content hr { border-bottom: 1px solid rgb(233, 233, 233); border-top: none; }

.post-content a { color: rgb(13, 188, 121); }

.post-content h3, .post-content h4, .post-content h5, .post-content h6 { color: rgb(85, 90, 98); line-height: 1.25; }

.post-content a, .post-content div, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content p, .post-content span, .post-content td, .post-content th { text-overflow: ellipsis; word-break: break-word; }

.post-content h2 { font-size: 17px; }

.post-content h3 { font-size: 16px; }

.post-content blockquote { background: rgba(0, 0, 0, 0.05); border-left: 4px solid rgba(0, 0, 0, 0.1); margin: 1em; min-width: 200px; overflow-y: auto; padding: 1ex 10px; }

.post-content code, .post-content pre { background: rgba(255, 255, 153, 0.33); border: 1px solid rgb(238, 238, 204); border-radius: 2px; font-family: monospace; overflow: auto; padding: 4px 8px; }

.post-content pre > code { background-color: unset; }

.post-content code { white-space: pre-wrap; }

.post-content pre, .post-content pre code { white-space: pre; }

.post-content pre { box-sizing: border-box; margin: 1em 0px; max-width: 724px; }

.post-content pre code { border: 0px; padding: 0px; }

.post-content ol, .post-content ul { margin: 1em 0px 1em 2em; }

.post-content ol li, .post-content ol ol ol ol li, .post-content ol ol ol ol ol ol ol li { list-style: decimal !important; }

.post-content ol ol li, .post-content ol ol ol ol ol li { list-style: lower-alpha !important; }

.post-content ol ol ol li, .post-content ol ol ol ol ol ol li { list-style: lower-roman !important; }

.post-content ol ol, .post-content ol ul, .post-content ul ol, .post-content ul ul { margin: 0px 0px 0px 1em; }

.post-content ul li { position: relative; list-style: none !important; }

.post-content ul li::before { content: "•"; left: -1em; position: absolute; font-family: arial, serif !important; }

.post-content li, .post-content.post-content ul li { margin: 5px 0px; }

.post-content table { background: rgb(242, 246, 252); border: 1px solid rgb(220, 220, 220); border-collapse: unset; border-radius: 4px; border-spacing: 0px; box-sizing: border-box; font-size: 13px; margin-bottom: 18px; max-width: 100%; outline: 0px; overflow: hidden; text-align: center; }

.post-content table thead th { background: rgb(235, 238, 245); font-weight: 500; }

.post-content table td, .post-content table th { border-bottom: 1px solid rgb(220, 220, 220); border-right: 1px solid rgb(220, 220, 220); padding: 8px; }

.post-content > div { padding: 3px; }

.post-content .img-error, .post-content .img-loading { min-height: 60px; min-width: 80px; }

.post-content .img-error { background-image: url("/static/image/img-load-error.svg"), linear-gradient(45deg, rgb(204, 204, 204) 25%, transparent 0px), linear-gradient(-45deg, rgb(204, 204, 204) 25%, transparent 0px), linear-gradient(45deg, transparent 75%, rgb(204, 204, 204) 0px), linear-gradient(-45deg, transparent 75%, rgb(204, 204, 204) 0px); background-position: 50% center, 0px 0px, 0px 10px, 10px -10px, -10px 0px; background-repeat: no-repeat, repeat, repeat, repeat, repeat; background-size: contain, 20px 20px, 20px 20px, 20px 20px, 20px 20px; }

.post-content a[href^="/member?t="] { color: rgb(15, 128, 85); font-style: italic; }

.dark-layout .post-content a[href^="/member?t="] { color: rgb(28, 145, 101); }

.dark-layout .post-content details { background: rgb(59, 59, 59); }

.post-content details { background: rgb(249, 250, 254); border-radius: 16px; margin: 1em 0px; padding: 1em 2em; }

.post-content summary { cursor: pointer; padding: 0px; position: relative; }

.dark-layout .post-content details[open] > summary { border-bottom: 1px solid rgb(42, 43, 45); }

.post-content details[open] > summary { border-bottom: 1px solid rgb(227, 232, 244); margin: 0px 0px 1em; padding: 0px 0px 1em; }

.post-content .card { border-radius: 16px; margin: 1em 0px; padding: 1em 2em; }

.post-content .card.note { background-color: rgb(213, 240, 195); }

.dark-layout .post-content .card.note { background-color: rgba(213, 240, 195, 0.263); }

.post-content .card.warning { background-color: rgb(255, 186, 181); }

.dark-layout .post-content .card.warning { background-color: rgba(255, 186, 181, 0.263); }

.post-content .card.info { background-color: rgb(198, 227, 255); }

.dark-layout .post-content .card.info { background-color: rgba(198, 227, 255, 0.263); }

.post-content .card.draft { background-color: rgb(235, 191, 235); }

.dark-layout .post-content .card.draft { background-color: rgba(235, 191, 235, 0.263); }

header { background-color: var(--bg-main-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; transition: background-color 0.5s; }

@media screen and (max-width: 500px) {
  header { background-color: unset; box-shadow: none; }
}

header .beta-icon { color: rgb(204, 204, 204); font-size: 11px; font-weight: 400; position: relative; top: -14px; }

header .site-title { font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 24px; font-weight: 700; margin-right: 6px; }

header div.color-theme-switcher { color: var(--link-hover-color); cursor: pointer; padding: 0px 5px; position: absolute; right: 10px; }

header .search-box { flex: 0 1 170px; margin-left: auto; max-width: 290px; position: relative; transition: 1s ease-in-out; }

header .search-box:hover { flex: 1 1 170px; }

header .search-box #search-site2 { transition: 0.5s ease-in-out; width: 100%; }

header .search-box input[type="text"]:focus { border-color: rgb(46, 164, 79); }

header .search-box .search-icon { position: absolute; right: 6px; top: 7px; }

header .search-box .search-hint { background-color: var(--bg-main-color); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; box-sizing: border-box; display: none; left: 0px; overflow: hidden; padding: 5px 10px; position: absolute; top: 33px; width: 100%; z-index: 999; }

header .search-box .search-hint a { display: block; height: 30px; line-height: 30px; padding: 0px 5px; word-break: keep-all; }

header .search-box .search-hint .selected-search-hint, header .search-box .search-hint a:hover { color: rgb(46, 164, 79); }

header .search-box .search-hint a:nth-last-child(n+2) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

header .search-box .search-hint:has(a:hover) .selected-search-hint:not(:hover) { color: unset; }

#nsk-head { align-items: center; display: flex; }

@media screen and (max-width: 500px) {
  #nsk-head { background-color: var(--bg-main-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; }
}

#nsk-head .nav-menu { align-items: center; display: flex; height: 40px; margin-left: 0px; }

@media screen and (max-width: 500px) {
  #nsk-head .nav-menu { height: 30px; }
  .nav-menu { flex: 1 1 0%; font-size: 14px; }
  .nav-menu .iconpark-icon { height: 14px; width: 14px; }
  .nav-menu .meta-button { background-color: rgb(0, 0, 0); margin: 0px 5px 0px 0px; text-align: center; width: 30px; }
}

.nav-menu li { margin: 0px 8px; }

@media screen and (max-width: 500px) {
  .nav-menu li { height: 30px; line-height: 30px; margin: 0px 5px; }
}

.nav-menu .current-category { font-weight: 700; }

.nav-menu .right-button-group { border-left: 1px solid rgb(51, 51, 51); }

@media screen and (max-width: 500px) {
  .nav-menu .right-button-group { border-left: 1px solid rgb(204, 204, 204); margin: 0px; padding: 0px 9px; text-align: center; }
}

.head-nav .dropdown > ul { background-color: var(--bg-main-color); border: 1px solid rgb(204, 204, 204); display: none; position: absolute; }

.head-nav .dropdown > ul li { padding: 2px 4px; }

.head-nav .dropdown > ul li:hover { text-decoration: underline; }

.head-nav .dropdown:hover > ul { display: block; }

.mobile-nav { background-color: var(--bg-main-color); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px; display: flex; flex-wrap: wrap; margin: 9px 4px 0px; }

.mobile-nav li { margin: 3px 6px; }

.mobile-nav .current-category { font-weight: 700; }

.site-title .title-text { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

@media screen and (min-width: 500px) {
  body > header { left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10; }
  section#nsk-frame { margin-top: 40px; }
}

#nsk-frame { background-color: unset; border-radius: 0px; box-shadow: unset; margin: 0px auto; min-height: 100vh; overflow: hidden; position: relative; width: 100%; }

#nsk-body { background-color: var(--bg-main-color); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; box-sizing: border-box; display: flex; margin-bottom: 20px; margin-top: 15px; padding: 25px 30px; position: relative; transition: background-color 0.5s; }

@media screen and (max-width: 500px) {
  #nsk-body { border-radius: 4px; margin-left: 4px; margin-right: 4px; margin-top: 9px; padding: 20px 3px; position: relative; }
}

#nsk-body-left { box-sizing: border-box; flex: 1 1 0%; min-width: 0px; padding-right: 20px; }

@media screen and (max-width: 500px) {
  #nsk-body-left { padding-right: 0px; }
}

#nsk-body-left .post-list-controler { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; }

#nsk-body-left .post-list .post-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: flex; padding: 8px; position: relative; }

@media screen and (max-width: 500px) {
  #nsk-body-left .post-list .post-list-item { padding: 4px 8px; }
}

#nsk-body-left .post-list .post-list-item .post-list-content { margin-left: 10px; }

#nsk-body-left .post-list .post-list-item .post-title { font-size: 14px; font-weight: 700; }

#nsk-body-left .post-list .post-list-item .post-info { color: var(--link-color); font-size: 11px; }

#nsk-body-left .post-list .post-list-item .post-info .info-item:first-child { margin-left: 0px; }

#nsk-body-left .post-list .post-list-item .post-info .info-item { margin-left: 4px; margin-right: 4px; white-space: nowrap; }

#nsk-body-left .post-list .post-list-item .post-info .info-item * { vertical-align: middle; }

#nsk-body-left .post-list .post-list-item .post-category { background: var(--bg-sub-color); border: none; border-radius: 2px; bottom: 8px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; color: unset; height: 20px; line-height: 20px; padding: 0px 4px; position: absolute; right: 13px; }

#nsk-body-left #content { overflow: hidden; padding-top: 1rem; }

#nsk-body-left .sorter { background-color: rgb(136, 136, 136); border: 1px solid rgb(115, 115, 115); border-radius: 3px; display: inline-flex; margin: 0px 8px; overflow: hidden; }

#nsk-body-left .sorter > a { background-color: var(--bg-main-color); cursor: pointer; display: block; padding: 0px 5px; }

#nsk-body-left .sorter > a.selected { background-color: rgb(136, 136, 136); color: var(--bg-main-color); }

#nsk-right-panel-container { flex: 0 0 260px; }

@media screen and (max-width: 1200px) {
  #nsk-right-panel-container { flex: 0 0 200px; }
}

@media screen and (max-width: 800px) {
  #nsk-right-panel-container { display: none; }
}

@media screen and (min-width: 1360px) {
  #nsk-right-panel-container .category-list { display: none; }
}

#nsk-right-panel-container .nsk-panel { border-radius: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; color: rgb(136, 136, 136); margin: 0px 0px 10px; padding: 6px 10px; }

#nsk-right-panel-container .nsk-panel h4 { color: var(--text-color); margin: 0px; }

#nsk-right-panel-container .nsk-panel h4 > * { vertical-align: middle; }

#nsk-right-panel-container .nsk-panel ul { padding-left: 10px; }

#nsk-right-panel-container .nsk-panel ul li { height: 24px; line-height: 24px; padding-left: 10px; }

#nsk-right-panel-container .nsk-panel ul li:nth-last-child(n+2) { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }

#nsk-right-panel-container .nsk-panel ul .iconpark-icon { margin-right: 5px; }

.nsk-new-member-board { display: flex; flex-wrap: wrap; padding: 5px 0px; }

.nsk-new-member-board .new-member-item { font-size: 12px; overflow: hidden; text-align: center; width: 60px; }

@media screen and (max-width: 1200px) {
  .nsk-new-member-board .new-member-item { overflow: hidden; text-align: center; width: 44px; }
}

#nsk-left-panel-container { left: calc(50% - 710px); position: fixed; top: 55px; width: 150px; }

@media screen and (max-width: 1360px) {
  #nsk-left-panel-container { display: none; }
}

#nsk-left-panel-container .category-list { background-color: var(--bg-main-color); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px; font-size: 14px; margin-left: auto; overflow: hidden; transition: left 0.3s; width: 100px; z-index: 100; }

#nsk-left-panel-container .category-list h4 { background-color: rgba(0, 0, 0, 0.05); display: none; height: 30px; line-height: 30px; margin: 0px; text-align: center; }

#nsk-left-panel-container .category-list h4 svg { height: 18px; width: 18px; }

#nsk-left-panel-container .category-list ul { list-style: none; margin: 0px; text-align: center; }

#nsk-left-panel-container .category-list li:first-child > a { padding-top: 8px; }

#nsk-left-panel-container .category-list li:last-child > a { padding-bottom: 8px; }

#nsk-left-panel-container .category-list a { align-items: center; color: rgb(102, 102, 102); display: flex; justify-content: center; padding: 6px 0px; text-decoration: none; transition: background 0.2s, color 0.2s; }

.dark-layout #nsk-left-panel-container .category-list a { color: rgb(153, 153, 153); }

#nsk-left-panel-container .category-list a svg { margin-right: 6px; }

#nsk-left-panel-container .category-list .current-category a, #nsk-left-panel-container .category-list a:hover { background: rgb(241, 243, 245); color: rgb(13, 188, 121); }

.dark-layout #nsk-left-panel-container .category-list .current-category a, .dark-layout #nsk-left-panel-container .category-list a:hover { background-color: rgba(0, 0, 0, 0.15); }

#nsk-left-panel-container .category-list a svg { fill: currentcolor; height: 16px; vertical-align: middle; width: 16px; }

#nsk-left-panel-container .category-list li:not(.current-category) { opacity: 0.5; transition: opacity 0.3s; }

#nsk-left-panel-container .category-list li:hover:not(.current-category) { opacity: 1; }

footer { background-color: rgb(51, 51, 51); height: auto; position: relative; width: 100%; }

.contain { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 20px; }

.contain, footer .col { box-sizing: border-box; }

footer .col { height: auto; padding-bottom: 20px; }

footer .col .group-head-link { color: rgb(237, 214, 172); font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.25em; line-height: 17px; margin: 0px; padding: 20px 0px 5px; text-transform: uppercase; }

footer .col ul { list-style-type: none; margin: 0px; padding: 0px; }

footer .col ul li { color: rgb(153, 153, 153); cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 700; padding: 5px 0px; transition: 0.2s; }

.social ul li { display: inline-block; padding-right: 5px; }

footer .col ul li:hover { color: rgb(255, 255, 255); transition: 0.1s; }

.clearfix { clear: both; }

.foot, .footer-sep { width: 100%; }

.foot { border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }

@media only screen and (min-width: 1280px) {
  .contain { margin: 0px auto; width: 1200px; }
}

@media only screen and (max-width: 1139px) {
  .contain .social { display: block; }
  .social .group-head-link { margin: 0px; }
}

@media only screen and (max-width: 950px) {
  footer .col { width: 33%; }
  footer .col .group-head-link { font-size: 14px; }
  footer .col ul li { font-size: 13px; }
  .col.pc { display: none; }
}

@media only screen and (max-width: 500px) {
  .head { height: 30%; }
  .rool { font-size: 60px; }
  footer .col { width: 50%; }
  footer .col .group-head-link { font-size: 14px; }
  footer .col ul li { font-size: 13px; }
}

@media only screen and (max-width: 340px) {
  footer .col { width: 100%; }
}

@keyframes drop { 
  0% { opacity: 0; transform: translateY(-80px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.nsk-pager a, .nsk-pager span { border: 1px solid rgba(0, 0, 0, 0.01); margin: 0px 2px; }

.nsk-pager.pager-bottom { margin-top: 10px; }

.nsk-pager .pager-next, .nsk-pager .pager-prev { color: rgb(136, 136, 136); }

.nsk-pager span.pager-next, .nsk-pager span.pager-prev { cursor: not-allowed; opacity: 0.3; }

.nsk-pager .pager-next, .nsk-pager .pager-pos, .nsk-pager .pager-prev { border-radius: 3px; box-sizing: border-box; color: rgb(136, 136, 136); display: inline-block; font-family: monospace; font-size: 16px; height: 18px; line-height: 18px; min-width: 18px; text-align: center; vertical-align: middle; }

@media screen and (min-width: 500px) {
  .nsk-pager .pager-next:hover, .nsk-pager .pager-pos:hover, .nsk-pager .pager-prev:hover { background-color: rgba(0, 0, 0, 0.1); }
  .dark-layout .nsk-pager .pager-next:hover, .dark-layout .nsk-pager .pager-pos:hover, .dark-layout .nsk-pager .pager-prev:hover { background-color: rgba(255, 255, 255, 0.1); }
}

.nsk-pager .pager-pos.pager-cur { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; color: rgb(136, 136, 136); cursor: not-allowed; background-color: var(--bg-sub-color) !important; }

.nsk-pager .ellipsis { font-family: Arial, Helvetica, sans-serif; }

.role-tag { border: 1px solid var(--text-color); border-radius: 3px; color: var(--text-color); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif; margin-left: 4px; margin-right: 4px; padding: 0px 3px; }

.role-tag.role-admin { background-color: rgb(46, 164, 79); border: 1px solid rgb(46, 164, 79); color: rgb(250, 250, 250); }

.role-tag.role-dev { background: linear-gradient(45deg, rgb(239, 0, 255), rgb(0, 31, 255)); border: 1px solid rgb(146, 15, 155); color: rgb(250, 250, 250); }

.role-tag.role-creater { background-color: rgb(34, 34, 34); border: 1px solid rgb(34, 34, 34); color: rgb(250, 250, 250); }

.role-tag.role-provider { background-color: rgb(251, 211, 141); border: 1px solid rgb(251, 211, 141); color: rgb(192, 86, 33); }

.role-tag.role-agency { background-color: rgb(187, 85, 29); border: 1px solid rgb(187, 85, 29); color: rgb(255, 255, 255); }

.role-tag.role-partner { background-color: rgb(51, 143, 198); border-color: rgb(51, 143, 198); color: rgb(255, 255, 255); }

.role-tag.role-blog-owner, .role-tag.role-channel-owner { background-color: rgb(0, 167, 255); border: 1px solid rgb(0, 167, 255); color: rgb(255, 255, 255); }

.role-tag.role-banned, .role-tag.role-fraud, .role-tag.role-suspend { border: 1px solid rgb(215, 76, 76); color: rgb(215, 76, 76); }

.role-tag.role-arrange { background-color: rgb(65, 88, 208); background-image: linear-gradient(43deg, rgb(65, 88, 208), rgb(200, 80, 192) 46%, rgb(255, 204, 112)); border: 1px solid rgb(255, 204, 112); color: rgb(255, 255, 255); }

.role-partner { background-color: rgb(51, 143, 198); border-color: rgb(51, 143, 198); color: rgb(255, 255, 255); }

.role-recycler { background: linear-gradient(135deg, rgb(62, 78, 62), rgb(47, 58, 47)); border: none; border-radius: 25px; color: rgb(255, 255, 255); display: inline-block; font-weight: 700; padding-left: 26px; padding-right: 10px; position: relative; }

.role-recycler span::before { color: rgb(118, 255, 3); content: "♻"; font-size: 16px; left: 6px; opacity: 0.7; position: absolute; top: 50%; transform: translateY(-55%); vertical-align: middle; }

.provider-grid-container { align-items: center; backdrop-filter: blur(2px); display: flex; flex-wrap: wrap; }

.provider-grid-container .provider { align-items: center; background-color: rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.3); box-sizing: border-box; display: flex; height: 100px; justify-content: center; margin-bottom: 20px; padding: 0px 10px; transition: 0.5s; width: 20%; }

.provider-grid-container .provider:nth-child(5n) { border-right: none; }

.provider-grid-container .provider:hover { background-color: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 500px) {
  .provider-grid-container .provider { width: 33.3%; }
  .provider-grid-container .provider:nth-child(3n) { border-right: none; }
  .provider-grid-container .provider:nth-child(5n) { border-right: 1px solid rgba(0, 0, 0, 0.3); }
}

.nsk-post-wrapper .content-item { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 8px; position: relative; }

.nsk-post-wrapper .floor-link-wrapper { position: absolute; right: 0px; }

@media screen and (max-width: 500px) {
  .nsk-post-wrapper .floor-link { right: 5px; }
}

.nsk-post-wrapper .pined-comment-badge { background-color: rgb(46, 164, 79); border-radius: 50%; box-shadow: rgba(24, 68, 20, 0.45) 2px 2px 3px; color: rgb(255, 255, 255); height: 16px; padding: 3px; vertical-align: -5px; width: 16px; }

.nsk-post-wrapper .hot-badge { background-image: url("/static/image/hot.svg"); background-repeat: no-repeat; background-size: contain; display: inline-block; height: 30px; overflow: visible; vertical-align: middle; width: 30px; }

.nsk-post-wrapper .award-corner .corner-triangle { background: linear-gradient(rgb(255, 160, 1), rgb(255, 255, 0)); clip-path: polygon(100% 0px, 0px 0px, 0px 100%); height: 45px; left: 0px; position: absolute; top: 0px; width: 45px; }

@media screen and (max-width: 500px) {
  .nsk-post-wrapper .award-corner .corner-triangle { height: 30px; width: 30px; }
}

.nsk-post-wrapper .award-corner svg { left: 5px; position: absolute; top: 5px; }

.nsk-post .post-title h1 { font-size: 18px; margin: 0px 0px 10px; padding: 0px 8px; }

.nsk-post .post-title h1 > * { vertical-align: middle; }

.nsk-post .post-title-link { color: var(--text-color); }

.nsk-post .post-title-link:hover { color: var(--link-color); }

.nsk-content-meta-info { display: flex; }

.nsk-content-meta-info .avatar-wrapper { margin: 0px 10px 4px 0px; }

.nsk-content-meta-info .author-info, .nsk-content-meta-info .content-info { font-size: 11px; }

.nsk-content-meta-info .author-info > *, .nsk-content-meta-info .content-info > * { vertical-align: middle; }

.nsk-content-meta-info .content-info { color: rgb(133, 133, 133); }

.nsk-content-meta-info .author-name { font-size: 15px; font-weight: 700; }

.nsk-content-meta-info .is-poster { border: 1px solid rgb(0, 234, 255); border-radius: 3px; color: rgb(0, 234, 255); padding: 0px 3px; }

.nsk-content-meta-info .content-category, .nsk-content-meta-info .date-updated { margin-left: 4px; }

.signature { border-top: 1px dashed rgb(226, 226, 226); color: rgb(120, 120, 120); padding-top: 5px; }

.signature a { color: rgb(85, 183, 134); }

.signature a:hover { color: rgb(35, 220, 127); }

.signature strong { font-weight: 400; }

.signature > * { opacity: 0.5; transition: opacity 0.2s; }

.signature:hover > * { opacity: 0.7; }

.signature { max-height: 44px; overflow: hidden; }

#fast-nav-button-group { bottom: 40px; position: fixed; right: calc(50% - 590px); z-index: 99; }

@media screen and (max-width: 500px) {
  #fast-nav-button-group { right: 30px; }
}

#fast-nav-button-group .nav-item-btn { position: absolute; right: 0px; }

#fast-nav-button-group .nav-item-btn:last-child { bottom: 0px; }

#fast-nav-button-group .nav-item-btn:nth-last-child(2) { bottom: 40px; }

#fast-nav-button-group .nav-item-btn:nth-last-child(3) { bottom: 80px; }

.nav-item-btn { align-items: center; background-color: var(--bg-main-color); border: 1px solid var(--glass-color); border-radius: 20%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; box-sizing: border-box; display: none; height: 30px; justify-content: center; width: 30px; }

@media screen and (max-width: 500px) {
  .nav-item-btn { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; }
}

.nav-item-btn .iconpark-icon { color: rgb(153, 153, 153); cursor: pointer; height: 26px; width: 26px; }

@media screen and (min-width: 500px) {
  .nav-item-btn .iconpark-icon:hover { color: var(--link-hover-color); }
}

#back-to-parent { display: flex; }

.image-box, .post-content img { cursor: pointer; }

.image-box { background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; height: 100%; left: 50%; line-height: 100vh; overflow: auto; padding: 0px 10%; position: fixed; top: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; z-index: 9999; }

@media screen and (max-width: 500px) {
  .image-box { padding: 0px; }
}

.image-box img { margin: auto; max-width: 100%; vertical-align: middle; }

.image-box::-webkit-scrollbar { background: rgba(255, 255, 255, 0.1); height: 5px; width: 5px; }

.image-box::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 1ex; box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 2px; }

.image-box::-webkit-scrollbar-corner { background: rgba(255, 255, 255, 0.1); }

body.dark-layout { --dark-color: #333; --fade-color: #555; --gray-color: #888; --main-color: #2ea44f; --sub-color: #45ca6b; --text-color: #aaa; --link-color: #c5c5c5; --link-hover-color: #fcfcfc; --bg-main-color: #272727; --bg-sub-color: #3b3b3b; --glass-color: hsla(0,0%,100%,.05); }

.dark-layout.bg1, .dark-layout.bg2 { background-color: rgb(140, 143, 149); }

@media only screen and (max-width: 500px) {
  .dark-layout.bg1, .dark-layout.bg2 { background-color: rgb(85, 86, 89); }
}

@media only screen and (min-width: 500px) {
  .dark-layout.bg1 { background-image: linear-gradient(var(--fade-color) 1px,transparent 1px),linear-gradient(to right,var(--fade-color) 1px,transparent 1px); background-size: 32px 32px; }
  .dark-layout.bg2 { background: linear-gradient(135deg, rgba(102, 102, 102, 0.333) 25%, transparent 0px) -40px 0px / 80px 80px, linear-gradient(225deg, rgb(101, 101, 101) 25%, transparent 0px) -40px 0px / 80px 80px, linear-gradient(315deg, rgba(102, 102, 102, 0.333) 25%, transparent 0px) 0px 0px / 80px 80px, linear-gradient(45deg, rgb(101, 101, 101) 25%, rgb(59, 59, 59) 0px) 0px 0px / 80px 80px; }
}

.dark-layout #nsk-body { box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 8px; }

@media only screen and (max-width: 500px) {
  .dark-layout #nsk-body { box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 8px; }
}

.dark-layout .user-card .user-stat { background-color: var(--bg-sub-color) !important; color: var(--text-color) !important; }

.dark-layout .user-card .user-stat a { color: var(--link-color) !important; }

.dark-layout .user-card .user-stat a:hover { color: var(--link-hover-color) !important; }

.dark-layout .hover-user-card { background-color: rgb(51, 51, 51) !important; }

.dark-layout .avatar-normal { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; }

.dark-layout .btn { background-color: rgb(21, 135, 54) !important; }

.dark-layout .btn:hover { background-color: rgb(35, 175, 74) !important; }

.dark-layout .md-editor { background-color: var(--bg-sub-color); color: rgb(221, 221, 221); }

.dark-layout .md-editor .content-area #markdown-input:hover, .dark-layout .md-editor .title-input:hover { outline: rgb(31, 31, 31) solid 1px !important; }

.dark-layout .md-editor #mde-title, .dark-layout .md-editor .tab-select, .dark-layout .md-editor .title-input, .dark-layout .md-editor textarea { background-color: var(--bg-sub-color); color: rgb(221, 221, 221); }

.dark-layout .md-editor #mde-title, .dark-layout .md-editor textarea { color: rgb(221, 221, 221); }

.dark-layout .md-editor #mde-title::placeholder { color: rgb(187, 187, 187) !important; }

.dark-layout .md-editor ::placeholder { color: rgb(87, 87, 87) !important; }

.dark-layout .md-editor .expression { background-color: rgb(81, 81, 81) !important; }

.dark-layout header { box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 6px; }

@media screen and (max-width: 500px) {
  .dark-layout header { box-shadow: none; }
}

.dark-layout #nsk-head { align-items: center; display: flex; }

@media screen and (max-width: 500px) {
  .dark-layout #nsk-head { box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 5px; }
}

.dark-layout .mobile-nav { box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 3px; }

@media screen and (max-width: 500px) {
  .dark-layout .nav-menu .right-button-group { border-left: 1px solid rgba(0, 0, 0, 0.3) !important; }
  .dark-layout .nav-menu .meta-button { background-color: rgb(7, 77, 38); }
}

.dark-layout #nsk-body-left .post-list .post-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.dark-layout #nsk-right-panel-container .nsk-panel ul li:nth-last-child(n+2) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.dark-layout .nsk-panel { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px !important; }

.dark-layout .post-content { color: var(--text-color); }

.dark-layout .post-content h2, .dark-layout .post-content hr { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.dark-layout .post-content h3, .dark-layout .post-content h4, .dark-layout .post-content h5, .dark-layout .post-content h6 { color: rgb(164, 168, 174); }

.dark-layout .post-content code, .dark-layout .post-content pre { background: rgb(46, 46, 4); border: 1px solid rgb(86, 86, 11); }

.dark-layout .post-content pre code { border: 0px; padding: 0px; }

.dark-layout .post-content blockquote { background: rgba(255, 255, 255, 0.05); border-left: 4px solid rgba(255, 255, 255, 0.1); }

.dark-layout .post-content table { background: rgb(50, 50, 50); border: 1px solid rgb(30, 29, 29); }

.dark-layout .post-content table thead th { background: rgb(51, 52, 53); }

.dark-layout .post-content table table th, .dark-layout .post-content table td, .dark-layout .post-content table thead th { border-bottom: 1px solid rgb(30, 29, 29); border-right: 1px solid rgb(30, 29, 29); }

.dark-layout .signature { border-top: 1px dashed rgba(0, 0, 0, 0.3); }

/* 移动端侧边栏：初始隐藏，避免页面加载时闪现 */
#left-slide-panel:not(.mobile-sidebar-open) {
    transform: translateX(-100%);
    transition: none;
}

.dark-layout #left-slide-panel { background-color: rgb(10, 50, 40) !important; }

.dark-layout .skeleton { animation: 2s ease 0s infinite normal none running loading2; background: rgb(68, 68, 68); }

@keyframes loading2 { 
  0% { background-image: linear-gradient(100deg, rgb(63, 63, 63) 40%, rgb(47, 47, 47) 50%, rgb(63, 63, 63) 60%); background-position: 100% 50%; background-size: 300% 100%; }
  100% { background-image: linear-gradient(100deg, rgb(63, 63, 63) 40%, rgb(47, 47, 47) 50%, rgb(63, 63, 63) 60%); background-position: 0px 50%; background-size: 300% 100%; }
}

.dark-layout .block-list table tr, .dark-layout .credit-table table tr, .dark-layout .invite-panel table tr, .dark-layout .ruling-log table tr { border: 1px solid rgb(80, 80, 80); }

.dark-layout .nsk-friends, .dark-layout .nsk-providers { color: rgb(221, 221, 221); }

.dark-layout .nsk-friends a, .dark-layout .nsk-providers a { color: rgb(221, 221, 221); font-weight: 700; }

.dark-layout .head-info, .dark-layout .nsk-friends a:hover, .dark-layout .nsk-providers a:hover { color: rgb(255, 255, 255); }

.dark-layout .pure-form legend { border-bottom: 1px solid rgba(0, 0, 0, 0.4); color: var(--text-color); }

.dark-layout .pure-form input[type="email"], .dark-layout .pure-form input[type="number"], .dark-layout .pure-form input[type="password"], .dark-layout .pure-form input[type="text"], .dark-layout .pure-form textarea { background-color: var(--bg-sub-color); border: 1px solid var(--bg-sub-color); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px inset; color: rgb(238, 238, 238); }

.dark-layout .pure-form .pure-button { background-color: rgb(133, 133, 133); color: rgb(238, 238, 238); }

.dark-layout .pure-form .iconpark-icon { color: rgb(238, 238, 238) !important; }

.dark-layout #search-site2 { background-color: rgb(85, 85, 85); border: 1px solid rgb(102, 102, 102); }

.dark-layout .nsk-notification .app-title { color: rgb(213, 213, 213); }

.dark-layout .message-item .content-column .content { background-color: rgb(45, 55, 48) !important; }

.dark-layout .message-input textarea { background-color: var(--bg-sub-color) !important; color: var(--text-color); }

.dark-layout .comment-menu .menu-item:hover { color: rgb(204, 204, 204) !important; }

.hover-user-card{background-color:var(--bg-main-color)}
.user-head{display:flex}
.user-head .menu{padding:0 1rem}
.user-head .menu .Username{font-size:16px;color:var(--link-color)}
.user-head .menu .Username:hover{color:var(--link-hover-color)}
.user-head .menu .iconpark-icon{margin-right:6px;color:var(--link-color);width:16px;height:16px;cursor:pointer}
.user-head .menu .iconpark-icon:hover{color:var(--link-hover-color)}
.user-card .user-stat{background-color:#ffffda;box-shadow:0 0 3px rgba(0,0,0,0.15);border-radius:5px;padding:10px;display:flex;color:#333;margin:1rem 0}
.user-card .user-stat a{color:#333}
.user-card .user-stat a:hover{color:#888}
.user-card .user-stat .stat-block{font-size:14px;flex:1}
.user-card .user-stat .stat-block div:nth-last-child(n+2){margin-bottom:6px}
.user-card .user-stat .stat-block .iconpark-icon{width:14px;height:14px}
.user-card .user-stat .notify-count{background-color:#f01212;display:inline;border-radius:6px;padding:0 6px;font-size:12.6px;vertical-align:middle;color:white}
.closeBtn{position:absolute;right:6px;top:6px}
.usercard-button-group:nth-last-child(n + 2){margin-right:6px}
.title-input{padding:5px 20px;border-bottom:1px solid rgba(0,0,0,0.1);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
.title-input input{width:100%;border:none;height:20px;line-height:20px;font-size:16px;font-weight:bold}
.title-input:hover{outline:#b4cdb9 1px solid}
.md-editor{margin:30px 8px;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);background-color:var(--bg-sub-color);height:unset !important}
.tab-select{display:flex;align-items:center;padding:0 1.5rem;color:#777;background-color:#f8f8f8}
@media screen and (max-width:500px){.tab-select{padding:0 12px}
}.tab-select .tab-option{font-size:14px;line-height:30px;height:30px;cursor:pointer;padding:0 10px}
@media screen and (max-width:500px){.tab-select .tab-option.tab-option-item-2{display:none}
}.editor-top-button{line-height:1;display:block;padding:4px;margin:0 2px;border-radius:3px}
#editor-body{background-color:var(--bg-sub-color)}
#editor-body.fullscreen-editor{display:flex;flex-direction:column;overflow:auto;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:100vh;z-index:99999}
#editor-body.fullscreen-editor #cm-editor-wrapper{height:unset}
#editor-body #cm-editor-wrapper{height:250px;width:100%}
#editor-body #cm-editor-wrapper.split-view-item{width:50%}
.content-area{min-height:250px;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}
.content-area #markdown-input{border:none;width:100%;height:250px;box-sizing:border-box;resize:none;line-height:1.5;padding:0.5rem}
.content-area #markdown-input:hover{outline:#b4cdb9 1px solid}
.content-area #markdown-input::-moz-placeholder{color:#ccc}
.content-area #markdown-input::placeholder{color:#ccc}
.content-area .markHtml-wrapper{padding:1rem 1.3rem;width:100%;box-sizing:border-box}
.content-area .markHtml-wrapper.split-view-item{padding:0}
.fullscreen-editor .content-area{flex:1}
.split-view-container{display:flex}
.split-view-container .split-view-item{overflow:auto;height:100%;width:50%}
.split-view-container .split-view-item:nth-child(2){border-left:1px solid rgba(0,0,0,0.1);box-sizing:border-box;padding-left:10px}
.topic-select{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:14px;line-height:30px;height:30px}
.topic-select .submit{padding:0 1rem;font-size:14px;line-height:25px;height:25px;border-radius:4px}
.topic-select .iconpark-icon{width:18px;height:18px;color:#333}
@media screen and (max-width:500px){.topic-select label{display:none}
}.button-3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2ea44f;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-shadow:rgba(27,31,35,0.1) 0 1px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap}
.button-3:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}
.button-3:hover{background-color:#2c974b}
.button-3:focus{box-shadow:rgba(46,164,79,0.4) 0 0 0 3px;outline:none}
.button-3:disabled{background-color:#94d3a2;border-color:rgba(27,31,35,0.1);color:rgba(255,255,255,0.8);cursor:default}
.button-3:active{background-color:#298e46;box-shadow:rgba(20,70,32,0.2) 0 1px 0 inset}
@keyframes wait-send-0602e1e4{0%{box-shadow:none}
50%{box-shadow:0 0 8px gray}
100%{box-shadow:none}
}.wait-botton{animation-name:wait-send-0602e1e4;animation-duration:1.5s;animation-iteration-count:infinite}
select:focus,button:focus{outline:#b4cdb9 1px solid}
.expression{display:flex;align-items:center;padding:0 5px;height:30px;background-color:#f8f8f8;border-bottom:1px solid rgba(0,0,0,0.05)}
.expression .exp-item{padding:0 5px;cursor:pointer;transition:all 0.3s}
.expression .exp-item:hover{transform:scale(1.1)}
.expression .exp-item.current-group{transform:scale(1.2)}
.exp-container{max-height:0;box-sizing:border-box;padding:0 10px;width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;justify-items:flex-start;overflow:hidden;transition:max-height 0.5s}
.exp-container.open{padding:10px;display:flex;max-height:280px;overflow:auto}
.exp-container.cur-sticker-group-app{display:grid;grid-template-columns:repeat(auto-fill,100px);grid-column-gap:10px;justify-items:center;width:100%;padding:20px 30px}
@media screen and (max-width:560px){.exp-container.cur-sticker-group-app{padding:20px 0}
}.sticker{max-width:90px;padding:5px;cursor:pointer}
.sticker:hover{outline:3px dashed #afffe8}
.sticker-group-app{border-left:1px solid rgba(0,0,0,0.05);padding-left:4px;margin-left:4px}
/* 侧边栏  */
#left-slide-panel { background-color: rgb(74, 122, 110); width: 65%; min-width: 100px; height: 100%; overflow-y: auto; order: 9999; top: 0px; left: 0px; position: fixed; transition: 0.5s; }
#left-slide-panel .user-card-container { padding: 12px 5px 5px; background-color: var(--bg-main-color); }
#left-slide-panel .welcome-new { border-radius: 1px; color: rgb(136, 136, 136); padding: 6px 10px 14px; margin: 0px 0px 10px; box-shadow: rgb(153, 153, 153) 0px 0px 2px; }
.category-mobile { padding-top: 30px; }
.category-mobile h2, .category-mobile p { color: rgb(238, 238, 238); margin: 0px 18px; padding: 5px 0px 5px 18px; font-size: 1rem; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); }
.category-mobile h2 { padding-left: 9px; }
.category-mobile h2  { vertical-align: middle; }
.category-mobile a.selected p { background-color: rgba(0, 0, 0, 0.2); }
.category-mobile .iconpark-icon { color: rgb(238, 238, 238); margin-right: 5px; width: 1rem; height: 1rem; }
.category-mobile p  { vertical-align: middle; }
/* 侧边栏结束  */
/* 用户搜索页面样式 */
.member-list {
  margin-top: 20px;
  overflow: hidden;
  border-radius: 6px;
  min-height: calc(100vh - 60px);
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  height: 100%;
}
@media screen and (max-width: 500px) {
.member-list {
    border-radius: 3px;
}
}
.dark-layout .member-list {
  background-color: rgba(255, 255, 255, 0.05);
}
.user-card-wrapper-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 260px);
  grid-column-gap: 10px;
  justify-items: center;
  width: 100%;
  padding: 0px 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
.user-card-wrapper-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
}
.user-card-wrapper {
  width: 100%;
  margin: 20px;
  max-width: 270px;
  box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.1);
  background-color: var(--bg-main-color);
  padding: 6px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.user-card-wrapper:hover {
  box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.3);
  transition: box-shadow 0.25s;
}
.dark-layout .user-card-wrapper:hover {
  box-shadow: 0px 9px 30px rgba(5, 176, 255, 0.3);
}
@media screen and (max-width: 500px) {
.user-card-wrapper {
    width: 95%;
    margin: 8px auto;
}
h1 {
  margin: 20px 0;
  text-align: center;
}
}
/* 编辑  */


/* 编辑  */
.title-input{padding:5px 20px;border-bottom:1px solid rgba(0,0,0,0.1);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
.title-input input{width:100%;border:none;height:20px;line-height:20px;font-size:16px;font-weight:bold}
.title-input:hover{outline:#b4cdb9 1px solid}
.md-editor{margin:30px 8px;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);background-color:var(--bg-sub-color);height:unset !important}
.tab-select{display:flex;align-items:center;padding:0 1.5rem;color:#777;background-color:#f8f8f8}
@media screen and (max-width:500px){.tab-select{padding:0 12px}
}.tab-select .tab-option{font-size:14px;line-height:30px;height:30px;cursor:pointer;padding:0 10px}
@media screen and (max-width:500px){.tab-select .tab-option.tab-option-item-2{display:none}
}.editor-top-button{line-height:1;display:block;padding:4px;margin:0 2px;border-radius:3px}
#editor-body{background-color:var(--bg-sub-color)}
#editor-body.fullscreen-editor{display:flex;flex-direction:column;overflow:auto;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:100vh;z-index:99999}
#editor-body.fullscreen-editor #cm-editor-wrapper{height:unset}
#editor-body #cm-editor-wrapper{height:250px;width:100%}
#editor-body #cm-editor-wrapper.split-view-item{width:50%}
.content-area{min-height:250px;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}
.content-area #markdown-input{border:none;width:100%;height:250px;box-sizing:border-box;resize:none;line-height:1.5;padding:0.5rem}
.content-area #markdown-input:hover{outline:#b4cdb9 1px solid}
.content-area #markdown-input::-moz-placeholder{color:#ccc}
.content-area #markdown-input::placeholder{color:#ccc}
.content-area .markHtml-wrapper{padding:1rem 1.3rem;width:100%;box-sizing:border-box}
.content-area .markHtml-wrapper.split-view-item{padding:0}
.fullscreen-editor .content-area{flex:1}
.split-view-container{display:flex}
.split-view-container .split-view-item{overflow:auto;height:100%;width:50%}
.split-view-container .split-view-item:nth-child(2){border-left:1px solid rgba(0,0,0,0.1);box-sizing:border-box;padding-left:10px}
.topic-select{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:14px;line-height:30px;height:30px}
.topic-select .submit{padding:0 1rem;font-size:14px;line-height:25px;height:25px;border-radius:4px}
.topic-select .iconpark-icon{width:18px;height:18px;color:#333}
@media screen and (max-width:500px){.topic-select label{display:none}
}.button-3{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2ea44f;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-shadow:rgba(27,31,35,0.1) 0 1px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap}
.button-3:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}
.button-3:hover{background-color:#2c974b}
.button-3:focus{box-shadow:rgba(46,164,79,0.4) 0 0 0 3px;outline:none}
.button-3:disabled{background-color:#94d3a2;border-color:rgba(27,31,35,0.1);color:rgba(255,255,255,0.8);cursor:default}
.button-3:active{background-color:#298e46;box-shadow:rgba(20,70,32,0.2) 0 1px 0 inset}
@keyframes wait-send-0602e1e4{0%{box-shadow:none}
50%{box-shadow:0 0 8px gray}
100%{box-shadow:none}
}.wait-botton{animation-name:wait-send-0602e1e4;animation-duration:1.5s;animation-iteration-count:infinite}
select:focus,button:focus{outline:#b4cdb9 1px solid}
.expression{display:flex;align-items:center;padding:0 5px;height:30px;background-color:#f8f8f8;border-bottom:1px solid rgba(0,0,0,0.05)}
.expression .exp-item{padding:0 5px;cursor:pointer;transition:all 0.3s}
.expression .exp-item:hover{transform:scale(1.1)}
.expression .exp-item.current-group{transform:scale(1.2)}
.exp-container{max-height:0;box-sizing:border-box;padding:0 10px;width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;justify-items:flex-start;overflow:hidden;transition:max-height 0.5s}
.exp-container.open{padding:10px;display:flex;max-height:280px;overflow:auto}
.exp-container.cur-sticker-group-app{display:grid;grid-template-columns:repeat(auto-fill,100px);grid-column-gap:10px;justify-items:center;width:100%;padding:20px 30px}
@media screen and (max-width:560px){.exp-container.cur-sticker-group-app{padding:20px 0}
}.sticker{max-width:90px;padding:5px;cursor:pointer}
.sticker:hover{outline:3px dashed #afffe8}
.sticker-group-app{border-left:1px solid rgba(0,0,0,0.05);padding-left:4px;margin-left:4px}
/* 编辑结束  */