@charset "utf-8";
*{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:#382B8C;background-position:center 0;background-image:url(../images/erxbg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, rgba(0,0,0,.7), rgba(0,0,0,.6), rgba(0,0,0,.5), rgba(0,0,0,.4), rgba(0,0,0,.3));z-index:0;pointer-events:none;}
a{color:#fff;text-decoration:none;transition:all .3s linear}
a:hover{color:#ccaee5;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:#746BB0;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, #382B8C, #746BB0);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:#382B8C;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:#746BB0;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:#382B8C;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:#746BB0;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:#382B8C;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;}
.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:#fff;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:#382B8C;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:#746BB0;}
.erx-search-form .sint:focus + .sbtn i::after{background:#746BB0;}
.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:#746BB0;}
.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:#746BB0;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:#ccaee5 !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;}
/* Font Awesome icons are used instead of pseudo-element icons */
.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:#746BB0;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:#746BB0;background:#f2f2f2;}
.erx-pagebar-top{display:flex;gap:10px;}
.erx-pagebar-top a{padding:6px 15px;background:#746BB0;color:#fff;border-radius:20px;font-size:13px;text-decoration:none;transition:all .3s;}
.erx-pagebar-top a:hover{background:#382B8C;}
.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:#746BB0;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, .erx-pagebar-bottom a:hover{color:#746BB0;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:#746BB0;}
.erx-sidebar .tags li{display:inline-block;font-size:.85em;margin:5px 6px 5px 0;background:rgba(0,0,0,.2);padding:5px 12px;border-radius:20px;}
.erx-sidebar .tags li a span{color:#bbb;font-size:12px;}
.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 .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:50%;}
.erx-article .p .next{text-align:right;}
.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:#746BB0;}
#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;}
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:#746BB0;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:#ccaee5;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-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{width:100%;margin-top:20px;}
    .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;}
    .erx-search-form .sint{width:60px;padding-right:30px;}
    .erx-search-form .sint:focus{width:100%;}
    
    .erx-item-wrap .item{flex-direction:column;padding:12px;}
    .erx-item-wrap .item .p{width:100%;margin:10px 0 0;padding-top:56.25%;}
    .erx-item-wrap .item .t{order:2;}
    .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;}
    
    .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 li{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-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-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 .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:#fff;margin-bottom:5px;}
.math-years{font-size:12px;color:#ccaee5;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:#ddd;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:#ccaee5;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:#ccaee5;transition:all .3s;}
.math-refresh:hover{background:rgba(255,255,255,.25);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;}