@charset "UTF-8";
@font-face {font-family:'Play';font-style:normal;font-weight:400;src:url(../fonts/play.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face {font-family:'oxaniumregular';font-weight:400;font-style:normal;src:url(../fonts/oxanium-regular-webfont.woff2) format("woff2"),url(../fonts/oxanium-regular-webfont.woff) format("woff");}
body {font-family:"Play","MArima Madurai",Microsoft JhengHei,Georgia,Times,serif,Microsoft Yahei,Open Sans,sans-serif;color:#67748e;font-size:15px;background-color:#fff;cursor:url(../images/cur/background.cur),default;}
.headerlogosss {text-shadow:#ecdddd  0.031em 0.031em 0.051em;}
::-webkit-scrollbar-thumb {background-color:#a7b5fd;border-radius:3px}
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track-piece {-webkit-border-radius:0;}
::selection {color:#fff;background:#a69bdfb0;}
::-moz-selection {color:#fff;background:#a7b5fd;}
::-webkit-selection {color:#fff;background:#a7b5fd;}
*,:after,:before,a,a:hover,[role=button],button,button:hover,.nav-link,.nav-link:hover,.dropdown-toggle,.dropdown-toggle:hover{cursor:url(../images/cur/button.cur),auto !important;}
a:link,a:visited,a:hover,a:active {text-decoration:none;}
p {color:#5F6F81;font-weight:300;cursor:url(../images/cur/text.cur),auto}
button {cursor:url(../images/cur/button.cur),auto;}
ol,ul,li {list-style:none;}
textarea {height:100px;resize:none;cursor:url(../images/cur/pen.cur),auto;}
input {cursor:url(../images/cur/pen.cur),auto;}
img {cursor:url(../images/cur/button.cur),auto;}
b,strong {font-weight:600;}
button.btn {cursor:url(../images/cur/button.cur),auto;}
blockquote,q {quotes:none;cursor:url(../images/cur/bq.cur),auto;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
blockquote {background:#ac9bd740;border-left:10px solid #ac9bd7;margin:1.5em 10px;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {color:#ac9bd7;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;}
label,.comt-addsmilies {cursor:url(../images/cur/select.cur),auto;}
code,kbd,pre,samp {font-family:none;}
.form-check:not(.form-switch) .form-check-input[type=radio]:after {width:0.4375rem;height:0.4375rem;}
#preloader {background:#fff;height:100%;position:fixed;width:100%;top:0;z-index:1031;}
.body_color{background-image:radial-gradient(rgb(255 0 0 / 9%),rgba(255,0,0,0) 40vw),radial-gradient(rgb(0 128 0 / 11%),rgba(0,128,0,0) 40vw),radial-gradient(rgb(0 0 255 / 15%),rgba(0,0,255,0) 40vw),radial-gradient(rgba(255,255,0,0.3),rgba(255,255,0,0) 40vw),radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0) 40vw);background-position:-65vw 14rem,50% 20rem,70vw 14rem,-10vw calc(14rem + 20vw),30vw calc(14rem + 20vw);background-repeat:no-repeat;}.book{--color:#FE4F70;--duration:6.8s;width:32px;height:12px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.book .inner{width:32px;height:12px;position:relative;transform-origin:2px 2px;transform:rotateZ(-90deg);animation:book var(--duration) ease infinite;}.book .inner .left,.book .inner .right{width:60px;height:4px;top:0;border-radius:2px;background:var(--color);position:absolute;}.book .inner .left:before,.book .inner .right:before{content:"";width:48px;height:4px;border-radius:2px;background:inherit;position:absolute;top:-10px;left:6px;}.book .inner .left{right:28px;transform-origin:58px 2px;transform:rotateZ(90deg);animation:left var(--duration) ease infinite;}.book .inner .right{left:28px;transform-origin:2px 2px;transform:rotateZ(-90deg);animation:right var(--duration) ease infinite;}.book .inner .middle{width:32px;height:12px;border:4px solid var(--color);border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px);}.book ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0;}.book ul li{height:4px;border-radius:2px;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:var(--color);transform:rotateZ(0deg) translateX(-18px);animation-duration:var(--duration);animation-timing-function:ease;animation-iteration-count:infinite;}.book ul li:nth-child(0){animation-name:page-0;}.book ul li:nth-child(1){animation-name:page-1;}.book ul li:nth-child(2){animation-name:page-2;}.book ul li:nth-child(3){animation-name:page-3;}.book ul li:nth-child(4){animation-name:page-4;}.book ul li:nth-child(5){animation-name:page-5;}.book ul li:nth-child(6){animation-name:page-6;}.book ul li:nth-child(7){animation-name:page-7;}.book ul li:nth-child(8){animation-name:page-8;}.book ul li:nth-child(9){animation-name:page-9;}.book ul li:nth-child(10){animation-name:page-10;}.book ul li:nth-child(11){animation-name:page-11;}.book ul li:nth-child(12){animation-name:page-12;}.book ul li:nth-child(13){animation-name:page-13;}.book ul li:nth-child(14){animation-name:page-14;}.book ul li:nth-child(15){animation-name:page-15;}.book ul li:nth-child(16){animation-name:page-16;}.book ul li:nth-child(17){animation-name:page-17;}.book ul li:nth-child(18){animation-name:page-18;}@keyframes page-0{4%{transform:rotateZ(0deg) translateX(-18px);}13%,54%{transform:rotateZ(180deg) translateX(-18px);}63%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-1{5.86%{transform:rotateZ(0deg) translateX(-18px);}14.74%,55.86%{transform:rotateZ(180deg) translateX(-18px);}64.74%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-2{7.72%{transform:rotateZ(0deg) translateX(-18px);}16.48%,57.72%{transform:rotateZ(180deg) translateX(-18px);}66.48%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-3{9.58%{transform:rotateZ(0deg) translateX(-18px);}18.22%,59.58%{transform:rotateZ(180deg) translateX(-18px);}68.22%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-4{11.44%{transform:rotateZ(0deg) translateX(-18px);}19.96%,61.44%{transform:rotateZ(180deg) translateX(-18px);}69.96%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-5{13.3%{transform:rotateZ(0deg) translateX(-18px);}21.7%,63.3%{transform:rotateZ(180deg) translateX(-18px);}71.7%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-6{15.16%{transform:rotateZ(0deg) translateX(-18px);}23.44%,65.16%{transform:rotateZ(180deg) translateX(-18px);}73.44%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-7{17.02%{transform:rotateZ(0deg) translateX(-18px);}25.18%,67.02%{transform:rotateZ(180deg) translateX(-18px);}75.18%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-8{18.88%{transform:rotateZ(0deg) translateX(-18px);}26.92%,68.88%{transform:rotateZ(180deg) translateX(-18px);}76.92%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-9{20.74%{transform:rotateZ(0deg) translateX(-18px);}28.66%,70.74%{transform:rotateZ(180deg) translateX(-18px);}78.66%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-10{22.6%{transform:rotateZ(0deg) translateX(-18px);}30.4%,72.6%{transform:rotateZ(180deg) translateX(-18px);}80.4%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-11{24.46%{transform:rotateZ(0deg) translateX(-18px);}32.14%,74.46%{transform:rotateZ(180deg) translateX(-18px);}82.14%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-12{26.32%{transform:rotateZ(0deg) translateX(-18px);}33.88%,76.32%{transform:rotateZ(180deg) translateX(-18px);}83.88%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-13{28.18%{transform:rotateZ(0deg) translateX(-18px);}35.62%,78.18%{transform:rotateZ(180deg) translateX(-18px);}85.62%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-14{30.04%{transform:rotateZ(0deg) translateX(-18px);}37.36%,80.04%{transform:rotateZ(180deg) translateX(-18px);}87.36%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-15{31.9%{transform:rotateZ(0deg) translateX(-18px);}39.1%,81.9%{transform:rotateZ(180deg) translateX(-18px);}89.1%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-16{33.76%{transform:rotateZ(0deg) translateX(-18px);}40.84%,83.76%{transform:rotateZ(180deg) translateX(-18px);}90.84%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-17{35.62%{transform:rotateZ(0deg) translateX(-18px);}42.58%,85.62%{transform:rotateZ(180deg) translateX(-18px);}92.58%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes page-18{37.48%{transform:rotateZ(0deg) translateX(-18px);}44.32%,87.48%{transform:rotateZ(180deg) translateX(-18px);}94.32%{transform:rotateZ(0deg) translateX(-18px);}}@keyframes left{4%{transform:rotateZ(90deg);}10%,40%{transform:rotateZ(0deg);}46%,54%{transform:rotateZ(90deg);}60%,90%{transform:rotateZ(0deg);}96%{transform:rotateZ(90deg);}}@keyframes right{4%{transform:rotateZ(-90deg);}10%,40%{transform:rotateZ(0deg);}46%,54%{transform:rotateZ(-90deg);}60%,90%{transform:rotateZ(0deg);}96%{transform:rotateZ(-90deg);}}@keyframes book{4%{transform:rotateZ(-90deg);}10%,40%{transform:rotateZ(0deg);transform-origin:2px 2px;}40.01%,59.99%{transform-origin:30px 2px;}46%,54%{transform:rotateZ(90deg);}60%,90%{transform:rotateZ(0deg);transform-origin:2px 2px;}96%{transform:rotateZ(-90deg);}}
.btn-moe {color:#FFF;padding:9.5px 36px;background:#FE4F70;background:-webkit-linear-gradient(left,#FE4F70 0%,#FFA387 51%,#FE4F70 100%);background:linear-gradient(to right,#FE4F70 0%,#FFA387 51%,#FE4F70 100%);background-size:200% auto;}
.btn-moe:hover {color:#FFF;background-position:right center;}
.badge {border-radius:.25rem;}
.headerlogo {height:40px;}
.header-global .navbar .logo.navbar-brand {color:#FFF;font-size:1.25rem;letter-spacing:2px;}
.header-global .headroom--not-top .logo.navbar-brand {color:#333;}
.header-global .headroom--not-top .navbar-toggler-icon .navbar-toggler-bar {background:#333!important;}
.header-global .navbar-transparent {position:absolute;top:0;width:100%;z-index:100;background-color:transparent!important;border:0;box-shadow:none;}
.header-global .headroom--not-top {display:none !important;}
.header-global .navbar .nav-item .nav-link {font-weight:500;font-size:.8rem;}
.header-global .navbar .nav-item .nav-link.active:before,.navbar .nav-item .nav-link.active,.navbar .nav-item .nav-link .nav-link:focus,.navbar .nav-item .nav-link:hover {color:#FFF;background-color:hsla(0,0%,100%,.1);border-radius:10px;}
.header-global .nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {color:#495057;background-color:#fafafa;border-color:#dee2e6 #dee2e6 #fafafa}
.header-global .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active,.boxmoe-user-page .navbar .active {border-radius:5px;color:#FFF;background-color:hsla(0,0%,100%,.1);}
.header-global .navbar-light .navbar-nav .nav-link {color:#fff;border-radius:5px;}
.header-global .navbar.navbar-transparent .nav-link,.navbar.navbar-transparent .nav-link i,.boxmoe-user-page .nav-link i {letter-spacing:2px;color:#fff;margin-right:5px;}
.header-global .headroom--not-top.navbar .nav-link,.header-global .headroom--not-top.navbar .nav-link i {color:#333;}
.header-global .headroom--not-top.navbar .nav-item .nav-link:hover,.headroom--not-top.navbar-light .navbar-nav .nav-link.active {background-color:hsl(0deg 3% 54% / 10%);}
.header-global .dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before {transform:rotate(-90deg);left:-10px;top:5px;z-index:-1;transition:left .35s ease;}
.header-global .dropdown .dropdown-menu:before {top:-21px;}
.header-global .dropdown .dropdown-menu .dropdown-menu {top:-8px;left:100%;margin-left:5px;}
.header-global .sign_f .nav-item .nav-link {background-color:hsla(0,0%,100%,.1);border-radius:10px;}
.header-global .headroom--not-top .sign_f .nav-item .nav-link {background-color:hsl(0deg 0% 24% / 10%);}
.sign-in-cover .navbar .nav-link:hover {color:#5471a0;}
.sign-in-cover .navbar .nav-link i {padding-right:5px;}

/* =====================================================
   登录/注册/找回密码页面 - 简洁单页风格 (Notion/Linear风格)
   ===================================================== */

/* 页面整体 */
.sign-in-cover.auth-page {
    background: #fafafa;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body.dark-mode .sign-in-cover.auth-page {
    background: #121212;
}

/* 隐藏所有多余元素 */
.sign-in-cover.auth-page #preloader,
.sign-in-cover.auth-page .header-global,
.sign-in-cover.auth-page .oblique,
.sign-in-cover.auth-page .col-md-6:last-of-type,
.sign-in-cover.auth-page .page-header .separator,
.sign-in-cover.auth-page .page-header::before,
.sign-in-cover.auth-page .page-header::after,
.sign-in-cover.auth-page .footer,
.sign-in-cover.auth-page .section,
.sign-in-cover.auth-page > .container {
    display: none !important;
}

/* 主容器 */
.auth-container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* Logo */
.auth-logo {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    text-decoration: none;
    color: inherit;
}
.auth-logo img {
    height: 42px;
    width: auto;
}
.auth-logo:not(:has(img)) {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    letter-spacing: -0.5px;
}
body.dark-mode .auth-logo:not(:has(img)) {
    color: #f9fafb;
}

/* 卡片 */
.auth-card {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
    border: 1px solid #e5e7eb;
}
body.dark-mode .auth-card {
    background: #1e1e1e;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.2);
    border-color: #333333;
}

/* 头部 */
.auth-header {
    text-align: center;
    margin-bottom: 28px;
}
.auth-header h1 {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}
body.dark-mode .auth-header h1 {
    color: #f9fafb;
}
.auth-header p {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
}
body.dark-mode .auth-header p {
    color: #9ca3af;
}

/* 错误提示 */
.auth-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #dc2626;
}
body.dark-mode .auth-error {
    background: rgba(248,113,113,0.15);
    border-color: rgba(248,113,113,0.3);
    color: #f87171;
}
.auth-error i {
    font-size: 16px;
    flex-shrink: 0;
}

/* 成功提示 */
.auth-success {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #16a34a;
}
body.dark-mode .auth-success {
    background: rgba(74,222,128,0.15);
    border-color: rgba(74,222,128,0.3);
    color: #4ade80;
}
.auth-success i {
    font-size: 16px;
    flex-shrink: 0;
}

/* 表单 */
.auth-form {
    margin: 0;
}
.form-group {
    margin-bottom: 18px;
}
.form-group label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}
body.dark-mode .form-group label {
    color: #d1d5db;
}
.form-group label .required {
    color: #ef4444;
    margin-left: 2px;
}
.form-control {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
    color: #111827;
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    transition: all 0.15s ease;
    outline: none;
}
.form-control:hover {
    border-color: #9ca3af;
}
.form-control:focus {
    border-color: #FE4F70;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(254,79,112,0.1);
}
.form-control::placeholder {
    color: #9ca3af;
}
body.dark-mode .form-control {
    color: #f9fafb;
    background: #262626;
    border-color: #404040;
}
body.dark-mode .form-control:hover {
    border-color: #525252;
}
body.dark-mode .form-control:focus {
    border-color: #4a9eff;
    background: #262626;
    box-shadow: 0 0 0 3px rgba(74,158,255,0.2);
}
body.dark-mode .form-control::placeholder {
    color: #6b7280;
}

/* 两列布局 */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 18px;
}
.form-row .form-group {
    margin-bottom: 0;
}

/* 验证码 */
.captcha-group {
    margin-bottom: 24px;
}
.captcha-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
.captcha-question {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    flex-shrink: 0;
}
body.dark-mode .captcha-question {
    background: #262626;
    border-color: #404040;
}
.captcha-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #FE4F70 0%, #FF8C6B 100%);
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(254,79,112,0.3);
}
body.dark-mode .captcha-num {
    background: linear-gradient(135deg, #4a9eff 0%, #6bb8ff 100%);
    box-shadow: 0 2px 4px rgba(74,158,255,0.3);
}
.captcha-symbol {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
}
body.dark-mode .captcha-symbol {
    color: #d1d5db;
}
.captcha-input {
    flex: 1;
}

/* 记住我 */
.form-check-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
.form-check-input {
    width: 18px;
    height: 18px;
    margin: 0;
    border-radius: 5px;
    border: 1.5px solid #d1d5db;
    background: #fff;
    cursor: pointer;
}
.form-check-input:checked {
    background: #FE4F70;
    border-color: #FE4F70;
}
body.dark-mode .form-check-input {
    border-color: #525252;
    background: #262626;
}
body.dark-mode .form-check-input:checked {
    background: #4a9eff;
    border-color: #4a9eff;
}
.form-check-label {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
    cursor: pointer;
}
body.dark-mode .form-check-label {
    color: #9ca3af;
}

/* 登录按钮 */
.auth-btn {
    width: 100%;
    height: 46px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #111827;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth-btn:hover {
    background: #1f2937;
    transform: translateY(-1px);
}
body.dark-mode .auth-btn {
    background: #f9fafb;
    color: #111827;
}
body.dark-mode .auth-btn:hover {
    background: #e5e7eb;
}

/* 底部链接 */
.auth-footer {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}
body.dark-mode .auth-footer {
    border-top-color: #333333;
}
.auth-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: #6b7280;
}
body.dark-mode .auth-links {
    color: #9ca3af;
}
.auth-links a {
    color: #111827;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s ease;
}
body.dark-mode .auth-links a {
    color: #f9fafb;
}
.auth-links a:hover {
    color: #FE4F70;
}
body.dark-mode .auth-links a:hover {
    color: #4a9eff;
}
.auth-links .divider {
    color: #9ca3af;
}
body.dark-mode .auth-links .divider {
    color: #6b7280;
}

/* 返回首页 */
.auth-back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 32px;
    font-size: 13px;
    color: #9ca3af;
    text-decoration: none;
    transition: color 0.15s ease;
}
.auth-back:hover {
    color: #6b7280;
}
body.dark-mode .auth-back:hover {
    color: #9ca3af;
}

/* 响应式 */
@media (max-width: 480px) {
    .sign-in-cover.auth-page {
        padding: 24px 16px;
    }
    .auth-card {
        padding: 24px;
        border-radius: 12px;
    }
    .auth-header h1 {
        font-size: 22px;
    }
    .form-row {
        grid-template-columns: 1fr;
    }
    .captcha-wrapper {
        flex-direction: column;
    }
    .captcha-question {
        width: 100%;
        justify-content: center;
    }
}
.header-global .dropdown-menu i {margin-right:5px;}
.header-global .dropdown.nav-item .dropdown-menu {background-color:#fff !important;box-shadow:0 8px 26px rgba(0,0,0,0.1) !important;}
.header-global .dropdown-item {color:#67748e !important;background-color:transparent !important;}
.header-global .dropdown-item:hover,
.header-global .dropdown-item:focus {color:#344767 !important;background-color:#e9ecef !important;}
.header-global .dropdown-item .dropdown-toggle:after,
.header-global .dropdown-subitem .dropdown-toggle:after,
.header-global .dropdown .dropdown-menu .dropdown-toggle:after,
.header-global .dropdown-menu .dropdown-item.dropdown-toggle:after {content:"" !important;display:inline-block !important;border-top:.3em solid transparent !important;border-right:0 !important;border-bottom:.3em solid transparent !important;border-left:.3em solid !important;vertical-align:0 !important;margin-left:.255em !important;}
.header-global .dropdown-item .arrow {transform:rotate(-90deg) !important;}
.section-blog-cover {height:580px;background-size:cover;background-position:30% 30%;}
.section-shaped {position:relative;overflow:hidden;}
.separator-skew {height:100px;}
.separator-bottom {top:auto;bottom:0;}
.separator,.separator svg {position:absolute;pointer-events:none;}
.separator {top:auto;left:0;right:0;width:100%;z-index:1;transform:translateZ(0);overflow:hidden;}
.section-shaped:after,.section-shaped:before {position:absolute;width:100%;height:100%;left:0;top:0;content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=);}
/*.section-shaped:after {background:#203656;opacity:0.4;}
*/.boxmoe-user-login .user-avatar-header {padding-left:1px}
.boxmoe-user-login .user-avatar-header img {width:30px;height:30px;border-radius:4px;display:inline-block}
.boxmoe-user-login .up-new {position:absolute;width:54px;height:34px;top:-9px;background:url(../images/up-new-iocn.png) no-repeat;z-index:20}
.boxmoe-user-login:hover .user-avatar-header img {width:30px;height:30px;border-radius:50px;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.boxmoe-user-login {position:relative;height:100%;}
.boxmoe-user-login .boxmoe_user-loader {float:left;position:relative}
.boxmoe-user-login .boxmoe_user-loader a {border-radius:4px;background-color:#ffffff52;padding:.3em .8em;font-size:0.9em;color:#fff}
.headroom--not-top .boxmoe_user-loader a {background-color:#00000052;}
.boxmoe-user-login .boxmoe_user-loader a:hover {background-color:#6b646473!important;}
.boxmoe-user-login .boxmoe_user-loader b {display:block;position:absolute;top:50%;right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);height:15px;width:15px;line-height:1.1;text-align:center;background:#fff;color:#81c483;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:100%;border-radius:100%;font-size:11px;border:2px solid #e7e7e7;font-weight:400;z-index:12}
.sign_f i {padding-right:5px;}
.boxmoe_blog {max-width:1350px;position:relative;padding-left:2em;padding-right:2em;margin:0 auto;}
.boxmoe_blog:after,.boxmoe_blog:before {content:"";display:table;}
.header_banner {
    position: absolute;
    z-index: 41;
    left: 0;
    right: 0;
    width: 60%;
    height: 100%;
    overflow: hidden;
    font-size: 1.5vh;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 30px;
    margin: auto;
}

.site-main {padding:10px 0 0}
.site-main i {color:#f20d0d;padding-right:5px;}
h1.main-title {letter-spacing:0.5px;text-align:center;color:#4c6280;font-size:13px;font-weight:400;padding-top:20px;padding-bottom:5px;/*margin-bottom:30px;border-bottom:1px dashed #ECECEC*/}
.post-list-view {width:100%;margin-bottom:30px;padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
/*.blog-border:hover {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
*/.blog-border {padding:20px;border-radius:10px;border:solid 1px #e8e2f582;background-color:#fff;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);}
.blog-card {background-color:#fff;border-radius:8px;box-shadow:1px 4px 15px rgb(125 147 178 / 32%);transition:all .3s;padding:20px;}
/*.blog-card:hover {box-shadow:0px 0px 15px 6px rgb(125 147 178 / 32%);}
*/.post-list-view .post-list-header {padding-bottom:5px;}
.post-list-view .post-list-header .category-meta {text-shadow:#B9B9B9 0.031em 0.031em 0.051em;letter-spacing:2px;}
.post-list-view .post-list-header .category-meta a {letter-spacing:2px;font-size:13px;}
.post-list-view .post-list-header .category-meta i {padding-right:5px;}
.post-list-view .post-list-content {width:60%;visibility:visible;margin-left:20px;position:relative;}
.post-list-view h2.post-list-title {font-size:17px;font-weight:400;padding-top:5px;margin-bottom:0;}
.post-list-view .post-list-title a {color:#37475c;font-size:16px;line-height:24px;text-shadow:#d0cdcd 0.031em 0.031em 0.051em;}
.post-list-view .post-list-title a:hover {color:#f34159;}
.post-list-view .post-list-text,.post-list-info {font-size:13px;font-weight:400;margin:5px 0;color:#7087a7;}
.post-list-view.list-status {resize:none;background:url(../images/comment.png) right bottom no-repeat;background-color:#fff;}
.post-list-view.list-status .post-list-content {line-height:2.8;padding:0;width:80%;}
.post-list-view.list-status .post-list-content .author {padding-top:5px;color:#747992;}
.post-list-view.list-status .post-list-content .author i {padding-right:5px;}
.post-list-view.list-status .post-list-title i.fa {color:#fd0303;border:3px solid #f197a4;}
.post-list-view .post-list-info {align-items:center;display:flex;flex-wrap:nowrap;padding:0 1rem;width:100%;border-top:1px #ECECEC solid;padding-top:8px;position:absolute;bottom:0;}
.post-thumbnail {border-radius:10px;padding:0 !important;overflow:hidden;width:380px;height:220px;position:relative;}
.post-thumbnail img {max-width:100%;min-height:220px;height:auto;transition:all .4s cubic-bezier(.7,0,.3,1);object-fit:cover;}
.post-thumbnail a {overflow:hidden;display:block;max-height:220px;}
.post-thumbnail:hover .post-overlay:after {visibility:visible;opacity:1;opacity:.5}
.post-list-view:hover .post-thumbnail .post-overlay:after {visibility:visible;opacity:1;opacity:.75}
.post-list-view:hover .post-thumbnail img {transform:scale3d(1.05,1.05,1.05)}
.post-overlay:after,.post-overlay:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all .4s ease}
.post-overlay:after {visibility:hidden;opacity:0;transition:all .4s ease}
.list-status h5 {font-size:16px;color:#4c6280;}
.list-status .text-sm {color:#7087a7;text-shadow:#B9B9B9 0.031em 0.031em 0.051em;}
.post-meta {align-items:center;display:flex;flex-wrap:wrap;padding:0 1rem;bottom:0;width:100%;padding-top:8px;}
.post-meta.thw-sept {padding-top:5px;margin-top:5px;}
.pagenav .page-item.active .page-link {z-index:3;color:#000;border-color:transparent;background:#f2f6fc;border:1px solid #f2f6fc;background-size:auto 200%;-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.15);box-shadow:0px 2px 4px 0px rgba(0,0,0,0.15);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.pagenav .page-link {position:relative;display:block;color:#908489;border-radius:50%;font-size:14px;text-decoration:none;border:solid 1px #e8e2f582;height:35px;line-height:35px;text-align:center;padding:0;width:35px;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.pagenav .page-link:hover {z-index:2;color:#000;background:#f2f6fc;border:1px solid #f2f6fc;background-size:auto 200%;border-color:transparent;}
.pagenav .page-link,.page-item span {margin:0 6px;}
.post-single {padding:20px;}
.post-single .erphpdown legend {float:none;}
.post-single .post-header {position:relative;}
.post-single .post-title {font-size:19px;color:#000;text-align:center;margin-top:10px;letter-spacing:0;}
.post-single .post-auther-avatar img {border-radius:100px;width:40px;height:40px;float:left;margin-right:10px;border:2px solid #ad9ad4;border-right-color:#db9693;border-bottom-color:#db9693;}
.post-single .post-auther-avatar img {-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.post-single .post-auther-avatar img:hover {opacity:1;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.post-single .post-content {word-break:break-all;padding-top:10px;}
.post-single .post-content,.post-single .post-content p {color:#000;font-size:0.96rem;font-weight:400;line-height:1.7;word-break:break-all;}
.post-single .post-content h2,.post-single .post-content h3,.post-single .post-content h4 {letter-spacing:1.5px;}
.post-single .post-content h4 {line-height:1.4;font-weight:700;font-size:15px;border-bottom:2px #f00 solid;width:auto;display:table;margin:15px 0;}
.post-single .post-content h3.h-title,.post-single .post-content h2.h-title {position:relative;padding:0 0 0 1rem;line-height:1.8;margin:1.5rem 0 1rem -1rem;font-size:1.2rem;}
.post-single .post-content h2.h-title:before,.post-single .post-content h3.h-title:before {content:'';position:absolute;left:0;top:7px;width:6px;height:22px;border-radius:10px;background:#f0494d;background:-o-linear-gradient(bottom,#ff843a,#f0494d);background:-webkit-gradient(linear,left bottom,left top,from(#ff843a),to(#f0494d));background:linear-gradient(to top,#ff843a,#f0494d);}
.post-single .post-content h2.h-title:before {background:#47484e;background:-o-linear-gradient(bottom,#47484e,#d0caca);background:-webkit-gradient(linear,left bottom,left top,from(#47484e),to(#d0caca));background:linear-gradient(to top,#47484e,#d0caca);}
.post-single .pagination {display:flex;padding-top:20px}
.post-single .pagination span {font-size:.875rem;line-height:10px;}
.post-single .fenye {text-align:center;margin:0px auto 10px;}
.post-single .fenye a {text-decoration:none;}
.post-single .fenye .post-page-numbers {display:flex;width:36px;height:36px;margin:0 3px;padding:0;border-radius:50%!important;align-items:center;justify-content:center;line-height:1.25;position:relative;color:#f5365c;border:1px solid #f5365c;background-color:#fff;}
.post-single .fenye .post-page-numbers:hover {text-decoration:none;color:#FFF;border-color:#e84c3d;background-color:#e84c3d}
.post-single .fenye .post-page-numbers:focus {outline:0;box-shadow:none}
.post-single .fenye .current {background-color:#e84c3d;border-color:#e84c3d;color:#fff;box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);}
.post-single h2 i[class^="icon-"],h2 i[class*=" icon-"],h2 i.fa {font-size:15px;margin-right:14px;line-height:39px;text-align:center;color:#638799;background:#fff;border-radius:50%;border:3px solid #d4e0e6;display:inline-block;width:47px;}
.post-single h2 i[class^="icon-"],.post-single h2 i[class*=" icon-"],h2 i.fa {font-size:16px;margin-right:14px;line-height:39px;text-align:center;color:#638799;background:#fff;border-radius:50%;border:3px solid #638799;display:inline-block;width:47px;}
.post-single h2 i[class^="icon-"]:before,h2 i[class*=" icon-"]:before,h2 i.fa:before {display:inline;margin-left:0;margin-right:0;}
.post-single .ol {padding:15px;font-size:13px;font-weight:600;line-height:3;color:#53689a;}
.post-single .ol a {color:#53689a;}
.post-single .ol ol:hover {padding-left:20px;}
.post-single .ol ol {position:relative;padding-left:15px;border-bottom:1px #53689a dashed;}
.post-single .ol ol:before {content:'';position:absolute;left:0;top:18px;height:6px;width:6px;border-radius:20px;background-color:#888cdc;}
.post-single .section-title {position:relative;margin:1em 0;font-size:12px;letter-spacing:1px;font-weight:700;}
.post-single .section-title:before {content:"";position:absolute;top:50%;left:0;width:100%;border-bottom:3px solid #638799;}
.post-single .section-title span {position:relative;display:inline-block;padding-right:1.4em;background:#fff;color:#638799;font-size:14px;}
.post-single .row + .section-title {margin-top:3em;}
.post-single .section-title + p {margin-top:1em;}
.post-single .link-title {position:relative;display:inline-block;margin:20px 0;font-size:15px;padding:0 30px 0 25px;height:45px;line-height:45px;border-radius:0 35px 35px 0;background:linear-gradient(120deg,#ef7676 0%,#00aafd 100%);color:#fff;}
.post-single .link-title:before {font-family:'FontAwesome';content:"\f1b2";padding-right:8px;margin-left:-15px;}
.post-single .download_btn {display:inline-block;font-size:14px;background-image:linear-gradient(120deg,#51ec8b 0%,#20abef 100%);padding:2px 10px;font-weight:500;margin:10px 3px;color:#fff;border-radius:5px;border-radius:3px;}
.post-single .download_btn:hover {background-image:linear-gradient(120deg,#84fab0d9 0%,#8fd3f4e6 100%);}
.post-single .download_btn:before {font-family:'FontAwesome';content:"\f0ed";padding-right:8px}
.post-single .links_btn {display:inline-block;font-size:14px;background-image:linear-gradient(120deg,#ec5151 0%,#0b7db5 100%);padding:2px 10px;font-weight:400;margin:10px 3px;color:#fff;border-radius:3px;width:auto;}
.post-single .links_btn:hover {background-image:linear-gradient(120deg,#ec515194 0%,#0b7db5a3 100%);}
.post-single .links_btn:before {font-family:'FontAwesome';content:"\f0ac";padding-right:8px}
.post-single img {max-width:100%;margin-bottom:10px;border-radius:5px;box-shadow:0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07)}
.post-footer {padding:10px;}
.post-single .post-content audio {width:100%;}
.post-single .post-content video {max-width:100%;max-height:380px;}
.post-single .post-content img.aligncenter {margin:0px auto;display:block;}
.post-single .post-content img.alignright {display:inline;float:right;}
.post-single .post-content img.alignleft {display:inline;float:left;}
.post-single .post-meta-info {padding:5px 0;display:flex;align-items:center;}
.post-single .post-meta-info span {margin-right:12px;padding-right:12px;border-right:1px solid #D8D8D8;}
.post-single .post-category a {background-color:#f2f5f7;padding:2px 5px;border-radius:5px;}
.post-single .post-category i {padding-right:5px;}
.post-single .post-category a {position:relative;color:#26cda4;display:inline-block;font-size:13px;letter-spacing:2px;font-weight:500;}
.post-single .post-category a:hover {letter-spacing:3px;}
.post-single .alert {color:#fff;}
.timelines {margin:4em auto;position:relative;max-width:46em;}
.timelines:before {background-color:black;content:'';margin-left:-1px;position:absolute;top:0;left:2em;width:2px;height:100%;}
.post-single .post-content .timeline-event {position:relative;}
.post-single .post-content .timeline-event:hover .timeline-event-icon {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#a83279;}
.post-single .post-content .timeline-event:hover .timeline-event-thumbnail {-moz-box-shadow:inset 40em 0 0 0 #a83279;-webkit-box-shadow:inset 40em 0 0 0 #a83279;box-shadow:inset 40em 0 0 0 #a83279;}
.post-single .post-content .timeline-event-copy {padding:2em;position:relative;top:-1.875em;left:1em;width:80%;}
.post-single .post-content .timeline-event-copy h3 {font-size:1.75em;}
.post-single .post-content .timeline-event-copy h4 {font-size:1.2em;margin-bottom:1.2em;}
.post-single .post-content .timeline-event-copy strong {font-weight:700;}
.post-single .post-content .timeline-event-copy p:not(.timeline-event-thumbnail) {padding-bottom:1.2em;}
.post-single .post-content .timeline-event-icon {-moz-transition:-moz-transform 0.2s ease-in;-o-transition:-o-transform 0.2s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:black;outline:10px solid white;display:block;margin:0.5em 0.5em 0.5em -0.5em;position:absolute;top:0;width:1em;height:1em;font-size:1.01rem;}
.post-single .post-content .timeline-event-thumbnail {-moz-transition:box-shadow 0.5s ease-in 0.1s;-o-transition:box-shadow 0.5s ease-in 0.1s;-webkit-transition:box-shadow 0.5s ease-in;-webkit-transition-delay:0.1s;transition:box-shadow 0.5s ease-in 0.1s;color:#FFF;font-size:0.75em;background-color:black;-moz-box-shadow:inset 0 0 0 0em #ef795a;-webkit-box-shadow:inset 0 0 0 0em #ef795a;box-shadow:inset 0 0 0 0em #ef795a;display:inline-block;margin-bottom:1.2em;padding:0.25em 1em 0.2em 1em;}
.post-list-info .post-list-avatar {width:50px;height:50px;z-index:0;float:left;margin-right:20px;position:relative;text-align:right;display:inline-block;}
.post-list-info .post-list-avatar img {-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid transparent;}
.post-list-info .post-list-avatar:after {width:71%;height:71%;content:"";position:absolute;top:27px;left:34px;transform:rotate(45deg);z-index:-1;border-radius:4px;border:2px solid #ff00009c;}
.post-list-info .post-list-avatar .avatar {width:50px;height:50px;}
.post-list-info .post-list-avatar:after {width:72%;height:72%;top:8px;left:2px;z-index:-1;}
.post-list-info .post-list-avatar img {-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.post-list-info .post-meta-info {display:flex;align-items:center;}
.post-list-info .post-meta-info span {margin-right:12px;padding-right:12px;border-right:1px solid #D8D8D8;}
.post-list-info .post-meta-info span i,.post-single .post-meta-info span i,.post-list-info > span i {font-size:15px;padding-right:5px;}
.post-list-info .post-meta-info span a,.post-single .post-meta-info span a {color:#747992;font-size:12px;text-transform:uppercase;line-height:22px;}
.post-list-info .post-meta-info span a:hover,.post-single .post-meta-info span a:hover {color:#FF9966;}
.post-list-info .post-meta-info span:last-child,.post-single .post-meta-info span:last-child,.post-list-info > span:last-child,.post-list-view .post-meta-info span:last-child {border-right:none;margin-right:0;padding-right:0;}
.post-list-info > span i {font-size:15px;padding-right:5px;}
.post-list-view .post-list-info .post-meta-info span {color:#7d93b2;}
.post-download-box {border:1px solid;border-radius:5px;padding:10px;width:80%;margin:0 auto;}
.post-download-box a {color:#26cda4;padding-left:5px;}
.post-download-box a:hover {color:#167b62;}
.post-download-box h3 {text-align:center;font-size:18px;font-weight:600;}
.post-download-box .title {display:block;margin-bottom:10px;}
.post-download-box .title span:before {font-family:'FontAwesome';content:"\f0c6";color:#26cda4;padding-left:5px;}
.post-download-box .title small {font-size:12px;color:#797676;}
.post-download-box .sya {font-size:10px;float:right;background:#fff;}
.alerts {position:relative;padding:1.2em 1em 1em 4.4em;margin-bottom:2em;font-size:15px;border-radius:6px;border:3px solid #EAEEEF;}
.alerts:before {font-family:'FontAwesome';content:"\f0c6";color:#B7C6C9;position:absolute;top:0.6em;left:.9em;font-size:27px;line-height:1;}
.alerts.success {border-color:#AEE2A3}
.alerts.success:before {font-family:'FontAwesome';content:"\f087"}
.alerts.infos {border-color:#E4E6C4}
.alerts.infos:before {font-family:'FontAwesome';content:"\f05a"}
.alerts.error {border-color:#EE8F8F}
.alerts.error:before {font-family:'FontAwesome';content:"\f06a"}
.alerts strong {font-weight:800}
.timeline {position:relative}
.timeline:before {position:absolute;top:0;left:1rem;height:100%;content:'';border-right:2px solid #e9ecef}
[data-timeline-axis-style=dashed]:before {border-right-style:dashed!important}
[data-timeline-axis-style=dotted]:before {border-right-style:dotted!important}
.timeline-block {position:relative;margin:2em 0}
.timeline-block:after {display:table;clear:both;content:''}
.timeline-block:first-child {margin-top:0}
.timeline-block:last-child {margin-bottom:0}
.timeline-step {font-size:1rem;font-weight:600;position:absolute;z-index:1;left:0;display:inline-flex;width:33px;height:33px;transform:translateX(-50%);text-align:center;border-radius:50%;align-items:center;justify-content:center}
.timeline-step i,.timeline-step svg {line-height:1.4}
.timeline-step-icon {border:2px solid #e9ecef;background:#fff}
.timeline-step-xs {font-size:.75rem;width:17px;height:17px}
.timeline-step-sm {font-size:.75rem;width:23px;height:23px}
.timeline-step-lg {font-size:1.75rem;width:47px;height:47px}
.timeline-content {position:relative;position:relative;top:-6px;margin-left:60px;padding-top:.5rem}
.timeline-content:after {display:table;clear:both;content:''}
.timeline-content small.text-muted {display:block;}
.timeline-body {padding:1.5rem}
@media (min-width:992px) {.timeline:before {left:50%;margin-left:-2px}
.timeline-step {left:50%}
.timeline-content {width:38%}
.timeline-body {padding:1.5rem}
.timeline-block:nth-child(even) .timeline-content {float:right}
[data-timeline-axis-color=primary]:before {border-color:#5e72e4}
[data-timeline-axis-color=secondary]:before {border-color:#f7fafc}
[data-timeline-axis-color=success]:before {border-color:#2dce89}
[data-timeline-axis-color=info]:before {border-color:#11cdef}
[data-timeline-axis-color=warning]:before {border-color:#fb6340}
[data-timeline-axis-color=danger]:before {border-color:#f5365c}
[data-timeline-axis-color=light]:before {border-color:#adb5bd}
[data-timeline-axis-color=dark]:before {border-color:#212529}
[data-timeline-axis-color=default]:before {border-color:#172b4d}
[data-timeline-axis-color=white]:before {border-color:#fff}
[data-timeline-axis-color=neutral]:before {border-color:#fff}
[data-timeline-axis-color=darker]:before {border-color:#000}
}
.timeline-one-side:before {left:1rem}
.timeline-one-side .timeline-step {left:1rem}
.timeline-one-side .timeline-content {width:auto}
@media (min-width:992px) {.timeline-one-side .timeline-content {max-width:30rem}
}
.timeline-one-side .timeline-block:nth-child(even) .timeline-content {float:none}
.com {color:#277840;}
.lit {color:#fb8d04;}
.pun,.opn,.clo {color:#b856d1;}
.fun {color:#dc322f;}
.str,.atv {color:#7d8695;}
.kwd,.prettyprint .tag {color:#0a12ff;}
.typ,.atn,.dec,.var {color:teal;}
.pln {color:#ff006a;}
code {color:#c7254e;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:#f9f2f4;border-radius:2px;}
code,kbd,samp {font-family:"Play","Microsoft Yahei","Open Sans",sans-serif;}
pre {width:100%!important;overflow:auto!important;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
.prettyprint {position:relative;background:linear-gradient( 0deg,#d8d8d8,#ececec);border-radius:10px;margin-bottom:1.6em;max-width:100%;overflow:auto;text-shadow:none;color:#000;padding-top:40px;}
.prettyprint:before {content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;left:12px;margin-top:-24px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}
.prettyprint ol.linenums {background:#fff;border:1px solid #ebebeb;padding-bottom:5px;padding-top:5px;box-shadow:inset 33px 0 0 #fff,inset 34px 0 0 #ebebeb;}
.prettyprint ol.linenums li {padding-left:16px;color:#000;list-style-type:decimal;cursor:url(../images/cur/text.cur),auto;}
.prettyprint:hover .btn-copy {display:block;}
.btn-copy {float:right;margin-right:10px;margin-top:-29px;background:#333;padding:1px 6px;border-radius:4px;font-size:10px;color:#ffffff;display:none;}
.article-categories a {padding:4px 10px;background-color:#19b5fe;color:white;font-size:12px;line-height:16px;font-weight:400;margin:0 5px 5px 0;border-radius:2px;display:inline-block}
.article-categories a:nth-child(5n) {background-color:#4a4a4a;color:#FFF}
.article-categories a:nth-child(5n+1) {background-color:#ff5e5c;color:#FFF}
.article-categories a:nth-child(5n+2) {background-color:#ffbb50;color:#FFF}
.article-categories a:nth-child(5n+3) {background-color:#1ac756;color:#FFF}
.article-categories a:nth-child(5n+4) {background-color:#19b5fe;color:#FFF}
.article-categories a:hover {background-color:#1b1b1b;color:#FFF}
.block_auther_post {background-color:#f7f8fa;border-radius:8px;padding:25px;}
.block_auther_post .img_person {width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:20px;}
.block_auther_post .txt h4 {font-size:16px;font-weight:500;color:#0b2238;margin-bottom:5px;}
.block_auther_post .txt p {margin-bottom:0;font-size:14px;color:#6c7a87;}
.block_auther_post .btn-social {width:30px;height:30px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;color:#0b2238;border:1px solid transparent;-webkit-transition:0.35s !important;-moz-transition:0.35s !important;-o-transition:0.35s !important;-ms-transition:0.35s !important;transition:0.35s !important;}
.block_auther_post .btn-social.color-qq {border:1px solid #3ca5f6;color:#3ca5f6;}
.block_auther_post .btn-social.color-qq:hover {color:#ffffff;background-color:#3ca5f6;}
.block_auther_post .btn-social.color-weixin {border:1px solid #21ca16;color:#21ca16;}
.block_auther_post .btn-social.color-weixin:hover {color:#ffffff;background-color:#21ca16;}
.block_auther_post .btn-social.color-github {border:1px solid #000000;color:#000000;}
.block_auther_post .btn-social.color-github:hover {color:#ffffff;background-color:#000000;}
.post-navigation {display:block;}
.post-navigation span {color:#333;font-size:14px;transition:400ms;}
.post-navigation div a:hover h4:hover {color:#ff5c72;}
.post-navigation div h4 {font-size:14px;font-weight:500;line-height:24px;margin:5px 0 0;flex-grow:1;color:#333;}
.post-navigation .post-previous a span i {padding-right:6px;}
.post-navigation .post-next a span i {padding-left:2px;}
.post-navigation .post-previous {padding-right:40px;border-right:1px solid #ebebeb;}
.post-navigation .post-next {padding-left:40px;}
.post-navigation .post-next {text-align:right;}
.post-navigation {-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-bottom:50px;}
.checklist-item {position:relative;display:flex;padding-left:.75rem;justify-content:space-between;align-items:center;margin-bottom:10px;}
.checklist-item:before {position:absolute;top:0;left:0;width:3px;height:100%;content:'';border-radius:8px;background-color:#5e72e4;}
.checklist-item-purple:before {background-color:#b31aea;}
.checklist-item-danger:before {background-color:#f5365c;}
.checklist-item-warning:before {background-color:#fb6340;}
.checklist-item-golden:before {background-color:#fcb105;}
#lolijump {position:fixed;bottom:40px;right:120px;width:65px;height:65px;z-index:999;}
#lolijump img {max-width:100%!important;}
.footer .nav-footer,.footer .nav-footer a {color:#707c8e;font-size:.86rem;font-weight:400;}
.footer .nav-footer {margin-bottom:1rem!important;}
.footer .nav-footer a:hover {color:#ff5c72;}
.footer .fa-qq {color:#1da1f2;}
.footer .fa-qq:hover {color:#1da1f2a8;}
.footer .fa-wechat {color:#2dce89;}
.footer .fa-wechat:hover {color:#2dce898f;}
.footer .fa-weibo {color:#e6162d;}
.footer .fa-weibo:hover {color:#e6162d9e;}
.footer .fa-github {color:#222;}
.footer .fa-github:hover {color:#22222296;}
.footer .fa-envelope {color:#73d7fd;}
.footer .fa-envelope:hover {color:#73d7fd8c;}
.footer .copyright,.footer .copyright a {color:#707c8e;font-size:.8rem;font-weight:400;letter-spacing:0.8px;}
.footer .copyright a:hover {color:#ff5c72;}
.footer.fa {color:#ea0606;}
.footer_links a {text-decoration:none;color:#4c6280;border-radius:0.3rem;font-size:12px;}
.footer_links a:hover {text-decoration:none;color:#26cda4;}
.footer_links .list {text-align:center;}
@media (max-width:767px) {.post-list-view .post-list-title a {float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px;}
.post-list-view .post-list-text {float:left;}
.post-navigation .post-previous {border-right:0}
.post-single .post-content,.post-single .post-content p {color:#000;font-size:0.9rem;font-weight:400;line-height:1.7;}
.footer .nav-footer {margin-bottom:0!important;}
#lolijump {right:15px;}
.timelines:before {margin-left:2px;}
}
.no-gutters {padding:0 5px;}
.thw-sept {padding-left:0;padding-right:0;}
.thw-sept {position:relative;padding-top:60px;}
.thw-sept:after {content:"";left:0px;top:0px;width:100%;height:1px;position:absolute;background:linear-gradient(270deg,rgb(255,255,255) 0%,rgb(229,229,229) 50%,rgb(255,255,255) 100%);}
.quote {display:block;margin:1em;overflow:hidden;}
.quote blockquote {background-color:#fff;border:solid 2px #757575;display:block;margin:0;padding:1em;position:relative;}
.quote blockquote:before {background-color:#fff;bottom:-10%;content:"";left:0;position:absolute;right:0;top:-10%;transform:rotate(-15deg) skew(5deg);}
.quote blockquote cite {display:block;font-style:italic;text-align:right;}
.quote blockquote cite:before {content:"- ";}
.quote blockquote > * {position:relative;z-index:1;}
.animated-border-quote {display:block;margin:1em;overflow:hidden;}
.animated-border-quote blockquote {background-color:#fff;border:solid 2px #757575;display:block;margin:0;padding:1em;position:relative;}
.animated-border-quote blockquote:before {animation:clockwise 30s infinite linear;background-color:#fff;bottom:10%;content:"";left:0;opacity:0.5;position:absolute;right:0;top:10%;}
.animated-border-quote blockquote:after {animation:counter 30s infinite linear;background-color:#fff;bottom:10%;content:"";left:0;opacity:0.5;position:absolute;right:0;top:10%;}
.animated-border-quote blockquote cite {display:block;font-style:italic;text-align:right;}
.animated-border-quote blockquote cite:before {content:"- ";}
.animated-border-quote blockquote > * {position:relative;z-index:1;}
@keyframes clockwise {0% {transform:rotate(0);}
100% {transform:rotate(360deg);}
}
@keyframes counter {0% {transform:rotate(0);}
100% {transform:rotate(-360deg);}
}
a.toggle-theme-panel {background:#5a5381b8;border-radius:5px;}
.comments-form .avatar {width:60px;height:60px;}
.comments-heading {max-width:860px;width:100%;margin:0 auto;margin-bottom:40px;color:#7d7d7d;font-weight:400;font-size:1.5rem;}
.comments-heading span {font-size:1.1rem;font-weight:500;color:#887265;}
.comments-area {cursor:url(../images/cur/select.cur),auto;}
.comments-area .comments-heading {font-size:20px;margin-bottom:30px;}
.comments-form form input {padding:12px 16px;border-color:#e5e5e5;border-radius:4px;font-size:14px;}
.comments-form form textarea {border-radius:4;border-color:#e5e5e5;resize:none;font-size:14px;padding:12px 16px;}
a.comment-reply-link_a {color:#efff00;text-shadow:none;}
.comments-form .col-md-4 .form-group {margin-bottom:30px;}
.comments-list .comment .comment-body {margin-left:70px;padding:0 10px 1px 10px;border-radius:10px;border:1px solid rgba(220,188,231,.43922);}
.comments-list .comment .comment-body:hover {background:#f2f6fc;border:1px solid #f2f6fc;}
.comments-list .comment .comment-body .meta-data span a i {font-size:14px;color:#252a37;margin-right:5px;}
.comments-list .comments-reply,.comments-list .children {list-style:none;margin:0;}
.comments-form .form-control:focus {color:#666;}
.comments-list {list-style:none;margin:0;padding:0;max-width:960px;}
.comments-list .comment .comment-body .comment-author,.comments-list .comment .comment-body .meta-data span.comment-author {font-size:14px;color:#FB7299;font-weight:500;line-height:1;border-right:1px solid #d8d8d8;margin-right:10px;padding-right:10px;}
.comments-list .comment-author a {color:#FB7299;}
.comments-list .comment .comment-body .comment-author a:hover {color:#E12646;}
.comments-list .comment .comment-body .comment-date {font-size:13px;line-height:1;color:#9098b5;border-right:1px solid #d8d8d8;padding-right:12px;margin-right:10px;}
.comments-list .comment .comment-body .comment-date:last-child {border-right:none;}
.comment-content {color:#844334;font-size:14px;margin-top:5px;}
.comment-content img {max-width:100px;max-height:100px;border-radius:5px;}
.comments-list .comment {margin-bottom:40px;}
.comments-list .comment.last {margin-bottom:0;}
.comments-list .comment {margin-bottom:0px;}
.comments-list .children .commentsline {padding-left:0;}
.comments-list .children .commentsline ul.children {padding-left:0;}
.comments-list .commentsline #respond {margin-top:10px;}
.comments-list .comments-reply .comment,.comments-list .children .comment,.comments-list .commentsline {margin-top:1.5rem;}
.comments-list .links img {max-width:50px}
.yourcomment {display:block;width:auto;position:relative;top:-12px;text-align:center;color:#fff;background-color:#0c9d3f;}
.blogger {color:#fff;background:#c21500;background:-webkit-linear-gradient(to right,#ffc500,#c21500);background:linear-gradient(to right,#ffc500,#c21500);}
.members {color:#fff;background:#43C6AC;background:-webkit-linear-gradient(to right,#F8FFAE,#43C6AC);background:linear-gradient(to right,#F8FFAE,#43C6AC);}
.tourists {color:#fff;background:#ee9ca7;background:-webkit-linear-gradient(to right,#ffdde1,#ee9ca7);background:linear-gradient(to right,#ffdde1,#ee9ca7);}
.atwho {color:#fff;background-color:#8a639d69;}
.commentsbadge {font-size:12px;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:all .15s ease;}
.commentsbadges {padding:.10rem .375rem;font-size:12px;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:all .15s ease;}
.comment-content p {line-height:20px;font-size:13px;font-weight:400;color:#4c6280;word-wrap:break-word}
.comment-content a {color:#cf3f74;}
.comment-content .badge-pill {margin-right:5px;}
.tourists,.blogger,.members {display:block;width:60px;position:relative;top:-10px;text-align:center;}
.comment-reply-link,.comment-reply-link a {font-size:14px;color:#ff5c72;display:none;}
.comment-body:hover .comment-reply-link {display:block;}
.comt-addsmilies,#respond .upload_img {border-radius:4px;display:inline;border-radius:4px;-webkit-transition:.15s;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;padding:.3em .5em;text-align:center;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);--main-color:var(--this-color);--this-bg:rgba(136,136,136,.1);--this-border:transparent;--this-shadow:none;--this-color:#888;line-height:1.44;}
.comt-addsmilies:hover {background:rgb(213 9 9 / 10%);color:#000;}
.upload_img input {display:none;}
.upload_img label {font-size:15px;font-weight:100;color:#888;margin-bottom:0;}
.comt-smilies {display:none;}
.dropdown-smilie {width:258px;height:auto;padding:8px 10px;white-space:inherit;text-align:center;}
.scroll-y {overflow-x:hidden;overflow-y:auto;}
.dropdown-smilie .smilie-icon {display:inline-block;padding:3px;width:38px;}
#edita .alert-info {background-image:none;}
#commentform .avatar-lg {margin-right:5px;}
#commentform #error i {padding-right:5px;color:#fd6900;}
#respond .dropup,#respond .upload_img {display:inline-block;}
#respond {padding:20px 25px 10px;border-radius:10px;}
#respond textarea.form-control {line-height:2.8;padding:0 20px 0 20px;resize:none;background:url(../images/comment.png) right bottom no-repeat;background-color:#fff;}
#respond .btn-comment {margin:0 5px;line-height:0.2;box-shadow:none;}
#respond .title-normal i {padding-right:5px;}
#respond h5.title-normal {font-size:1rem;font-weight:500;margin-bottom:10px;}
#respond .input-group-text {background-color:#fff;}
.pagenav {overflow:hidden;text-align:center;padding:20px}
.pagenav a,.pagenav .current,.pagenav .page-numbers {padding:6px 12px 3px;display:inline-block;margin:0 1px;border:1px solid #f2f6fc;color:#908489;background:#fff;border-radius:50%!important;align-items:center;justify-content:center;box-shadow:0 3px 5px -1px rgb(0 0 0 / 9%),0 2px 3px -1px rgb(0 0 0 / 7%);width:36px;height:36px;}
.pagenav .current {background:#f2f6fc;border:1px solid #f2f6fc;color:#000;}
.pagenav a:hover {background-color:#f2f6fc;color:#000}
.comments-list .autohr-img-border {width:60px;height:60px;z-index:0;float:left;margin-right:20px;position:relative;text-align:right;display:inline-block;}
.comments-list .autohr-img-border img {-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid transparent;}
.comments-list .autohr-img-border:after {width:72%;height:72%;content:"";position:absolute;top:8px;left:2px;transform:rotate(45deg);z-index:-1;border-radius:4px;border:2px solid #cf3f74;}
.comments-list .autohr-img-border img.avatar {width:60px;height:60px;}
.sidebar .sidebar-card,.sidebar .sidebar-border {margin-bottom:30px;padding:15px;background-color:#fff;}
.sidebar .sidebar-card,.sidebar .sidebar-border select{border:1px solid #b6bbde;border-radius:5px;outline:none;height:30px;width:100%;text-align:center;}
.sidebar .widget-title,.sidebar h2 {position:relative;color:#4c6280;display:inline-block;font-size:15px;letter-spacing:3px;font-weight:500;margin-bottom:10px;}
.sidebar .widget-title:before,.sidebar h2:before {content:'';position:absolute;bottom:8px;right:-40px;width:33px;height:6px;background-image:url(../images/wave.svg);}
.sidebar .widget-latest-posts,.sidebar .widget-latest-comment {padding:0;}
.sidebar .widget-latest-posts .last-post {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;position:relative;}
.sidebar .widget-latest-posts .last-post .image {height:50px;width:64px;min-width:64px;border-radius:4px;margin-right:15px;overflow:hidden;position:relative;}
.sidebar .widget-latest-posts .last-post .image img {width:64px;min-width:64px;border-radius:4px;background-size:cover;background-position:50%;background-repeat:no-repeat;}
.sidebar .widget-latest-posts .content a,.sidebar a {font-size:13px;transition:all .3s;color:#4c6280;font-weight:500;max-height:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
.sidebar .widget_categories ul,.sidebar .widget_archive ul,.widget_nav_menu ul,.widget_recent_entries ul,.widget_links  ul {padding-left:0rem;}
.sidebar .widget_categories li:before,.sidebar .widget_archive li:before {font-family:"FontAwesome";content:"\f114";padding-right:5px;}
.sidebar .widget_categories li ul.children {padding-left:1rem;}
.sidebar .widget_categories li ul.children li:before {font-family:"FontAwesome";content:"\f149";padding-right:5px;}
.sidebar .widget_archive li,.widget_links li {display:-webkit-box;}
.sidebar .widget_nav_menu i {padding-right:0.5rem;}
.sidebar .widget_categories a,.widget_recent_entries a,.widget_recent_entries a {display:inline-grid;}
.sidebar .widget-latest-comment .comment-avatar {padding-top:5px;}
.sidebar .widget-latest-comment .comment-content {font-size:12px;color:#4c6280;font-weight:500;display:flex;background:#f2f6fc;border-radius:6px;padding:5px 10px;max-width:100%;}
.sidebar .widget-latest-comment .comment-content::before {content:'';width:0;height:0;border-bottom:6px solid #f2f6fc;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;margin-top:-11px;}
.sidebar .widget-latest-posts a:hover,.sidebar .widget-latest-comment .comment-content:hover,.sidebar a:hover {color:#58c589;}
.sidebar .widget-latest-posts .content small {align-items:center;margin-top:4px;text-transform:capitalize;font-size:12px;font-weight:400;display:-webkit-box;-webkit-box-align:center;}
.sidebar .widget-latest-posts .content i {padding-right:2px;}
.sidebar .widget-latest-comment .comment-listitem {list-style:none;padding:8px 0!important;}
.sidebar .widget-latest-comment .comment-user {font-size:12px;}
.sidebar .widget-latest-comment .comment-avatar {float:left;}
.sidebar .widget-latest-comment .comment-avatar img {min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid #d0c6c6;padding:3px;}
.sidebar .widget-latest-comment .comment-author {float:left;margin-right:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95px;}
.sidebar .widget-tag .tag,.sidebar .tagcloud .tag-cloud-link {color:#8F9BAD;border:solid 1px #EBEBEB;border-radius:25px;font-size:13px;display:inline-block;padding:3px 14px;margin:4px 0;}
.sidebar .widget-tag .tag:hover,.sidebar .tagcloud .tag-cloud-link:hover {border-color:#FE4F70;color:#FE4F70;}
.sidebar .widget-pic {}
.sidebar .widget-pic .inner {border-radius:10px;overflow:hidden;height:200px;}
.sidebar .widget-pic img {display:block;width:100%;height:200px;object-fit:cover;transform:scale(1);-webkit-transition:all .45s ease;-moz-transition:all .45s ease;-o-transition:all .45s ease;-ms-transition:all .45s ease;transition:all .45s ease;}
.sidebar .widget-pic img:hover {transform:scale(1.05);}
.sidebar .widget_search input {border:none;border:1px solid #b6bbde;border-radius:5px;outline:none;height:30px;width:80%;}
.sidebar .widget_search input:focus {border:1px solid #4f63ec;}
.sidebar .widget_search input[type="submit" i] {font-size:14px;background:#b6bbde;color:#fff;width:auto;}
.wp-block-search__input{height:30px;padding:0 10px;}
.wp-block-search__button,.wp-element-button{height:30px;padding:0 15px;font-size:14px;line-height:30px;border-radius:5px;white-space:nowrap;width:auto;min-width:60px;display:inline-flex;align-items:center;justify-content:center;}
.sidebar .screen-reader-text {display:none;}
.postrelated .card-body p {font-size:0.8rem;}
.postrelated img {max-height:160px;min-height:160px;border-radius:8px;object-fit: cover;}
.postrelated .text-info {color:#26cda4!important;}
@media (min-width:768px) {.card-row .post-meta {padding-left:2.5rem;padding-right:2.5rem;}
}
@media (max-width:767px) {.header-global .navbar-nav .nav-link i {margin-right:.625rem;}
.header-global .dropdown-menu.depth_1 {display:block;opacity:1;pointer-events:auto;visibility:visible;}
.section-blog-cover {height:480px;background:center center/cover no-repeat;}
.sign_f {text-align:center;}
.boxmoe-user-login .boxmoe_user-loader a {background-color:#483b3b52!important;}
.boxmoe-user-login {margin-left:20px;}
.header-global .dropdown-menu[data-bs-popper] {margin-top:0;}
.header-global li.dropdown ul.dropdown-menu {margin-left:10px;}
.postrelated img {max-height:220px;}
.boxmoe_blog {padding-left:1em;padding-right:1em;}
.post-list-view {display:inline-block;}
.post-list-view.blog-border {border:solid 1px #EBEBEB;}
.post-list-view .post-list-info {border:0;position:relative;}
.post-list-view .post-thumbnail {width:100%;margin:0;}
.post-list-view .post-list-content {width:100%;margin-left:0;margin-bottom:0;padding-top:5px;}
.post-list-view .post-thumbnail.featured-image img {border-radius:10px 10px 0 0;width:100%;}
.post-list-view .post-meta {position:inherit;margin-top:15px;}
.post-single span.post-date {display:block;border-right:none;}
.single {padding-right:5px;padding-left:5px;}
.comments-list {margin:5px;padding:5px;}
.post-list-view.list-status {background:none;background-color:#fff;}
.search_form_inner {margin:0 auto;position:fixed;left:50%;margin-left:0;left:0;}
.single .blog-card,.single .blog-border {padding:20px 0;border:0;}
.block_auther_post {margin:0 10px;}
.post-navigation .no-gutters {padding:0 25px;}
.btn-copy {display:block;}
.comment-reply-link {display:block;}
.comments-list .comment .comment-body .comment-author,.comments-list .comment .comment-body .meta-data span.comment-author {border-right:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95px;float:left;line-height:1.6;}
.post-download-box {width:100%;}
.footer .mb-5 {margin-top:0!important;}
.footer .font-weight-bolder {text-align:center!important;}
.text-end {text-align:center!important;}
.aplayer-body {max-height:250px;}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {margin-left:-66px!important;}
}
/* Expandable Search */
/* Nav right tools container */
.nav-right-tools {display:flex;align-items:center;gap:2px;}
/* Expandable Search */
.search-expand {display:flex;align-items:center;border-radius:16px;transition:background 0.3s ease;}
.search-expand.active {background:rgba(255,255,255,0.15);}
.search-expand form {display:flex;align-items:center;overflow:hidden;width:0;transition:width 0.3s ease;}
.search-expand.active form {width:140px;}
.search-expand-input {border:none;background:transparent;color:#fff;padding:0 10px;font-size:14px;width:140px;height:30px;outline:none;}
.search-expand-input::placeholder {color:rgba(255,255,255,0.6);}
.search-expand-btn {background:transparent;border:none;color:#fff;font-size:16px;padding:7px 10px;transition:color 0.3s ease;text-decoration:none;}
.search-expand-btn:hover {color:#ff5c72;}
.search-expand.active .search-expand-btn {padding:7px 10px 7px 8px;}
/* Dark mode search */
body.dark-mode .search-expand.active {background:rgba(255,255,255,0.1);}
body.dark-mode .search-expand-btn {color:#bfcde4;}
body.dark-mode .search-expand-btn:hover {color:#61c8ff;}
body.dark-mode .search-expand-input {color:#fff;}
body.dark-mode .search-expand-input::placeholder {color:rgba(255,255,255,0.5);}
.search-bar {line-height:normal;position:relative;}
.search-bar i {position:absolute;top:16px;}
.boxmoe-user-page .card-profile-stats span {margin-right:5px;}
.boxmoe-user-page p.userinfo {font-weight:400;font-size:15px;}
.boxmoe-user-page .text-purple {color:#8965e0!important;}
.boxmoe-user-page .text-golden {color:#fcb105!important;}
.boxmoe-user-page h5.checklist-title {font-size:16px;letter-spacing:1px;font-weight:400;}
.boxmoe-user-page li.list-group-item h4 {font-size:16px;letter-spacing:1px;font-weight:500;}
.boxmoe-user-page .vipcoll {color:#5d6f84;}
.boxmoe-user-page .card-header {padding:1.25rem 1.5rem;margin-bottom:0;border-bottom:.0625rem solid rgba(0,0,0,.05);}
.boxmoe-user-page .thw-sept {padding-top:5px;}
.boxmoe-user-page .form-table .form-check {display:inline-flex;line-height:2.3;}
.fontsom {font-family:oxaniumregular;}
.waves {position:relative;width:100%;height:1vh;margin-bottom:-7px;/*Fix for safari gap*/  min-height:100px;max-height:150px;}
.parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
@keyframes move-forever {0% {transform:translate3d(-90px,0,0);}
100% {transform:translate3d(85px,0,0);}
}
@media (max-width:768px) {.waves {height:40px;}
}
.ct2 .mn {width:770px;}
.ct2 .sd {width:218px;}
@media screen and (max-width:768px) {.xnkl {display:none;}
}
.deng-box {position:fixed;top:-40px;right:150px;z-index:9999;pointer-events:none;}
.deng-box1 {position:fixed;top:-30px;right:10px;z-index:9999;pointer-events:none}
.deng-box2 {position:fixed;top:-40px;left:150px;z-index:9999;pointer-events:none}
.deng-box3 {position:fixed;top:-30px;left:10px;z-index:9999;pointer-events:none}
.deng-box1 .deng,.deng-box3 .deng {position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;box-shadow:-5px 5px 30px 4px #fc903d}
.deng {position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 3s infinite ease-in-out;box-shadow:-5px 5px 50px 4px #fa6c00}
.deng-a {width:100px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:12px 8px 8px 8px;border-radius:50% 50%;border:2px solid #dc8f03}
.deng-b {width:45px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:-4px 8px 8px 26px;border-radius:50% 50%;border:2px solid #dc8f03}
.xian {position:absolute;top:-20px;left:60px;width:2px;height:20px;background:#dc8f03}
.shui-a {position:relative;width:5px;height:20px;margin:-5px 0 0 59px;-webkit-animation:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;background:orange;border-radius:0 0 5px 5px}
.shui-b {position:absolute;top:14px;left:-2px;width:10px;height:10px;background:#dc8f03;border-radius:50%}
.shui-c {position:absolute;top:18px;left:-2px;width:10px;height:35px;background:orange;border-radius:0 0 0 5px}
.deng:before {position:absolute;top:-7px;left:29px;height:12px;width:60px;content:" ";display:block;z-index:999;border-radius:5px 5px 0 0;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng:after {position:absolute;bottom:-7px;left:10px;height:12px;width:60px;content:" ";display:block;margin-left:20px;border-radius:0 0 5px 5px;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}
.deng-t {font-family:黑体,Arial,Lucida Grande,Tahoma,sans-serif;font-size:3.2rem;color:#dc8f03;font-weight:700;line-height:85px;text-align:center}
.night .deng-box,.night .deng-box1,.night .deng-t {background:0 0!important}
@-moz-keyframes swing {0% {-moz-transform:rotate(-10deg)}
50% {-moz-transform:rotate(10deg)}
100% {-moz-transform:rotate(-10deg)}
}
@-webkit-keyframes swing {0% {-webkit-transform:rotate(-10deg)}
50% {-webkit-transform:rotate(10deg)}
100% {-webkit-transform:rotate(-10deg)}
}
.clearfix {zoom:1;}
.clearfix:after {content:'.';display:block;visibility:hidden;height:0;clear:both;}
.readers-list {list-style:none;}
.readers-list * {margin:0;padding:0;}
.readers-list li {position:relative;float:left;margin-top:20px!important;padding:0 10px;}
.readers-list li a {display:block;border:1px solid #eee;border-left:3px solid #FF002B;border-radius:7px;padding-left:15px;transition:all .3s;}
.readers-list li:nth-of-type(6n+1) a {border-left-color:#FF002B;}
.readers-list li:nth-of-type(6n+2) a {border-left-color:#FFA900;}
.readers-list li:nth-of-type(6n+3) a {border-left-color:#00CC00;}
.readers-list li:nth-of-type(6n+4) a {border-left-color:#00CCFF;}
.readers-list li:nth-of-type(6n+5) a {border-left-color:#0089FA;}
.readers-list li:nth-of-type(6n+6) a {border-left-color:#404040;}
.readers-list li a div {padding:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ec947a;}
.readers-list li a div:first-child {border-bottom:1px dashed #cb97a9;font-size:0.95em;color:#f78c93;}
.readers-list li a:hover {-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,0,0,0.3);}
.link-title {position:relative;display:inline-block;margin:20px 0;font-size:15px;padding:0 30px 0 25px;height:45px;line-height:45px;border-radius:0 35px 35px 0;background:#a69bdf;color:#fff;}
@media(min-width:768px) {.readers-list li {width:33.3333333%;}
}
@media(max-width:767px) {.readers-list li {width:100%;}
}
.readers-list img {width:35px;height:35px;margin-right:10px;border:1px solid #a59bdf;border-radius:50%;}

/* 主题切换按钮样式 */

/* ========== 暗黑模式样式 ========== */
body.dark-mode {background-color:#202020 !important;}
body.dark-mode .btn-copy{background:#293341;}
body.dark-mode .blog-card,body.dark-mode .blog-border,body.dark-mode .post-list-view{background-color:#232323 !important;box-shadow:1px 4px 15px rgb(0 0 0 / 60%);}
body.dark-mode .catalog-level{color:#a8a8a8;}
body.dark-mode .catalog-level:hover,body.dark-mode .catalog-level-high-light{color:#ffffff;}
body.dark-mode h1.main-title{color:#d6dde6;}
body.dark-mode .post-list-view .post-list-title a{color:#b8cde9;text-shadow:#555555 0.031em 0.031em 0.051em;}
body.dark-mode .post-list-view .post-list-text,body.dark-mode .post-list-info{color:#7c8695;}
body.dark-mode .post-list-view .post-list-info{border-top:1px #6e6e6e solid;}
body.dark-mode .footer .copyright,body.dark-mode .footer .copyright a{color:#cee2ff;}
body.dark-mode .footer .nav-footer,body.dark-mode .footer .nav-footer a{color:#b5c3d8;}
body.dark-mode .btn-info,body.dark-mode .bg-info{background-color:rgba(23,193,232,0.6) !important;}
body.dark-mode .h1,body.dark-mode .h2,body.dark-mode .h3,body.dark-mode .h4,body.dark-mode .h5,body.dark-mode .h6,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#dbe6f9;}
body.dark-mode .footer .fa-github{color:#fff;}
body.dark-mode #preloader{background:#202020;}
body.dark-mode .sidebar .widget-latest-posts .content a,body.dark-mode .sidebar a{color:#b8cde9;}
body.dark-mode .sidebar .widget-latest-posts a:hover,body.dark-mode .sidebar .widget-latest-comment .comment-content:hover,body.dark-mode .sidebar a:hover{color:#61c8ff;}
body.dark-mode .separator{filter:brightness(0.17);}
body.dark-mode .img-fluid,body.dark-mode .img-thumbnail,body.dark-mode .post-single img,body.dark-mode .sidebar .widget-latest-posts .last-post .image img,body.dark-mode .section-blog-cover{filter:brightness(0.75);}
body.dark-mode .sidebar .widget-tag .tag,body.dark-mode .sidebar .tagcloud .tag-cloud-link{color:#b3bcca;border:solid 1px #383838;}
body.dark-mode .sidebar .widget-title,body.dark-mode .sidebar h2{color:#b0c4e0;}
body.dark-mode .sidebar .widget-latest-comment .comment-content{color:#b2c8e5;background:#343436;}
body.dark-mode .form-control:focus{background-color:#232323;}
body.dark-mode .pagenav .page-item.active .page-link{color:#fff;background:#2d2d2d;border:1px solid #222222;box-shadow:0px 2px 4px 0px rgb(255 255 255 / 15%);}
body.dark-mode .pagenav .page-link{color:#b8b7b7;border:solid 1px #23232382;background-color:#434343;}
body.dark-mode .comment-content p{color:#80ace9;}
body.dark-mode .pagenav .page-link:hover{color:#fff;background:#2d2d2d;border:1px solid #222222;box-shadow:0px 2px 4px 0px rgb(255 255 255 / 15%);}
body.dark-mode .sidebar .widget_search input[type="submit" i]{background:#424452;}
body.dark-mode .sidebar .widget_search input{border:1px solid #2c2c2d;background-color:#393939;color:#fff;}
body.dark-mode .post-single .post-category a{background-color:#2d2d2d;}
body.dark-mode .post-single .section-title span{background:#232323;color:#a0c8dc;}
body.dark-mode .post-single .post-content,body.dark-mode .post-single .post-content p{color:#fff;}
body.dark-mode .post-single .post-title{color:#fff;}
body.dark-mode .post-list-info .post-meta-info span,body.dark-mode .post-single .post-meta-info span,body.dark-mode .post-list-info > span{color:#ccc;border-right:1px solid #6e6e6e;}
body.dark-mode .post-single .post-meta-info span:last-child{border-right:none;}
body.dark-mode .post-list-info .post-meta-info span:last-child{border-right:none;}
body.dark-mode .thw-sept:after{background:linear-gradient(270deg,rgb(35 35 35) 0%,rgb(68 67 67) 50%,rgb(35 35 35) 100%);}
body.dark-mode .post-navigation .post-previous{border-right:1px solid #2b2b2b;}
body.dark-mode .post-navigation div h4{color:#eee;}
body.dark-mode .post-navigation span{color:#eee;}
body.dark-mode .prettyprint{background:linear-gradient(0deg,#000000,#121a25);}
body.dark-mode .linenums{box-shadow:#111924 0px 0px 1px 1px;}
body.dark-mode #respond div.inputBox,body.dark-mode #respond textarea.form-control{background-color:#232323;}
body.dark-mode .form-control:focus{color:#dddddd;}
body.dark-mode .form-control{color:#aec0d2;background-color:#232323;border:1px solid #4d4f50 !important;}
body.dark-mode .quote blockquote{background-color:#292929;}
body.dark-mode .comments-list .comment .comment-body:hover{background:#353535;border:1px solid #f2f6fc;}
body.dark-mode .comments-list .comment .comment-body{background-color:#232323;border:1px solid rgba(220,188,231,.43922);}
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown.nav-item .dropdown-menu,
body.dark-mode .dropdown .dropdown-menu{color:#d0e1ff;background-color:rgba(0,0,0,0.5) !important;backdrop-filter:blur(24px);box-shadow:none !important;}
body.dark-mode .dropdown-item{color:#ffffff !important;background-color:transparent !important;}
body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {color:#fff !important;background-color:hsla(0,0%,100%,.15) !important;}
body.dark-mode .card-header{background-color:#232323;}
body.dark-mode .card .card-header{background-color:#202020 !important;}
body.dark-mode .card{background-color:#232323;box-shadow:0 20px 27px 0 rgb(0 0 0 / 30%);}
body.dark-mode p{color:#a4b7c9;}
body.dark-mode .form-label,body.dark-mode label{color:#98a3ac;}
body.dark-mode .list-group-item{background-color:#232323;border:1px solid rgb(255 255 255 / 13%);}
body.dark-mode ::-webkit-scrollbar-thumb{background-color:#555b78;}
body.dark-mode .readers-list li a{border:1px solid #333;}
body.dark-mode .navbar .nav-link{color:#bfcde4;}
body.dark-mode .navbar .navbar-brand{color:#bfcde4;}
body.dark-mode .input-group-text{border:1px solid #4d4f50;}
body.dark-mode .swal2-popup{background:#232323 !important;color:#b4b4b4 !important;}
body.dark-mode .sidebar .sidebar-card,body.dark-mode .sidebar .sidebar-border{background-color:#232323;}
body.dark-mode .single-card{background-color:#232323 !important;}
body.dark-mode .post-single{background-color:#232323;}
@media (max-width:991.98px){
    body.dark-mode .navbar.navbar-transparent .navbar-collapse.show .nav-link,body.dark-mode .navbar.navbar-transparent .navbar-collapse.show i{color:#ffffff;}
    body.dark-mode .navbar.navbar-transparent .navbar-collapse.collapsing,body.dark-mode .navbar.navbar-transparent .navbar-collapse.show{background:#1c1c1c;}
}
@media (min-width:992px){
    body.dark-mode .dropdown .dropdown-menu:before{color:#242424;}
}

/* 主题切换按钮 */

/* 主题切换按钮 - 与导航栏按钮风格一致 */

/* 主题切换按钮 */
#theme-toggle {color:#fff;font-size:16px;padding:8px 10px;transition:color 0.3s;}
#theme-toggle i {width:16px;text-align:center;display:inline-block;}
#theme-toggle:hover {color:#ff5c72;}
body.dark-mode #theme-toggle {color:#bfcde4;}
body.dark-mode #theme-toggle:hover {color:#61c8ff;}
body.dark-mode #theme-toggle i:before {content:"\f186";}

/* 二级菜单箭头使用 > 符号 */
.header-global .dropdown-menu li.dropdown .dropdown-toggle:after {content:"\f105" !important;font-family:FontAwesome !important;border:none !important;width:auto !important;height:auto !important;margin-left:auto !important;float:right !important;line-height:inherit !important;vertical-align:middle !important;position:relative;top:1px;}

/* =====================================================
   会员中心页面 - 简洁现代风格
   ===================================================== */

/* 页面整体 */
.boxmoe-user-page {
    background: #fafafa;
    min-height: 100vh;
    padding: 20px;
}
body.dark-mode .boxmoe-user-page {
    background: #121212;
}

/* 顶部导航栏 */
.boxmoe-user-page .navbar,
.boxmoe-user-page .navbar.navbar-dark {
    background: #fff !important;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
    border: 1px solid #e5e7eb;
    padding: 16px 24px;
    margin-bottom: 24px;
}
body.dark-mode .boxmoe-user-page .navbar,
body.dark-mode .boxmoe-user-page .navbar.navbar-dark {
    background: #1e1e1e !important;
    border-color: #333333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.2);
}

/* 导航栏切换按钮 */
.boxmoe-user-page .navbar-toggler {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 12px;
}
.boxmoe-user-page .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.dark-mode .boxmoe-user-page .navbar-toggler {
    border-color: #404040;
}
body.dark-mode .boxmoe-user-page .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 导航栏品牌 */
.boxmoe-user-page .navbar-brand {
    color: #111827 !important;
    font-weight: 600;
    font-size: 18px;
}
body.dark-mode .boxmoe-user-page .navbar-brand {
    color: #f9fafb !important;
}

/* 导航项 */
.boxmoe-user-page .navbar-nav .nav-link {
    color: #6b7280 !important;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    transition: all 0.15s ease;
}
.boxmoe-user-page .navbar-nav .nav-link:hover {
    color: #111827 !important;
    background: #f3f4f6;
}
.boxmoe-user-page .navbar-nav .nav-item.active .nav-link {
    color: #111827 !important;
    background: #f3f4f6;
    font-weight: 500;
}
body.dark-mode .boxmoe-user-page .navbar-nav .nav-link {
    color: #9ca3af !important;
}
body.dark-mode .boxmoe-user-page .navbar-nav .nav-link:hover {
    color: #f9fafb !important;
    background: #262626;
}
body.dark-mode .boxmoe-user-page .navbar-nav .nav-item.active .nav-link {
    color: #f9fafb !important;
    background: #262626;
}

/* 导航图标 */
.boxmoe-user-page .navbar-nav .nav-link i {
    margin-right: 6px;
    font-size: 13px;
}

/* 主卡片 */
.boxmoe-user-page .user-info.card,
.boxmoe-user-page .card.blog-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
    border: 1px solid #e5e7eb;
}
body.dark-mode .boxmoe-user-page .user-info.card,
body.dark-mode .boxmoe-user-page .card.blog-card {
    background: #1e1e1e;
    border-color: #333333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.2);
}

/* 卡片头部 */
.boxmoe-user-page .card-header {
    background: transparent !important;
    border-bottom: 1px solid #e5e7eb;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}
.boxmoe-user-page .card-header.card-header-warning {
    background: transparent !important;
    color: #111827 !important;
}
body.dark-mode .boxmoe-user-page .card-header {
    border-bottom-color: #333333;
    color: #f9fafb;
}
body.dark-mode .boxmoe-user-page .card-header.card-header-warning {
    color: #f9fafb !important;
}

/* 卡片主体 */
.boxmoe-user-page .card-body {
    padding: 24px;
}

/* 用户头部卡片 */
.boxmoe-user-page .user-header.card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
body.dark-mode .boxmoe-user-page .user-header.card {
    background: #1e1e1e;
    border-color: #333333;
}

/* 用户头像区域头部 */
.boxmoe-user-page .user-header .card-header.bg-info {
    background: linear-gradient(135deg, #FE4F70 0%, #FF8C6B 100%) !important;
    height: 100px;
    position: relative;
}
body.dark-mode .boxmoe-user-page .user-header .card-header.bg-info {
    background: linear-gradient(135deg, #4a9eff 0%, #6bb8ff 100%) !important;
}

/* 用户头像 */
.boxmoe-user-page .card-avatar {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}
.boxmoe-user-page .card-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
body.dark-mode .boxmoe-user-page .card-avatar img {
    border-color: #1e1e1e;
}

/* 用户信息 */
.boxmoe-user-page .user-header .card-body {
    padding-top: 45px;
    text-align: center;
}
.boxmoe-user-page p.userinfo {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 8px;
    font-weight: 400;
}
body.dark-mode .boxmoe-user-page p.userinfo {
    color: #9ca3af;
}

/* 统计徽章 */
.boxmoe-user-page .card-profile-stats .badge {
    background: #f3f4f6 !important;
    color: #374151 !important;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 500;
    margin: 0 4px;
}
.boxmoe-user-page .card-profile-stats .badge.bg-gradient-primary {
    background: linear-gradient(135deg, #FE4F70 0%, #FF8C6B 100%) !important;
    color: #fff !important;
}
body.dark-mode .boxmoe-user-page .card-profile-stats .badge {
    background: #262626 !important;
    color: #d1d5db !important;
}
body.dark-mode .boxmoe-user-page .card-profile-stats .badge.bg-gradient-primary {
    background: linear-gradient(135deg, #4a9eff 0%, #6bb8ff 100%) !important;
}

/* 按钮样式 */
.boxmoe-user-page .btn-outline-info {
    color: #FE4F70;
    border-color: #FE4F70;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
}
.boxmoe-user-page .btn-outline-info:hover {
    background: #FE4F70;
    color: #fff;
}
.boxmoe-user-page .btn-outline-danger {
    color: #ef4444;
    border-color: #ef4444;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
}
.boxmoe-user-page .btn-outline-danger:hover {
    background: #ef4444;
    color: #fff;
}
.boxmoe-user-page .btn-outline-success {
    color: #22c55e;
    border-color: #22c55e;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
}
.boxmoe-user-page .btn-outline-success:hover {
    background: #22c55e;
    color: #fff;
}
.boxmoe-user-page .btn-info {
    background: linear-gradient(135deg, #FE4F70 0%, #FF8C6B 100%);
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
}
body.dark-mode .boxmoe-user-page .btn-outline-info {
    color: #4a9eff;
    border-color: #4a9eff;
}
body.dark-mode .boxmoe-user-page .btn-outline-info:hover {
    background: #4a9eff;
    color: #fff;
}
body.dark-mode .boxmoe-user-page .btn-outline-danger {
    color: #f87171;
    border-color: #f87171;
}
body.dark-mode .boxmoe-user-page .btn-outline-danger:hover {
    background: #f87171;
    color: #fff;
}
body.dark-mode .boxmoe-user-page .btn-outline-success {
    color: #4ade80;
    border-color: #4ade80;
}
body.dark-mode .boxmoe-user-page .btn-outline-success:hover {
    background: #4ade80;
    color: #fff;
}
body.dark-mode .boxmoe-user-page .btn-info {
    background: linear-gradient(135deg, #4a9eff 0%, #6bb8ff 100%);
}

/* 表单输入框 */
.boxmoe-user-page .form-control {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    color: #111827;
    font-size: 14px;
    height: 44px;
}
.boxmoe-user-page .form-control:focus {
    border-color: #FE4F70;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(254,79,112,0.1);
}
body.dark-mode .boxmoe-user-page .form-control {
    background: #262626;
    border-color: #404040;
    color: #f9fafb;
}
body.dark-mode .boxmoe-user-page .form-control:focus {
    border-color: #4a9eff;
    background: #262626;
    box-shadow: 0 0 0 3px rgba(74,158,255,0.2);
}

/* 表单标签 */
.boxmoe-user-page .control-label,
.boxmoe-user-page .form-label,
.boxmoe-user-page label {
    color: #374151;
    font-size: 13px;
    font-weight: 500;
}
body.dark-mode .boxmoe-user-page .control-label,
body.dark-mode .boxmoe-user-page .form-label,
body.dark-mode .boxmoe-user-page label {
    color: #d1d5db;
}

/* VIP升级列表项 */
.boxmoe-user-page .checklist-entry {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 16px;
    transition: all 0.15s ease;
}
.boxmoe-user-page .checklist-entry:hover {
    border-color: #d1d5db;
}
body.dark-mode .boxmoe-user-page .checklist-entry {
    border-color: #404040;
}
body.dark-mode .boxmoe-user-page .checklist-entry:hover {
    border-color: #525252;
}

/* VIP等级颜色 - 简化渐变，使用柔和背景 */
.checklist-item-purple {
    background: #f3e8ff !important;
    border-radius: 10px;
}
body.dark-mode .checklist-item-purple {
    background: rgba(139,92,246,0.15) !important;
}
.text-purple { color: #8b5cf6 !important; }

.checklist-item-danger {
    background: #fee2e2 !important;
    border-radius: 10px;
}
body.dark-mode .checklist-item-danger {
    background: rgba(239,68,68,0.15) !important;
}
.text-danger { color: #ef4444 !important; }

.checklist-item-warning {
    background: #fef3c7 !important;
    border-radius: 10px;
}
body.dark-mode .checklist-item-warning {
    background: rgba(251,191,36,0.15) !important;
}
.text-warning { color: #f59e0b !important; }

.checklist-item-golden {
    background: #fef9c3 !important;
    border-radius: 10px;
}
body.dark-mode .checklist-item-golden {
    background: rgba(250,204,21,0.15) !important;
}
.text-golden { color: #eab308 !important; }

.checklist-item-success {
    background: #f0fdf4 !important;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 16px;
}
body.dark-mode .checklist-item-success {
    background: rgba(34,197,94,0.15) !important;
}

/* VIP徽章图片 */
.boxmoe-user-page .checklist-purple small img,
.boxmoe-user-page .checklist-danger small img,
.boxmoe-user-page .checklist-warning small img,
.boxmoe-user-page .checklist-golden small img {
    height: 24px;
    margin-top: 4px;
}

/* 单选按钮 */
.boxmoe-user-page .form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid #d1d5db;
}
.boxmoe-user-page .form-check-input:checked {
    background: #FE4F70;
    border-color: #FE4F70;
}
body.dark-mode .boxmoe-user-page .form-check-input {
    border-color: #525252;
    background: #262626;
}
body.dark-mode .boxmoe-user-page .form-check-input:checked {
    background: #4a9eff;
    border-color: #4a9eff;
}

/* 表格样式 */
.boxmoe-user-page .table {
    color: #374151;
}
.boxmoe-user-page .table th {
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 2px solid #e5e7eb;
}
.boxmoe-user-page .table td {
    color: #374151;
    font-size: 14px;
    border-bottom: 1px solid #e5e7eb;
}
.boxmoe-user-page .table-hover tbody tr:hover {
    background: #f9fafb;
}
body.dark-mode .boxmoe-user-page .table {
    color: #d1d5db;
}
body.dark-mode .boxmoe-user-page .table th {
    color: #9ca3af;
    border-bottom-color: #404040;
}
body.dark-mode .boxmoe-user-page .table td {
    color: #d1d5db;
    border-bottom-color: #404040;
}
body.dark-mode .boxmoe-user-page .table-hover tbody tr:hover {
    background: #262626;
}

/* 下载徽章 */
.boxmoe-user-page .badge.bg-gradient-primary {
    background: linear-gradient(135deg, #FE4F70 0%, #FF8C6B 100%) !important;
    color: #fff;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 12px;
}
body.dark-mode .boxmoe-user-page .badge.bg-gradient-primary {
    background: linear-gradient(135deg, #4a9eff 0%, #6bb8ff 100%) !important;
}

/* 分页 */
.boxmoe-user-page .pagination .page-link {
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
}
.boxmoe-user-page .pagination .page-item.active .page-link {
    background: #111827;
    border-color: #111827;
    color: #fff;
}
body.dark-mode .boxmoe-user-page .pagination .page-link {
    color: #9ca3af;
    border-color: #404040;
    background: #262626;
}
body.dark-mode .boxmoe-user-page .pagination .page-item.active .page-link {
    background: #f9fafb;
    border-color: #f9fafb;
    color: #111827;
}

/* 用户列表项 */
.boxmoe-user-page .list-group-item {
    background: #fff;
    border: 1px solid #e5e7eb;
}
body.dark-mode .boxmoe-user-page .list-group-item {
    background: #1e1e1e;
    border-color: #333333;
}

/* VIP信息小字 */
.boxmoe-user-page .vipcol,
.boxmoe-user-page .vipcoll {
    color: #6b7280;
    font-size: 13px;
}
body.dark-mode .boxmoe-user-page .vipcol,
body.dark-mode .boxmoe-user-page .vipcoll {
    color: #9ca3af;
}

/* VIP图片 */
.boxmoe-user-page .vipcoll img {
    height: 20px;
    margin-left: 4px;
}

/* 警告提示框 */
.boxmoe-user-page .alert-danger {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 10px;
}
body.dark-mode .boxmoe-user-page .alert-danger {
    background: rgba(248,113,113,0.15);
    border-color: rgba(248,113,113,0.3);
    color: #f87171;
}
.boxmoe-user-page .alert-warning {
    background: #fef3c7;
    border: 1px solid #fde68a;
    color: #d97706;
    border-radius: 10px;
}
body.dark-mode .boxmoe-user-page .alert-warning {
    background: rgba(251,191,36,0.15);
    border-color: rgba(251,191,36,0.3);
    color: #fbbf24;
}

/* 充值卡片内的徽章 */
.checklist-info .badge-warning {
    background: #fef3c7 !important;
    color: #d97706 !important;
    border-radius: 6px;
    padding: 4px 8px;
}
.checklist-info .badge-success {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border-radius: 6px;
    padding: 4px 8px;
}
body.dark-mode .checklist-info .badge-warning {
    background: rgba(251,191,36,0.2) !important;
    color: #fbbf24 !important;
}
body.dark-mode .checklist-info .badge-success {
    background: rgba(34,197,94,0.2) !important;
    color: #4ade80 !important;
}

/* thw-sept分隔线 */
.boxmoe-user-page .thw-sept {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}
body.dark-mode .boxmoe-user-page .thw-sept {
    border-top-color: #333333;
}

/* 响应式调整 */
@media (max-width: 991px) {
    .boxmoe-user-page .navbar-collapse {
        background: #fff;
        padding: 16px;
        border-radius: 12px;
        margin-top: 12px;
    }
    body.dark-mode .boxmoe-user-page .navbar-collapse {
        background: #1e1e1e;
    }
    .boxmoe-user-page .navbar-nav {
        flex-direction: column;
    }
    .boxmoe-user-page .navbar-nav .nav-item {
        margin: 4px 0;
    }
    .boxmoe-user-page .navbar-toggler {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 8px 12px;
    }
    body.dark-mode .boxmoe-user-page .navbar-toggler {
        border-color: #404040;
    }
}

@media (max-width: 768px) {
    .boxmoe-user-page {
        padding: 12px;
    }
    .boxmoe-user-page .navbar {
        padding: 12px 16px;
        margin-bottom: 16px;
    }
    .boxmoe-user-page .card-body {
        padding: 16px;
    }
    .boxmoe-user-page .card-header {
        padding: 16px;
    }
}