@charset "utf-8";
:root {
    --theme-primary: #382B8C;
    --theme-secondary: #746BB0;
    --theme-hover: #ccaee5;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
i, em{font-style:normal;}
ol, ul{list-style:none;}
img{border:0;max-width:100%;}
input, textarea{outline:none;vertical-align:middle;}
html{height:auto;overflow-y:auto !important;}
body{color:#fff;font-size:16px;font-family:"Microsoft YaHei","STHeiti Light","Trebuchet MS", Tahoma, Arial, sans-serif;min-height:100%;height:auto;overflow-y:auto !important;background-color:var(--theme-primary);background-position:center 0;background-image:var(--bg-image, none);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:var(--theme-bg-overlay);z-index:0;pointer-events:none;}
a{color:#fff;text-decoration:none;transition:all .3s linear}
a:hover{color:var(--theme-hover);text-decoration:none;}
.erx-wrap{position:relative;width:94%;max-width:1200px;margin:0 auto;z-index:10;transition:all .2s;overflow:visible}
.erx-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.erx-m-bot{margin-bottom:20px;}
.erx-m-bg, .erx-sidebar .function, #divSearchPanel .function_c input[type='text']{border-radius:12px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(160%);transition:all .2s linear}
.erx-m-bg:hover{background:var(--theme-secondary);box-shadow:0 0 15px rgba(0,0,0,.3);}
.erx-m-btn, #divSearchPanel .function_c input[type='submit'], #divContorPanel .function_c a{background-image:linear-gradient(0deg, var(--theme-primary), var(--theme-secondary));cursor:pointer;border:0;}
.header{position:relative;padding:6vh 0 4vh;}
.erx-logo{position:relative;max-width:240px;max-height:60px;}
.erx-logo::after{content:'';position:absolute;top:-40%;left:-20%;width:160%;height:180%;background:rgba(0,0,0,.1);border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;z-index:-1;transition:all .3s linear;}
.erx-logo:hover::after{border-radius:25% 75% 45% 55% / 40% 55% 45% 60%;}
.erx-logo a{display:block;font-size:35px;font-weight:bold;letter-spacing:2px;white-space:nowrap;overflow:hidden;}
.erx-logo img{display:block;}
.erx-menu{position:absolute;top:0;right:0;z-index:9999;}
.erx-menu > ul{justify-content:flex-start;flex-wrap:nowrap;border-radius:0 0 30px 30px;padding:0 15px;transform:translateY(-50px);transition:all .3s ease-in-out;opacity:0;}
.erx-menu.erxshow > ul{transform:translateY(0);opacity:1;}
.erx-menu > ul > li{position:relative;white-space:nowrap;z-index:10001;}
.erx-menu > ul > li:not(:last-child)::after{content:'';position:absolute;top:5px;right:0;width:1px;height:26px;background:linear-gradient(0deg, transparent 0%, rgba(255,255,255,.15) 40%, rgba(255,255,255,.15) 60%, transparent 100%);}
.erx-menu > ul > li:hover{z-index:999;}
.erx-menu > ul > li > a{display:block;line-height:36px;font-size:.85em;padding:0 15px;}
.erx-menu > ul > li > a > i{display:inline-block;width:0;height:0;margin:-2px -8px 0 4px;border:4px transparent solid;border-top-color:rgba(255,255,255,.3);}
.erx-menu > ul > li > a:hover > i{border-top-color:rgba(255,255,255,.5);}
.erx-menu > ul > li > a:hover, .erx-menu > ul > li.cu > a, .erx-menu > ul > li.erxact > a{color:#fff;}
.erx-menu li ul{display:none;position:absolute;top:100%;left:0;min-width:100%;line-height:35px;background:var(--theme-primary);border-radius:0 0 12px 12px;box-shadow:0 0 15px rgba(0,0,0,.3);overflow:hidden;}
.erx-menu li li a{display:block;font-size:.8em;text-align:center;white-space:nowrap;border-bottom:1px rgba(0,0,0,.15) solid;padding:0 15px;}
.erx-menu li li a:hover{background:rgba(0,0,0,.3);}
.erx-menu li li:last-child a{border-bottom:0;}
.erx-head-wrap.blur .erx-top-nav, .erx-head-wrap.search-focus .erx-top-nav{opacity:0;pointer-events:none;}
.erx-top-nav a{width:40px;height:40px;line-height:40px;margin-right:1em;text-align:center;background:var(--theme-secondary);border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;}
.erx-top-nav a:hover, .erx-pagebar .page:hover, .erx-gotop:hover{border-radius:50% 50% 58% 42% / 39% 48% 52% 61%;}
.erx-top-nav a.erxact{background:var(--theme-primary);box-shadow:0 0 8px rgba(255,255,255,.3);}
.erx-top-nav a i{font-size:18px;color:#fff;}
.erx-top-nav{position:relative;z-index:2000;}
.user-avatar{position:relative;width:40px;height:40px;line-height:40px;text-align:center;background:var(--theme-secondary);border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;color:#fff;font-size:18px;font-weight:bold;transition:all .3s;cursor:pointer;margin-right:1em;}
.user-avatar:hover,.user-avatar.active{border-radius:50% 50% 58% 42% / 39% 48% 52% 61%;background:var(--theme-primary);box-shadow:0 0 8px rgba(255,255,255,.3);}
.user-menu{position:absolute;top:0;right:0;z-index:10002;width:auto;max-width:300px;pointer-events:none;}
.user-menu.show{pointer-events:auto;}
.user-menu > ul{justify-content:flex-start;flex-wrap:nowrap;border-radius:0 0 30px 30px;padding:0 15px;transform:translateY(-50px);transition:all .3s ease-in-out;opacity:0;background:var(--theme-primary);box-shadow:0 0 15px rgba(0,0,0,.3);}
.user-menu.show > ul{transform:translateY(0);opacity:1;}
.user-menu > ul > li{position:relative;white-space:nowrap;z-index:10002;}
.user-menu > ul > li:not(:last-child)::after{content:'';position:absolute;top:5px;right:0;width:1px;height:26px;background:linear-gradient(0deg, transparent 0%, rgba(255,255,255,.15) 40%, rgba(255,255,255,.15) 60%, transparent 100%);}
.user-menu > ul > li:hover{z-index:10003;}
.user-menu > ul > li > a{display:block;line-height:36px;font-size:.85em;padding:0 15px;color:#333;text-decoration:none;pointer-events:auto;}
.user-menu > ul > li > a:hover{color:#fff;}
.erx-search-form{position:relative;width:100px;height:40px;margin-left:.5em;z-index:1999;}
.erx-search-form .sint{position:absolute;top:0;right:0;width:100%;height:100%;color:var(--theme-primary);border:0;padding:0 20px;box-sizing:border-box;border-radius:20px;transition:all .3s linear;}
.erx-search-form .sint::placeholder{color:rgba(255,255,255,.5);}
.erx-search-form .sint:focus{width:220%;background:#fff;box-shadow:0 0 8px #888;}
.erx-search-form .sint:focus + .sbtn i{border-color:var(--theme-secondary);}
.erx-search-form .sint:focus + .sbtn i::after{background:var(--theme-secondary);}
.erx-search-form .sbtn{position:absolute;top:10px;right:8px;background:none;border:0;cursor:pointer;color:#ddd;font-size:16px;}
.erx-search-form .sbtn i{transition:all .3s linear;}
.erx-search-form .sbtn:hover i{color:var(--theme-secondary);}
.erx-fs{overflow:hidden;}
.erx-fs > img, .erx-fs > a > img{width:100%;}
.erx-content{align-items:flex-start;}
.erx-main{width:74.5%;}
.erx-m-tit{margin:3px 0 15px;}
.erx-m-tit h3::before{content:'';display:inline-block;width:6px;height:14px;background:var(--theme-secondary);border-radius:3px;margin:-3px 8px 0 0;vertical-align:middle;}
.erx-m-tit h3{font-size:1em;}
.erx-m-tit .more{line-height:1;color:rgba(255, 255, 255, .5);font-size:.7em;padding:5px 6px 5px 9px;border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;}
.erx-m-tit .more:hover{color:#fff;border-radius:20px;}
.erx-item-wrap .item .t{flex:1;}
.erx-item-wrap .item .p img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;}
.erx-item-wrap .item:hover .a a{color:var(--theme-hover) !important;}
.erx-item-wrap .item{padding:15px;}
.erx-item-wrap .item .a{position:relative;margin:0 0 8px;}
.erx-item-wrap .item .a a:hover{text-decoration:none;}
.erx-item-wrap .item .t, .erx-alink-list li > a .des{line-height:1.8;font-size:.8em;opacity:.5;transition:all .2s linear;}
.erx-item-wrap .item:hover .t, .erx-alink-list li:hover > a .des{opacity:1;}
.erx-item-wrap .item .t{max-height:5.4em;text-align:justify;word-wrap:break-word;overflow:hidden;}
.erx-item-wrap .item .p{position:relative;width:120px;padding-top:80px;margin-left:1em;border-radius:5px;overflow:hidden;}
.erx-item-wrap .item .p img{border-radius:5px;transition:all .2s linear;}
.erx-item-wrap .item .p a:hover img{transform:scale(1.1);}
.erx-item-wrap .item .i{margin-top:8px;font-size:.8em;font-family:Arial, Helvetica, sans-serif;white-space:nowrap;opacity:.8;}
.erx-item-wrap .item .i span{margin-right:1.5em;}
.erx-item-wrap .item .i span::before,
.erx-item-wrap .item .cate::before,
.erx-item-wrap .item .view::before,
.erx-item-wrap .item .comm::before,
.erx-item-wrap .item .time::before {
    content: '' !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.erx-item-wrap .nothing{text-align:center;padding:12vh 0;}
.erx-pagebar{text-align:center;padding:20px;}
.erx-pagebar .page, .erx-pagebar .now-page{display:inline-block;color:#fff;font-family:Impact, Charcoal, sans-serif;min-width:32px;height:32px;line-height:32px;padding:0 8px;margin:4px;background:var(--theme-secondary);border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;box-sizing:border-box;transition:all .3s linear;}
.erx-pagebar .now-page, .erx-pagebar a:hover .page{color:var(--theme-secondary);background:#f2f2f2;}
.erx-pagebar-top{display:flex;gap:10px;}
.erx-pagebar-top a{padding:6px 15px;background:var(--theme-secondary);color:#fff;border-radius:20px;font-size:13px;text-decoration:none;transition:all .3s;}
.erx-pagebar-top a:hover{background:var(--theme-primary);}
.erx-pagebar-bottom{text-align:center;padding:20px 0;}
.erx-pagebar-bottom a, .erx-pagebar-bottom .now-page{display:inline-block;color:#fff;font-family:Impact, Charcoal, sans-serif;min-width:32px;height:32px;line-height:32px;padding:0 8px;margin:4px;background:var(--theme-secondary);border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;box-sizing:border-box;transition:all .3s linear;text-decoration:none;}
.erx-pagebar-bottom .now-page{color:#999999;background:#f2f2f2;}
.erx-pagebar-bottom a:hover{color:var(--theme-secondary);background:#f2f2f2;}
.erx-sidebar{width:23.8%;}
.erx-sidebar .function{margin-bottom:20px;padding:15px;box-sizing:border-box;}
.erx-sidebar .function:last-child{margin-bottom:0;}
.erx-sidebar .function_t{position:relative;margin-bottom:1em;font-weight:bold;}
.erx-sidebar .function_t i{margin-right:8px;opacity:.5;}
.erx-sidebar .function_c li{margin:8px 0;}
.erx-sidebar .function_c li a{display:block;font-size:.85em;background:rgba(0,0,0,.2);padding:9px 15px;border-radius:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.erx-sidebar .function_c li a:hover{background:var(--theme-secondary);}
.erx-sidebar .tags span{display:inline-block;margin:5px 6px 5px 0;background:rgba(0,0,0,.2);padding:5px 12px;border-radius:20px;}
.erx-sidebar .tags span a{font-size:.85em;color:#fff;}
.erx-sidebar .tags span a:hover{color:var(--theme-hover);}
.erx-sidebar .tags span a i{opacity:.6;}
.erx-current{font-size:.85em;padding:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.erx-current a i{margin-right:5px;opacity:.7;}
.erx-current > a:not(:last-child)::after{content:'/';display:inline-block;margin:0 9px 0 6px;color:#bbb;}
.erx-article{position:relative;padding:25px;overflow:hidden;}
.erx-article > h1{margin-bottom:20px;font-size:24px;}
.erx-page > h1{border-bottom:1px rgba(255,255,255,.2) solid;padding-bottom:20px;}
.erx-article .i{font-size:12px;border-bottom:1px rgba(255,255,255,.2) dotted;padding:0 0 9px;}
.erx-article .i > span{color:rgba(255,255,255,.5);}
.erx-article .i > span:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;margin:-2px 8px 0;background:rgba(255,255,255,.2);vertical-align:middle;}
.erx-article .i > span > em{display:none;margin-right:5px;}

/* 字体大小选择器 */
.erx-article .i .font-size-selector .font-size-btn {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    margin: 0 3px;
    padding: 2px 8px;
    border-radius: 12px;
    transition: all 0.3s;
}
.erx-article .i .font-size-selector .font-size-btn:hover,
.erx-article .i .font-size-selector .font-size-btn.active {
    color: #fff;
    background: var(--theme-secondary);
}

/* 文章内容字体大小 */
.article-content.font-small p,
.article-content.font-small li,
.article-content.font-small blockquote {
    font-size: 14px !important;
}
.article-content.font-small h2,
.article-content.font-small h3,
.article-content.font-small h4 {
    font-size: 16px !important;
}
.article-content.font-small pre,
.article-content.font-small code {
    font-size: 12px !important;
}

.article-content.font-medium p,
.article-content.font-medium li,
.article-content.font-medium blockquote {
    font-size: 16px !important;
}
.article-content.font-medium h2,
.article-content.font-medium h3,
.article-content.font-medium h4 {
    font-size: 20px !important;
}
.article-content.font-medium pre,
.article-content.font-medium code {
    font-size: 14px !important;
}

.article-content.font-large p,
.article-content.font-large li,
.article-content.font-large blockquote {
    font-size: 18px !important;
}
.article-content.font-large h2,
.article-content.font-large h3,
.article-content.font-large h4 {
    font-size: 24px !important;
}
.article-content.font-large pre,
.article-content.font-large code {
    font-size: 16px !important;
}
.erx-article .con{line-height:1.88;text-align:justify;word-wrap:break-word;overflow:hidden;}
.erx-article .con .intro{margin-bottom:1.5em;font-size:.8em;background:rgba(0,0,0,.1);padding:1em;}
.erx-article .con *{max-width:100%;}
.erx-article .con p{margin:0 0 1em;}
.erx-article .con a{opacity:.68;}
.erx-article .con blockquote{font-size:14px;background:rgba(0,0,0,.2);padding:15px;border:4px transparent solid;border-left-color:rgba(255,255,255,.5);}
.erx-article .con pre{font-size:12px;}
.erx-article .con h2, .erx-article .con h3, .erx-article .con h4, .erx-article .con h5, .erx-article .con h6{margin:0 0 1em;font-size:18px;background:rgba(0,0,0,.1);padding:6px 15px;}
.erx-article .con h4, .erx-article .con h5{font-size:16px;}
.erx-article .con h6{font-size:14px;}
.erx-article .con table{width:100%;margin:1em auto;}
.erx-article .con table th, .erx-article .con table td{line-height:2.2;font-size:.85em;border:1px rgba(255,255,255,.2) solid;padding:3px 5px 3px 9px;}
.erx-article .con table p{margin:0;font-size:inherit;}
.erx-article .con code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-family:Consolas, Monaco, monospace;font-size:.9em;}
.erx-article .con pre{background:rgba(0,0,0,.3);padding:15px;border-radius:8px;overflow-x:auto;}
.erx-article .con pre code{background:none;padding:0;}
.erx-article .tags{margin-top:15px;text-align:right;font-size:.8em;}
.erx-article .tags a{margin-left:1em;opacity:.58;}
.erx-article .tags a::before{content:'#';}
.erx-article .p{margin-top:15px;border-top:1px rgba(255,255,255,.2) dotted;padding:9px 0 0;}
.erx-article .p > span{display:block;width:100%;margin-bottom:10px;}
.erx-article .p > span:last-child{margin-bottom:0;}
.erx-article .p .next{text-align:left;}
.erx-article .p .prev:before, .erx-article .p .next:after{content:'';display:inline-block;width:0;height:0;border:6px transparent solid;vertical-align:middle;}
.erx-article .p .prev:before{margin:0 8px 0 -8px;border-right-color:#bbb;}
.erx-article .p .next:after{margin:0 -8px 0 8px;border-left-color:#bbb;}
.erx-article .p span a{display:inline-block;max-width:95%;line-height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
.reply-items{padding:15px;}
.reply-items{margin-top:20px;}
.reply-items .con{position:relative;padding:10px 0 10px 65px;}
.reply-items .msgarticle{line-height:1.8;margin:10px 0 12px;text-align:justify;word-break:break-all;overflow:hidden;}
.reply-items .reply-items{margin:15px 0 0;background:rgba(0,0,0,.02);padding:15px;}
.reply-avatar{position:absolute;top:5px;left:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:bold;}
.reply-info{font-size:12px;opacity:.68;}
.reply-info > span:first-child{font-weight:bold;}
.reply-info > span:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;margin:-2px 12px 0;background:#ddd;vertical-align:middle;}
#divCommentPost{padding:15px;}
#divCommentPost .post-item p{position:relative;width:49%;}
#divCommentPost .item input{width:100%;box-sizing:border-box;}
#divCommentPost input.text{color:#fff;border:0;line-height:38px;height:38px;padding:0 9px;border-radius:6px;background:rgba(255,255,255,.1);}
#txaArticle{color:#fff;padding:9px;width:100%;height:150px;border:0;box-sizing:border-box;background:rgba(255,255,255,.1);border-radius:6px;}
#divCommentPost .button{color:#fff;width:100px;height:38px;font-size:1em;border-radius:6px;background:var(--theme-secondary);}
#divCommentPost .button:hover{box-shadow:0 0 15px rgba(255,255,255,.5);}
.footer{line-height:1.8;color:rgba(255,255,255,.3);font-family:Impact, Charcoal, sans-serif;font-size:.7em;text-align:center;padding:20px 0;}
.footer a{color:rgba(255,255,255,.5);}
.footer a:hover{text-decoration:none;}
.footer .rss-subscribe{display:inline-block;margin-left:15px;}
.footer .rss-subscribe a{color:#f7c948;}
.footer .rss-subscribe a:hover{color:#fff;}
.erx-top-search a.rss-subscribe-icon{width:40px;height:40px;line-height:40px;margin-right:1em;text-align:center;background:var(--theme-secondary) !important;border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;transition:all .3s;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.erx-top-search a.rss-subscribe-icon:hover{border-radius:50% 50% 58% 42% / 39% 48% 52% 61%;background:var(--theme-secondary) !important;}
.erx-top-search a.rss-subscribe-icon i{font-size:18px;color:#fff !important;}
a.erx-gotop{display:none;position:fixed;right:50%;bottom:20%;height:40px;line-height:40px;margin-right:-700px;color:#fff;font-family:Arial;text-align:center;background:var(--theme-secondary);padding:0 9px;border:3px rgba(255,255,255,.2) solid;border-radius:30% 70% 70% 30% / 30% 35% 65% 70%;}
a.erx-gotop.active{display:inline-block;}
.erx-gotop:hover{border-color:rgba(255,255,255,.6);}
.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;}
.article-content p{line-height:1.8;margin-bottom:1em;}
.article-content ul, .article-content ol{margin:1em 0;padding-left:2em;}
.article-content ul{list-style-type:disc;}
.article-content ol{list-style-type:decimal;}
.article-content li{margin:0.5em 0;}
.article-content a{color:var(--theme-hover);text-decoration:underline;}
.article-content a:hover{color:#fff;}
.erx-item-wrap .item.istop .a::before{content:'置顶';margin-right:5px;color:#f00;font-size:0.8em;}
@media screen and (max-width:980px) {
    .erx-main{width:64.5%;}
    .erx-sidebar{width:33.8%;}
    
    .erx-wrap{width:96%;}
    .erx-logo a{font-size:28px;}
    .erx-search-form{width:80px;}
    .erx-search-form .sint:focus{width:200%;}
}
@media screen and (max-width:720px) {
    body{font-size:14px;}
    .erx-wrap{width:98%;padding:0 4px;}
    .erx-logo{max-width:38%;}
    .erx-logo::after{width:135%;height:200%;}
    .erx-logo a{font-size:1.5em;}
    .erx-top-nav a{width:32px;height:32px;line-height:32px;margin-right:.5em;}
    .erx-top-search a.rss-subscribe-icon{width:32px;height:32px;line-height:32px;margin-right:.5em;}
    .erx-top-search a.rss-subscribe-icon i{font-size:14px;}
    .erx-menu{position:fixed;top:0;left:-120px;right:auto;width:120px;height:100%;transition:all .3s linear;z-index:9999;}
    .erx-menu.erxshow{left:0;}
    .erx-menu > ul{display:block;height:100%;transform:translateY(0);background:rgba(0,0,0,.95);border-radius:0;padding:0;}
    .erx-menu.erxshow > ul{box-shadow:0 0 15px rgba(255,255,255,.3);}
    .erx-menu > ul > li{display:block;width:100%;}
    .erx-menu > ul > li:not(:last-child)::after{display:none;}
    .erx-menu > ul > li > a{display:block;width:100%;padding:12px 15px;box-sizing:border-box;border-bottom:1px rgba(255,255,255,.1) solid;}
    .erx-main{width:100%;}
    .erx-sidebar{display:none !important;}
    .erx-content{flex-direction:column;}
    
    .header{padding:4vh 0;}
    .erx-head-wrap{flex-wrap:wrap;}
    .erx-head-rt{width:100%;margin-top:10px;justify-content:space-between;}
    .top-banner{display:none !important;}
    
    .erx-search-form{width:60px;margin-left:0;position:relative;}
    .erx-search-form .sint{width:40px;padding-right:30px;}
    .erx-search-form .sint:focus{width:calc(100vw - 80px);max-width:200px;background:#fff;box-shadow:0 0 8px #888;position:absolute;left:0;right:auto;z-index:2000;}
    
    .erx-item-wrap .item{flex-direction:column;padding:12px;}
    .erx-item-wrap .item .c{display:flex;flex-direction:column;}
    .erx-item-wrap .item .p{width:100%;margin:10px 0 0;padding-top:56.25%;}
    .erx-item-wrap .item .t{width:100%;order:1;max-height:none;opacity:1;margin-bottom:10px;}
    .erx-item-wrap .item .a{order:1;}
    .erx-item-wrap .item .i{order:3;}
    .erx-item-wrap .item .i span{margin-right:1em;font-size:12px;}
    
    .erx-article{padding:15px;}
    .erx-article > h1{font-size:20px;line-height:1.4;}
    .erx-article .con h2{font-size:16px;padding:8px 12px;}
    .erx-article .con h3{font-size:15px;padding:6px 10px;}
    .erx-article .con p{font-size:14px;line-height:1.8;}
    .erx-article .con pre{padding:10px;font-size:11px;}
    .erx-article .con code{font-size:12px;}
    
    .erx-article .p{flex-direction:column;gap:10px;}
    .erx-article .p > span{width:100%;text-align:left;}
    .erx-article .p .next{text-align:left;margin-top:10px;}
    .erx-article .i .cate, .erx-article .i .auth{display:none;}
    
    .reply-items .con{padding-left:55px;}
    .reply-avatar{width:40px;height:40px;font-size:16px;}
    .reply-info{font-size:11px;}
    .reply-info > span:not(:last-child)::after{margin:-2px 8px 0;}
    .reply-items .msgarticle{font-size:14px;}
    
    #divCommentPost .post-item p{width:100%;margin-bottom:10px;}
    #divCommentPost .item input{width:100%;}
    #txaArticle{height:120px;font-size:14px;}
    
    .erx-pagebar .page, .erx-pagebar .now-page{min-width:36px;height:36px;line-height:36px;font-size:14px;}
    .erx-pagebar-top{flex-wrap:wrap;}
    .erx-pagebar-top a{font-size:12px;padding:5px 12px;}
    
    .erx-sidebar .function{padding:12px;}
    .erx-sidebar .function_c li a{padding:8px 12px;font-size:13px;}
    .erx-sidebar .tags span{font-size:12px;padding:4px 10px;}
    
    .erx-current{padding:10px 15px;font-size:13px;overflow:hidden;}
    
    .footer{font-size:10px;padding:15px 0;}
    
    a.erx-gotop{margin-right:-150px;width:45px;height:45px;line-height:45px;padding:0;border-width:2px;font-size:14px;}
    
    .math-story-panel .math-story-content{padding:8px;}
    .math-name{font-size:16px;}
    .math-years{font-size:11px;}
    .math-field{font-size:12px;padding:4px 6px;}
    .math-brief{font-size:12px;}
    .math-story-text{font-size:12px;padding:8px;}
}
@media screen and (max-width:480px) {
    body{font-size:13px;}
    
    .erx-sidebar{display:none !important;}
    
    .erx-logo a{font-size:1.2em;}
    .erx-top-nav a{width:28px;height:28px;line-height:28px;margin-right:.3em;}
    .user-avatar{width:28px;height:28px;line-height:28px;font-size:14px;margin-right:.3em;}
    .erx-top-search a.rss-subscribe-icon{width:28px;height:28px;line-height:28px;margin-right:.3em;}
    .erx-top-search a.rss-subscribe-icon i{font-size:12px;}
    
    .erx-item-wrap .item{padding:10px;}
    .erx-item-wrap .item .a a{font-size:15px;}
    .erx-item-wrap .item .t{font-size:13px;}
    
    .erx-article{padding:12px;}
    .erx-article > h1{font-size:18px;}
    .erx-article .i{font-size:11px;}
    .erx-article .i .cate, .erx-article .i .auth{display:none;}
    .erx-article .i .font-size-selector{display:block;margin-top:10px;padding-top:10px;border-top:1px rgba(255,255,255,.1) dashed;}
    .erx-article .i .font-size-selector .font-size-btn{padding:5px 12px;font-size:13px;}
    .erx-article .i .font-size-selector i{margin-right:5px;}
    .erx-article .con p{font-size:13px;}
    
    .reply-items .con{padding-left:48px;}
    .reply-avatar{width:35px;height:35px;font-size:14px;}
    
    .erx-sidebar .function{padding:10px;}
    
    .erx-pagebar .page, .erx-pagebar .now-page{min-width:30px;height:30px;line-height:30px;font-size:12px;}
    
    a.erx-gotop{width:40px;height:40px;line-height:40px;font-size:12px;}
}
.math-story-panel .math-story-content{padding:10px;}
.math-story{max-width:100%;}
.math-name{font-size:18px;font-weight:bold;color:#bd3d06;margin-bottom:5px;}
.math-years{font-size:12px;color:var(--theme-hover);margin-bottom:8px;}
.math-field{font-size:13px;color:#aaa;margin-bottom:10px;padding:5px 8px;background:rgba(255,255,255,.1);border-radius:4px;display:inline-block;}
.math-field i{color:#f7c948;margin-right:5px;}
.math-brief{font-size:13px;color:#000;line-height:1.6;margin-bottom:8px;}
.math-story-text{font-size:13px;color:#eee;line-height:1.8;padding:10px;background:rgba(56,43,140,.4);border-radius:8px;margin-top:10px;text-align:justify;}
.math-story-text::before{content:"详细介绍";display:block;font-size:11px;color:var(--theme-hover);margin-bottom:8px;padding-bottom:5px;border-bottom:1px rgba(255,255,255,.2) solid;}
.math-refresh{display:inline-block;margin-top:10px;padding:6px 15px;background:rgba(255,255,255,.15);border-radius:20px;cursor:pointer;font-size:12px;color:var(--theme-hover);transition:all .3s;}
.math-refresh:hover{background:rgba(255,255,255,.25);color:#fff;}
.math-refresh-btn{display:inline-block;margin-left:8px;padding:2px 8px;background:rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-size:11px;color:var(--theme-hover);transition:all .3s;vertical-align:middle;}
.math-refresh-btn:hover{background:rgba(255,255,255,.2);color:#fff;}
.math-source{font-size:10px;color:#888;margin-top:8px;display:inline-block;}
.math-loading{text-align:center;padding:20px;color:#aaa;font-size:14px;}
.math-error{text-align:center;padding:20px;color:#f88;font-size:14px;}

:root {
    --theme-primary: #382B8C;
    --theme-secondary: #746BB0;
    --theme-hover: #ccaee5;
    --theme-bg-overlay: rgba(0,0,0,.7);
}

[data-theme="purple"] {
    --theme-primary: #382B8C;
    --theme-secondary: #746BB0;
    --theme-hover: #ccaee5;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="blue"] {
    --theme-primary: #1a365d;
    --theme-secondary: #3182ce;
    --theme-hover: #90cdf4;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="green"] {
    --theme-primary: #276749;
    --theme-secondary: #48bb78;
    --theme-hover: #9ae6b4;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="orange"] {
    --theme-primary: #c05621;
    --theme-secondary: #ed8936;
    --theme-hover: #fbd38d;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="pink"] {
    --theme-primary: #702459;
    --theme-secondary: #d53f8c;
    --theme-hover: #f687b3;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="cyan"] {
    --theme-primary: #234e52;
    --theme-secondary: #38b2ac;
    --theme-hover: #81e6d9;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="red"] {
    --theme-primary: #742a2a;
    --theme-secondary: #e53e3e;
    --theme-hover: #feb2b2;
    --theme-bg-overlay: rgba(0,0,0,.7);
}
[data-theme="gray"] {
    --theme-primary: #2d3748;
    --theme-secondary: #718096;
    --theme-hover: #cbd5e0;
    --theme-bg-overlay: rgba(0,0,0,.7);
}

[data-theme="white"] {
    --theme-primary: #ffffff;
    --theme-secondary: #f7fafc;
    --theme-hover: #4299e1;
    --theme-bg-overlay: rgba(255,255,255,.3);
}
[data-theme="white"] body {
    color: #2d3748;
}
[data-theme="white"] a {
    color: #2d3748;
}
[data-theme="white"] a:hover {
    color: #4299e1;
}
[data-theme="white"] .erx-m-bg {
    background: rgba(45,55,72,.08);
}
[data-theme="white"] .erx-m-bg:hover {
    background: rgba(45,55,72,.12);
}
[data-theme="white"] .erx-logo a {
    color: #2d3748;
}
[data-theme="white"] .erx-search-form .sint {
    color: #2d3748;
    background: rgba(45,55,72,.1);
}
[data-theme="white"] .erx-search-form .sint::placeholder {
    color: rgba(45,55,72,.5);
}
[data-theme="white"] .erx-search-form .sint:focus {
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
[data-theme="white"] .erx-top-nav a {
    background: rgba(45,55,72,.1);
}
[data-theme="white"] .erx-top-nav a i {
    color: #2d3748;
}
[data-theme="white"] .user-avatar {
    background: rgba(45,55,72,.1);
    color: #2d3748;
}
[data-theme="white"] .erx-top-search a.rss-subscribe-icon {
    background: rgba(45,55,72,.1) !important;
}
[data-theme="white"] .erx-top-search a.rss-subscribe-icon i {
    color: #2d3748 !important;
}
[data-theme="white"] .erx-article .con a {
    color: #4299e1;
}
[data-theme="white"] .erx-article .con a:hover {
    color: #2d3748;
}
[data-theme="white"] .reply-info > span:not(:last-child)::after {
    background: #2d3748;
}
[data-theme="white"] #divCommentPost input.text,
[data-theme="white"] #txaArticle {
    color: #2d3748;
    background: rgba(45,55,72,.1);
}
[data-theme="white"] #divCommentPost .button {
    background: #4299e1;
}
[data-theme="white"] .footer {
    color: rgba(45,55,72,.5);
}
[data-theme="white"] .footer a {
    color: rgba(45,55,72,.7);
}

[data-theme="lightgray"] {
    --theme-primary: #f7fafc;
    --theme-secondary: #edf2f7;
    --theme-hover: #4299e1;
    --theme-bg-overlay: rgba(237,242,247,.5);
}
[data-theme="lightgray"] body {
    color: #2d3748;
}
[data-theme="lightgray"] a {
    color: #2d3748;
}
[data-theme="lightgray"] a:hover {
    color: #4299e1;
}
[data-theme="lightgray"] .erx-m-bg {
    background: rgba(45,55,72,.1);
}
[data-theme="lightgray"] .erx-m-bg:hover {
    background: rgba(45,55,72,.15);
}
[data-theme="lightgray"] .erx-logo a {
    color: #2d3748;
}
[data-theme="lightgray"] .erx-search-form .sint {
    color: #2d3748;
    background: rgba(45,55,72,.15);
}
[data-theme="lightgray"] .erx-search-form .sint::placeholder {
    color: rgba(45,55,72,.5);
}
[data-theme="lightgray"] .erx-search-form .sint:focus {
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
[data-theme="lightgray"] .erx-top-nav a {
    background: rgba(45,55,72,.15);
}
[data-theme="lightgray"] .erx-top-nav a i {
    color: #2d3748;
}
[data-theme="lightgray"] .user-avatar {
    background: rgba(45,55,72,.15);
    color: #2d3748;
}
[data-theme="lightgray"] .erx-top-search a.rss-subscribe-icon {
    background: rgba(45,55,72,.15) !important;
}
[data-theme="lightgray"] .erx-top-search a.rss-subscribe-icon i {
    color: #2d3748 !important;
}
[data-theme="lightgray"] .erx-article .con a {
    color: #4299e1;
}
[data-theme="lightgray"] .erx-article .con a:hover {
    color: #2d3748;
}
[data-theme="lightgray"] .reply-info > span:not(:last-child)::after {
    background: #2d3748;
}
[data-theme="lightgray"] #divCommentPost input.text,
[data-theme="lightgray"] #txaArticle {
    color: #2d3748;
    background: rgba(45,55,72,.15);
}
[data-theme="lightgray"] #divCommentPost .button {
    background: #4299e1;
}
[data-theme="lightgray"] .footer {
    color: rgba(45,55,72,.5);
}
[data-theme="lightgray"] .footer a {
    color: rgba(45,55,72,.7);
}

[data-theme="cream"] {
    --theme-primary: #fefcf3;
    --theme-secondary: #f7f3e9;
    --theme-hover: #d69e2e;
    --theme-bg-overlay: rgba(247,243,233,.5);
}
[data-theme="cream"] body {
    color: #744210;
}
[data-theme="cream"] a {
    color: #744210;
}
[data-theme="cream"] a:hover {
    color: #d69e2e;
}
[data-theme="cream"] .erx-m-bg {
    background: rgba(116,66,16,.08);
}
[data-theme="cream"] .erx-m-bg:hover {
    background: rgba(116,66,16,.12);
}
[data-theme="cream"] .erx-logo a {
    color: #744210;
}
[data-theme="cream"] .erx-search-form .sint {
    color: #744210;
    background: rgba(116,66,16,.1);
}
[data-theme="cream"] .erx-search-form .sint::placeholder {
    color: rgba(116,66,16,.5);
}
[data-theme="cream"] .erx-search-form .sint:focus {
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
[data-theme="cream"] .erx-top-nav a {
    background: rgba(116,66,16,.1);
}
[data-theme="cream"] .erx-top-nav a i {
    color: #744210;
}
[data-theme="cream"] .user-avatar {
    background: rgba(116,66,16,.1);
    color: #744210;
}
[data-theme="cream"] .erx-top-search a.rss-subscribe-icon {
    background: rgba(116,66,16,.1) !important;
}
[data-theme="cream"] .erx-top-search a.rss-subscribe-icon i {
    color: #744210 !important;
}
[data-theme="cream"] .erx-article .con a {
    color: #d69e2e;
}
[data-theme="cream"] .erx-article .con a:hover {
    color: #744210;
}
[data-theme="cream"] .reply-info > span:not(:last-child)::after {
    background: #744210;
}
[data-theme="cream"] #divCommentPost input.text,
[data-theme="cream"] #txaArticle {
    color: #744210;
    background: rgba(116,66,16,.1);
}
[data-theme="cream"] #divCommentPost .button {
    background: #d69e2e;
}
[data-theme="cream"] .footer {
    color: rgba(116,66,16,.5);
}
[data-theme="cream"] .footer a {
    color: rgba(116,66,16,.7);
}

[data-theme="beige"] {
    --theme-primary: #faf5f0;
    --theme-secondary: #f0e6d8;
    --theme-hover: #9c4221;
    --theme-bg-overlay: rgba(240,230,216,.5);
}
[data-theme="beige"] body {
    color: #5a3e2b;
}
[data-theme="beige"] a {
    color: #5a3e2b;
}
[data-theme="beige"] a:hover {
    color: #9c4221;
}
[data-theme="beige"] .erx-m-bg {
    background: rgba(90,62,43,.08);
}
[data-theme="beige"] .erx-m-bg:hover {
    background: rgba(90,62,43,.12);
}
[data-theme="beige"] .erx-logo a {
    color: #5a3e2b;
}
[data-theme="beige"] .erx-search-form .sint {
    color: #5a3e2b;
    background: rgba(90,62,43,.1);
}
[data-theme="beige"] .erx-search-form .sint::placeholder {
    color: rgba(90,62,43,.5);
}
[data-theme="beige"] .erx-search-form .sint:focus {
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
[data-theme="beige"] .erx-top-nav a {
    background: rgba(90,62,43,.1);
}
[data-theme="beige"] .erx-top-nav a i {
    color: #5a3e2b;
}
[data-theme="beige"] .user-avatar {
    background: rgba(90,62,43,.1);
    color: #5a3e2b;
}
[data-theme="beige"] .erx-top-search a.rss-subscribe-icon {
    background: rgba(90,62,43,.1) !important;
}
[data-theme="beige"] .erx-top-search a.rss-subscribe-icon i {
    color: #5a3e2b !important;
}
[data-theme="beige"] .erx-article .con a {
    color: #9c4221;
}
[data-theme="beige"] .erx-article .con a:hover {
    color: #5a3e2b;
}
[data-theme="beige"] .reply-info > span:not(:last-child)::after {
    background: #5a3e2b;
}
[data-theme="beige"] #divCommentPost input.text,
[data-theme="beige"] #txaArticle {
    color: #5a3e2b;
    background: rgba(90,62,43,.1);
}
[data-theme="beige"] #divCommentPost .button {
    background: #9c4221;
}
[data-theme="beige"] .footer {
    color: rgba(90,62,43,.5);
}
[data-theme="beige"] .footer a {
    color: rgba(90,62,43,.7);
}

[data-theme="lightpink"] {
    --theme-primary: #fff5f7;
    --theme-secondary: #fed7e2;
    --theme-hover: #d53f8c;
    --theme-bg-overlay: rgba(254,215,226,.5);
}
[data-theme="lightpink"] body {
    color: #702459;
}
[data-theme="lightpink"] a {
    color: #702459;
}
[data-theme="lightpink"] a:hover {
    color: #d53f8c;
}
[data-theme="lightpink"] .erx-m-bg {
    background: rgba(112,36,89,.08);
}
[data-theme="lightpink"] .erx-m-bg:hover {
    background: rgba(112,36,89,.12);
}
[data-theme="lightpink"] .erx-logo a {
    color: #702459;
}
[data-theme="lightpink"] .erx-search-form .sint {
    color: #702459;
    background: rgba(112,36,89,.1);
}
[data-theme="lightpink"] .erx-search-form .sint::placeholder {
    color: rgba(112,36,89,.5);
}
[data-theme="lightpink"] .erx-search-form .sint:focus {
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
[data-theme="lightpink"] .erx-top-nav a {
    background: rgba(112,36,89,.1);
}
[data-theme="lightpink"] .erx-top-nav a i {
    color: #702459;
}
[data-theme="lightpink"] .user-avatar {
    background: rgba(112,36,89,.1);
    color: #702459;
}
[data-theme="lightpink"] .erx-top-search a.rss-subscribe-icon {
    background: rgba(112,36,89,.1) !important;
}
[data-theme="lightpink"] .erx-top-search a.rss-subscribe-icon i {
    color: #702459 !important;
}
[data-theme="lightpink"] .erx-article .con a {
    color: #d53f8c;
}
[data-theme="lightpink"] .erx-article .con a:hover {
    color: #702459;
}
[data-theme="lightpink"] .reply-info > span:not(:last-child)::after {
    background: #702459;
}
[data-theme="lightpink"] #divCommentPost input.text,
[data-theme="lightpink"] #txaArticle {
    color: #702459;
    background: rgba(112,36,89,.1);
}
[data-theme="lightpink"] #divCommentPost .button {
    background: #d53f8c;
}
[data-theme="lightpink"] .footer {
    color: rgba(112,36,89,.5);
}
[data-theme="lightpink"] .footer a {
    color: rgba(112,36,89,.7);
}