7775 lines
552 KiB
CSS
7775 lines
552 KiB
CSS
/* source: assets/css/bootstrap.min.css */
|
||
/*!
|
||
* Bootstrap v3.4.1 (https://getbootstrap.com/)
|
||
* Copyright 2011-2019 Twitter, Inc.
|
||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href) ")"}abbr[title]:after{content:" ("attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition-property:height,visibility;transition-duration:.35s;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;opacity:0}.tooltip.in{opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);opacity:.5}.carousel-control.left{background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
|
||
|
||
/* source: assets/fontawesome5/css/all.min.css */
|
||
/*!
|
||
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||
*/
|
||
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url("../../fontawesome5/webfonts/fa-brands-400.eot");src:url("../../fontawesome5/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../fontawesome5/webfonts/fa-brands-400.woff2") format("woff2"),url("../../fontawesome5/webfonts/fa-brands-400.woff") format("woff"),url("../../fontawesome5/webfonts/fa-brands-400.ttf") format("truetype"),url("../../fontawesome5/webfonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url("../../fontawesome5/webfonts/fa-regular-400.eot");src:url("../../fontawesome5/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../fontawesome5/webfonts/fa-regular-400.woff2") format("woff2"),url("../../fontawesome5/webfonts/fa-regular-400.woff") format("woff"),url("../../fontawesome5/webfonts/fa-regular-400.ttf") format("truetype"),url("../../fontawesome5/webfonts/fa-regular-400.svg#fontawesome") format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("../../fontawesome5/webfonts/fa-solid-900.eot");src:url("../../fontawesome5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../fontawesome5/webfonts/fa-solid-900.woff2") format("woff2"),url("../../fontawesome5/webfonts/fa-solid-900.woff") format("woff"),url("../../fontawesome5/webfonts/fa-solid-900.ttf") format("truetype"),url("../../fontawesome5/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
|
||
|
||
/* source: assets/css/main.min.css */
|
||
body{--mian-max-width: 1200px;--posts-card-scale: 70%;--posts-list-scale: 70%;--single-cover-scale: 35%;--theme-color: #f04494;--focus-color: var(--theme-color);--focus-shadow-color: rgba(253, 83, 161, .4);--key-color: #333;--main-color: #4e5358;--main-shadow: rgba(116, 116, 116, .08);--muted-color: #777;--muted-2-color: #999;--muted-3-color: #b1b1b1;--muted-4-color: #d2d2d2;--body-bg-color: #f5f6f7;--main-bg-color: #fff;--muted-bg-color: #eee;--muted-bg-2-color: #f6f7f8;--main-border-color: rgba(50, 50, 50, .06);--muted-border-color: rgba(0, 0, 0, .03);--main-radius: 8px;--mini-radius: calc(var(--main-radius) / 1.4);--blur-bg: rgba(255, 255, 255, .8);--float-btn-bg: rgba(200, 200, 200, .4);--header-bg: var(--blur-bg);--header-color: var(--main-color);--footer-bg: var(--main-bg-color);--footer-color: var(--muted-2-color)}.dark-theme{--key-color: #f8fafc;--main-color: #e5eef7;--main-shadow: rgba(24, 24, 24, .1);--muted-color: #b4b6bb;--muted-2-color: #888a8f;--muted-3-color: #636469;--muted-4-color: #43454a;--body-bg-color: #292a2d;--main-bg-color: #323335;--muted-bg-color: #2d2e31;--muted-bg-2-color: #37383a;--main-border-color: rgba(114, 114, 114, .1);--muted-border-color: rgba(184, 184, 184, .02);--blur-bg: rgba(50, 51, 53, .8);--float-btn-bg: rgba(70, 70, 70, .4);--header-bg: var(--blur-bg);--header-color: var(--main-color);--footer-bg: var(--main-bg-color);--footer-color: var(--muted-2-color)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.dark::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:2147483646}::view-transition-old(root){z-index:2147483646}::view-transition-new(root){z-index:1}@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))){body{--blur-bg: #ffffff}body.dark-theme{--blur-bg: #37383a}}body:has(.modal.in),body.modal-open{--blur-bg: #ffffff}body.dark-theme:has(.modal.in),body.dark-theme.modal-open{--blur-bg: #37383a}body.fps-accelerat{--blur-bg: #ffffff}body.fps-accelerat.dark-theme{--blur-bg: #37383a}body.fps-accelerat *{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}a[href],.relates-thumb li a>.post-info,.more-posts a>span{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.main-shadow{transition:box-shadow .3s}.but:focus,.but:hover,.progress,.navbar-nav>li:before{transition:.3s}.navbar-top .sub-menu,.theme-popover,.hover-show .hover-show-con{opacity:0;transform:translateY(6px);transition:.4s}.navbar-top li:hover>.sub-menu,.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu{opacity:1;transform:translateY(0)}.hover-show{position:relative;cursor:pointer;z-index:10}.hover-show .hover-show-con{position:absolute;visibility:hidden}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu{visibility:unset}.match-ok,.navbar-top .sub-menu li>a,.ic-close{transition:.3s}.ic-close:hover{transform:rotate(270deg);color:inherit}.social_loginbar a,.item-thumbnail img,.dosc-nav .fa{transition:.2s ease-out}.hover-zoom:hover,.hover-zoom-img:hover img,.social_loginbar .xh-social-item:hover,.social_loginbar .social-login-item:hover{transform:scale(1.05)}.hover-zoom-sm:hover,.hover-zoom-img-sm:hover img,.posts-mini:hover img,.posts-item:hover .item-thumbnail img,.posts-item.mult-thumb .thumb-items>span>img:hover{transform:scale(1.02)}.main-min-height{min-height:calc(100vh - 280px)}.main-shadow{box-shadow:0 0 10px var(--main-shadow)}.key-color{color:var(--key-color)}.focus-color{--this-color: var(--focus-color);color:var(--focus-color)}.muted-color{color:var(--muted-color)}.muted-2-color{color:var(--muted-2-color)}.muted-3-color{color:var(--muted-3-color)}.main-bg{background:var(--main-bg-color)}.placeholder{background:linear-gradient(118deg,#7979791a 25%,#79797933 37%,#7979791a 63%);opacity:1;border-radius:4px;-webkit-animation:placeholder 1.5s ease infinite!important;animation:placeholder 1.5s ease infinite!important;background-size:400% 100%!important}.placeholder.img{height:119px}.placeholder.t1{height:24px;width:80%}.placeholder.k1{height:20px;width:60%}.placeholder.k2{height:20px}.placeholder.k3{height:15px}.placeholder.s1{width:70px;height:15px;display:inline-block}@-webkit-keyframes placeholder{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes placeholder{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.ani.shake{-webkit-animation:shake .3s ease-in!important;animation:shake .3s ease-in!important}@-webkit-keyframes shake{20%{transform:translate(2px)}40%{transform:translate(-4px)}60%{transform:translate(5px)}80%{transform:translate(3px)}to{transform:translate(0)}}@keyframes shake{20%{transform:translate(2px)}40%{transform:translate(-4px)}60%{transform:translate(5px)}80%{transform:translate(3px)}to{transform:translate(0)}}.obs-animate{opacity:0;transition:opacity .6s,transform .6s;--delay: 0s}.obs-animate.in-view{opacity:1!important;transform:unset!important;transition-delay:var(--delay)}.obs-animate.ani-slideup{transform:translateY(56px)}.obs-animate.ani-slidedown{transform:translateY(-56px)}.obs-animate.ani-slideright{transform:translate(-96px)}.obs-animate.ani-slideleft{transform:translate(96px)}.obs-animate.ani-zoomin{transform:scale(.8)}.obs-animate.ani-zoomout{transform:scale(1.5)}.widget-container,.container{position:relative}.radius4{border-radius:4px}.main-radius,.radius8{border-radius:var(--main-radius)}.mini-radius{border-radius:var(--mini-radius)}.radius{border-radius:100px}.px12{font-size:12px}.em12{font-size:1.2em}.em14{font-size:1.4em}.em16{font-size:1.6em}.em2x{font-size:2em}.em3x{font-size:3em}.em4x{font-size:4em}.em09{font-size:.9em}.font-bold{font-weight:700}.font-normal{font-weight:400}.this-font{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}.opacity3{opacity:.3}.opacity5,.but[disabled],.but[disabled]:hover{opacity:.5}.opacity8{opacity:.8}smail,.smail{font-size:.8em}*,*:before,*:after{outline:0!important}body{background-color:var(--body-bg-color);color:var(--main-color)}body.nav-fixed{padding-top:88px}img{max-width:100%;max-height:100%}svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}dd,dl,dt,ol,ul{margin:0;padding:0}ul{list-style:none}botton,.passw,[href],.box-img,.pointer,.drop-btn,a.but{cursor:pointer}.is-disabled,[disabled]{cursor:no-drop!important}.is-disabled{opacity:.5!important}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle;padding:10px;border-top-color:#eee}a{color:var(--main-color)}a:hover,a:focus{color:var(--focus-color);outline:0;text-decoration:none}input,textarea{-webkit-appearance:none}textarea{resize:vertical}textarea[autoheight]{resize:none;line-height:1.4;overflow:hidden}input[type=checkbox],input[type=radio]{border:1px solid var(--muted-3-color);border-radius:3px;background:var(--main-bg-color);clear:none;cursor:pointer;display:inline-block;line-height:0;height:1em;outline:0;padding:0!important;text-align:center;width:1em;min-width:1em;-webkit-appearance:none;box-shadow:inset 0 2px 2px #0000001a;transition:border-color .3s,background .3s,opacity .2s;vertical-align:-.15em;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";opacity:0;color:#fff;position:absolute;top:50%;transform:translateY(-50%) scale(0);z-index:1;left:-5%;transition:.2s;text-align:center;width:100%}input[type=checkbox]:checked{background:var(--focus-color);border-color:var(--focus-color);box-shadow:none}input[type=checkbox]:checked:before{opacity:1;transform:translateY(-50%) scale(.7)}input[type=radio]:before{content:"";border-radius:50%;width:.5em;height:.5em;margin:.18em;background-color:var(--focus-color);line-height:1.14285714;float:left;opacity:0;transition:opacity .2s}input[type=radio]:checked:before{opacity:1}input[type=checkbox]:hover,input[type=radio]:hover{opacity:.8}input[type=radio]:focus,input[type=radio]:hover,input[type=radio]:checked{border-color:var(--focus-color)}input:-internal-autofill-previewed,input:-internal-autofill-selected{box-shadow:0 0 0 1000px var(--main-bg-color) inset!important;-webkit-text-fill-color:var(--main-color)!important}pre{background:transparent;border:none;color:var(--main-color)}button.null{background:transparent;border:none;margin:0;padding:0}hr{border-color:var(--main-border-color)}blockquote{padding:15px 20px;margin:0 0 20px;background-color:var(--muted-border-color);font-size:16px;line-height:20px;color:var(--muted-color);border-left:4px solid var(--main-border-color)}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:1px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-color:var(--main-border-color)}.table.table-mini>*>*>td,.table.table-mini>*>*>th{padding:6px 10px}.toggle-theme{overflow:hidden}.css-icon{width:1em;height:1em;vertical-align:-.15em;display:inline-block;position:relative}.i-menu>i,.i-menu:before,.i-menu:after{content:"";position:absolute;width:1em;height:2px;background:var(--header-color);left:0;right:0;transition:.4s;border-radius:2px;bottom:.45em}.i-menu>i{right:.1em;width:.9em}.i-menu:before{bottom:.8em;right:.2em;width:.8em}.i-menu:after{bottom:.1em}.fa-toggle-theme:before,.fa-toggle-theme:after{position:absolute;inset:0;margin:auto;height:1em;transition:.4s}.fa-toggle-theme:before{content:"";transform:translate(2em)}.fa-toggle-theme:after{content:""}.dark-theme .fa-toggle-theme:before{transform:unset}.dark-theme .fa-toggle-theme:after{transform:translate(-2em)}.border-top{border-top:1px solid var(--main-border-color)}.border-bottom{border-bottom:1px solid var(--main-border-color)}.main-border{border:1px solid var(--main-border-color)}.muted-border{border:1px solid var(--muted-border-color)}.document-nav>.panel-group>.cat-load:before,.icon-circle:before,.mobile-menus>li>a:before{content:"";width:.5em;height:.5em;border:.1em solid var(--focus-color);border-radius:1em;margin:0 .5em;vertical-align:.1em;display:inline-block}.icon-spot:before,.ajax-option .option-items>a+a:before,.fcode-links>a+a:before{content:"";width:4px;height:4px;margin:0 .5em;border-radius:50%;display:inline-block;vertical-align:middle;background:var(--main-color);opacity:.3;vertical-align:.2em}.theme-box,.mb20{margin-bottom:20px}.box-bg{background-color:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow)}.aksrt-panel{clear:both;background-color:var(--main-bg-color);padding:15px;box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}.muted-box{background-color:var(--this-bg, var(--muted-border-color));border-radius:var(--main-radius);padding:15px}.border-box{border-radius:var(--main-radius);border:1px solid var(--main-border-color);padding:15px}.aksrt-panel.mini-radius,.muted-box.mini-radius{border-radius:var(--mini-radius)}.aksrt-panel.radius4,.muted-box.radius4{border-radius:4px}.muted-box.active{background:var(--focus-color-opacity1)}.aksrt-panel-sm,.noshadow{box-shadow:none!important}.blur-bg{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg)}.blur-5{-webkit-filter:blur(5px);filter:blur(5px)}.pay-gallery .blur-10,.blur-10{-webkit-filter:blur(10px);filter:blur(10px)}.lazyloaded{transition:.3s;--lazy-animation: lazy_blur}.lazyloaded.img-icon{--lazy-animation: lazy_fade}img.lazyloaded:not(.lazyloadafter){-webkit-animation:var(--lazy-animation) .6s;animation:var(--lazy-animation) .6s}@-webkit-keyframes lazy_blur{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes lazy_blur{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes lazy_fade{0%{opacity:0}to{opacity:1}}@keyframes lazy_fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes lazy_scale{0%{transform:scale(1.1)}80%{transform:unset}}@keyframes lazy_scale{0%{transform:scale(1.1)}80%{transform:unset}}.box-body,.box-header{padding:15px}.pagenav.notop,.aksrt-panel.notop,.box-body.notop{padding-top:0}.pagenav.nobottom,.aksrt-panel.nobottom,.box-body.nobottom{padding-bottom:0}.normal-title{margin:0;font-size:20px;padding:0;line-height:1.2}.box-header+.box-body{padding-top:0}.title-theme{position:relative;padding-left:1.2em;font-size:15px}.title-theme small{font-size:80%;opacity:.7}.title-theme:before{position:absolute;content:"";width:4px;background:var(--theme-color);top:10%;left:2px;bottom:10%;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color)}.wp-posts-content>h1:not([class]),.wp-posts-content>h2:not([class]),.wp-posts-content>h3:not([class]),.wp-posts-content>h4:not([class]),.wp-posts-content>h1.wp-block-heading,.wp-posts-content>h2.wp-block-heading,.wp-posts-content>h3.wp-block-heading,.wp-posts-content>h4.wp-block-heading,.aksrt-panel>h3,.title-h-left,.tab-nav-theme li,.title-h-center{position:relative;padding-bottom:8px}.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4:not([class]):before,.wp-posts-content>h1.wp-block-heading:before,.wp-posts-content>h2.wp-block-heading:before,.wp-posts-content>h3.wp-block-heading:before,.wp-posts-content>h4.wp-block-heading:before,.aksrt-panel>h3:before,.title-h-left:before,.tab-nav-theme li:before,.title-h-center:before{transition:.4s;transform-origin:left;position:absolute;content:"";width:40px;height:3px;background:var(--theme-color);left:0;bottom:3px;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color)}.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h4.has-text-align-center:before,.tab-nav-theme li:before,.title-h-center:before{left:0;right:0;margin:auto;transform-origin:center}.wp-posts-content>h1.has-text-align-right:before,.wp-posts-content>h2.has-text-align-right:before,.wp-posts-content>h3.has-text-align-right:before,.wp-posts-content>h4.has-text-align-right:before{left:auto;right:0;transform-origin:right}.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4:not([class]):before,.wp-posts-content>h3.wp-block-heading:before,.wp-posts-content>h4.wp-block-heading:before{width:25px!important;height:2px!important}.wp-posts-content>h1.wp-block-heading:hover:before,.wp-posts-content>h2.wp-block-heading:hover:before,.wp-posts-content>h3.wp-block-heading:hover:before,.wp-posts-content>h4.wp-block-heading:hover:before{transform:scaleX(1.3)}.title-h-left:hover:before,.title-h-center:hover:before{width:60px}.tab-nav-theme{border-bottom:1px solid var(--main-border-color);padding-bottom:6px;margin:8px 0 5px;list-style:none}.swiper-wrapper li,.tab-nav-theme li,.tab-nav-theme ul{list-style:none}.tab-nav-theme li:before{width:20px;height:2px;bottom:5px;opacity:0}.tab-nav-theme li.swiper-slide-thumb-active:before,.tab-nav-theme li.active:before{opacity:1}.tab-nav-theme li.active a{color:var(--focus-color)}.tab-nav-theme.swiper-wrapper>li,.tab-nav-theme.mini-scrollbar>li{padding-left:5px;margin:0;padding-right:5px;line-height:1.4}.tab-nav-but.list-inline{margin:0 -3px 10px}.tab-nav-but li{padding:0 3px}.tab-nav-but li.active .but{--this-bg: var(--focus-color);--this-color: #fff}.index-tab ul>li{display:inline-block;padding:2px 11px;font-weight:500;border-radius:20px;margin:0 1px}.index-tab ul>li.active{background:var(--focus-color);--main-color: #fff}.index-tab ul>li.active a{color:#fff!important}.index-tab.rectangular ul>li{padding:4px 12px;border-radius:var(--main-radius);margin:0 4px}.index-tab.rectangular ul>li:first-of-type{margin-left:0}.index-tab.rectangular ul>li:last-of-type{margin-right:0}.index-tab.rectangular ul>li:not(.active){background:var(--main-bg-color);--main-color: var(--muted-color)}.splitters>li+li,.splitters-this-r,.splitters-this-l{position:relative}.splitters>li+li:before,.splitters-this-l,.splitters-this-r:before{content:"";width:1px;height:1.1em;position:absolute;display:inline-block;background:var(--main-color);left:-1px;top:50%;opacity:.2!important;transform:translateY(-50%)}.splitters-this-r:before{left:auto;right:0}.horizontal-line{width:100%;display:inline-block;height:1px;background:var(--main-border-color);transform:translateY(1.25em)}.loading,.notyf.load:before,.swiper-lazy-preloader{content:"";width:.7em;height:.7em;display:inline-block;border:.08em solid transparent;border-width:calc(1px + .03em);border-radius:50%;border-top-color:var(--this-color);border-bottom-color:var(--this-color);-webkit-animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite}.loading-spot{height:1em;--this-bg: var(--muted-2-color)}.loading-spot.zts{height:1em;--this-bg: var(--focus-color)}.loading-spot>*,.loading-spot:before,.loading-spot:after{content:"";display:inline-block;width:0;height:0;border-radius:5px;margin:1.5px;-webkit-animation:ball-pulse-sync .8s infinite ease-in-out;animation:ball-pulse-sync .8s infinite ease-in-out;-webkit-animation-delay:0s;animation-delay:0s;border:2px solid}.loading-spot>*{-webkit-animation-delay:.15s;animation-delay:.15s}.loading-spot:after{-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes ball-pulse-sync{33%{transform:translateY(4px)}66%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes ball-pulse-sync{33%{transform:translateY(4px)}66%{transform:translateY(-4px)}to{transform:translateY(0)}}@-webkit-keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:0,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}svg.loading-circle{animation:huan-rotate 2s linear infinite;fill:none}svg.loading-circle circle{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:3;stroke:var(--this-color, var(--main-color));stroke-linecap:round}.swiper-lazy-preloader{font-size:50px;position:absolute;--this-color: #fff;margin:auto;inset:0}.loading-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999999;background:#0006;display:flex;align-items:center;justify-content:center}.loading-backdrop svg.loading-circle{width:43px;height:43px;--this-color: #fff}svg.loading-circle.zts circle,.loading.zts{--this-color: var(--theme-color)}.line-form,.relative{position:relative}.relative-h{overflow:hidden;position:relative}.radius-cover,.fit-cover,.avatar{width:100%;height:100%;transition:all .2s;overflow:hidden;-o-object-fit:cover;object-fit:cover}.fit-contain{-o-object-fit:contain;object-fit:contain}.progress{background-color:transparent;z-index:-1;box-shadow:0 0}.progress .progress-bar{box-shadow:0 0}.progress.progress-abs-bottom{height:5px;bottom:0;top:auto;margin:0;z-index:1;border-radius:0;background:#0003}.number-spinner{display:inline-flex;align-items:center;border:1px solid var(--main-border-color);border-radius:4px;background:var(--main-bg-color);text-align:center;--this-size: 38px}.number-spinner .minus-btn,.number-spinner .plus-btn{display:flex;align-items:center;justify-content:center;color:var(--muted-color);width:var(--this-size);height:var(--this-size);cursor:pointer}.number-spinner>.is-disabled{opacity:.4;cursor:not-allowed}.number-spinner>.number-input{text-align:center;border:none;border-left:1px solid var(--main-border-color);border-right:1px solid var(--main-border-color);min-width:calc(6px + var(--this-size));padding:0 5px}.number-spinner:has(input:focus){border-color:var(--focus-color);box-shadow:0 0 4px 1px var(--focus-shadow-color);transition:.2s}.radius-cover,.avatar{border-radius:100px;display:inline-block}.square-box,.avatar-lg,.avatar-mini,.avatar-img{position:relative;display:inline-block;flex-shrink:0;--this-size: 38px;width:var(--this-size);height:var(--this-size)}.avatar-lg{--this-size: 80px}.avatar-md{--this-size: 55px}.avatar-mini{--this-size: 20px}.name-badge{width:auto!important;height:1.2em!important;display:inline-block;vertical-align:-.2em;margin-left:5px}.swiper-slide img.avatar-badge,.avatar-badge{width:calc(var(--this-size) / 2.5);height:calc(var(--this-size) / 2.5);max-width:25px;max-height:25px;min-width:10px;min-height:10px;position:absolute;right:-1px;bottom:-1px;overflow:hidden}.avatar-lg .avatar-badge{right:0;bottom:0}.blur *{border-radius:0}badge{font-size:.8em;line-height:1.2;padding:.1em .4em;min-width:.8em;min-height:.8em;display:inline-block;vertical-align:.1em;border-radius:50px;background:var(--this-bg);color:var(--this-color);top:5px;--this-color: #fff;text-align:center;--this-bg: #fe3459;z-index:1}badge:not(.point):empty{display:none}badge.badge-bw{min-width:1.5em}badge.b-black{--this-bg: rgba(0, 0, 0, .2)}badge.radius4{border-radius:4px}badge.abs-tr{position:absolute;left:auto;top:-4px;right:-4px}badge.spot.abs-tr{top:2px;right:1px}badge.px12{font-size:12px}badge.badge-essence,badge.badge-topping{min-width:1.4em;padding:0 2px;line-height:1.4em;border-radius:.45em 2px}.img-badge{position:absolute;top:.6em;right:0;border-radius:50px 0 0 50px;text-shadow:none;box-shadow:0 1px 5px #0003;z-index:1;padding:.2em .6em}.img-badge.hot{padding:.25em .6em}.img-badge.left{left:0;border-radius:0 50px 50px 0;right:auto}.img-badge.top{top:0;padding:.3em .2em .2em;border-radius:0 0 50px 50px;line-height:1.4;right:1em}.img-badge.badge-status{width:60px;box-shadow:none;margin:10px 15px;opacity:.8;z-index:0}.img-badg-box{position:absolute;left:8px;top:8px}.img-badg-box .badg{margin:2px}.wp-posts-content .img-icon,.img-icon{height:1.1em;max-width:6em;vertical-align:-.15em;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block}.img-icon img{height:100%}.post-page-numbers,.but,.badg{display:inline-block;border-radius:4px;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;padding:.3em .6em;text-align:center;font-weight:400;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;text-shadow:0 0 0;line-height:1.44}.but a{color:inherit}.but.pw-1em{padding-right:1em;padding-left:1em}.but .icon,.but>.fa:not(.fa-angle-right){margin-right:.25em}.but.radius,.badg.radius,.radius>.but{border-radius:50px;padding:.3em 1em}.badg.p2-10,badge.p2-10,.but.p2-10{padding:2px 10px}.but.hollow,.badg.hollow{background:transparent;--this-border: var(--this-color)}.badg.hollow[class*=b-],.but.hollow[class*=b-]{background:0 0;--this-border: var(--this-bg);--this-color: var(--this-bg)}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow: inset 0 2px 3px rgba(0, 0, 0, .08)}.but.hollow:hover{background:var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.hollow.c-white:hover{background:0 0;--this-color: var(--focus-color);color:var(--focus-color)}.badg.main-radius,.but.main-radius{border-radius:var(--main-radius)}.badg.mini-radius,.but.mini-radius{border-radius:var(--mini-radius)}.hollow-radio{padding:10px;border:1px solid var(--main-border-color);border-radius:var(--mini-radius);text-align:center}.hollow-radio.active{border-color:var(--focus-color);background:var(--focus-color-opacity05)}.circular,.badg.cir,.but.cir{padding:0;border-radius:5em;--this-size: 1.8em;display:inline-flex;justify-content:center;align-items:center;height:var(--this-size);min-width:var(--this-size)}.circular.radius4,.badg.cir.radius4,.but.cir.radius4{border-radius:4px}.but.cir svg.icon,.but.cir>.fa{margin:0}.but-group{display:inline-flex}.but-group>.but{border-radius:0;margin:0}.but-group>.but:last-of-type{border-radius:0 4px 4px 0}.but-group>.but:first-of-type{border-radius:4px 0 0 4px}.but-average{display:flex;border-radius:4px;overflow:hidden}.but-average.main-radius{border-radius:var(--main-radius)}.but-average.mini-radius{border-radius:var(--mini-radius)}.but-average.inline{display:inline-flex}.but-average.radius{border-radius:100px}.but-average>.but{margin:0!important;border-radius:0;flex:auto}.but-average>.but.active{--this-bg: var(--focus-color-opacity1);--this-color: var(--focus-color)}.modal .but-average>.but{flex:1}.aksrt-panel .but-average{border-radius:var(--mini-radius)}.but.badg-sm,.badg.badg-sm{font-size:.8em;padding:0 .2em;vertical-align:.1em;min-width:1.6em}.badg.badg-sm.cir{--this-size: 1.6em}.but.but-sm{font-size:.9em;padding:.1em .4em;vertical-align:.05em}.active.badg,.active>.badg:not(.vip-tag){--this-bg: var(--focus-color);--this-color: #fff}.active.badg.hollow,.active>.hollow:not(.vip-tag){--this-color: var(--focus-color)}.padding-6{padding:6px}.padding-h6{padding-top:6px;padding-bottom:6px}.padding-w6{padding-left:6px;padding-right:6px}.padding-10{padding:10px}.padding-h10{padding-top:10px;padding-bottom:10px}.padding-h15{padding-top:15px;padding-bottom:15px}.padding-w10{padding-left:10px;padding-right:10px}.padding-w15{padding-left:15px;padding-right:15px}.p-b6{padding-bottom:6px}.line-16{line-height:1.6}.line-18{line-height:1.8}.padding-lg,.badg.badg-lg,.but.padding-lg{padding:.5em 2em}.toggle-radius{background:var(--this-bg);width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;--this-bg: var(--main-border-color)}.toggle-radius .fa,.toggle-radius .icon{right:0!important;left:0!important;margin:auto}.b-gray,.b-theme,.b-red,.b-yellow,.b-blue,.b-blue-2,.b-black,.b-cyan,.b-green,.b-purple,.jb-red,.jb-pink,.jb-yellow,.jb-yellow-2,.jb-blue,.jb-cyan,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{color:var(--this-color);background:var(--this-bg);--this-color: #fff}.jb-red,.jb-pink,.jb-yellow,.jb-yellow-2,.jb-blue,.jb-cyan,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{border:none}.b-theme{--this-bg: var(--focus-color)}.b-gray{--this-bg: #818b95}.b-red{--this-bg: #ff5473}.b-yellow{--this-bg: #ff6f06}.b-cyan{--this-bg: #08c4c1}.b-blue{--this-bg: #2997f7}.b-blue-2{--this-bg: #5c7cff}.b-green{--this-bg: #12b928}.b-purple{--this-bg: #d448f5}.b-black{--this-bg: #121517}.c-theme,.c-gray,.c-white,.c-red,.c-red-2,.c-yellow,.c-yellow-2,.c-blue,.c-blue-2,.c-green,.c-cyan,.c-green-2,.c-purple,.c-purple-2{color:var(--this-color)}.c-theme{--this-color: var(--focus-color);--this-bg: var(--focus-color-opacity1)}.c-gray{--this-color: #888;--this-bg: rgba(136, 136, 136, .1)}.c-white{--this-color: #fff;--this-bg: rgba(255, 255, 255, .1)}.c-red{--this-color: #ff5473;--this-bg: rgba(255, 84, 115, .1)}.c-red-2{--this-color: #d6064c;--this-bg: rgba(194, 41, 46, .1)}.c-yellow{--this-color: #ff6f06;--this-bg: rgba(255, 111, 6, .1)}.c-yellow-2{--this-color: #c58516;--this-bg: rgba(179, 103, 8, .1)}.c-blue{--this-color: #2997f7;--this-bg: rgba(41, 151, 247, .1)}.c-blue-2{--this-color: #5c7cff;--this-bg: rgba(77, 130, 249, .1)}.c-cyan{--this-color: #09a4a1;--this-bg: rgba(8, 196, 193, .1)}.c-green{--this-color: #18a52a;--this-bg: rgba(18, 185, 40, .1)}.c-green-2{--this-color: #6a933e;--this-bg: rgba(72, 135, 24, .1)}.c-purple{--this-color: #e434e1;--this-bg: rgba(213, 72, 245, .1)}.c-purple-2{--this-color: #8e4aff;--this-bg: rgba(154, 72, 245, .1)}.pay-tag,.vip-tag:not(.badg){--this-color: #fff;--this-bg: linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)}.pay-tag.badg-sm{border:0;padding:1px 4px}.order-type-9 .pay-tag,.jb-red{--this-bg-b: #fd7a64;--this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.order-type-2 .pay-tag,.jb-pink{--this-bg-b: #ff5e7f;--this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.order-type-3 .pay-tag,.jb-yellow{--this-bg-b: #f59f54;--this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%)}.jb-yellow-2{--this-bg-b: #f9a158;--this-bg: linear-gradient(135deg, #f9a158 10%, #f6b174 100%)}.order-type-7 .pay-tag,.jb-blue{--this-bg-b: #59c3fb;--this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-cyan{--this-bg-b: #039ab3;--this-bg: linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)}.order-type-5 .pay-tag,.jb-green{--this-bg-b: #60e464;--this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.order-type-6 .pay-tag,.jb-purple{--this-bg-b: #f98dfb;--this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.order-type-4 .pay-tag,.jb-vip1{--this-bg-b: #eabe7b;--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color: #866127}.order-type-8 .pay-tag,.jb-vip2{--this-bg-b: #585555;--this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color: #ddd}.cg-theme,.cg-red,.cg-gray,.cg-white,.cg-red-2,.cg-yellow,.cg-yellow-2,.cg-blue,.cg-blue-2,.cg-green,.cg-cyan,.cg-green-2,.cg-purple,.cg-purple-2{-webkit-background-clip:text;background-clip:text;--this-color: transparent;--this-gradient: linear-gradient(to right, var(--key-color), var(--muted-color));color:transparent;background-image:var(--this-gradient)}.cg-theme{--this-gradient: linear-gradient(99deg, var(--focus-color), var(--focus-color-opacity3));--this-color: var(--focus-color)}.cg-gray{--this-gradient: linear-gradient(99deg, #2f2f2f, #a9a9a9);--this-color: #888}.cg-white{--this-gradient: linear-gradient(99deg, #fff, #acacac);--this-color: #fff}.cg-red{--this-gradient: linear-gradient(99deg, #fc6161 0%, #ee34d8 100%);--this-color: #ff5473}.cg-red-2{--this-gradient: linear-gradient(99deg, #cb0d0d, #ff8ad3);--this-color: #c03060}.cg-yellow{--this-gradient: linear-gradient(99deg, #f5c06d, #dc2114);--this-color: #ff6f06}.cg-yellow-2{--this-gradient: linear-gradient(99deg, #b1510c, #a8af2d);--this-color: #c58516}.cg-blue{--this-gradient: linear-gradient(99deg, #65b2f5, #115ebe);--this-color: #2997f7}.cg-blue-2{--this-gradient: linear-gradient(99deg, #2854d8, #8771e9);--this-color: #5c7cff}.cg-green{--this-gradient: linear-gradient(99deg, #70d37e, #54960d);--this-color: #12b928}.cg-cyan{--this-gradient: linear-gradient(99deg, #23aa60, #08a6d6);--this-color: #09a4a1}.cg-green-2{--this-gradient: linear-gradient(99deg, #099507, #57ce67);--this-color: #5aa233}.cg-purple{--this-gradient: linear-gradient(99deg, #de87e5, #7e15dd);--this-color: #b737e1}.cg-purple-2{--this-gradient: linear-gradient(99deg, #bd22dd, #aa82e8);--this-color: #d448f5}@supports not ((-webkit-background-clip: text) and (background-clip: text)){.cg-theme,.cg-red,.cg-gray,.cg-white,.cg-red-2,.cg-yellow,.cg-yellow-2,.cg-blue,.cg-blue-2,.cg-green,.cg-cyan,.cg-green-2,.cg-purple,.cg-purple-2{color:var(--this-color);background-image:unset}}.cg-theme svg,.cg-red svg,.cg-gray svg,.cg-white svg,.cg-red-2 svg,.cg-yellow svg,.cg-yellow-2 svg,.cg-blue svg,.cg-blue-2 svg,.cg-green svg,.cg-cyan svg,.cg-green-2 svg,.cg-purple svg,.cg-purple-2 svg{color:var(--this-color)}.modal-colorful-header,.colorful-bg{background-size:120%;overflow:hidden;position:relative;color:var(--this-color);background:var(--this-bg)}.colorful-bg>.colorful-make:after,.colorful-bg>.colorful-make:before,.colorful-bg>.colorful-make{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;content:" "}.colorful-bg>.colorful-make{bottom:0;height:290px;width:323px;top:60%}.colorful-bg>.colorful-make:before{right:-558px;bottom:0;height:300px;width:677px;top:-325px;transform:rotate(341deg);opacity:.6}.colorful-bg>.colorful-make:after{left:-262px;bottom:0;height:214px;width:402px;top:-170px;transform:rotate(326deg);opacity:.4}.colorful-bg>.colorful-make+*{position:relative}.modal-colorful-header{border-radius:var(--main-radius) var(--main-radius) 0 0;background-size:120%;position:absolute;left:0;right:0;top:0;height:120px;display:flex;align-items:center;justify-content:center}.modal-colorful-header+*{margin-top:120px}.modal-colorful-header>.close{position:absolute;right:10px;top:10px;color:var(--this-color);opacity:.6;font-size:18px;z-index:9}.modal-colorful-header.colorful-bg>.colorful-make{animation:random1 120s linear infinite}@keyframes random1{0%{transform:translateZ(0) rotate(0) scale(1)}20%{transform:translate3d(-30px,-20px,50px) rotate(87deg) scale(.9)}65%{transform:translate3d(-80px,-40px,0) rotate(156deg) scale(.6)}to{transform:translateZ(0) rotate(360deg) scale(1)}}.change-show,.hide,.enlighter-raw,.enlighter-origin{display:none}.fixed-body{position:fixed;top:0;left:0;right:0;height:100%;width:100%;visibility:hidden;background:#18191bcc;opacity:0;transition:.3s}.popover{background:var(--main-bg-color);box-shadow:0 0 10px 5px var(--main-shadow);padding:0}.popover-title{background:var(--muted-border-color);border:0!important}.popover.top>.arrow:after{border-top-color:var(--main-bg-color)!important}.popover.right>.arrow:after{border-right-color:var(--main-bg-color)!important}.popover.bottom>.arrow:after{border-bottom-color:var(--main-bg-color)!important}.popover.left>.arrow:after{border-left-color:var(--main-bg-color)!important}.affix{position:fixed}.sidebar-affix,.sidebar-affix~*{transition:opacity .3s}.sidebar-affix.affix{transition:top .1s,opacity .3s}.sidebar-affix.affix~*,.sidebar-affix.affix-bottom~*{opacity:0}.sidebar-affix.affix-top,.sidebar-affix.affix{position:fixed}.sidebar-affix.affix-top{opacity:0;z-index:-999}.sidebar-affix.affix-bottom{position:absolute}.scroll-x,.scroll-y{-webkit-overflow-scrolling:touch;overflow:hidden;overflow-x:auto}.scroll-x{white-space:nowrap;max-width:100%}.scroll-y{overflow-x:hidden;overflow-y:auto}.no-scrollbar,.mini-scrollbar,.enlighter{-ms-overflow-style:none;overflow:-moz-scrollbars-none}@supports (-moz-transform: inherit){.no-scrollbar,.mini-scrollbar,.enlighter{-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-color:rgba(146,146,146,.3) rgba(146,146,146,0);scrollbar-width:thin}}.mini-scrollbar::-webkit-scrollbar,.enlighter::-webkit-scrollbar{width:3px;height:3px}.mini-scrollbar::-webkit-scrollbar-track{border-radius:10px}.mini-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background:#0000}.mini-scrollbar:hover::-webkit-scrollbar-thumb{background:#9292924d}.mini-scrollbar::-webkit-scrollbar-thumb:hover{background:#919191b3}.mini-scrollbar::-webkit-scrollbar-thumb:window-inactive{background:#9292921a}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{overflow:-moz-scrollbars-none;scrollbar-width:none}.scroll-x-next,.scroll-x-prev{position:absolute;top:50%;width:1.6em;height:1.6em;margin-top:-.8em;z-index:10;cursor:pointer;display:flex;align-items:center;transition:.2s;opacity:1;justify-content:center;background:var(--main-bg-color);border-radius:40px;box-shadow:0 0 4px #0000001a;opacity:.9}.scroll-x-next{right:0}.scroll-x-next:hover,.scroll-x-prev:hover{opacity:1;color:var(--focus-color)}.scroll-x-next:after,.scroll-x-prev:after{font: 900 12px/1 "Font Awesome 5 Free"}.scroll-x-next:after{content:""}.scroll-x-prev:after{content:""}.form-control{border-color:transparent;background:var(--body-bg-color);color:var(--main-color);box-shadow:none;transition:border-color ease-in-out .15s,background ease-in-out .15s,box-shadow ease-in-out .15s,opacity ease-in-out .3s}.input-group-addon{background:var(--main-border-color);color:var(--muted-2-color);box-shadow:none;border-color:transparent}select.form-control{cursor:pointer;padding-left:2px;padding-right:20px}.badg-form:focus,.form-control:focus{border-color:var(--focus-color);box-shadow:0 0 2px 3px var(--focus-shadow-color)}.badg-form:focus{color:var(--muted-color)}.badg-form:hover,.form-control:hover{border-color:var(--focus-color);opacity:.8}.form-control[disabled]{background:var(--body-bg-color);opacity:.5}.form-right-icon .form-control{padding-right:2em}.screen-reader-text{display:none}.form-right-icon,.form-select{position:relative}.form-select:before{font: 900 14px/1 "Font Awesome 5 Free";content:"";opacity:.5}.form-but-radio input{display:none}.form-but-radio label{cursor:pointer}.form-but-radio input:checked+.but-radio{--this-bg: var(--focus-color);--this-color: #fff}.form-switch{border-radius:100px;width:46px;height:26px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;background:#bdbdbd66}.form-switch:after{content:"";width:22px;height:22px;border-radius:100px;top:2px;left:2px;position:absolute;background:#fff;transition:.3s;box-shadow:0 1px 2px #0003}.form-switch:active:after{width:30px}input:checked~.form-switch:active:after{width:30px;left:14px}input:checked~.form-switch{background:#4fb845}input:checked~.form-switch:after{left:22px}input+.limit-warning{display:inline-block;padding:4px 8px;border-radius:4px;background:#ff5473;color:#fff;line-height:1;margin:6px 0;position:absolute;bottom:-101%;font-size:12px;z-index:1}input+.limit-warning:before{content:"";font: 900 12px/1 "Font Awesome 5 Free";text-rendering:auto;margin-right:5px}input+.limit-warning:after{content:" ";display:inline-block;width:8px;height:8px;background:#ff5473;position:absolute;top:-3px;transform:rotate(45deg);left:9px;border-radius:2px 0 10px}input+.limit-warning.top{bottom:auto;top:-101%}input+.limit-warning.top:after{top:auto;bottom:-3px;transform:rotate(225deg)}.dropdown-menu{border-color:transparent;background:var(--main-bg-color);--this-color: var(--main-color);color:var(--this-color);box-shadow:0 0 10px 8px var(--main-shadow);min-width:100px;opacity:0;transform:translateY(6px);transition:.3s;display:block;margin-top:6px;visibility:hidden;list-style:none!important;z-index:992;border-radius:var(--main-radius)}.dropdown-menu.column-2{width:269px}.dropdown-menu.column-2>li{display:inline-block;width:50%}.dropdown-menu.fluid{right:0}.dropdown-menu a{border-radius:var(--mini-radius)}.dropup{position:relative}.drop-select{transition:box-shadow .2s}.drop-select .dropdown-menu{box-shadow:0 0 0 8000px #0000001a}.dropup .dropdown-menu{bottom:100%;margin-bottom:6px;transform:translateY(-6px)}.focus-show:focus~.dropdown-menu,.open>.dropdown-menu{visibility:unset;opacity:1;transform:translateY(0)}.dropdown-menu>li>a{color:var(--this-color);padding:6px 20px;text-shadow:none}.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>svg{width:1.28571429em;text-align:center}.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:var(--focus-color);background:var(--muted-border-color)}.dropdown-menu>.active>a:hover{opacity:.7}.dropdown-menu .divider{background-color:var(--muted-border-color)}.dropdown-menu .plate-select-tab .tab-content,.dropdown-menu .select-drop-box{overflow-y:auto;max-height:350px}.dropdown-quick-often{width:260px}.dropdown-quick-often .scroll-y{max-height:280px}.dropdown-quick-often .list-inline{padding:0 10px!important}.quick-reply-item{padding:6px 0;color:var(--muted-color);margin:0 10px}.quick-reply-item+.quick-reply-item{border-top:1px solid var(--main-border-color)}.quick-reply-item.quick-active{border-radius:8px;border:1px solid var(--focus-shadow-color);padding:7px;box-shadow:0 0 10px 0 var(--focus-shadow-color);margin:0 5px}.quick-reply-item.quick-active .quick-reply-action{margin:7px -7px -7px}.quick-reply-action .modal-buts.but-average{margin:0!important}.quick-reply-action .modal-buts.but-average>.but{padding:5px}.dropdown-link,.dropdown-code,.dropdown-image{width:250px;padding:8px 10px}span.dropup,span.dropdown{display:inline-block}.dropdown-menu.right{right:0;left:auto}.dropdown-menu.right:before{left:auto;right:12px}.navbar-form{box-shadow:none}.list-inline{margin-left:0}.list-inline>li{vertical-align:middle}.list-group-item:first-child{border-top-left-radius:var(--main-radius);border-top-right-radius:var(--main-radius)}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:var(--main-radius);border-bottom-left-radius:var(--main-radius)}.list-group-item{background-color:var(--main-bg-color);border-color:var(--muted-border-color);color:var(--main-color)}a.list-group-item{color:var(--main-color)}a.list-group-item:hover,a.list-group-item:focus{background-color:var(--body-bg-color);border-color:var(--main-border-color);color:var(--focus-color)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent;border-color:transparent}body:has(.modal.in){overflow:hidden}body:has(.modal.in) .header,body:has(.modal.in) .float-btn,.modal-open .header,.modal-open .float-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal{padding-right:0!important}.modal-title{font-size:16px}.modal-content{border-radius:var(--main-radius);background:var(--main-bg-color);border:none}.modal-footer,.modal-header{border-color:var(--main-border-color)}.modal.fade .modal-dialog{transform:scale(.9);transition:transform .5s cubic-bezier(.32,.85,.45,1.18),width .3s}.modal.in .modal-dialog{transform:scale(1)}.modal.in~.modal{background:transparent;transition:.3s}.modal.in~.modal.in{background:#0003}.modal.in.modal-parent .modal-dialog{transform:scale(.98);transition:.2s ease-in-out}.modal-backdrop~.modal-backdrop{opacity:0!important}.modal-dialog .loading-mask{z-index:1}.modal .body-bg .modal-content{background:var(--body-bg-color)}.modal-mini,.modal-dialog.modal-sm{width:300px;max-width:calc(100% - 20px);margin-left:auto;margin-right:auto}.modal-mini{width:400px}.modal-footer .but,.modal-buts .but{padding:.3em 1em}.modal-buts .but+.but,.modal-footer .but+.but,.modal-dialog .pull-right .but{margin-left:.5em;margin-right:unset}.modal.flex .modal-dialog{max-width:calc(100% - 20px);margin:0}.modal.flex .modal-content{max-height:calc(100vh - 20px);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.bottom.flex{align-items:flex-end;overflow:hidden;height:100%;opacity:1}.modal.bottom .modal-dialog{transform:translateY(110%);transition:.4s;margin-bottom:10px;margin-bottom:calc(10px + constant(safe-area-inset-bottom));margin-bottom:calc(10px + env(safe-area-inset-bottom))}.modal.bottom .modal-dialog .modal-content{box-shadow:0 -10px 50px #00000026}.modal.bottom.in .modal-dialog{transform:translateY(0);transition:.6s cubic-bezier(.28,.9,.34,.99)}.modal .touch-close{position:absolute;top:-24px;width:100%}.modal .touch-close:before{content:" ";width:40px;height:4px;display:block;background:var(--muted-3-color);border-radius:10px;margin:15px auto;opacity:.8}.modal-buts.but-average{border-top:1px solid var(--main-border-color);border-radius:0 0 var(--main-radius) var(--main-radius)}.modal-buts.but-average>.but{background:transparent;padding:.8em}.modal-buts.but-average>.but+.but{border-left:1px solid var(--main-border-color)}.modal-buts.but-average>.but:hover{background:var(--this-bg)}.modal-body .modal-full-footer,.modal-body .modal-buts.but-average{margin:0 -15px -15px}.modal-body .modal-full-footer{background:var(--main-bg-color);padding:15px}.modal-body .modal-buts.but-average .miniupload-ing *{--this-color: var(--key-color)}.modal-body .modal-buts.but-average .progress-bar{opacity:.5}.modal-body .border-title{border-bottom:1px solid var(--main-border-color);padding-bottom:12px;margin-bottom:10px}.gutters-5{margin:-5px}.gutters-5>*{padding:5px}.gutters-7{margin:-7px}.gutters-7>*{padding:5px}.gutters-10{margin:-10px}.gutters-10>*{padding:10px}.gutters-20{margin:-20px}.gutters-20>*{padding:20px}.mi-col-2{width:50%}.mi-col-2.mr6{width:calc(50% - 6px)}.flex{display:flex}.inflex{display:inline-flex}.flex.hh{flex-wrap:wrap}.inflex.xx,.flex.xx{flex-direction:column}.inflex.ac,.flex.ac{align-items:center}.inflex.ab,.flex.ab{align-items:flex-end}.inflex.abl,.flex.abl{align-items:baseline}.inflex.at,.flex.at{align-items:flex-start}.inflex.jc,.flex.jc{align-items:center;justify-content:center}.inflex.jsb,.flex.jsb{justify-content:space-between}.flex.jse{justify-content:space-evenly}.flex.jsa{justify-content:space-around}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:1;overflow:hidden}.flex .flex-auto{flex:auto}.flex .flex-auto-h{flex:auto;overflow:hidden}.flex .flex2{flex:2}.flex .flex3{flex:3}.flex .flex4{flex:4}.flex .flex5{flex:5}.flex .ellipsis-box{overflow:hidden;max-width:100%}.flex>span.text-ellipsis,.flex>a.text-ellipsis{display:inline-block}.inflex.gap10,.flex.gap10{gap:10px}.inflex.gap20,.flex.gap20{gap:20px}.inflex.gap30,.flex.gap30,.inflex.gap40,.flex.gap40{gap:30px}.inflex.gap6,.flex.gap6{gap:6px}.inflex.gap3,.flex.gap3{gap:3px}.order0{order:0}.order1{order:1}.order2{order:2}.block{display:block}.inline-block{display:inline-block}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mrn10{margin-right:-10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.mln6{margin-left:-6px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt3{margin-top:3px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mtn6{margin-top:-6px}.mtn10{margin-top:-10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mm3{margin:3px}.list-mt10+.list-mt10{margin-top:10px}.list-mt20+.list-mt20{margin-top:20px}.list-mt6+.list-mt6{margin-top:6px}.col-ml6>*+*{margin-left:6px}.max-vh3{max-height:30vh}.max-vh5{max-height:50vh;max-height:50dvh}.max-vh7{max-height:70vh;max-height:70dvh}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.text-ellipsis-2,.text-ellipsis-3,.text-ellipsis-5{line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.text-ellipsis-5 img{max-width:1.5em;max-height:1.5em}.text-ellipsis-2{height:2.8em;-webkit-line-clamp:2}.text-ellipsis-3{height:4.2em;-webkit-line-clamp:3}.text-ellipsis-5{max-height:7em;-webkit-line-clamp:5}.separator{text-align:center;display:flex;justify-content:center;align-items:center}.separator:after,.separator:before{content:"";background:var(--main-border-color);max-width:20%;height:1px;margin:0 1em;flex:1}.img-lattice-box{display:flex;flex-wrap:wrap;margin:-4px;overflow:hidden;border-radius:var(--main-radius)}.img-lattice-box:not(.count-1)>span{flex:0 0 calc(100% / var(--img-count) - 4px);padding-bottom:calc(100% / var(--img-count) / 1 - 4px);margin:2px;position:relative}.img-lattice-box.count-2,.img-lattice-box.count-4{--img-count: 2}.img-lattice-box.count-3,.img-lattice-box.count-5,.img-lattice-box.count-6,.img-lattice-box.count-7,.img-lattice-box.count-9{--img-count: 3}.img-lattice-box.count-8{--img-count: 4}.img-lattice-box:not(.count-1)>span>img{position:absolute;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;overflow:hidden;-o-object-fit:cover;object-fit:cover}.img-lattice-box.count-1 img{max-width:300px;max-height:300px;width:auto;height:auto}.timeline-box{position:relative}.timeline-content{position:relative;padding:6px 6px 6px 28px;top:-3px}.timeline-content:before{content:"";position:absolute;left:5px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--muted-4-color);z-index:1}.timeline-content:after{position:absolute;content:"";left:8px;top:18px;height:100%;width:1px;bottom:6px;background:var(--main-border-color)}.timeline-content:last-child:after{display:none}.timeline-content:first-child{--this-color: var(--focus-color)}.timeline-time{color:var(--this-color);margin-bottom:3px}.timeline-content:first-child:before{left:4px;top:12px;width:9px;height:9px;background:var(--main-bg-color);border:2px solid var(--focus-color)}.steps-box{display:flex;align-items:center;color:var(--muted-3-color)}.steps-box .step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:15px;padding-right:15px;position:relative}.steps-box .step:before{content:"";width:8px;height:8px;background:var(--muted-3-color);border-radius:50%;margin-bottom:10px;z-index:10}.steps-box .step.active{color:var(--muted-2-color)}.steps-box .step.active:before{background:transparent;box-shadow:0 0 0 3px var(--focus-color)}.steps-box .step:after{content:"";width:100%;height:2px;background:var(--muted-4-color);margin-top:10px;position:absolute;top:-7px;left:0}.steps-box .step:first-child:after{left:calc(50% + 6px)}.steps-box .step:last-child:after{right:calc(50% + 3px);left:auto}.widget-customizer-highlighted-widget{box-shadow:inset 0 0 10px 2px #3ac7f266,0 0 10px 2px #3ac7f233}.customize-preview-widget-box{position:relative}.customize-preview-widget-edit{position:absolute;right:0;top:0;padding:3px 6px;background:#3ac7f233;z-index:2;font-size:12px;border-radius:4px;display:none;cursor:pointer}.customize-preview-widget-box:hover{box-shadow:inset 0 0 4px 1px #3ac7f233,0 0 4px 2px #3ac7f233}.customize-preview-widget-box:hover .customize-preview-widget-edit{display:block}.widget-layout-gap{height:var(--pc-gap, 0)}.big-title-wrap{text-align:center;margin-bottom:40px}.big-title-wrap .big-title{margin-top:0;margin-bottom:30px;color:var(--key-color, #1f2433);font-size:36px;font-weight:800;line-height:1.25}.big-title-wrap .big-title-sub{margin-top:0;font-size:18px;max-width:800px;margin-left:auto;margin-right:auto}.big-title-wrap .but{padding:10px 24px;min-width:120px;margin-top:5px}.big-title-wrap .big-title-buts{margin-top:25px;gap:30px}.aksrt-panel-wrap{background:var(--bg-color-white, transparent);padding-top:var(--pt-pc, 0);padding-bottom:var(--pb-pc, 0);background-image:var(--bg-img-white, none);background-size:var(--bg-img-white-size, cover);background-position:var(--bg-img-white-position, center);background-repeat:var(--bg-img-white-repeat, no-repeat);background-attachment:var(--bg-img-white-attachment, scroll);background-origin:var(--bg-img-white-origin, border-box)}.dark-theme .aksrt-panel-wrap{background:var(--bg-color-dark, var(--bg-color-white, transparent));background-image:var(--bg-img-dark, var(--bg-img-white, none));background-size:var(--bg-img-dark-size, var(--bg-img-white-size, cover));background-position:var(--bg-img-dark-position, var(--bg-img-white-position, center));background-repeat:var(--bg-img-dark-repeat, var(--bg-img-white-repeat, no-repeat));background-attachment:var(--bg-img-dark-attachment, var(--bg-img-white-attachment, scroll));background-origin:var(--bg-img-dark-origin, var(--bg-img-white-origin, border-box))}@media(max-width:767px){.aksrt-panel-wrap{padding-top:var(--pt-m, 0);padding-bottom:var(--pb-m, 0)}.widget-layout-gap{height:var(--m-gap, 0)}.big-title-wrap{margin-bottom:20px}.big-title-wrap .big-title{font-size:28px;margin-bottom:15px}.big-title-wrap .big-title-sub{font-size:16px}.big-title-wrap .but{padding:8px 16px;min-width:100px}.big-title-wrap .big-title-buts{margin-top:12px;gap:12px}}.sidebar .big-title-wrap .big-title{font-size:28px;margin-bottom:15px}.sidebar .big-title-wrap .big-title-sub{font-size:16px}.sidebar .big-title-wrap .but{padding:8px 16px;min-width:100px}.sidebar .big-title-wrap{margin-bottom:20px}.sidebar .big-title-wrap .big-title-buts{margin-top:12px;gap:12px}.aksrt-panel>h3{margin:0 0 10px;font-size:15px}.aksrt-panel.widget_media_video,.aksrt-panel.widget_media_image{padding:0;overflow:hidden}.aksrt-panel.widget_media_image img{width:100%}.widget-tag-cloud.author-tag .but{font-size:13px}.widget-tag-cloud.fixed-width .but{width:89px}.term-aggregation .term-img{width:50%;height:100px;max-width:240px}.term-aggregation .term-img .graphic{padding-bottom:0;height:100%}.aksrt-panel.widget_custom_html{padding:unset;background:unset;box-shadow:unset;border-radius:unset}.graphic,.page-cover{text-shadow:0 0 5px rgba(0,0,0,.2);--main-color: #fff;color:#fff;position:relative;overflow:hidden;box-shadow:0 0 10px var(--main-shadow);padding:0;padding-bottom:var(--cover-height-scale, 70%);border-radius:var(--main-radius)}.page-cover{padding-bottom:calc(25% + 80px)}.page-cover .dropdown-menu{--this-color: var(--muted-color)}.graphic>.fit-cover{position:absolute;width:100%;height:100%}.linear-mask{background-image:linear-gradient(0deg,#1d293166 3em,#fff0 8em)}.graphic-mask{background:#000}.graphic-text{padding:5px 10px;transition:.3s}.graphic.style-2 badge{margin:5px;padding:.2em .6em}.style-3 .graphic-text{background:#0003}.style-3 .graphic-text+.graphic-text{opacity:0;transform:translateY(100%);white-space:normal;word-break:break-all}.graphic.style-3:hover .graphic-text{opacity:0;transform:translateY(100%)}.graphic.style-3:hover .graphic-text+.graphic-text{opacity:1;transform:unset}.graphic.style-4{margin-bottom:0;border-radius:var(--main-radius) var(--main-radius) 0 0}.fixed-wrap .fixed-wrap-nav.aksrt-panel{padding:8px 15px}.fixed-wrap-nav .tab-nav-theme{border-bottom:none;padding:0}.aksrt-combo-info-card{--zci-radius: 12px;--zci-band-h: 80px}.aksrt-combo-info-card .zci-card{position:relative;height:100%;min-height:180px;background:var(--main-bg-color);border-radius:var(--main-radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 1px 3px var(--main-shadow)}.aksrt-combo-info-card .zci-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--main-shadow)}.aksrt-combo-info-card .zci-card:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--zci-band-h) * 1.5);opacity:0;transition:opacity .3s ease;pointer-events:none}.aksrt-combo-info-card.zci-has-band .zci-card:before{opacity:1}.aksrt-combo-info-card .zci-card.zci-band-blue:before{background:linear-gradient(170deg,rgba(114,160,255,.3),rgba(196,174,255,.2) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-cyan:before{background:linear-gradient(170deg,rgba(82,196,214,.3),rgba(130,200,255,.18) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-green:before{background:linear-gradient(170deg,rgba(92,209,158,.3),rgba(180,230,170,.2) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-yellow:before{background:linear-gradient(170deg,rgba(255,190,102,.3),rgba(255,220,132,.22) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-pink:before{background:linear-gradient(170deg,rgba(255,146,181,.3),rgba(255,190,220,.2) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-purple:before{background:linear-gradient(170deg,rgba(170,140,255,.36),rgba(220,180,255,.22) 15%,transparent 60%)}.aksrt-combo-info-card .zci-card.zci-band-gray:before{background:linear-gradient(170deg,rgba(140,150,170,.22),rgba(190,195,210,.14) 15%,transparent 60%)}.aksrt-combo-info-card .zci-body{position:relative;z-index:1;padding:20px}.zci-tags{margin:-4px -4px 10px}.zci-tags>span{margin:4px}.aksrt-combo-info-card .zci-icon{width:44px;height:44px;border-radius:8px;overflow:hidden;font-size:42px}.aksrt-combo-info-card .zci-icon img{width:100%;height:100%;object-fit:cover;display:block}.aksrt-combo-info-card .zci-title{font-size:16px}.aksrt-combo-info-card .zci-cta{margin-top:20px;color:var(--this-color, --key-color);font-weight:500;transition:.2s}.aksrt-combo-info-card .zci-cta:hover{gap:10px;color:var(--focus-color);text-decoration:none}.aksrt-combo-info-card .zci-cta .zci-arrow{transform:rotate(-45deg);font-size:11px;transition:transform .25s ease}.aksrt-combo-info-card .zci-cta:hover .zci-arrow{transform:rotate(-45deg) translate(2px)}@media(max-width:767px){.aksrt-combo-info-card .zci-card{min-height:160px}.aksrt-combo-info-card .zci-body{padding:14px}.col-xs-12 .zci-card .zci-body{padding:20px}.aksrt-combo-info-card .zci-title{font-size:15px}}.sidebar .aksrt-combo-info-card>*{width:100%!important}.sidebar .aksrt-combo-info-card .zci-card{min-height:160px}.sidebar .aksrt-combo-info-card .zci-body{padding:14px}.sidebar .col-xs-12 .zci-card .zci-body{padding:20px}.sidebar .aksrt-combo-info-card .zci-title{font-size:15px}.produck-plan-cards{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:30px;margin-bottom:38px}.produck-plan-card{position:relative;display:flex;flex-direction:column;flex:1 1 280px;max-width:480px;min-width:260px;--t-jb: linear-gradient(99deg, #fc6161 0%, #ee34d8 100%);--t-c: #e85b77;--t-c2: rgba(255, 94, 138, .5)}.produck-plan-card.accent-blue{--t-jb: linear-gradient(99deg, #55c8be 0%, #3a87fb 100%);--t-c: #3a87fb;--t-c2: rgba(58, 135, 251, .5)}.produck-plan-card.accent-purple{--t-jb: linear-gradient(99deg, #d68bf8 0%, #7658e2 100%);--t-c: #7658e2;--t-c2: rgba(118, 88, 226, .5)}.produck-plan-card-inner{padding:28px 24px 24px;border-radius:var(--main-radius);box-shadow:0 0 10px var(--main-shadow);background:var(--main-bg-color);height:100%;display:flex;flex-direction:column}.produck-plan-card.is-featured .produck-plan-card-inner{border:2px solid var(--t-c2);box-shadow:0 14px 42px -16px var(--t-c2);transform:scale(1.06);z-index:2}.plan-badge{position:absolute;top:14px;right:14px;padding:4px 10px;font-size:12px;font-weight:600;color:#fff;border-radius:999px;background:var(--t-jb);line-height:1.3}.produck-plan-card .plan-card-title{margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.02em;display:inline-block;width:max-content}.produck-plan-card .plan-price-main,.produck-plan-card .plan-card-title{background:var(--t-jb);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.produck-plan-card .plan-card-sub{margin:0 0 18px;font-size:14px;line-height:1.5}.plan-card-price{margin-bottom:18px;line-height:1.1}.plan-price-prefix{font-size:20px;font-weight:700;vertical-align:baseline;margin-right:6px}.plan-price-main{font-size:46px;font-weight:800}.plan-price-unit{margin-left:6px;font-size:14px;vertical-align:baseline}.produck-plan-card .plan-price-main{color:var(--t-c)}.plan-card-divider{height:0;margin:0 0 18px;border:0;border-top:1px solid var(--main-border-color, rgba(31, 36, 51, .08))}.produck-plan-card.is-featured .plan-card-divider{border-color:var(--t-c2)}.plan-card-features{list-style:none;margin:0 0 22px;padding:0}.plan-card-features li{display:flex;align-items:flex-start;gap:16px;margin-bottom:10px;font-size:14px;line-height:1.45;color:var(--main-color, #1f2433)}.plan-card-features li:last-child{margin-bottom:0}.plan-check{margin-top:3px;flex-shrink:0;font-size:13px}.produck-plan-card .plan-check{color:var(--t-c)}.plan-card-action{margin-top:auto}.produck-plan-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:0 20px;font-size:15px;font-weight:600;border-radius:12px;text-decoration:none!important;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;border:2px solid var(--t-c);color:var(--t-c)!important;background:transparent}.is-featured .produck-plan-btn{color:#fff!important;background:var(--t-jb);border:unset;box-shadow:0 5px 10px var(--t-c2)}.produck-plan-btn:hover{opacity:.92;transform:translateY(-2px)}.plan-trial-note{margin:0;text-align:center}.produck-plan-trust-bar{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:16px 20px;padding:20px 22px;margin-bottom:16px;background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius)}.produck-plan-trust-item{display:flex;flex:1 1 160px;align-items:center;gap:12px;min-width:140px}.aksrtfaq-doc-li:nth-child(6n+1) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+1) .trust-icon-wrap{color:#51bcfe;background:linear-gradient(145deg,#51bcfe1a,#51fefe1a)}.aksrtfaq-doc-li:nth-child(6n+2) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+2) .trust-icon-wrap{color:#f961f4;background:linear-gradient(145deg,#f961f41a,#9661f91a)}.aksrtfaq-doc-li:nth-child(6n+3) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+3) .trust-icon-wrap{color:#4aaec4;background:linear-gradient(145deg,#4aaec41a,#4ac4a21a)}.aksrtfaq-doc-li:nth-child(6n+4) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+4) .trust-icon-wrap{color:#8275e4;background:linear-gradient(145deg,#8275e41a,#75bfe41a)}.aksrtfaq-doc-li:nth-child(6n+5) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+5) .trust-icon-wrap{color:#53c584;background:linear-gradient(145deg,#53c5841a,#96c5531a)}.aksrtfaq-doc-li:nth-child(6n+6) .aksrtfaq-doc-li-ico,.produck-plan-trust-item:nth-child(6n+6) .trust-icon-wrap{color:#dda66b;background:linear-gradient(145deg,#dda66b1a,#dd846b1a)}.produck-plan-foot{margin:0;text-align:center;line-height:1.55}@media(max-width:1200px){.produck-plan-trust-item{flex:1 1 auto;min-width:30%}}@media(max-width:768px){.produck-plan-cards{flex-direction:column;align-items:stretch;margin-bottom:20px;gap:20px}.produck-plan-card.is-featured{z-index:auto;order:-1}.produck-plan-card.is-featured .produck-plan-card-inner{transform:none}.produck-plan-card{max-width:none;min-width:0;flex:1 1 auto}.produck-plan-trust-bar{padding:15px}.produck-plan-trust-item{width:calc(50% - 10px)}}.aksrt-partners-scroll{--zps-card-w: 220px;--zps-card-h: 90px;--zps-card-radius: 10px;--zps-speed: 3;--zps-gap: 10px;position:relative;width:100%;overflow:hidden}.aksrt-partners-scroll .zps-row{position:relative;overflow:hidden;margin-bottom:var(--zps-gap)}.aksrt-partners-scroll .zps-row:last-child{margin-bottom:0}.aksrt-partners-scroll .zps-track{display:flex;width:max-content;will-change:transform;animation:zps-scroll-left var(--zps-duration, 30s) linear infinite;animation-play-state:paused}.aksrt-partners-scroll .zps-dir-right .zps-track{animation-name:zps-scroll-right}.aksrt-partners-scroll .zps-track[data-zps-ready]{animation-play-state:running}.aksrt-partners-scroll .zps-group{gap:var(--zps-gap);padding-right:var(--zps-gap)}.aksrt-partners-scroll.zps-pause-hover .zps-row:hover .zps-track{animation-play-state:paused}.aksrt-partners-scroll .zps-item{width:var(--zps-card-w);height:var(--zps-card-h);overflow:hidden;padding:8px 10px;color:inherit}.aksrt-partners-scroll .zps-img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;display:block}.aksrt-partners-scroll.zps-card-bg .zps-item{background:var(--main-bg-color);border-radius:var(--zps-card-radius)}.aksrt-panel .aksrt-partners-scroll.zps-card-bg .zps-item{background:var(--muted-border-color)}.aksrt-partners-scroll.zps-style-card .zps-card-icon{width:calc(var(--zps-card-h) - 30px);height:calc(var(--zps-card-h) - 30px);min-width:40px;min-height:40px;overflow:hidden}.aksrt-partners-scroll.zps-style-card .zps-img{object-fit:cover;border-radius:calc(var(--zps-card-radius) - 4px);width:100%}.aksrt-partners-scroll.zps-style-logo .zps-item{width:auto;min-width:0;justify-content:center;padding:0 20px}.aksrt-partners-scroll.zps-style-logo .zps-img{height:calc(var(--zps-card-h) - 24px);max-height:calc(var(--zps-card-h) - 24px);width:auto;max-width:none;filter:grayscale(40%);transition:filter .25s ease,transform .25s ease}.aksrt-partners-scroll.zps-style-logo .zps-item:hover .zps-img{filter:grayscale(0);transform:scale(1.04)}.aksrt-partners-scroll.zps-style-chip .zps-item{min-height:40px;width:auto;height:auto;padding:8px 14px}.aksrt-partners-scroll.zps-card-bg.zps-style-chip .zps-item{padding:8px 16px 8px 10px}.aksrt-partners-scroll.zps-style-chip .zps-chip-icon .zps-img{height:22px;border-radius:4px}.aksrt-partners-scroll.zps-card-bg.zps-style-chip .zps-chip-icon .zps-img{border-radius:calc(var(--zps-card-radius) - 4px)}.aksrt-partners-scroll.zps-style-chip .zps-chip-title{max-width:180px}.zps-end-fade{position:relative;--zps-end-fade-color: var(--body-bg-color)}.zps-end-fade:before,.zps-end-fade:after{content:"";z-index:1;position:absolute;top:0;width:160px;height:100%}.zps-end-fade:before{left:-10px;background:linear-gradient(to left,rgba(255,255,255,0),var(--zps-end-fade-color) 90%)}.zps-end-fade:after{right:-10px;background:linear-gradient(to right,rgba(255,255,255,0),var(--zps-end-fade-color) 90%)}.aksrt-panel .zps-end-fade{--zps-end-fade-color: var(--main-bg-color)}@keyframes zps-scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(var(--zps-shift, -50%),0,0)}}@keyframes zps-scroll-right{0%{transform:translate3d(var(--zps-shift, -50%),0,0)}to{transform:translateZ(0)}}@media(max-width:767px){.aksrt-partners-scroll{--zps-card-w: 160px;--zps-card-h: 70px}.aksrt-partners-scroll.zps-style-logo .zps-item{padding:0 12px}.zps-end-fade:after{width:60px}}@media(prefers-reduced-motion:reduce){.aksrt-partners-scroll .zps-track{animation:none!important}}.widget-text-title .text-desc span,.widget-text-title .text-title span{display:inline-block}.widget-text-title .text-desc,.widget-text-title .text-title{font-size:var(--pc-font_size);font-weight:var(--pc-font_weight);margin-top:var(--pc-margin_top);margin-bottom:var(--pc-margin_bottom)}.widget-text-title .text-title-icon .fa,.widget-text-title .text-title-icon svg{width:var(--icon-width, 1em)}@media(max-width:767px){.widget-text-title .text-desc,.widget-text-title .text-title{font-size:var(--m-font_size);font-weight:var(--m-font_weight);margin-top:var(--m-margin_top);margin-bottom:var(--m-margin_bottom)}}.widget-buttons-wrap{margin:calc(0px - var(--pc-gap, 10px))}.widget-buttons-wrap>div{margin:var(--pc-gap, 10px)}.widget-buttons-wrap .but{width:var(--pc-width, auto)}.widget-buttons-wrap.align-center{justify-content:center}.widget-buttons-wrap.align-right{justify-content:flex-end}.widget-buttons-wrap.align-left{justify-content:flex-start}.widget-buttons.pc-size-small .but{padding:.3em .6em}.widget-buttons.pc-size-medium .but{padding:8px 16px}.widget-buttons.pc-size-large .but{padding:12px 24px}@media(max-width:767px){.widget-buttons-wrap{margin:calc(0px - var(--m-gap, 5px))}.widget-buttons-wrap>div{margin:var(--m-gap, 5px)}.widget-buttons-wrap .but{width:var(--m-width, auto)}.widget-buttons.m-size-small .but{padding:.3em .6em}.widget-buttons.m-size-medium .but{padding:8px 16px}.widget-buttons.m-size-large .but{padding:12px 24px}}.author-minicard,.author-minicard .avatar-img{display:inline-block}.author-minicard{width:calc(33.332% - 10px);min-width:280px;background:var(--muted-border-color);text-align:left;padding:10px 0 10px 15px;margin:5px;vertical-align:top}.author-minicard .list-inline>li+li{width:calc(100% - 58px)}.mobile-nav-widget .author-minicard{padding:8px 4px;min-width:240px}.links-cat-header{padding:0 15px 10px}.links-box:not(.aksrt-panel):not(.links-style-simple):not(.links-style-image){margin:-5px}.links-box .links-card{padding:10px 4px 10px 8px;min-width:0}.links-style-bigcard{display:flex;flex-wrap:wrap}.links-style-bigcard.text-center{justify-content:center}.links-style-bigcard.text-right{justify-content:end}.links-box .links-card.big-card{padding:20px 10px 15px;text-align:center}.links-box:not(.aksrt-panel) .links-card{background:var(--main-bg-color)}.links-style-image{--link-img-size: 60px;--this-margin: 10px}.links-style-image:not(.aksrt-panel){margin:calc(0px - var(--this-margin));margin-bottom:calc(20px - var(--this-margin))}.links-style-image.aksrt-panel{padding:calc(15px - var(--this-margin))}.links-style-image .link-img.link-only-img{margin:var(--this-margin);--this-size: var(--link-img-size)}.links-card a{display:block}.links-card.big-card .link-img{--this-size: 58px}.links-card.big-card .link-img img{border-radius:100px}.link-img img{border-radius:4px}.link-page-search-cover .header-slider-search{top:50%}.link-page-search-cover.page-cover{padding-bottom:calc(25% + 100px)}.link-page-search-cover .tab-nav-theme li a{opacity:.7;padding:0 10px}.link-page-search-cover .tab-nav-theme li a:hover,.link-page-search-cover .tab-nav-theme li.active a{color:var(--main-color);opacity:1}.link-page-search-cover .tab-nav-theme li:before{background:#fff}.user-ranking-box .img-badge.left{left:-15px;padding:2px 3px;top:-5px;transform:scale(.8);transform-origin:left}.posts-nav-lists{max-height:400px;padding-left:10px}.posts-nav-lists .bl{border-left:1px solid var(--main-border-color);padding:20px 10px 20px 0}.posts-nav-lists li.yc:not(.active){display:none}.posts-nav-lists li a{margin:0 20px 0 10px;display:block;border-radius:4px;padding:8px}.posts-nav-lists .fa-angle-right{position:absolute;cursor:pointer;right:0;top:0;padding:8px 15px;color:var(--muted-2-color);margin-right:-15px;transition:all .2s;font-size:20px}.posts-nav-lists li a:hover,.posts-nav-lists li.active a,.nav .active a,.dosc-nav li a:hover,.dosc-nav li a:focus,.nav>li>a:hover,.nav>li>a:focus{background:var(--main-shadow);color:var(--focus-color)}.posts-nav-lists li.n-H1 a,.posts-nav-lists li.n-H2 a{font-weight:700}.posts-nav-lists li.n-H3 a{padding-left:25px}.posts-nav-lists li.n-H4 a{padding-left:42px;font-size:12px}.posts-nav-lists .bl:after,.posts-nav-lists .bl:before,.posts-nav-lists li:before{position:absolute;bottom:0;left:-6px;width:11px;height:11px;border:2px solid var(--focus-color);background:var(--main-bg-color);border-radius:15px;content:"";transition:.15s}.posts-nav-lists .bl:before{bottom:auto;top:0}.posts-nav-lists li:before{top:50%;transform:translateY(-50%);border:3px solid var(--main-bg-color);background:var(--muted-3-color);opacity:0}.posts-nav-lists li.n-H2:before,.posts-nav-lists li.n-H1:before{border-width:2px;opacity:1}.posts-nav-lists li.n-H2:before{border-width:3px}.posts-nav-lists li.n-H3:before{border-width:4px;opacity:.6}.posts-nav-lists li.active:before,.posts-nav-lists li:hover:before{opacity:1;border-width:2px;background:var(--focus-color)}.dosc-nav .panel-toggle{padding:10px;display:block}.dosc-nav .title-h-left{margin-bottom:12px}.dosc-nav .panel{border:none;box-shadow:none;border-radius:0!important;border-top:1px solid var(--main-border-color)}.dosc-nav .panel+.panel{margin:0}.dosc-nav .panel-group{margin:0}.panel-child{padding-left:20px}.dosc-nav .nav>li>a{padding:5px 10px}.dosc-nav .nav>li:last-of-type{margin-bottom:10px}.dosc-article-title{padding:15px 0 5px;font-size:20px;border-bottom:1px solid var(--muted-border-color)}.dosc-article-meta item a,.dosc-article-meta item{margin-right:8px;font-size:13px;--main-color: var(--muted-2-color)}.dosc-article-meta item .action{display:inline;vertical-align:unset;padding:0}.dosc-article-meta item .action .icon{font-size:1em;width:1em;margin:0}.article-content .article-docs-footer{padding:10px 0}.article-content .article-docs-footer a{padding:5px;height:auto;font-size:24px;vertical-align:middle}.article-content .article-docs-footer a icon{width:24px;height:24px;font-size:13px;margin-right:6px}.article-content .article-docs-footer a text{font-size:13px}.article-content .article-docs-footer .action .icon{width:auto;margin:0}.article-content .article-docs-footer .action text{font-size:14px}.page-cover .dosc-search{--main-color: #fff;--muted-2-color: #fff;--muted-color: #fff;--main-border-color: #fff}.document-nav .cat-load{padding:10px;display:block}.document-nav .panel-child,.document-nav .category{padding-left:15px}.document-nav .panel{border-color:transparent!important}.document-nav .loading{overflow:hidden;width:0;opacity:0;transition:.3s}.document-nav .is-loading .loading{width:.7em;opacity:1;margin-right:6px}.document-nav>.panel-group>.cat-load{padding-left:2px}.document-nav>.panel-group>.cat-load:before{color:initial}.document-nav .panel-toggle:not(.collapsed){color:var(--focus-color)}.document-nav .cat-load.active{background:var(--main-border-color);color:var(--focus-color);border-radius:4px}.document-nav-container{transition:.3s}.document-nav-container.is-loading{opacity:.5}.document-search .search-loading{transition:.2s;opacity:0;visibility:hidden}.document-search.is-loading .search-loading{visibility:unset;opacity:.8}.modal .modal-dialog.poster-share{width:360px}.poster-imgbox>img{-o-object-fit:contain;object-fit:contain;max-width:360px;height:100%;width:100%;border-radius:var(--main-radius)}.poster-loading .loading{margin:1em 0;font-size:40px}.poster-imgbox.loaded .poster-loading{display:none}.poster-share .but.cir{width:36px;height:36px;box-shadow:0 2px 10px #0000004d}.mini-media-my-box .drop-mask{position:absolute;background:#213751b3;left:0;width:100%;height:100%;z-index:1;top:0;font-size:1.6em;color:#fff;padding:20px;display:none;align-items:center;justify-content:center}.mini-media-my-box.drag-over{position:relative}.mini-media-my-box.drag-over .drop-mask{display:flex}.mini-media-modal .mini-media-my-lists .progress-text{position:absolute;font-size:12px;bottom:5px;top:auto;color:#fff;text-align:center;left:0;width:100%;background:#0000004d}.mini-media-my-lists{flex-wrap:wrap;display:flex}.mini-media-my-lists .list-item{flex:auto;flex-basis:auto;margin:3px;flex-basis:calc(50% - 6px);flex-grow:0;position:relative;overflow:hidden;border-radius:4px;background:var(--main-border-color)}.mini-media-my-lists .list-item:not(.upload-ing){cursor:pointer}.mini-media-my-lists .list-item.upload-ing{box-shadow:0 0 5px 1px #74c374}.mini-media-my-lists .list-item-icon-box{width:33px;height:33px;border-radius:4px;background:var(--main-bg-color)}.mini-media-my-lists.type-image .list-item{flex-basis:calc(25% - 6px)}.mini-media-my-lists.type-image .list-item .list-box{width:100%;height:0;padding-bottom:100%}.mini-media-my-lists.type-image .list-box>img{position:absolute;width:100%;height:100%;transition:all .2s;overflow:hidden;-o-object-fit:cover;object-fit:cover}.mini-media-my-lists .theme-pagination{flex:auto;flex-grow:1;flex-shrink:1;flex-basis:auto;flex-basis:100%;margin:12px 0 0}[disabled]+.upload-btn{opacity:.5;cursor:no-drop}.list-item.active{box-shadow:0 0 0 2px var(--focus-color)}.list-item[disabled]{opacity:.5}.list-item .active-index{color:#fff;position:absolute;right:-1px;top:-1px;z-index:1;background:var(--focus-color);border-radius:0 1px 0 4px;padding:2px 3px;font-size:12px;line-height:12px;min-width:16px;text-align:center}.rewards-img{height:140px;width:140px;border-radius:var(--main-radius);overflow:hidden;margin:auto}.admin-edit a{color:var(--focus-color)!important;font-size:.8em;padding:.1em}.sign-content{padding:20px 0}.sign-img{position:absolute;padding-right:40%}.sign-logo img{max-width:180px;max-height:60px}.sign{max-width:330px;margin:auto}.sign-img+.sign{margin-left:45%;max-width:unset}.sign ul>li{margin:10px 0}.sign .but{margin:0}#sign-up,#sign-in{padding:0 10px}.sign .line-form-input{padding:0 2em .3em .3em;margin-top:1.7em}.sign .line-form .abs-right{margin-top:-3px}.sign .captchsubmit{margin-right:-.7em;padding:.3em 1em}.sign .signup-captch{display:none}.match-ok{right:110px;color:#45b6f7;opacity:0}.match-ok.show{opacity:1}.yztx~.match-ok{right:110px}.social_loginbar{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.social_loginbar .xh-social-item,.social_loginbar .social-login-item{float:none;display:inline-flex;align-items:center;justify-content:center;width:32px!important;height:32px!important;line-height:32px;cursor:pointer;border-radius:50px;margin:3px 5px}.social-login-item.button-lg{padding:0 14px;width:auto!important}.social-login-item.button-lg .fa,.social-login-item.button-lg .icon{margin-right:6px;font-size:1.2em}.social-login-item.button-lg.baidu .icon{font-size:1.2em}.social-login-item,.social-login-item svg{color:#fff!important}.social-login-item.weibo{background:#ea5d5c}.social-login-item.weixingzh,.social-login-item.weixin{background:#24b76a}.social-login-item.facebook,.social-login-item.qq,.social-login-item.alipay{background:#1296db}.social-login-item.baidu{background:#4e6ef2}.social-login-item.github{background:#505050}.social-login-item.apple{background:#454545}.social-login-item.gitee{background:#c2292f}.social-login-item.twitter,.social-login-item.dingtalk{background:#399ffb}.social-login-item.huawei{background:#f2363f}.social-login-item.xiaomi{background:#ff6901}.social-login-item.google{color:var(--main-color)!important;background:var(--main-shadow)}.social-login-item.github .fa,.social-login-item.google svg{font-size:1.2em}.social-login-item.github.button-lg .fa,.social-login-item.google.button-lg svg{font-size:1.6em;margin-left:-6px}.social-login-item.microsoft{background:#f25022}.social-login-item.toggle-radius{font-size:16px}.social-login-item.toggle-radius.baidu,.social-login-item.toggle-radius.alipay,.social-login-item.toggle-radius.github{font-size:20px}.social-login-item.toggle-radius.weibo{font-size:18px}.qrcode-signin-container{min-height:254px}.signin-qrcode-img{width:180px;min-height:180px;border-radius:6px}.pay-box.pay-widget .vip-price{padding-top:8px;width:100%;display:inline-block;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:inherit}.vip-price:hover{color:inherit;background:#0000000d}.vip-price-text{display:inline-block}.pay-widget .vip-price+.vip-price{border-left:1px solid rgba(255,255,255,.1)}.pay-widget .vip-price-buts,.pay-widget .pay-button .dropup,.pay-widget .initiate-pay,.pay-widget .cashier-link,.pay-widget .vip-price,.pay-widget .signin-loader{width:100%}.pay-widget .but-group>.vip-price,.pay-widget .but-group>.but{width:50%}.pay-widget .cashier-link,.pay-widget .initiate-pay{padding:.5em}.pay-widget .vip-price>.em12{font-size:2em;display:block}.pay-widget .price-box>.c-yellow{text-align:center;--this-color: unset}.pay-widget .price-box>.text-center{width:100%}.pay-gallery{width:45%;background:var(--main-border-color)}.pay-box .paid-info{border-left:1px dashed rgba(255,255,255,.51);padding-left:20px}.pay-thumb{width:40%}.pay-widget .paid-info{border:unset;padding:unset;border-top:1px dashed rgba(255,255,255,.51);padding-top:10px}.paid-box{border-radius:var(--main-radius)}.paid-box{padding:0!important}.paid-info-box.flex{display:flex}.paid-info a{color:inherit}.paid-gallery{background:var(--main-border-color);padding:60px}.paid-down-group>.btn-block{display:inline-block;width:50%}.paid-modal-content{max-height:calc(90vh - 360px)}.pay-box{font-size:14px;position:relative;overflow:hidden;line-height:1.4}.pay-box .pay-tag,.vip-product .vip-tag{font-size:13px;padding:3px 10px;right:auto;width:auto;top:10px;background:var(--this-bg);color:var(--this-color);border-radius:var(--main-radius) 0 var(--main-radius) 0;line-height:1.4;z-index:1}.pay-box ul.list-inline{margin:0!important;padding:0!important}.pay-box ul.list-inline li{width:90px;margin:0}.pay-box ul.list-inline li+li{width:calc(100% - 95px)}.cashier-link{padding:.5em 3em}.but.initiate-pay{padding:.6em 1em}.pay-attr,.paid-info-box,.pay-box .pay-extra-hide,.pay-box .pay-details{font-size:13px;background:var(--muted-border-color);display:block;padding:6px 10px;line-height:1.4;color:var(--muted-color);border-radius:4px}.pay-attr{line-height:1.6}.pay-box .pay-mark{font-size:12px;margin-right:3px}.pay-box .pay-cuont{margin-left:10px;font-size:12px;padding:1px 10px;vertical-align:top}.pay-box .pay-details{margin-top:10px;padding:10px}.pay-details ul{margin-top:0!important;margin-bottom:0!important}.pay-box .pay-thumbnail{width:80px;height:80px}.pay-box .pay-thumbnail img{height:100%}.pay-box .pay-box-price{color:#fb403f;margin:4px 0;font-size:16px}.pay-box .vip-price{border:none;font-size:12px;padding:4px 12px;flex:content}.original-price{padding-left:1px;padding-right:2px;position:relative;font-size:14px;display:inline-flex;align-items:baseline}.original-price:before{content:"";position:absolute;width:100%;height:1px;background:var(--this-color, rgba(255, 52, 59));top:50%;left:0;transform:rotate(8deg);transform-origin:center}.pay-box .but-download{padding:10px 10px 5px;min-width:50%}.pay-box .but-download .but{min-width:130px}.pay-box .but-download .but+.but{min-width:auto}.pay-box .but-download .but>.fa,.pay-box .but-download .but svg.icon{margin-right:1em}.pay-box .but.baidu{background:#1578f8}.pay-box .but.lanzou{background:#f37526}.pay-box .but.alipan{background:#66f}.pay-box .but.weiyun{background:#33b0fa}.pay-box .but.onedrive{background:#1254c6}.pay-box .but.tianyi{background:#fe9c0a}.pay-box .but.ctfile{background:#08be9f}.payment-method-radio{padding:5px}.payment-method-radio>*{margin:3px}.payment-method-radio img{height:35px}.payment-method-radio+.payment-method-radio{margin-left:10px}.coupon-input+.abs-right{right:2px}.order-item .order-thumb{width:70px;height:70px;border-radius:8px;background:var(--main-border-color)}.paid-modal-lists-box .order-item .order-thumb{width:50px;height:50px}.payvip-modal .user-box>li+li{width:calc(100% - 70px)}.payvip_icon{color:#f9915a}.payvip_icon .fa{font-size:50px}.payvip_equity{line-height:1.8}.payvip-modal .charge-box{margin-left:-8px;margin-right:-8px}.vip-product{border:1px solid var(--main-border-color);box-shadow:none;min-width:140px;min-height:86px;display:inline-flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:8px;font-weight:400;gap:10px;padding:15px 4px 10px;cursor:pointer;transition:.15s;position:relative;overflow:unset;border-radius:var(--mini-radius)}.vip-product .product-price{font-size:26px;font-weight:700}.vip-product .pay-mark{font-size:13px}.vip-product .original-price{font-size:15px;color:var(--muted-color)}.vip-product .vip-tag{font-size:12px;padding:1px 5px;border-radius:100px;left:auto;right:-14px;top:-10px;transform:scale(.9)}.vip-product.active,.vip-product-input:checked~.vip-product{border-color:var(--focus-color);background:var(--focus-color-opacity05)}.vip-product.active:before,.exchange-card-box>.vip-card.active:before,.vip-product-input:checked~.vip-product:before{content:"";font: 900 16px/1 "Font Awesome 5 Free";color:var(--focus-color);position:absolute;left:3px;top:3px;font-size:18px}.balance-charge-form .vip-product{min-width:66px;min-height:65px}.active-icon.abs-right{color:#fff;top:20px;right:13px;font-size:20px;opacity:0;transition:.15s}.payvip-modal .label-box>label{vertical-align:bottom}.payvip-modal .active .vip-card{transform:translateY(-1px)}.active .active-icon{opacity:1}.vip-card{overflow:hidden;position:relative;border-radius:var(--main-radius);padding:15px;background:#d2b484;background:linear-gradient(25deg,#e6aa4f 10%,#f1d7ad 70%,#f5b97b);color:#866127;transition:.3s}.vip-img{font-size:70px}.vip-icon{font-size:2em}.vip-name{font-size:20px}.vip-theme2{background:linear-gradient(317deg,#2c294a,#686886 30%,#35343e) #6b6a664d;color:#e4e2fb;background:linear-gradient(132deg,#9b7de4,#4f48b8 30%,#624fba 80%,#574dba) #6b6a664d}.vip-theme2 .vip-baicon{color:#5f5f5f}.payvip-button{background:linear-gradient(135deg,#ff9633 10%,#f14315);padding:4px 15px!important;box-shadow:0 0 10px #1a160f4d;position:relative;z-index:2}.vip-expdate-tag{font-size:.8em;padding:.1em 6px;vertical-align:.1em}.vip-theme2 .payvip-button{background:linear-gradient(270deg,#ada48a,#eae5b7 45%,#f5efd6);color:#72511d;--this-color: #72511d}.payvip-icon{background:linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c,#393838,#5e5f62);text-shadow:none;font-weight:400;position:relative;color:#ece0e0;border:none;--this-color: #ece0e0;overflow:hidden}.payvip-icon:before{content:"";font: 900 14px/1 "Font Awesome 5 Free";font-size:3.5em;right:-.2em!important;top:80%!important;opacity:.06}.vipbg-v1{background:linear-gradient(60deg,#f0bf81 0,#fdefd6 30%,#f2deb9 40%,#fdc277 80%,#f9e1b7);color:#8c5728;--this-color: #8c5728}.vipbg-v1:before{content:""}.vip-texticon{font-size:.85em;background:transparent;color:#de8644}.vip-baicon.abs-center{font-size:15em;top:80%;left:-22%;opacity:.2;z-index:0}.vip-cardminis>li{flex:auto}.vip-cardmini .vip-baicon.abs-center{left:auto;right:-10%;width:auto;font-size:7em}.exchange-card-box{margin:-5px}.exchange-card-box>.vip-card{width:calc(50% - 10px);padding:8px 10px;margin:5px}.exchange-card-box>.vip-card.active{box-shadow:0 0 0 2px var(--focus-color)}.exchange-card-box>.vip-card.active:before{left:auto;right:4px;top:4px;color:#fff;font-size:18px}.avatar-icontag{position:absolute;border-radius:50px;line-height:1;padding:2px;right:-3px;bottom:-2px;font-size:11px;background:#f7efe3;border:1px solid var(--main-bg-color)}.pay-vip-form-row{display:flex;justify-content:space-between;gap:16px}.pay-vip-info{flex:1 1 35%;background-image:radial-gradient(ellipse 105% 65% at 92% 8%,rgba(255,173,90,.2) 0,transparent 52%);border-radius:var(--main-radius);overflow:hidden;position:relative;border:1px solid rgba(248,151,16,.2);padding:20px 10px}.pay-vip-info.level-2{background-image:radial-gradient(ellipse 105% 65% at 92% 8%,rgba(102,115,234,.2) 0,transparent 52%);border-color:#7265ed33}.pay-vip-info{color:#cf7f17}.pay-vip-info .v-iconbox{flex-direction:column}.pay-vip-info .vip-baicon{opacity:.1}.pay-vip-info.level-2{color:#6d60de}.v-iconbox .v-icon{font-size:40px}.v-iconbox .v-name{font-size:18px;font-weight:700}.v-iconbox .v-desc{opacity:.8}.v-equity{list-style:none;line-height:1.8}.pay-vip-products{flex:1 1 55%}.user-content-myvip .vip-img.abs-right{font-size:160px;opacity:.15;right:-10px}.page-share>a{font-size:22px;margin:0 10px}.archives ul>li{padding:5px 0}.posts-navs .title-theme h2{margin:inherit;font-size:inherit}.option-dropdown{padding:5px 10px;display:inline-block;color:var(--muted-color)}.ajax-option .option-items{margin-left:10px;--main-color: var(--muted-2-color)}.ajax-option .option-dropdown{color:var(--main-color)}.ajax-option .option-dropdown .dropdown-menu{max-height:400px;overflow-y:auto}.yiyan-box{padding:10px 15px;min-height:40px}.yiyan .en{font-size:.8em;opacity:.8}.yiyan-box:hover{box-shadow:inset 0 0 5px 0 var(--focus-shadow-color)}.notyn{position:fixed;bottom:6em;right:0;max-width:320px;z-index:10000000}.notyf{margin-bottom:.6em;color:#fff;float:right;min-width:200px;padding:1em 3em 1em 3.4em;box-shadow:-3px 3px 6px #0000001a;transform:translate(1.5em);transition:.3s;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)}.notyn-out .notyf{transform:translate(110%);opacity:.5;transition:.5s}@-webkit-keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}@keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}.notyf:before{font: 900 16px/1 "Font Awesome 5 Free";left:.8em;font-size:1.5em;position:absolute;top:0;bottom:0;margin:auto;height:20px}.notyf.success{background:linear-gradient(90deg,#0f93f9b3,#3dbdf9cc)}.notyf.success:before{content:""}.notyf.info{background:linear-gradient(90deg,#3aa236cc,#59f783cc)}.notyf.info:before{content:""}.notyf.warning,.notyf.load{background:linear-gradient(90deg,#fdaa47b3,#f79a0dcc)}.notyf.warning:before{content:""}.notyf.danger{background:linear-gradient(90deg,#fd451cb3,#fb6e4bcc)}.notyf.danger:before{content:""}.notyf .fa-close{float:right;padding:.6em;margin:-.4em}.action-like.action-animation .icon,.action-comment-like.action-animation .icon{-webkit-animation:lovestar .6s 0s 1 ease normal none;animation:lovestar .6s 0s 1 ease normal none}@-webkit-keyframes lovestar{0%{transform:translateZ(0)}35%{transform:translate3d(0,4px,0) rotate(5deg)}60%{transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)}to{transform:translateZ(0) scale(1) rotate(0)}}@keyframes lovestar{0%{transform:translateZ(0)}35%{transform:translate3d(0,4px,0) rotate(5deg)}60%{transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)}to{transform:translateZ(0) scale(1) rotate(0)}}.close{transition:.2s;opacity:.4;color:var(--muted-color);position:relative;z-index:1}.close.abs-close{position:absolute;right:10px;top:10px}.close:focus,.close:hover{color:inherit}.fixed,.absolute,.progress{position:absolute;inset:0;width:100%;height:100%}.fixed{position:fixed}.abs-left,.abs-right,.form-select:before,.payvip-icon:before,.abs-center,.line-form-label,.toggle-radius .fa,.toggle-radius .icon{position:absolute;top:50%;right:.7em;transform:translateY(-50%);z-index:1}.abs-center{left:0;width:100%}.abs-left{right:auto;left:.7em}.abs-center.left-top,.abs-center.right-top{transform:unset;top:0}.abs-center.right-top{left:auto;width:auto}.abs-center.left-top{text-align:left}.abs-center.conter-bottom,.abs-center.conter-conter{text-align:center}.abs-center.right-top,.abs-center.right-bottom,.abs-center.right-conter{text-align:right}.abs-center.conter-bottom,.abs-center.right-bottom,.abs-center.left-bottom{top:auto;transform:unset;bottom:0}.abs-blur-bg{position:absolute;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);-webkit-filter:blur(30px);filter:blur(30px)}.abs{position:absolute}.abs.left-top{left:0;top:0}.abs.right-top{right:0;top:0}.abs.left-bottom{left:0;bottom:0}.abs.right-bottom{right:0;bottom:0}.scale-placeholder{position:absolute;bottom:5px;opacity:.5;transition:.2s;padding-left:4px;transform-origin:left top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;cursor:text}.scale-placeholder.is-focus,input:focus~.scale-placeholder{transform:translateY(-20px);font-size:11px}input:-internal-autofill-previewed~.scale-placeholder,input:-internal-autofill-selected~.scale-placeholder{transform:translateY(-20px);font-size:11px}input:focus~.scale-placeholder{color:var(--focus-color);opacity:.9}.line-form .abs-right{margin-top:3px}.line-form-input{outline:0!important;border:none;display:block;width:100%;padding:1em 2em .4em .3em;opacity:.8;transition:.3s;background:transparent!important}.line-form-input::-webkit-input-placeholder{color:var(--muted-2-color)}.line-form-input:-moz-placeholder{color:var(--muted-2-color)}.line-form-input:focus{opacity:1}.line-form-label{left:1em;right:unset}.line-form-line,.line-form-line:before{position:absolute;bottom:0;left:0;height:1px;width:100%;transition:.8s;background:var(--main-border-color)}.line-form-line:before{content:"";width:0;background:var(--focus-color)}.line-form-input:hover~.line-form-line:before,.line-form-input:focus~.line-form-line:before{width:100%}.line-form-input:focus~.line-form-line:before{box-shadow:0 -1px 3px 1.5px var(--focus-shadow-color)}.link-cat-submit{display:none}.step-simple{padding:10px;background:var(--main-border-color);border-radius:4px;text-align:center;display:flex}.step-simple>li{flex:1;position:relative;margin:0 6px}.step-simple>li:last-of-type:after{content:unset;display:none}.step-simple>li:after{font: 900 18px/1 "Font Awesome 5 Free";font-size:18px;content:"";color:var(--muted-3-color);position:absolute;right:-10px;font-size:20px;top:0}.step-simple a{color:inherit}.step-simple .active{color:var(--focus-color)}.fluid-widget-wrap .widget-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:1240px){.fluid-widget-wrap .widget-container,.container{max-width:var(--mian-max-width);width:auto}}@media(max-width:1200px){.fluid-widget-wrap .widget-container{width:95%}}@media(max-width:767px){.fluid-widget-wrap .widget-container{width:100%;padding-right:10px;padding-left:10px}}.container-header,.container-footer{max-width:1380px;max-width:calc(var(--mian-max-width) + 180px)}.content-wrap{float:left;width:100%}.sidebar{float:left;width:311px;position:relative}.site-layout-1 .sidebar{display:none}.site-layout-2 .content-layout{margin-right:326px}.site-layout-2 .sidebar{float:left;margin-left:-311px;width:311px;position:unset}.site-layout-3 .content-layout{margin-left:326px;margin-right:unset}.site-layout-3 .sidebar{margin-left:-100%}.header{padding:8px 20px;background:var(--header-bg);margin-bottom:20px;transition:.15s}.body-scroll .header{box-shadow:0 4px 10px var(--main-shadow)}.header a:not(.but),.header svg{color:var(--header-color)}.header .sub-menu{background:var(--main-bg-color);text-shadow:none}.header .sub-menu a,.header .dropdown-menu a,.header .sub-menu svg{color:var(--main-color)}[data-language].active,.header [data-language].active{color:var(--focus-color)}.header .language-dropdown .dropdown-menu{right:-20px}.header .language-dropdown.pull-right.dropdown .dropdown-menu:before{right:30px}.language-dropdown .loading-backdrop{border-radius:4px;background:#0000001a}body.nav-fixed:not(.body-scroll):not(.mobile-navbar-show) .header.show-slide{--header-bg: linear-gradient(0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .1) 80%);--header-color: #fff;-webkit-backdrop-filter:unset;backdrop-filter:unset}body:not(.nav-fixed) .header.show-slide{margin-bottom:0}body.nav-fixed .slide-header{margin-top:-90px}.scroll-down.nav-fixed .header.scroll-down-hide{transform:translate3d(0,-105%,0);-webkit-backdrop-filter:none;backdrop-filter:none}.slide-header .slide-text{padding-top:70px}.slide-header img,.slide-header video,.slide-header .s-desc,.wp-block-carousel figcaption{border-radius:0!important}.search-keywords{padding:10px}.header form{text-align:center}.header-slider-search{max-width:840px;margin:auto;padding:0 20px;font-size:17px;top:calc(50% - 10px);z-index:2}.card-0 .header-slider-search{top:calc(50% + 20px)}.header-slider-search .search-input{max-width:800px}.header-slider-search-more{color:#fff}.header-slider-search-more.before{margin-bottom:1.8em}.header-slider-search .search-type-but-average{margin-bottom:2em}.header-slider-search .search_keywords,.header-slider-search .search-type-but-average .but{--this-bg: rgba(255, 255, 255, .8);--this-color: #888}.filter-blur .header-slider-search .search_keywords,.filter-blur .header-slider-search .search-type-but-average .but{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px)}.header-slider-search .search-type-but-average .but.active{--this-bg: var(--focus-color);--this-color: #fff}.header-slider-search .line-form{background:#fffc;border-radius:100px;padding:.5em 1.2em;z-index:1;color:#555}.header-slider-search .line-form .dropdown>a a,.header-slider-search .line-form .dropdown>a,.header-slider-search .line-form .icon{color:#555}.header-slider-search .search-input-text{position:relative;padding:5px 10px}.header-slider-search .line-form-input{padding:0}.header-slider-search .search-keywords>p,.header-slider-search .search-input-text .line-form-line{display:none}.header-slider-search .search-keywords{text-align:center}.header-slider-search .search_keywords{padding:3px 5px;font-size:.85em}.header-slider-search .line-form .abs-right{margin-top:0;margin-right:-6px}.header-slider-card{margin-top:-40px;z-index:1}.header-slider-card .aksrt-panel{margin-bottom:0}.filter-blur .header-slider-search .line-form,.filter-blur .header-slider-card .aksrt-panel{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px)}.filter-blur .header-slider-card .aksrt-panel{background:var(--blur-bg)}.nav-fixed .header{position:fixed;z-index:999;width:100%;top:0;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px)}.mobile-navbar+.fixed-body{z-index:996}.navbar-top{margin:0;border-radius:0!important;font-size:15px}badge.top,.navbar-top badge{transform:translate(-5px,-10px) scale(.85);margin-right:-10px}.navbar-top badge{transform:translate(-10px,-10px) scale(.85)}.navbar-top .navbar-nav{margin-left:20px;margin-right:20px}.navbar-top .navbar-right{padding-right:0}.navbar-right~.navbar-right{padding-right:5px}.navbar-top .navbar-but .but{font-size:.8em;padding:.3em 1em!important;margin:.4em}.navbar-top .navbar-but .but.hover-show{z-index:99}.navbar-top .navbar-brand{padding:7px 10px}.navbar-logo>img{height:36px;padding:0 30px}.navbar-top .nav>li>a{padding-left:10px;padding-right:10px;border-radius:4px;display:inline-flex!important;overflow:hidden;align-items:center}.navbar-top .nav>li>a>.menu-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-item>a>.but{transform:translateY(-2px);margin:-.3em}.navbar-top .nav li a:focus,.navbar-top .nav li a:hover,.current-menu-item>a{background-color:transparent;color:var(--focus-color)}.navbar-top .fa{transition:.2s}.navbar-collapse .search-input{background:var(--main-shadow)}.navbar-collapse .search-input~.dropdown-menu{margin-top:15px}.navbar-collapse .dropdown-menu .search-input{background:transparent;padding:10px;width:460px}.navbar-nav li a,.navbar-nav li{max-height:50px;position:relative}.navbar-top .sub-menu,.theme-popover{visibility:hidden;position:absolute;min-width:120px;background-color:var(--main-bg-color);padding:10px 5px;z-index:99;border-radius:var(--main-radius);box-shadow:0 0 10px #0000001a}.navbar-top li:hover>.sub-menu{visibility:unset}.navbar-top .sub-menu .sub-menu{left:100%;top:-10px}.theme-popover{display:unset}.navbar-search{visibility:hidden;transform:translateY(-101%);padding:80px 30px 10px;background:var(--main-bg-color);height:auto;opacity:1;box-shadow:0 14px 10px #00000014;z-index:998;transition:all .5s;border-radius:0 0 var(--main-radius) var(--main-radius)}.navbar-search.show{visibility:unset;transform:translateY(0)}.navbar-top .navbar-right .sub-menu{right:0}.navbar-top .sub-menu li>a{white-space:nowrap;display:block;padding:5px 15px}.navbar-top .sub-menu li>a:hover{transform:translate(5px)}.navbar-top .sub-menu .menu-item-has-children>a{padding-right:35px}.navbar-top .sub-menu .menu-item-has-children>a>.fa-angle-down{position:absolute;right:15px;top:8px}.navbar-top .newadd-btns{opacity:1!important}.navbar-top .drop-newadd{width:137px;padding:7px 10px}.navbar-top .drop-newadd:before{top:-4px;left:auto;right:27px}.menu-graphic-card-item,.submenu-multi-column-links .links-items .link-item>*{--main-color: var(--muted-2-color)}.mobile-navbar .menu-graphic-card-item .title,.mobile-navbar .submenu-multi-column-links .links-items .link-item>*{font-size:.9em}.mobile-navbar .sub-menu.senior-submenu .container{background:var(--muted-border-color);border-radius:var(--main-radius);padding:4px 10px;margin:4px 0}.sub-menu.senior-submenu~.sub-menu{display:none}.navbar-top .sub-menu.senior-submenu{position:fixed;left:0;right:0;box-shadow:0 10px 10px #0000000d;border-radius:0 0 var(--main-radius) var(--main-radius);padding:20px 0;top:59px}.links-columns-box .link-item>*{padding:8px 5px;display:flex;align-items:center}.navbar-top .links-column{margin:10px}.navbar-top .links-columns-box .column-title{border-bottom:1px solid var(--main-border-color);font-size:1.1em;margin-bottom:8px}.links-columns-box .link-item .icon-hover-show{opacity:0;transition:.3s}.navbar-top .links-columns-box .link-item>a:hover>.icon-hover-show{opacity:1;transform:translate3d(10px,0,0)}.links-columns-box .link-item img{width:24px;height:24px;border-radius:4px;margin-right:6px;flex-shrink:0;object-fit:cover}.mobile-navbar .links-columns-box .link-item>*{padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px;display:block}.mobile-navbar .links-columns-box .link-item img{width:24px;height:24px}.navbar-top .menu-graphic-card-item{margin:20px 10px}.navbar-top .submenu-graphic-card{--img-size: 130px}.navbar-top .submenu-graphic-card.size-sm{--img-size: 80px}.navbar-top .submenu-graphic-card.size-xs{--img-size: 180px}.navbar-top .submenu-graphic-card.size-lg{--img-size: 240px}.mobile-navbar .submenu-graphic-card.size-sm{--img-size: 68px}.mobile-navbar .submenu-graphic-card{--img-size: 107px}.mobile-navbar .submenu-graphic-card.size-xs{--img-size: 140px}.mobile-navbar .submenu-graphic-card.size-lg{--img-size: 180px}.menu-graphic-card-item .img-box{width:var(--img-size);height:calc(var(--img-size) * var(--img-scale, 1));border-radius:var(--main-radius);overflow:hidden;position:relative}.navbar-top .links-column,.navbar-top .menu-graphic-card-item{opacity:0;transition:.6s;transform:translate3d(0,20px,0)}.navbar-top li:hover .links-column,.navbar-top li:hover .menu-graphic-card-item{transition-delay:var(--ani-delay);opacity:1;transform:none}.menu-graphic-card-item .title.text-ellipsis{width:var(--img-size);text-align:center}.sub-user-box{width:242px;word-break:break-word;white-space:normal}.mobile-navbar.top .sub-user-box{width:auto;text-align:center;margin:auto;max-width:400px}.mobile-navbar.top .sub-user-box>ul{overflow:hidden}.sub-user-box .list-inline>li+li{width:calc(100% - 48px)}.sub-user-box .social-login-item.button-lg{min-width:100px!important;font-size:13px}.sub-user-box .user-name{width:calc(100% - 3em)}.sub-user-box .author-tag>*{max-height:41px;overflow:hidden;flex:auto}.sub-vip-card{font-size:12px;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.sub-vip-card .vip-card{display:inline-block;width:240px;margin:5px;box-shadow:0 0 10px var(--main-shadow)}.sub-vip-card .vip-baicon.abs-center{font-size:10em;left:55%}.sub-vip-card .payvip-button{font-size:1em!important;margin:0!important}.sub-vip-card .vip-name{font-size:16px}.sub-vip-card .vip-img{display:none}.sub-user-box .payvip-icon{padding:8px}.header-user-href>a{display:inline-block;padding-top:10px;min-width:58px}.header-user-href>a:hover{opacity:.7}.header-user-href>a div+div{font-size:12px}.header-user-href .toggle-radius{width:36px;height:36px}.navbar-top li.current-menu-item>a,.navbar-top li:hover>a{color:var(--focus-color)}.navbar-top li.current-menu-item:before,.navbar-top li.current-menu-item>a:before,.navbar-top li:hover:before,.navbar-top li:hover>a:before{opacity:1}.navbar-nav li:hover>a .fa-angle-down{transform:rotate(-90deg)}.navbar-nav>li:before{content:" ";position:absolute;width:100%;top:-10px;background:var(--focus-color);height:5px;border-radius:0 0 15px 15px;opacity:0}.navbar-avatar{margin-top:3px;display:block;width:29px;height:29px}.swiper-container{position:relative;overflow:hidden}.swiper-wrapper{transform:translateZ(0);display:flex;position:relative}.swiper-slide{transform:translateZ(0);flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;transition-property:transform}.swiper-tab-nav,.swiper-tab,.new-swiper,.overflow-hidden{overflow:hidden;position:relative}.swiper-tab .swiper-slide .swiper-slide{height:100%}.new-swiper{--pc-height: auto;--m-height: auto;--max-height: auto;--min-height: auto}.scale-height{--scale-height: 40%;--pc-height: 100%;--m-height: 100%;padding-bottom:var(--scale-height);width:100%;height:0}.scale-height .swiper-wrapper,.scale-height .swiper-slide img{position:absolute}.new-swiper .swiper-wrapper{height:var(--pc-height);display:flex}.new-swiper .swiper-slide img:not(.img-icon):not(.avatar-badge):not(.avatar){max-height:var(--max-height);min-height:var(--min-height);-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.swiper-scroll .swiper-slide{width:unset;margin-right:10px}.swiper-scroll .swiper-slide:last-of-type{margin-right:0}.swiper-tab-nav .swiper-slide.swiper-slide-thumb-active a{color:var(--focus-color)}.gradient-background .swiper-wrapper .slide-dplayer,.blur-background .swiper-wrapper .slide-dplayer{display:flex;align-items:center;justify-content:center}.swiper-slide.gradient-bg .dplayer-poster img,.swiper-slide.gradient-bg>*>img,.blur-background .slide-blur-bg+*>img{object-fit:contain!important;border-radius:0!important}.blur-background .slide-blur-bg img{top:0;left:0;opacity:.5;transform:scale(1.5);--lazy-animation: none}.swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-bar-wrap,.swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-icons .dplayer-loop,.swiper-slide .dplayer .dplayer-controller .dplayer-icons .dplayer-full-in,.swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-icons .dplayer-volume{display:none}.slide-dplayer-played .dplayer-poster{display:none}.slide-dplayer:not(.slide-dplayer-played) .new-dplayer{opacity:0}.slide-dplayer .new-dplayer,.slide-dplayer>*{display:block;height:100%;width:100%}.swiper-slide .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-play-icon{display:inline-block}.dplayer-poster .play-icon .toggle-radius{width:80px;height:80px;font-size:30px;background:#0000004d;color:#fff}.s-desc,.slide-text,.wp-block-carousel figcaption{position:absolute;color:#fff;bottom:0;padding:1.8em 2.5em;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);width:100%;font-size:16px;text-shadow:0 0 8px rgba(0,0,0,.3);z-index:1;border-radius:0 0 var(--main-radius) var(--main-radius)}.swiper-slide .slide-layer img{-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;position:unset!important}.slide-text{background:unset;opacity:0;bottom:unset;transition:opacity 1s;--text-size-pc: 20px;font-size:var(--text-size-pc)}.swiper-bulletin{padding:.1em 6px;background:var(--this-bg)}.swiper-bulletin .new-swiper{line-height:2.4em;height:2.4em;overflow:hidden}.swiper-bulletin a{color:var(--this-color)}.bulletin-icon{background:var(--this-color);width:26px;height:26px;text-align:center;border-radius:30px;color:#fff;font-size:18px}.swiper-bulletin[class*=b-] .bulletin-icon{color:var(--this-bg)}.swiper-bulletin[class*=jb-] .bulletin-icon{color:var(--this-bg-b)}.imgbox{display:none}.comment-content .box-img,.alone-imgbox-img,.cursor-zoom-in{cursor:zoom-in}.media-body{width:auto}.posts-row{margin-left:-8px;margin-right:-8px;margin-bottom:15px}.posts-row>*:not(.post_ajax_loader){margin-left:8px!important;margin-right:8px!important}.posts-item{padding:20px;margin:15px 0;background:var(--main-bg-color);overflow:hidden;transition:.2s;box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius)}.posts-item .post-graphic:not(.order1){margin-right:20px}.posts-item .order1.post-graphic{margin-right:0;margin-left:20px}.posts-item .item-thumbnail{width:190px;height:0;padding-bottom:var(--posts-list-scale);position:relative;overflow:hidden;border-radius:var(--main-radius)}.new-swiper.item-thumbnail.contain img:not(.img-icon):not(.avatar-badge):not(.avatar),.item-thumbnail.contain img{object-fit:contain}.item-thumbnail .swiper-wrapper{height:100%!important}.list .item-thumbnail .aksrt-slider,.list .item-thumbnail.new-swiper{margin:0!important;position:absolute;height:100%}.item-thumbnail .dplayer.dplayer-thumb{padding-bottom:var(--posts-list-scale);transition:opacity .3s}.card .item-thumbnail .dplayer.dplayer-thumb{padding-bottom:var(--posts-card-scale)}.item-thumbnail .dplayer-thumb .dplayer-bezel .dplayer-bezel-icon{opacity:0!important}.item-thumbnail .dplayer-video-wrap,.item-thumbnail .swiper-wrapper,.item-thumbnail img{position:absolute}.item-thumbnail .dplayer-video-wrap{z-index:1}.dplayer-thumb-hide,.thumb-dplayer-playing .abs-center .fa-play-circle{opacity:0}.forum-lists-cover .swiper-pagination,.item-thumbnail .swiper-pagination{text-align:center!important;bottom:0!important;padding:0 2px!important;left:0!important;right:0!important}.posts-item .item-heading{margin-top:0;margin-bottom:5px;font-size:18px;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;max-height:2.8em}.list.style2 .item-thumbnail{width:130px}.list.style2 .item-heading{text-overflow:ellipsis;white-space:nowrap;display:unset;max-height:1.4em}.posts-item .item-heading>a{color:var(--key-color)}.posts-item .item-heading>a:hover{color:var(--focus-color)}.posts-item .item-meta item{margin-right:8px;font-size:13px}.posts-item .meta-right item:last-child{margin-right:0}.item-meta .avatar-mini{transform:translateY(-1px)}.item-meta .meta-pay{padding:0 4px}.posts-item .item-meta a,.posts-mini .item-meta a{color:inherit}.posts-item .item-tags a{font-size:11px;padding:2px 5px;margin-right:5px}.posts-item .item-tags a .fa{font-size:1em}.posts-item.card{width:calc(33.333% - 16px);display:inline-block;margin:8px;padding:10px;vertical-align:top;transition:.3s}.swiper-scroll .posts-item{margin:0 16px 0 0!important}.swiper-scroll .posts-item.list{width:calc(50% - 8px)!important;min-width:520px!important}.swiper-scroll .posts-item.posts-mini{width:360px!important}.swiper-scroll .posts-item.card{width:calc(33.333% - 11px)!important}.posts-item.card:last-child{margin-bottom:20px}.posts-item.card .item-body{width:100%;margin:10px 0 0;padding:0}.posts-item.card .item-meta item{font-size:12px}.posts-mini-con .item-heading,.posts-item.card .item-heading{font-size:14px}.posts-item.card .item-heading{min-height:2.8em}.posts-item.card .item-tags{min-height:23px}.posts-mini-con .badg{min-width:18px}.posts-item.card .item-thumbnail{width:100%;padding-bottom:var(--posts-card-scale)}.posts-item.card.style2{background:transparent;box-shadow:none}.posts-item.card.style2:hover{background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow)}.posts-item.card.style3{padding:0}.posts-item.card.style3 .item-thumbnail,.posts-item.card.style3 .item-thumbnail img{border-radius:var(--main-radius) var(--main-radius) 0 0}.posts-item.card.style3 .item-body{padding:10px;margin:0}.swiper-scroll .posts-item{flex-shrink:0;margin-top:0;margin-bottom:0}.posts-item.mult-thumb .thumb-items{margin:0 -3px 6px}.posts-item.mult-thumb .thumb-items>span{width:calc(25% - 6px);display:inline-block;height:0;padding-bottom:calc(var(--posts-list-scale) / 4);margin:0 3px;position:relative}.posts-item.no_margin{margin:0;box-shadow:none;border-radius:0}.posts-item.no-thumb .item-excerpt{height:auto}.posts-item.mult-thumb .thumb-items>span>img{position:absolute}.posts-item.mult-thumb .thumb-items.contain>span{background:var(--main-border-color);border-radius:var(--main-radius);overflow:hidden}.posts-item.mult-thumb .thumb-items.contain>span>img{object-fit:contain;border-radius:0}.posts-item+.pagenav{margin-top:-15px}.posts-item.card+.pagenav{margin-top:-10px}.no_margin:first-of-type{margin-top:10px;border-radius:var(--main-radius) var(--main-radius) 0 0}.no_margin:last-of-type{margin-bottom:15px;border-radius:0 0 var(--main-radius) var(--main-radius)}.waterfall-box{position:relative}.waterfall-box .card:not(.waterfall-item){opacity:0}.waterfall-box .card .item-thumbnail{padding-bottom:0;height:auto}.waterfall-box .card .item-thumbnail img{position:relative;width:100%;height:100%;object-fit:cover}.posts-mini{padding:10px;display:inline-flex;width:50%}.posts-mini-con{flex:auto;overflow:hidden}.sidebar .posts-mini,.mobile-nav-widget .posts-mini{width:100%!important}.mobile-nav-widget .posts-mini{padding-left:0;padding-right:0}.mobile-navbar.right .posts-mini .meta-author>span,.mobile-navbar.left .posts-mini .meta-author>span{display:none}.posts-mini .item-thumbnail{width:96px;height:0;padding-bottom:var(--posts-list-scale);position:relative;overflow:hidden;border-radius:var(--main-radius)}.posts-mini:last-of-type{margin-bottom:0}.posts-mini .item-heading{margin:0}.posts-mini .item-heading.icon-circle{margin-left:-5px}.posts-mini .item-meta{font-size:12px}.posts-mini-lists{padding:5px}.posts-mini-lists .tab-nav-theme{padding:0 5px 2px}.aksrt-panel.posts-mini-lists .relative>.tab-nav-theme~.scroll-x-prev,.aksrt-panel.posts-mini-lists .relative>.tab-nav-theme~.scroll-x-next{top:10px}.mobile-nav-widget .posts-mini-lists .tab-nav-theme{margin:0 -5px;padding:0}.widget-main-post.style-list .widget-ajaxpager,.widget-main-post.style-card .widget-ajaxpager,.widget-tab-post.index-tab .tab-content>.tab-pane{margin:-8px -8px 15px}.widget-tab-post.style-list .tab-content>.tab-pane{margin-bottom:25px}.widget-main-post.style-list .posts-item,.widget-tab-post.style-list .posts-item{margin-left:8px;margin-right:8px}.widget-tab-post.index-tab .list-inline{margin-bottom:15px}.widget-tab-post.style-list .list-inline{margin-bottom:25px}.footer{color:var(--footer-color);background:var(--footer-bg);padding:30px;font-size:13px}.footer a:not(.but):not(.focus-color){color:var(--footer-color)}.footer a:hover{color:var(--focus-color)}.footer .list-inline>li{flex:1;margin:5px 15px}.footer .list-inline>li+li+li{float:right;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.footer-contact>a{font-size:20px;margin:5px;width:35px;height:35px}.footer-wechat-img{width:140px;bottom:90%;left:-55px;padding-bottom:20px}.footer-miniimg img{width:90px;margin:0 6px}.footer-miniimg-2{justify-content:flex-end}.footer-miniimg-2 img{height:36px;border-radius:var(--main-radius)}.footer-miniimg-2 .opacity8{display:none}.footer-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:1035;justify-content:space-around;align-items:center;text-align:center;background:var(--header-bg);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 5px var(--main-shadow);-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);transition:transform .3s}.scroll-down .scroll-down-hide.footer-tabbar,.scroll-ing .scrolling-hide.footer-tabbar{transform:translateY(120%);-webkit-backdrop-filter:none;backdrop-filter:none}.footer-tabbar .tabbar-item a,.footer-tabbar .tabbar-item{flex:1;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:49px;padding:3px 0;color:var(--muted-color)}.tabbar-item.tabbar-ontop>a{position:absolute}.ontop.tabbar-item{transform:translateY(55px)}.ontop.tabbar-item.show{display:flex!important}.ontop.tabbar-item.show+a{transform:translateY(-55px)}.tabbar-item.actived,.tabbar-item.active{color:var(--focus-color)}.tabbar-item>svg,.tabbar-item>icon{font-size:24px;line-height:1em;height:1em}.tabbar-item .avatar-mini{--this-size: 24px;transform:translateY(-2px)}.tabbar-item badge{font-size:12px;transform:scale(.8) translate(13px);position:absolute;top:1px}.tabbar-item.newadd-btns{position:unset}.tabbar-item .drop-newadd{inset:auto 10px 59px;align-items:center;display:flex;padding:10px 5px}.tabbar-item .drop-newadd:before{bottom:-4px;top:auto;left:calc(50% - 4px)}.tabbar-item .btn-newadd{text-align:center}.tabbar-item .btn-newadd icon{width:46px;height:46px;margin:0 0 10px}.tabbar-item .btn-newadd text{font-size:16px}.footer-tabbar text{width:100%;font-size:13px;line-height:1em;transform:scale(.8)}.footer-tabbar .single-action-tabbar{flex:unset;min-width:40px;margin-right:12px;flex-shrink:0}.footer-tabbar .single-action-tabbar:first-child{margin-left:12px}.footer-tabbar .single-pay-tabbar{background:var(--this-bg);color:var(--this-color);padding:7px;flex:auto;min-height:auto;margin:0 16px 0 12px;border-radius:100px}.footer-tabbar .virtual-input .but,.footer-tabbar .single-action-tabbar text{display:none}.footer-tabbar .virtual-input{flex:auto;height:auto;min-height:auto;margin:0 12px;overflow:hidden}.footer-tabbar count{color:var(--muted-2-color);border-radius:20px;margin-top:-22px;font-size:13px;line-height:1em;transform:scale(.8)}.footer-tabbar count:not(:empty){margin-left:-15%}.footer-tabbar .but-group{padding:6px;margin:0 8px}.float-right{position:fixed;bottom:60px;right:20px;z-index:1030;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:.3s}body:has(.modal.in) .float-right,.modal-open .float-right,.imgbox-show .float-right,.scroll-down .scroll-down-hide.float-right,.scroll-ing .scrolling-hide.float-right{transform:translate(200%)}body:has(.modal.in) .float-right.position-center,.modal-open .float-right.position-center,.imgbox-show .float-right.position-center,.scroll-down .scroll-down-hide.float-right.position-center,.scroll-ing .scrolling-hide.float-right.position-center{transform:translate(200%,-50%)}.tabbar-item.active{color:var(--focus-color)}.float-right.position-center{bottom:auto;top:50%;transform:translateY(-50%)}.float-right.position-top{bottom:auto;top:80px}.float-right .float-btn{width:40px;min-height:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:7px 0;font-size:1.4em;--this-color: var(--muted-2-color);--this-bg: var(--float-btn-bg);background:var(--this-bg);position:relative;color:var(--this-color)!important}.float-right .float-btn text{font-size:12px;line-height:1;margin-top:5px}.float-right badge{transform:translate(-11px,-5px) scale(.85);margin-right:-50px;right:auto;left:35px;font-size:12px;position:absolute}.float-btn.wait-pay-btn .hover-show-con{animation:float-wait-pay 2s;animation-delay:.3s}body.modal-open .float-btn.wait-pay-btn .hover-show-con{opacity:0!important}@keyframes float-wait-pay{0%{opacity:0;visibility:unset;box-shadow:0 0 10px #ff49791a}10%{opacity:1;box-shadow:0 0 10px #ff4979f2}30%{box-shadow:0 0 10px #ff49791a}50%{box-shadow:0 0 10px #ff4979f2}70%{box-shadow:0 0 10px #ff49791a}80%{visibility:unset;opacity:1}}.filter .float-btn{-webkit-backdrop-filter:saturate(2) blur(10px);backdrop-filter:saturate(2) blur(10px)}.float-right.square .float-btn+.float-btn{border-top:1px solid var(--main-shadow)}.float-right.round .float-btn{margin-top:6px;border-radius:8px}.float-btn.ontop{opacity:0;transition:.5s;transform:translateY(10px);visibility:hidden}.ontop.show{opacity:1;transform:translateY(0);visibility:unset;display:flex!important}.float-btn .hover-show-con{right:35px;left:auto;width:200px;margin-right:15px;top:0;font-size:14px;line-height:1.4;color:var(--main-color);padding:10px;margin-top:0;border-radius:var(--main-radius);cursor:auto}.float-btn .dropdown-menu:before{left:auto;top:15px;right:-5px}.float-btn.service-wechat .hover-show-con{width:120px;top:-40px;padding:0}.float-btn.service-wechat .dropdown-menu:before{top:53px}.float-btn.qrcode-btn .hover-show-con{width:150px;top:-60px;padding:16px 5px 12px;text-align:center}.float-btn.qrcode-btn .qrcode{background:#fff;display:inline-flex;padding:5px}.float-btn.qrcode-btn .dropdown-menu:before{top:73px}.float-btn.newadd-btns .drop-newadd{width:137px;top:-74px}.float-btn.newadd-btns .drop-newadd:before{left:auto;top:88px;right:-5px}.float-btn .order-thumb{width:48px;height:48px}.search-close-box{max-width:660px;margin:auto}.search-close-box>.but{float:right}.search-input{max-width:600px;margin:auto}.search-input .line-form{display:flex;align-items:flex-end}.search-input .line-form .search-input-text{flex-grow:2}.search-input .line-form .option-dropdown{flex-shrink:0;padding-left:2px}.search-null-img{max-width:300px;width:100%;margin:40px 0}.search-tab-header .tab-nav-theme>li>a{font-size:1.1em;padding:0 8px}.search-filter-item>*{padding:8px 12px}.search-filter-item+.search-filter-item{border-top:1px dashed var(--main-border-color)}.search-page-ajaxpager{margin:0 -8px 20px}.search-page-ajaxpager>.ajax-item-header,.search-page-ajaxpager>.ajax-item{margin:8px}.search-page-ajaxpager>.ajax-item-header{margin-bottom:-10px}.search-page-ajaxpager>.ajax-item-header+.post_ajax_loader{margin:190px 0}.search-page-ajaxpager>.ajax-item-header.type-forum{margin-bottom:0}.search-page-ajaxpager>.plate-lists.ajax-item{margin:5px}.search-page-ajaxpager>.forum-posts.alone{margin-bottom:16px}.search-page-ajaxpager .author-minicard{width:calc(33.332% - 16px);background:var(--main-bg-color)}.search-loading .search-remind,.search-loading .search-icon{color:var(--focus-color)}.page-content-full .article,.page-content-nobox .article,.container.page-content-full{all:unset}.article.page-article{padding-top:30px}.breadcrumb{background:transparent;padding:0 8px;opacity:.6;margin-bottom:12px}.breadcrumb>li+li:before{padding:0 0 0 6px;opacity:.6}.article{padding:0 30px;overflow:hidden}.page-cover .article-meta,.item-thumbnail .abs-right{top:20px;background:#0000004d;padding:2px 8px}.single-cover-con .breadcrumb{font-size:13px;margin:5px 0 0 -6px;opacity:unset}.article-cover-slide.page-cover{padding-bottom:0!important;overflow:unset;background:0}.article-title{line-height:1.4}.article-title>a:hover{color:inherit}.article-header .article-title{font-size:22px;font-weight:700;color:var(--key-color)}.article-header .article-title,.article-header .article-avatar{margin-top:15px}.article-header .article-avatar .list-inline>li{padding-left:unset}.article-header .article-avatar .relative{margin-top:20px}.single-metabox{right:0;font-size:15px;--meta-color: var(--muted-color)}.single-metabox .post-metas{background:var(--body-bg-color);right:0;padding:2px 6px;border-radius:100px;color:var(--meta-color)}.single-metabox .post-metas item{margin:0 6px}.single-metabox .post-metas item a{color:inherit}.single-metabox .post-metas item .fa,.single-metabox .post-metas item .icon{margin-right:3px}.single-metabox .post-drop-meta{--this-size: 1.73em;--this-color: var(--meta-color);--this-bg: var(--body-bg-color)}.single-metabox .pull-right.dropdown .dropdown-menu:before{right:7px}.single-metabox .dropdown-menu>li>a{--this-color: var(--muted-color)}.single-metabox.cover-meta{font-size:14px;right:1em;top:1.6em;--meta-color: rgba(255, 255, 255, .8);--body-bg-color: rgba(0, 0, 0, .3)}.article-header .avatar-button{margin-left:50px}.single-cover{padding-bottom:calc(var(--single-cover-scale) + 50px)}.single-cover-slide{padding-bottom:calc(var(--scale-height) + 50px);border-radius:var(--main-radius)}.single-cover-con{color:#fff;padding:2em 15px 10px;border-radius:0 0 var(--main-radius) var(--main-radius);background-image:linear-gradient(0deg,#1d293180,#fff0)}.single-video .article-title,.single-cover-con .article-title{font-size:18px;font-weight:700}.featured-video-episode{margin-bottom:0;line-height:1.4;font-size:14px}.featured-video-episode .badg.badg-sm{min-width:19px}.switch-iframe,.featured-video-episode .switch-video{line-height:1.6;border-radius:4px;padding:6px 20px;text-align:center;background:#8888881a;--main-color: var(--muted-color);display:inline-block;margin:4px 4px 0;min-width:calc(20% - 8px)}.switch-iframe .episode-active-icon,.switch-video .episode-active-icon{display:inline-block;width:0;height:1.2em;vertical-align:middle;margin-right:0;transition:.6s}.switch-iframe.active .episode-active-icon,.switch-video.active .episode-active-icon{background-image:url("../../img/playing.svg");width:1em;margin-right:6px}.switch-iframe.active,.switch-video.active{color:var(--focus-color)}.switch-iframe.active .badg,.switch-video.active .badg{background:var(--focus-color);color:#fff}.single-cover-con a{color:#fff}.single-video{overflow:hidden;clear:both;background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}.single-video .article-title{margin:0}.single-video-footer{padding:15px}.single-video .breadcrumb{padding:0}.single-video .cover-meta{background:0 0;padding:0;color:var(--main-color)}.wp-posts-content{line-height:2;font-size:16px;min-height:90px}.limit-height{overflow:hidden;position:relative}.limit-height .read-more{position:absolute;bottom:0;width:100%;text-align:center;background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(255,255,255,0) 100%);-webkit-animation:lazy_fade .5s;animation:lazy_fade .5s;z-index:80}.dark-theme .limit-height .read-more{background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(53,54,55,0) 100%)}.limit-height .read-more a{padding:25px 0;display:inline-block;color:var(--focus-color);margin-top:80px}.article-postsbox{line-height:1.6;overflow:hidden;font-size:14px;max-width:550px;margin:auto auto 20px;box-shadow:none}.article-postsbox .posts-mini{width:100%}.post-nav-links,.post-page-numbers{line-height:1}.post-page-numbers{margin:5px 1px;padding:.3em;min-width:1.75em}.post-nav-links{background:var(--main-shadow)}.post-page-numbers.current{--this-bg: var(--focus-color);--this-color: #fff}.article-postsbox .pay-tag{font-size:12px;padding:1px 5px}.article-content .article-postsbox .item-meta a{color:inherit}.article-postsbox .item-thumbnail img{border-radius:4px}.article-postsbox .abs-blur-bg,.author-minicard .abs-blur-bg{opacity:.15}.article-postsbox .posts-mini{width:100%!important;margin:0!important;background:var(--muted-border-color);position:relative}.msg-content a:not([class]),.comment-content a:not([class]),.wp-posts-content a:not([class]){color:var(--focus-color)}.wp-posts-content .but a{color:inherit}.wp-posts-content code:not([class]){color:#ff3c98;background-color:#fd999933;margin:2px}.wp-posts-content img{max-width:100%;height:auto;display:block;margin:auto}.wp-posts-content img.fit-cover{height:100%}.wp-posts-content img.avatar{height:100%;display:inline-block}.wp-posts-content .alignright{text-align:right}img.alignright{display:block;margin-left:auto}img.alignleft{display:block;margin-right:auto}.wp-posts-content .aligncenter{display:table;margin:auto}.wp-posts-content .wp-block-table{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;margin-bottom:20px;border:none}.wp-posts-content .wp-block-table table:not(.has-fixed-layout){white-space:nowrap}.wp-posts-content table{font-size:14px;width:100%}.wp-posts-content thead,.wp-posts-content tfoot{border:none}.wp-posts-content tbody>tr>td,.wp-posts-content tbody>tr>th,.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{border:1px solid var(--main-border-color);padding:8px;line-height:1.42857143;vertical-align:top}.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{background:var(--muted-border-color)}.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{text-align:center}.wp-posts-content tbody>tr{transition:.3s}.wp-posts-content tbody>tr:hover{background-color:var(--focus-color-opacity1)!important}.wp-posts-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--main-shadow)}.wp-posts-content .wp-block-table .has-background{color:#666}.wp-posts-content h1,.wp-posts-content h2,.wp-posts-content h3,.wp-posts-content h4,.wp-posts-content h5{margin:20px 0 10px;font-weight:700}.wp-posts-content h1{font-size:22px}.wp-posts-content h2{font-size:20px}.wp-posts-content h3{font-size:18px}.wp-posts-content h4{font-size:16px}.wp-posts-content h5,.wp-posts-content h6{font-size:14px}.wp-posts-content ol:not(.blocks-gallery-grid),.wp-posts-content ul:not(.blocks-gallery-grid){margin:10px 0 20px 15px;padding-left:15px}.wp-posts-content ul{list-style:disc}.wp-posts-content ol{list-style:decimal}.wp-posts-content li{margin-bottom:10px}.wp-posts-content ul li:not(.blocks-gallery-item):last-of-type{margin-bottom:0}.wp-posts-content p{margin-bottom:20px;word-wrap:break-word}.wp-posts-content pre:not(.wp-block-code){border:none;background:0 0;padding:0;margin:0}.wp-posts-content pre{background:var(--muted-border-color);color:var(--main-color)}.wp-posts-content .wp-block-code code{color:inherit;background-color:unset;margin:unset}.wp-block-image:after{content:"";display:block;height:0;clear:both;visibility:hidden}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{overflow:hidden}.post-tab{padding:0 10px;border-radius:var(--main-radius);border:1px solid var(--main-border-color)}.post-tab .tab-content{padding:5px}.post-tab.nav-left{display:flex}.post-tab.nav-left .tab-nav-theme{border:none;border-right:1px solid var(--main-border-color);padding-right:8px;min-width:80px;margin-right:10px}.post-tab.nav-left .tab-nav-theme>li{display:block;padding:0;margin-left:6px}.post-tab.nav-left .post-tab-toggle{padding:8px;display:block}.post-tab.nav-left .tab-nav-theme li:before{width:2px;inset:10px auto 10px 0;height:auto!important}.post-tab.nav-left .tab-content{flex:1}.post-tab.nav-left.nav-right .tab-nav-theme{order:2;margin-right:0;padding-right:0;border:none;padding-left:8px;margin-left:8px;border-left:1px solid var(--main-border-color)}.single-posts-lists .posts-mini .item-heading a{color:var(--main-color)}.single-posts-lists .posts-mini .item-heading a:hover{color:var(--focus-color)}.article-content .article-tags a{font-size:12px;margin:3px}.wp-block-image,.wp-block-gallery,.post-dplayer{margin-bottom:20px}.article .post-actions{padding-bottom:15px}.article .action{width:80px;padding:10px 0;display:inline-block;opacity:.7;vertical-align:top}.article .action:hover{color:inherit;opacity:1}.article .action .icon{font-size:24px;width:100%;margin:5px 0}.article .action text,.article .action count{opacity:.7;font-size:.9em}.action.actived{color:var(--focus-color)}.article .action.actived{opacity:.9}.article .action count{margin-left:2px}.action-share{position:relative;cursor:pointer;transition:.3s;z-index:90}.action-share.show-share{opacity:1}.share-button{width:160px;margin-bottom:-10px!important;left:-40px}.dropup .share-button.dropdown-menu:before{left:74px}.share-button .share-btn{display:flex;align-items:center}.share-button .share-btn+.share-btn{margin-top:10px}.drop-newadd icon,.share-btn icon{width:36px;height:36px;display:inline-flex;border-radius:100%;background:var(--main-border-color);justify-content:center;align-items:center;font-size:22px;flex-shrink:0}.drop-newadd icon>svg{margin:0!important;color:inherit}.share-btn icon .icon{margin:auto!important}.share-button .share-btn icon{margin-right:10px}.share-button .share-btn .icon{width:1em;font-size:inherit}.share-button .share-btn:hover{opacity:.8}.horizontal .share-btn{display:inline-flex;text-align:center;min-width:calc(20% - 10px);flex-wrap:wrap;justify-content:center;margin:10px 5px;flex-direction:column;align-items:center}.horizontal .share-btn icon{display:flex;margin-bottom:6px;width:50px;height:50px;font-size:28px}.drop-newadd{border-radius:var(--main-radius)}.drop-newadd text,.horizontal .share-btn text{font-size:12px;color:var(--muted-color)}.drop-newadd icon{margin-right:6px;background:var(--this-bg)}.drop-newadd .btn-newadd{display:flex;align-items:center;padding:5px}.author-tag .but,.author-tag .badg{margin:2px;padding:.15em .4em;font-size:12px;font-weight:400}.author-tag>span .icon,.author-tag>span .fa,.author-tag a .icon,.author-tag a .fa,.item-meta item .icon{margin-right:2px}.social-separator{padding:10px 0}.relates-content .graphic-text{padding:2px 6px;font-size:13px}.relates .no-thumb li+li{margin-top:10px}.search-input .relates-thumb li,.user-card .more-posts .swiper-slide{width:150px}.user-card .more-posts a,.relates-thumb li a{width:100%;height:0;padding-bottom:70%;display:block;overflow:hidden}.relates-thumb .swiper-slide{width:220px}.relates-thumb .graphic{margin-bottom:0}.mini-scrollbar>li{padding-left:0;padding-right:8px}.relates-thumb .relates-content ul{padding:5px 0;margin:-5px 0}.article-nav .box-body{width:calc(50% - 7px);margin:0;display:inline-block}.article-nav .box-body+.box-body{margin-right:0;float:right;text-align:right}#comments .comment-box .comments-closed,#comments .action-text,#comments #cancel-comment-reply-link{display:none}#comments #postcomments .action-text,#comments #postcomments #cancel-comment-reply-link{display:inline-block}#comments .comt-title{width:90px}#comments .comt-title .comt-avatar .avatar{width:60px;height:60px}#comments #postcomments .comt-title{display:none}#respond:not(.mobile-fixed) #postcomments .comt-box{padding:5px 5px 4px;background:var(--main-bg-color);border-radius:4px;margin-top:12px}#comments #postcomments .comt-ctrl .but{margin-bottom:2px}#comments .list-inline{padding:15px}#comment{margin-bottom:5px}.comment-signarea{background:var(--main-shadow)}#respond+#postcomments .comment-filter,.comment-signarea+#postcomments .comment-filter{margin-top:20px}#postcomments .tab-nav-theme{margin-top:0}#postcomments .tab-nav-theme li{padding-bottom:1px}#postcomments .tab-nav-theme li:before{bottom:-2px}#postcomments .comment-footer{position:relative}#postcomments .avatar-img{--this-size: 45px;margin-right:20px}#postcomments .children .avatar-img{--this-size: 26px;vertical-align:2px;margin-right:6px}#postcomments .commentlist>.comment>.list-inline .author-box{align-items:start}#postcomments .commentlist>.comment>.list-inline .comment-footer{margin-left:65px;margin-top:-25px}#postcomments .comment .list-inline>.comt-main{width:100%}#postcomments .commentlist .comment+.comment{border-top:1px solid var(--main-border-color)}#postcomments .comment .list-inline>li{padding:10px;vertical-align:top}#postcomments .comment-header{font-size:15px;position:relative}.comment-header .badge-status{margin-top:0;width:68px;z-index:0}#postcomments .action count{margin-left:4px}#postcomments .comt-meta>span:not(:empty){margin-right:10px;vertical-align:middle}#postcomments .comt-meta>span a{color:inherit}#postcomments .comt-meta>span .but{padding:.2em .8em}#postcomments .comment-approve-link.unapprove{color:#e87725}#postcomments .comment-approve-link.approve{color:#3695ff}#postcomments .comt-meta>span .comment-trash-link{color:#ff4b4b}#postcomments .children{margin-left:86px;background:var(--main-shadow);border-radius:var(--main-radius);margin-bottom:6px}#postcomments .children .children{margin-left:23px}#postcomments .children .avatar-icontag{font-size:8px;height:14px;width:14px}.content-after-box,.comment-content{word-wrap:break-word;white-space:pre-wrap}.comment-content .enlighter-default{margin-bottom:0;opacity:.9}#postcomments .comment-content img{max-width:260px;max-height:350px;display:block;width:auto;height:auto}.virtual-input{display:none}.comment-mini-lists.aksrt-panel{padding:5px}.comment-mini-lists .posts-mini-con p{margin-bottom:6px;color:var(--focus-color);--main-color: var(--focus-color)}.comment-widget-item{padding:10px}.comment-widget-item.style-2>.flex{align-items:center;gap:0}.comment-widget-item.style-2+.comment-widget-item.style-2{border-top:1px solid var(--muted-border-color)}.comment-widget-item.style-2 .avatar-img{--this-size: 28px;margin-bottom:6px}.comment-widget-item.style-2 .muted-box{--this-bg: var(--muted-bg-2-color);border-radius:var(--mini-radius)}.comment-widget-item.style-2 .text-ellipsis-5{max-height:6.6em}.comment-widget-item.style-2 .con-link:before{content:" ";display:inline-block;width:9px;height:9px;background:var(--muted-bg-2-color);position:absolute;top:-2px;transform:rotate(45deg);left:11px;border-radius:2px}.commentlist .no-more,.theme-pagination.pagenav{margin:0;padding-bottom:10px}.theme-pagination{margin:20px 0}.theme-pagination .ajax-next a,.theme-pagination .order-ajax-next a{border-radius:30px;padding:5px 15px;color:var(--muted-color);opacity:.6}.theme-pagination .ajax-next a:hover,.theme-pagination .order-ajax-next a:hover{background:var(--main-border-color);opacity:1}.theme-pagination .ajax-next .fa,.theme-pagination .ajax-next .icon,.theme-pagination .order-ajax-next .fa,.theme-pagination .order-ajax-next .icon{margin-right:15px;transition:.3s}.theme-pagination .ajax-next a:hover .fa,.theme-pagination .ajax-next a:hover .icon,.theme-pagination .order-ajax-next a:hover .fa,.theme-pagination .order-ajax-next a:hover .icon{margin-right:8px}.pagenav{overflow:hidden;text-align:center;padding:20px 0;transition:.2s;line-height:1.4}.pagenav .current,.pagenav .page-numbers,.pagenav a{padding:6px 9px 5px;color:var(--muted-color);display:inline-block;border-radius:3px;background-color:var(--main-border-color);margin:3px;min-width:31px}.pagenav .current{background-color:var(--focus-color)!important;color:#fff!important}.pagenav a:hover{opacity:.7}.pagenav .pag-jump{display:inline-flex;align-items:center;position:relative}.pagenav .pag-jump .jump-icon{z-index:1}.pagenav .pag-jump .jump-icon:hover{color:var(--focus-color)}.pagenav .pag-jump .jump-input{opacity:0;height:100%;width:100%;border-radius:3px;position:absolute;left:0;top:0;transition:.2s;padding:5px 22px 5px 5px}.pagenav .jump-input:focus,.pagenav .pag-jump:hover .jump-input{opacity:1}.hot-posts .img-badge{left:-15px}.hot-posts .flex .graphic{padding-bottom:70%!important;width:93px}.mobile-nav-widget .hot-posts .img-badge{left:-8px;padding:2px 5px}.icon-card{max-width:280px;margin-left:auto;margin-right:auto;text-align:center}.icon-card .card-icon{transition:.3s;display:inline-block;height:1.1em}.icon-card .card-icon.toggle-radius{width:2.2em;height:2.2em}.icon-card .toggle-radius .fa{font-size:.9em}.icon-card:hover .card-icon{transform:scale(1.05)}.page-cover .page-mask{background-color:#0003}.page-cover>.page-cover-con{position:absolute;bottom:0;font-size:16px;z-index:1}.page-cover>.fit-cover{position:absolute}.page-cover-more-btns{position:absolute;right:5px;top:0;z-index:1;font-size:1.2em}.page-cover-more-btns>*{padding:10px}.page-cover .page-desc{opacity:.8;word-break:break-word}.author-header .page-cover{border-radius:var(--main-radius) var(--main-radius) 0 0;padding-bottom:calc(20% + 100px);z-index:0}.author-header .header-content{padding:18px 42px}.author-header .header-info>.header-avatar{margin-top:-80px;margin-right:20px}.author-header .avatar-img{--this-size: 140px}.author-header .avatar-img+.avatar-set-link{color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8)}.author-header .user-identity>.but,.author-header .user-identity>.badg{font-size:12px;padding:2px 6px;margin:5px 6px 0 0;line-height:1.4}.author-header .user-identity .medal-icon,.author-header .user-identity .user-auth-icon .icon{transform:scale(136%)}.author-header .user-identity .medal-icon{margin:0 3px}.author-header .avatar-img .avatar{border-radius:6px;border:4px solid var(--main-bg-color)}.author-header .display-name{font-size:20px;font-weight:700}.author-header .desc{max-width:520px}.author-header .cover-btns .item{opacity:.8}.author-header .cover-btns .dropup .dropdown-menu{bottom:calc(100% + 2px)}.author-tab .tab-nav-theme{font-size:16px;--main-color: var(--muted-2-color)}.author-tab .affix-header-sm:not(.affix):not(.affix-bottom) .tab-nav-theme{margin:0 -10px 12px!important}.author-tab .tab-nav-theme li a{padding:0 5px}.author-tab .tab-nav-theme .active,.author-tab .tab-nav-theme .swiper-slide-thumb-active{font-weight:700}.author-tab .posts-item{background:transparent;box-shadow:none}.author-tab .no_margin:first-of-type{margin-top:0}.oauth-but{text-align:center;padding:10px 15px;width:auto;margin-right:15px;margin-bottom:10px}.oauth-bind-box>div{width:calc(50% - 5px);min-width:300px}.oauth-bind-box .type-logo{width:130px}.checkin-mini-box>.badg.badg-sm{display:block;margin:2px;padding:.2em}.lists-nav{padding-top:0;padding-bottom:0}.lists-nav .tab-nav-theme{all:unset}.lists-nav .tab-nav-theme>li{display:block;padding:4px}.lists-nav .tab-nav-theme li:before{display:none}.lists-nav .tab-nav-theme>li>a{display:flex;padding:10px 6px;align-items:center;border-radius:6px}.lists-nav .tab-nav-theme>li+li{border-top:1px solid var(--muted-border-color)}.user-center{display:flex;gap:20px}.user-center .user-center-sidebar{width:320px;flex-shrink:0}.user-center .user-center-content{width:calc(100% - 320px)}.user-center-nav .tab-nav-theme>li>a{justify-content:space-between}.fa-angle-down{transition:.2s}.collapsed .fa-angle-down{transform:rotate(-90deg)}.author-set-left,.author-set-right{display:inline-block;vertical-align:top}.author-set-left{width:20%;margin-right:20px;text-align:right;padding-top:6px;color:var(--muted-3-color)}.author-set-right{width:calc(80% - 25px);overflow:hidden}.author-more li+li{width:100%!important}.user-icon-but-box>item{width:calc(25% - 10px);margin:5px;min-width:50px;max-width:100px;cursor:pointer}.withdraw-amount-box{min-height:66px}.preview .add,.preview-item{position:relative;display:inline-block;width:120px;height:120px;border-radius:4px;background:var(--muted-border-color);margin:5px;vertical-align:top}.preview .add{cursor:pointer}.preview .add:before,.preview .add:after{content:" ";width:25px;height:25px;background:var(--muted-3-color);border-radius:5px;display:block;position:absolute;margin:auto;inset:0}.preview .add:before{height:2px}.preview .add:after{width:2px}.preview-item img{-o-object-fit:contain;object-fit:contain;width:100%;border-radius:4px;height:100%}.preview-item .ic-close{position:absolute;top:5px;right:5px;background:#fd2c53;color:#fff;border-radius:100%;padding:2px;font-size:18px;cursor:pointer}.upload-preview{margin:20px auto;width:100px;height:100px;overflow:hidden;background:var(--main-shadow)}.upload-preview.large{width:220px;height:220px}.cover-preview{width:100%;height:0;background:var(--main-shadow);position:relative;padding-bottom:calc(20% + 80px);display:block;overflow:hidden}.preview-container{height:100%}.dropdown-menu .preview img,.modal-upload .preview img{max-height:300px;border-radius:6px;-o-object-fit:contain;object-fit:contain}.auth-apply-from .preview img{width:100%;height:100%;max-width:260px;min-width:100px;max-height:200px}.progress.integral-progress{z-index:1;position:relative;height:3px;border-radius:4px;margin:0;background:#dbbd8e}.progress.integral-progress .progress-bar{border-radius:4px;background:#9b6b4e}.pillar-box{height:100%;display:flex;position:relative;flex:auto;width:100%}.pillar-item{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;overflow:unset}.pillar-item+.pillar-item{padding-left:20px}.pillar-item .pillar{width:6px;border-radius:6px;background:linear-gradient(0deg,#707479 10%,#bfc5cc)}.pillar-item.active~.pillar-item{opacity:.5}.pillar-item.active{color:#b97030}.pillar-item.active .pillar{background:linear-gradient(0deg,#c1764a 10%,#e8c48e)}.user-card{padding:0;overflow:hidden}.user-card .user-cover{border-radius:var(--main-radius) var(--main-radius) 0 0}.user-card .card-content{padding:15px}.user-card name .display-name{font-size:1.1em;font-weight:700}.user-card.widget .user-cover+.card-content{margin-top:-55px}.user-card.widget .user-info,.user-card.widget .user-avatar{text-align:center}.user-card.widget .user-name name{justify-content:center}.user-card.widget .more-posts-mini{margin:20px -5px 0}.user-card.widget .more-posts{margin-top:20px}.user-card .more-posts-mini a{display:block;color:var(--muted-2-color);padding:3px 0}.user-card.author .user-content,.user-card.author .card-content{display:flex;align-items:center}.user-card.author .card-content>div{width:50%}.user-card.author .user-info{margin:0 20px;overflow:hidden}.medal-cat-box{text-align:center;padding:8px}.medal-list{width:calc(20% - 14px);margin:10px 7px}.medal-card{text-align:center}.user-medal-info .medal-icon{margin:0 1px}.medal-card .medal-icon{width:auto;height:70px}.medal-cat-name{background:var(--focus-color-opacity1);padding:8px 25px;border-radius:0 0 1000px 1000px;color:var(--focus-color);display:inline-block}.medal-cat-box .medal-cat-name{margin-top:-8px}.medal-list .no-has{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.6}.medal-single-bg{position:absolute;inset:43px 0 auto;z-index:0;max-width:305px;margin:auto;opacity:.5}.medal-single-card.medal-card .medal-icon{height:120px;max-width:200px}.rebate-lits .author-set-left{text-align:left;width:56px}.rebate-lits .author-set-right{width:calc(100% - 78px)}.msg-center-nav li>a>img{width:22px;height:22px;border-radius:100px;margin-right:10px}.msg-center-nav li>a>badge{transform:none;right:10px;position:absolute;top:15px;margin:0}.msg-center .ajaxpager .no-more{margin-top:30px}.sub-user-box .msg-news-icon{top:.4em;right:0}.nav-radius-icon{display:inline-block}.nav-radius-icon badge.top,.msg-news-icon badge.top{transform:translate(-10px,-6px) scale(.85);margin-right:-10px}.nav-radius-icon .toggle-radius,.msg-news-icon .toggle-radius{margin:0!important}.border-bottom:last-of-type,.msg-center .border-bottom:last-of-type{border:none}.pull-right.msg-news-dropdown.dropdown .dropdown-menu:before{right:20px}.msg-news-dropdown .dropdown-menu.right{right:-5px}.msg-news-dropdown li>a{padding:12px 14px;min-width:150px;position:relative;display:flex;align-items:center}.msg-img{display:inline-block;width:50px;height:50px;margin-right:5px;vertical-align:middle;position:relative;overflow:inherit}.msg-img img{border-radius:100px;background:var(--muted-bg-color)}.msg-list>li+li{width:calc(100% - 66px)}.msg-list badge{position:absolute;transform:translate(-24px,-7px) scale(.8)}.msg-content{line-height:2;white-space:pre-wrap}.msg-content .msg-img{width:20px;height:20px;margin-top:-2px}.dropdown-menu:before{content:" ";display:inline-block;width:9px;height:9px;background:var(--main-bg-color);position:absolute;top:12px;transform:rotate(45deg);left:-4px;border-radius:2px}.dropdown .dropdown-menu:before{top:-4px;left:12px}.pull-right.dropup .dropdown-menu:before,.pull-right.dropdown .dropdown-menu:before{left:auto;right:12px}.dropup .dropdown-menu:before{top:auto;bottom:-4px;left:11px}.dropdown-menu.fluid:before{left:50%}.comment-content pre{padding:0}body.error404{background:var(--main-bg-color)}.f404{text-align:center;margin:20px 0 60px}.f404 img{max-width:500px;width:80%}.resetpass{max-width:400px;margin:auto;min-height:400px;padding-top:120px}.file-download-icon{background:var(--muted-bg-color);border-radius:4px;width:3em;height:0;padding-bottom:100%;overflow:hidden;position:relative}.file-download-icon img.fit-cover{height:100%;position:absolute}.file-download-icon:before{position:absolute;content:"";font: 900 16px/1 "Font Awesome 5 Free";top:.8em;left:.8em;font-size:1.2em}.file-download-name{word-break:break-all;height:auto;max-height:2.8em}.file-download-desc{line-height:1.5}.wp-block-embed.is-type-video>div{padding-bottom:56%;position:relative;overflow:hidden}.wp-block-embed.is-type-video.wp-embed-aspect-21-9>div{padding-bottom:43%}.wp-block-embed.is-type-video.wp-embed-aspect-18-9>div{padding-bottom:50%}.wp-block-embed.is-type-video.wp-embed-aspect-4-3>div{padding-bottom:75%}.wp-block-embed.is-type-video.wp-embed-aspect-1-1>div{padding-bottom:100%}.wp-block-embed.is-type-video.wp-embed-aspect-9-16>div{padding-bottom:178%}.wp-block-embed.is-type-video.wp-embed-aspect-1-2>div{padding-bottom:200%}.wp-block-embed.is-type-video iframe{position:absolute;left:0;top:0;height:100%;width:100%}.iframe-series-box{background:#000}.article-content figcaption{text-align:center;font-size:.8em;color:var(--muted-2-color)}.article-content .swiper-slide figcaption{color:#fff}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{padding:10px 10px 5px;background:linear-gradient(0deg,rgba(0,0,0,.3) 0,60%,transparent);font-size:1em;text-shadow:0 0 5px rgba(0,0,0,.5)}.wp-posts-content .title-theme{padding:.1em 0 .1em 1.1em;border:none;font-weight:700;color:var(--theme-color)}.file-download-box{border:1px dashed var(--muted-3-color)}.hidden-box{padding:10px;margin:20px 0;border:1px dashed var(--focus-color);border-radius:var(--main-radius);position:relative}.hidden-text{color:var(--focus-color);padding:10px;text-align:center;display:block}.hidden-box.show{padding-top:35px}.hidden-box.show .hidden-text{padding:3px 10px;font-size:13px;top:0;border-radius:0 0 8px;line-height:1.4;z-index:1;left:0;position:absolute;border-bottom:1px dashed var(--focus-color);border-right:1px dashed var(--focus-color)}.hidden-pass-img{width:180px}.wp-block-aksrtblock-buttons .but{margin:.4em;display:inline-block;padding:6px 18px}.quote_q{padding:1.2em;margin:10px 0 20px;position:relative;--quote-color: var(--main-color);color:var(--quote-color)}.quote_q>div,.quote_q>p{margin:0;padding-left:2em;opacity:.7;position:relative}.quote_q>div>p{margin-bottom:0}.quote_q:before{content:"";border-radius:6px;position:absolute;inset:0;opacity:.04;background:var(--quote-color)}.quote_q.quote-mce:after{font: 900 14px/1 "Font Awesome 5 Free";content:"";font-size:1.2em;margin-right:.5em;position:absolute;color:var(--quote-color);top:20px;left:20px;opacity:.6}.quote_q .fa{opacity:.6}.qe_wzk_c-red{--quote-color: #dc3f3f}.qe_wzk_lan{--quote-color: #0092ff}.qe_wzk_lv{--quote-color: #23790e}.quote_q .fa-quote-left{font-size:1.2em;margin-right:.5em;position:absolute;color:var(--quote-color)}.alert{padding:1.2em 2.2em;position:relative;color:#fff;border:none;min-height:40px;border-radius:12px;box-shadow:0 2px 10px #00000026}.alert:before{font: 900 18px/1 "Font Awesome 5 Free";position:absolute;left:-15px;top:50%;background:inherit;width:30px;height:30px;text-align:center;padding:4px 0;border-radius:20px;transform:translateY(-50%);border:3px solid #fff;box-shadow:0 0 10px #00000030}.alert.jb-blue:before{content:""}.alert.jb-green:before{content:""}.alert.jb-yellow:before{content:""}.alert.jb-red:before{content:""}.alert-dismissable,.alert-dismissible{padding:0 15px 0 20px;position:relative}.alert-dismissible button.close{padding:10px;z-index:9;right:0;--muted-2-color: #fff;transition:all .2s}.feature{width:calc(25% - 14px);border-radius:var(--main-radius);text-align:center;display:inline-block;vertical-align:middle;margin:5px;transition:.3s;box-shadow:0 0 10px var(--main-shadow)}.feature:hover{box-shadow:none}.feature-icon{font-size:50px;padding:20px 0}.feature-title{padding:0 10px}.feature-note{opacity:.6;line-height:1.5em;padding:5px 10px 10px;font-size:.8em}.icon-close{transition:.2s;cursor:pointer}.wp-block-aksrtblock-alert a{color:#fff!important;text-decoration:underline;font-weight:700;margin:0 2px}.wp-block-aksrtblock-alert .close{color:#fff}.wp-block-aksrtblock-alert a:hover{opacity:.8}.wp-block-aksrtblock-buttons{margin-bottom:20px}.wp-block-carousel{margin-bottom:20px!important}.wp-block-carousel img{height:100%}.wp-block-carousel .carousel{overflow:hidden;border-radius:var(--main-radius);opacity:0}.wp-block-carousel .carousel.swiper-container-initialized{opacity:1;transition:opacity .5s}.wp-block-carousel .carousel.swiper-container-cube,.wp-block-carousel .carousel.swiper-container-flip{overflow:visible}.wp-block-carousel .carousel li,.wp-block-carousel .carousel ul{list-style:none;margin:0}.wp-block-carousel .carousel .swiper-slide figure{height:100%;width:100%}.panel{border-radius:var(--main-radius);box-shadow:none;border-color:var(--main-border-color);background:transparent;-webkit-box-shadow:none}.wp-posts-content .panel-heading .fa{margin-right:20px;color:var(--focus-color);transition:.3s;transform:rotate(-45deg)}.wp-posts-content .panel-heading.collapsed .fa,.dosc-nav a:not(.collapsed) .fa{transform:rotate(90deg)}.wp-block-carousel figcaption a{color:#fff!important}.wp-block-carousel .swiper-pagination{text-align:right;padding:0 10px}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{font-size:.8em;padding:10px 10px 3px;line-height:18px}.seamless-img .wp-block-gallery{margin:0 0 20px!important;gap:0;display:block!important}.seamless-img .wp-block-gallery .wp-block-image img,.seamless-img .wp-block-gallery .wp-block-image{width:100%!important;margin:0!important}.mobile-nav-widget{margin-top:30px}.article .seamless-img.full-container{margin-left:-30px;margin-right:-30px}.sidebar .px12-sm,.mobile-nav-widget .px12-sm,.mobile-nav-widget .px12-m-s,.sidebar .px12-m-s{font-size:12px}.sidebar .em09-sm,.mobile-nav-widget .em09-sm{font-size:.9em}.mobile-nav-widget .hide-sm,.sidebar .hide-sm,.mobile-nav-widget .hide-m-s,.sidebar .hide-m-s{display:none}.mobile-nav-widget .nopw-sm,.sidebar .nopw-sm{padding-left:0!important;padding-right:0!important}.mobile-nav-widget .aksrt-panel{padding:0 0 10px;box-shadow:none}.controller-hide .dplayer-controller-mask,.controller-hide .dplayer-controller,.mobile-nav-widget .dplayer-full-in,.mobile-nav-widget .dplayer-loop,.sidebar .dplayer-full-in,.sidebar .dplayer-loop{display:none!important}.sidebar .widget-ajaxpager .pagenav{padding:10px 5px}.sidebar .widget-ajaxpager .theme-pagination{margin:10px}.sidebar .pagenav .page-numbers{font-size:12px;margin:2px;min-width:28px}.dplayer-played,.dplayer-volume-bar-inner,.dplayer-thumb{background:var(--focus-color)!important}.dplayer-scale-height{padding-bottom:var(--scale-height)!important;position:relative}.dplayer-scale-height .dplayer-video-wrap{position:absolute!important}.dplayer-scale-height>.graphic{position:unset!important;padding-bottom:0!important}.new-dplayer>.graphic,.dplayer-initial-img{background:#000}@media(min-width:992px){#u_sign .modal-dialog{width:800px}.sign-img{padding-right:35%}.sign-img+.sign{margin-left:55%}.fluid-widget-wrap .card,.site-layout-1 .card{width:calc(25% - 16px)}.aksrt-panel-wrap .swiper-scroll .card,.site-layout-1 .swiper-scroll .card,.fluid-widget-wrap .swiper-scroll .card{width:calc(25% - 12px)!important}.fluid-widget-wrap .posts-item:not(.card),.site-layout-1 .posts-item:not(.card){margin:8px;display:inline-flex;width:calc(50% - 16px)}.site-layout-1.fluid-widget-wrap .widget-tab-post.style-list .list-inline,.fluid-widget-wrap .widget-tab-post.style-list .list-inline{margin-bottom:15px}.fluid-widget-wrap .posts-item.no_margin,.site-layout-1 .posts-item.no_margin{border-radius:var(--main-radius)}.fluid-widget-wrap .posts-mini,.site-layout-1 .posts-mini{width:33.33%}.sidebar .swiper-scroll .posts-item{width:100%!important;margin:0}.sidebar .posts-item.card{width:100%;margin:0}.sidebar .author-minicard{width:100%;margin:3px 0}.sidebar .s-desc,.sidebar .slide-text{font-size:12px;padding:1em 1.2em}.lists-nav .tab-nav-theme>li>a:hover{background:var(--muted-border-color)}.container-header,.container-footer{padding-right:0;padding-left:0}.links-box .links-card{width:calc(25% - 10px)}.site-layout-1 .links-box .links-card,.fluid-widget-wrap .links-box .links-card{width:calc(20% - 10px)}.fluid-widget-wrap .links-box.links-style-bigcard .links-card,.site-layout-1 .links-box.links-style-bigcard .links-card{width:calc(16.6665% - 10px)}.sidebar .links-box .links-card{width:calc(50% - 10px);margin:5px}}@media(min-width:768px){.fixed-wrap{position:relative;--fixed-width: 120px}.fixed-wrap>.fixed-wrap-nav{position:absolute;width:var(--fixed-width)}.fixed-wrap>.fixed-wrap-nav+.fixed-wrap-content{margin-left:calc(var(--fixed-width) + 15px)}.fixed-wrap>.fixed-wrap-nav~.affix-clone{display:none}.fixed-wrap-nav.affix{position:fixed;left:auto;right:auto;transition:top .1s}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper,.fixed-wrap .tab-nav-theme.mini-scrollbar{display:flex;overflow:hidden;text-align:center;flex-direction:column;border-bottom:none;padding:0;margin:0}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper{transform:translateZ(0)!important}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper>li,.fixed-wrap .tab-nav-theme.mini-scrollbar>li{padding:0;margin:0}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper>li>a,.fixed-wrap .tab-nav-theme.mini-scrollbar>li>a{padding:6px;margin:1px 0;display:block;font-size:16px;color:var(--muted-2-color);overflow:hidden}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper>li>a:hover,.fixed-wrap .tab-nav-theme.mini-scrollbar>li>a:hover{color:var(--main-color)}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper>li.swiper-slide-thumb-active>a,.fixed-wrap .tab-nav-theme.mini-scrollbar>li.active>a{color:var(--focus-color);font-weight:500;background:var(--focus-color-opacity05);border-radius:var(--mini-radius)}.fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper>li:before,.fixed-wrap .tab-nav-theme.mini-scrollbar>li:before{display:none}.fixed-wrap.single-wrap{--fixed-width: 80px}.fixed-wrap-nav.single-fixed-btns>*{padding-top:50px}.fixed-wrap-nav.single-fixed-btns .score-btns,.fixed-wrap-nav.single-fixed-btns a,.fixed-wrap-nav.single-fixed-btns{display:block;text-align:center}.fixed-wrap-nav.single-fixed-btns .icon{font-size:24px}.fixed-wrap-nav.single-fixed-btns text{display:none}.fixed-wrap-nav.single-fixed-btns .score-btns text{display:block}.fixed-wrap-nav.single-fixed-btns a:not(.share-btn),.fixed-wrap-nav.single-fixed-btns .btn-share{border-radius:100px;width:48px;height:48px;background:var(--main-bg-color);box-shadow:0 2px 10px 2px var(--main-shadow);align-items:center;display:flex;justify-content:center;margin:16px}.fixed-wrap-nav.single-fixed-btns .share-button{width:48px;min-width:0;inset:0 0 auto;padding:50px 5px 5px;border-radius:100px;z-index:-1;margin:0}.fixed-wrap-nav.single-fixed-btns .share-button:before{display:none}}@media(max-width:1200px){.container{width:95%}}@media(max-width:991px){.nav.navbar-nav{position:absolute;top:0;background:var(--header-bg);box-shadow:0 4px 10px var(--main-shadow);left:0;right:0;padding:0 20px;margin:0;border-radius:var(--main-radius);transition:.3s;opacity:0;transform:translateY(40px);visibility:hidden}.nav.navbar-nav.show{opacity:1;z-index:998;visibility:unset;transform:translateY(68px)}.navbar-nav>li:before{top:0}.navbar-logo>img{padding-left:8px;padding-right:8px}.container-footer{padding-left:0;padding-right:0}.footer{padding:20px 0}.footer .list-inline .hidden-xs{display:none}.show-nav-but.hide{display:unset!important}body .sidebar.show-sidebar{display:unset;width:100%;margin-left:0}.site-layout-2 .content-layout{margin-right:auto}.site-layout-3 .content-layout{margin-left:auto}.sidebar{display:none}#u_sign .modal-dialog{width:auto;margin:30px}.search-page-ajaxpager .author-minicard{width:calc(50% - 16px)}}@media(max-width:767px){.container{width:100%}.container.full-sm{padding:0}.full-widget-sm{box-shadow:none;border-radius:0}.container{padding-right:10px;padding-left:10px}.container .full-widget-sm{margin-left:-10px;margin-right:-10px}.flex.flex-row.flex-col-sm-2{flex-wrap:wrap}.flex.flex-row.flex-col-sm-2>*{flex-basis:50%}.inflex.gap10-sm,.flex.gap10-sm{gap:10px}.inflex.gap6-sm,.flex.gap6-sm{gap:6px}body.admin-bar{margin-top:-46px}body.nav-fixed{padding-top:88px}.affix-header-sm.affix-bottom,.affix-header-sm.affix{left:0;right:0;z-index:995;border-radius:0;background:var(--header-bg);box-shadow:0 4px 10px var(--main-shadow);padding:8px 15px;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);top:0}.affix-header-sm.affix{transition:top .1s}.affix-header-sm.affix-bottom .tab-nav-theme,.affix-header-sm.affix .tab-nav-theme{margin-bottom:-5px;margin-top:0;border:none;padding-bottom:0}.affix-header-sm.affix-bottom{position:absolute}.index-tab.affix-header-sm.affix-bottom,.index-tab.affix-header-sm.affix{padding:8px 10px}.drawer-show{overflow:hidden}.drawer-sm{position:fixed;top:0;right:0;left:0;height:100%;width:100%;visibility:hidden;background:var(--body-bg-color);transition:.6s;padding:72px 10px 80px;z-index:996;overflow-x:hidden;overflow-y:auto;transform:translate(110%);-webkit-overflow-scrolling:touch}.drawer-sm.show{transition:.6s cubic-bezier(.28,.9,.34,.99);visibility:unset;transform:unset}.drawer-header{display:flex;visibility:hidden;opacity:0;position:fixed;top:0;width:100%;left:0;background:var(--main-bg-color);height:68px;font-size:18px;color:var(--muted-color);padding:0 26px;z-index:1000;box-shadow:0 4px 10px var(--main-shadow);transition:.3s}.drawer-show .drawer-header{visibility:unset;opacity:1}.drawer-close{font-size:22px;width:30px}.drawer-title{flex:1;text-align:center;margin-right:30px}.modal .modal-dialog{width:600px;margin-left:auto;margin-right:auto}.this-font{font-size:var(--font-size-sm);font-weight:var(--font-weight-sm);color:var(--color-sm)}.navbar-toggle{display:unset}.mini-scrollbar{scrollbar-width:none}.navbar-collapse.collapse,.mini-scrollbar::-webkit-scrollbar{display:none}.author-cover .page-cover-con{margin:0}.author-cover .avatar-img{--this-size: 46px;margin-left:-8px}.author-cover .page-cover-con>li+li{width:calc(100% - 50px);margin:-7px 0 0;vertical-align:top}.author-tab .posts-item{padding:10px 0}.aksrt-panel .aksrt-panel-sm{background:0 0;box-shadow:none;padding:0}.new-swiper .swiper-wrapper{height:var(--m-height)}.header-slider-card .icon-cover-card.aksrt-panel{padding:10px}.header-slider-card .icon-cover-card.padding-10{padding:2px}.card-1 .header-slider-search,.card-2 .header-slider-search{top:calc(50% - 1px)}.header-slider-search{font-size:12px;top:calc(50% - 40px)}.card-5 .header-slider-search,.card-6 .header-slider-search{top:calc(50% - 83px)}.card-7 .header-slider-search,.card-8 .header-slider-search{top:calc(50% - 120px)}.header-slider-card{margin-top:-35px}.header-slider-search-more.before{margin-bottom:1em}.header-slider-search .line-form{font-size:14px;padding:4px 12px}.header-slider-search .scale-placeholder.is-focus,.header-slider-search .line-form-input:focus~.scale-placeholder{transform:translateY(-32px);font-size:12px;color:#fff}.navbar-toggle{margin-left:0;margin-right:0;margin-top:6px;opacity:.7;height:36px}.navbar-toggle .icon-bar{background:var(--main-color)}.navbar-toggle .icon-bar+.icon-bar{margin-top:5px}.navbar-top.center .navbar-brand{position:absolute;width:100%;text-align:center}.navbar-top.center .navbar-brand+.navbar-toggle{float:left}.navbar-top.center .navbar-brand>img{display:unset}.navbar-top .navbar-logo>img{padding:0}.mobile-navbar{z-index:997;position:fixed;top:0;bottom:0;background:var(--main-bg-color);width:281px;padding:10px 20px 70px;transition:transform .5s}.mobile-navbar .navbar-logo{margin-left:-10px}.mobile-navbar badge:not(.top){transform:unset;margin-left:5px}.mobile-navbar.right{right:-2px;transform:translate(110%)}.mobile-navbar.left{left:-2px;transform:translate(-110%)}.mobile-navbar.left>.toggle-radius{float:right}.mobile-navbar.top{height:auto;max-height:70%;width:100%;transform:translateY(-110%)}.mobile-navbar-show .mobile-navbar{transition:transform .6s cubic-bezier(.28,.9,.34,.99);transform:translate(0)}.mobile-navbar-show .mobile-navbar+.fixed-body{visibility:unset;opacity:1}.mobile-navbar-show .navbar-toggle .i-menu>i{opacity:0}.mobile-navbar-show .navbar-toggle .i-menu:after{transform:rotate(45deg);width:calc(1em + 1px);transform-origin:bottom right}.mobile-navbar-show .navbar-toggle .i-menu:before{right:0;width:calc(1em + 1px);transform:rotate(-45deg);transform-origin:top right}.mobile-navbar .toggle-radius{margin:0 2px}.mobile-menus li a{display:block;padding:6px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-menus>li>a:before{margin:0 12px 0 0}.mobile-menus .sub-menu{word-wrap:break-word;white-space:normal;margin:0 -2px}.mobile-menus .sub-menu li{width:calc(50% - 4px);text-align:center;display:inline-block}.mobile-navbar.top .mobile-menus .sub-menu li{width:calc(33.3% - 4px)}.mobile-menus .sub-menu li>a{background:var(--main-border-color);padding:5px;margin:2px;border-radius:4px;font-size:.9em;position:relative}.mobile-menus .sub-menu li>a>badge:not(.top){position:absolute;right:0;top:0;transform:scale(.85)}.mobile-user-menus a{width:calc(50% - 12px);float:left;margin:6px}.mobile-nav-widget{display:block;width:100%;overflow:hidden;white-space:normal}.mobile-navbar .box-body.notop{padding-left:0;padding-right:0}.mobile-navbar .sub-user-box{margin-bottom:30px}.mobile-navbar .posts-nav-box .aksrt-panel{background:var(--muted-border-color);box-shadow:none}.s-desc,.slide-text,.wp-block-carousel figcaption{padding:.7em}.posts-item .item-thumbnail{width:138px}.posts-mini .item-thumbnail,.list.style2 .item-thumbnail{width:90px}.posts-item .post-graphic:not(.order1){margin-right:15px}.posts-item .order1.post-graphic{margin-left:15px}.posts-item .item-heading{font-size:15px}.drop-fixed-sm .dropdown-menu:before,.posts-item:not(.no-thumb) .item-excerpt{display:none}.widget-main-post.style-list .widget-ajaxpager,.widget-main-post.style-card .widget-ajaxpager,.widget-tab-post.index-tab .tab-content>.tab-pane{margin:-5px -5px 20px}.widget-tab-post.style-list .tab-content>.tab-pane,.widget-main-post.style-list .widget-ajaxpager{margin-top:-15px}.widget-tab-post.style-list .posts-item{margin-left:5px;margin-right:5px}.widget-tab-post.style-list .list-inline{margin-bottom:30px}.posts-row{margin-left:-5px;margin-right:-5px}.posts-row>*:not(.post_ajax_loader){margin-left:5px!important;margin-right:5px!important}.posts-item.card{width:calc(50% - 10px);margin:5px}.swiper-scroll .posts-item{margin-right:10px!important}.swiper-scroll .posts-item.card{width:calc(50% - 5px)!important}.swiper-scroll .posts-item.list{width:100%!important;min-width:auto!important}.posts-item.card:nth-child(odd){margin-right:5px}.posts-item.card:nth-child(2n){margin-left:5px}.posts-item.mult-thumb .thumb-items>span{width:calc(33.333% - 6px);padding-bottom:calc(var(--posts-list-scale) / 3)}.posts-item.mult-thumb .thumb-items>span:nth-child(4){display:none}.placeholder.t1,.placeholder.k2{height:16px;margin-bottom:5px}.footer-tabbar{display:flex}.footer-tabbar-placeholder{background:var(--footer-bg);height:calc(49px + constant(safe-area-inset-bottom));height:calc(49px + env(safe-area-inset-bottom))}.virtual-input{display:flex;height:36px;border-radius:120px;background:var(--main-shadow);color:var(--muted-2-color)}.virtual-input .but,.virtual-input img{width:28px;height:28px;border-radius:120px;margin:0 4px;flex-shrink:0}.virtual-input .but{width:auto;padding:3px 10px}.drop-fixed-sm .dropdown-menu,.mobile-fixed{position:fixed;transform:translateY(220%);transition:.6s;opacity:1;left:0;right:0;bottom:0;padding:22px 16px;background:var(--main-bg-color);z-index:1080;border-radius:10px 10px 0 0;margin:0}.drop-fixed-sm.open .dropdown-menu,.mobile-fixed.show{box-shadow:0 -50px 50px #0003;transition:.6s cubic-bezier(.28,.9,.34,.99);transform:unset}.mobile-fixed.show .fixed-body{visibility:unset;z-index:-1}#respond.mobile-fixed{z-index:1040}.drop-fixed-sm .dropdown-menu{z-index:1045;padding:10px;top:auto!important;right:0!important;left:0!important;max-height:50vh;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.drop-fixed-sm .dropdown-menu>li>a{font-size:16px!important;padding:10px 20px}.modal-open .drop-fixed-sm.open .dropdown-menu{opacity:0}.footer{padding:10px 0}.footer .theme-box{margin:5px}.footer .container-footer{text-align:center}.footer .list-inline{gap:10px;flex-direction:column;align-items:center;justify-content:center}.footer .list-inline>li+li+li{float:unset;align-items:center}.footer .footer-miniimg-2{justify-content:center}.footer .footer-miniimg-2 img{height:36px}.single-metabox.cover-meta,.single-metabox{font-size:13px}.article-header .article-avatar .list-inline{text-align:right}.article-header .article-avatar .list-inline li,.article-header .article-avatar .list-inline li+li{float:left;text-align:left}.article-header .avatar-button{margin:4px -6px 0 0;float:none!important;min-height:25px}.feature{width:calc(50% - 14px)}.payvip_equity{line-height:1.6;display:inline-block;vertical-align:middle;font-size:.9em;margin:0;width:calc(90% - 80px)}.payvip_icon{display:inline-block;vertical-align:middle;width:80px}.term-aggregation .term-img{width:55%;height:85px}.user-card.author .card-content{display:block}.user-card.author .card-content>div{width:100%}.user-card.author .user-content{justify-content:center;margin-bottom:20px}.user-card.author .user-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card.author .user-info{margin-right:0;margin-left:15px}.user-card.author .author-tag{overflow-x:scroll;white-space:nowrap}.user-center .user-center-sidebar,.user-center .user-center-content{width:100%}.author-header.full-widget-sm{margin-top:-20px}.author-header.full-widget-sm .page-cover{border-radius:0}.author-header .header-content{padding:12px 20px}.author-header .avatar-img{--this-size: 100px}.author-header .header-info>.header-avatar{margin-top:-60px;margin-bottom:10px}.author-header .header-info name,.author-header .header-info>.flex1{flex-basis:100%}.author-header .avatar-img .avatar{border-radius:100px;border-width:3px}.author-header .header-btns{position:absolute;top:0;right:0}.full-sm .author-header{margin-top:-20px;border-radius:0}.full-sm .author-header .page-cover{border-radius:0}.author-header .cover-btns{padding:8px}.oauth-bind-box>div{width:100%;min-width:auto}.search-tab-header{padding:5px}.search-filter-item>*{padding:8px}.search-page-ajaxpager{margin:0 -5px 20px}.search-page-ajaxpager>.ajax-item-header,.search-page-ajaxpager>.ajax-item{margin:5px}.search-page-ajaxpager>.ajax-item-header{margin-bottom:-10px}.search-page-ajaxpager>.ajax-item-header.type-forum{margin-bottom:-6px}.search-page-ajaxpager>.plate-lists.ajax-item{margin:2px}.search-page-ajaxpager .author-minicard{width:calc(100% - 10px)}.search-page-ajaxpager>.forum-posts.alone,.search-page-ajaxpager>.posts-item.list{margin-bottom:10px}.msg-center-nav.lists-nav{all:unset}.msg-center-nav.lists-nav .tab-nav-theme{all:unset;display:flex;justify-content:space-evenly}.msg-center-nav .tab-nav-theme li{border:none!important}.msg-center-nav .tab-nav-theme li>a{display:block;text-align:center;font-size:12px;padding:0}.msg-center-nav li>a>img{width:44px;height:44px;display:block;margin:auto auto 6px}.msg-center-nav li>a>badge{right:5px;top:5px}.link-nav-submit{display:none;opacity:0}.float-btn .hover-show-con{max-width:240px}.link-nav-box>.aksrt-panel{background:transparent;border-radius:0;box-shadow:none;padding:0;margin:0}.link-nav-box:not(.affix){margin-bottom:10px}.link-nav-box .nav{margin:0}.link-cat-submit{display:block}.link-nav-box .nav>li{display:inline-block}.link-nav-box .nav>li>a{padding:2px;font-size:1.2em}.link-nav-box .nav>li>a:hover,.link-nav-box .nav>.active>a{background:0}.modal .body-bg .modal-body{padding-left:10px;padding-right:10px}}@media(min-width:641px){.search-content .author-minicard{width:calc(50% - 12px)}.show-sm{display:none!important}.file-download-btn{padding:5px 30px}}@media(max-width:640px){.modal .modal-dialog{width:100%;max-width:calc(100% - 20px)}.modal .modal-dialog.full-sm{max-width:100%;width:100%;margin:0}.modal.bottom .modal-dialog.full-sm{margin-bottom:-1px}.modal.bottom .modal-dialog.full-sm .modal-content{border-radius:16px 16px 0 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.modal.bottom.in.modal-parent{perspective:1000px}.modal.bottom.in.modal-parent .modal-dialog{transform:rotateX(11deg) scale(.95);padding-bottom:0}.hide-sm{display:none!important}.nop-sm{padding:0!important}.nopw-sm{padding-left:0!important;padding-right:0!important}.noph-sm{padding-top:0!important;padding-bottom:0!important}.header{padding:0 8px}body.nav-fixed{padding-top:72px}.navbar-search{padding-top:60px}body.nav-fixed .slide-header{margin-top:-72px}.slide-header .slide-text{padding-top:52px}.posts-item:not(.no-thumb) .meta-right item{display:none}.posts-item{padding:10px;margin:10px 0}.aksrt-panel .posts-item.no_margin{padding:10px 0}.float-right{right:10px}.float-right.position-top{top:56px}.em09-sm{font-size:.9em}.px12-sm,.icon-card,.breadcrumb{font-size:12px}.em12-sm{font-size:1.2em}.mb10-sm{margin-bottom:10px}.article{padding:0 15px}.article .seamless-img.full-container{margin-left:-15px;margin-right:-15px}.article.page-article{padding-top:15px}.article-header .article-title{font-size:18px}.single-metabox .post-metas item{margin:0 4px}.article-content .wp-posts-content{line-height:2;font-size:15px}.single-posts-lists .posts-mini-lists{margin-left:-15px;margin-right:-15px}.article .action{width:68px}#comments .comt-title{display:none}#comments .comt-box{width:100%;padding:0}#comments .list-inline{padding:15px 0;margin:0}.comment-signarea h3{font-size:13px}.comt-tips-left .but svg,.comt-tips-left .but .fa{margin:0}.btn-input-expand{width:31px;padding:0;height:31px;line-height:31px}#postcomments .comment-header{font-size:14px}#postcomments .comt-meta{font-size:12px}#postcomments .comment .list-inline>li{padding:0}#postcomments .comment .list-inline>li+li{padding-left:10px}#postcomments .avatar-img{--this-size: 36px;margin-right:10px}#postcomments .commentlist>.comment>.list-inline .comment-footer{margin-left:45px;margin-top:-15px}#postcomments .children{margin-left:0}#postcomments .children .children{margin-left:13px}#postcomments .children .list-inline{padding:15px}.pagenav a,.pagination ul>li{display:none}.pagenav a.next,.pagenav a.prev{display:inline-block}.pagenav .page-numbers{font-size:12px;margin:2px;min-width:28px}#postcomments .post_ajax_loader .ml20{margin-left:5px}.author-minicard{width:100%;margin:5px 0}.posts-mini{width:100%}.sign-img+.sign{margin-left:auto;max-width:340px}.archives .author-set-left{width:30px}.archives .author-set-right{width:calc(100% - 60px)}.switch-iframe,.featured-video-episode .switch-video{width:calc(50% - 4px);padding:6px 10px;margin:2px 2px 0}.page-cover>.page-cover-con{font-size:14px}#author-tab-securityset .aksrt-panel{all:unset}.modal-pay-body .row-5+.row-5{margin:auto;width:265px;display:block}.pay-box{padding:10px}.pay-title{margin-top:18px}.pay-box .price-box{text-align:center;align-items:center;justify-content:center;margin:6px}.pay-flexbox{flex-wrap:wrap}.pay-box .but-group>.but{width:50%}.pay-box .vip-price-buts,.pay-box .pay-button .signin-loader{width:100%}.pay-gallery{width:100%;margin:0}.paid-gallery{padding:30px}.cashier-link,.initiate-pay{width:100%}.user-pay .pay-box{padding:10px 15px}.payvip-modal .vip-cardmini{padding:10px}.payvip-modal .vip-cardmini .vip-baicon.abs-center{font-size:5em}.pay-vip-form-row{flex-direction:column}.payvip-modal .pay-vip-info{display:none}.payvip-modal .vip-cardmini .vip-name{font-size:14px}.v-iconbox .v-name{font-size:15px}.v-iconbox .v-icon{font-size:30px}.dropup+.dropup .dropdown-menu{left:-30px}.dropup+.dropup .dropdown-menu:before{left:41px}.dropup+.dropup+.dropup .dropdown-menu{left:-60px}.dropup+.dropup+.dropup .dropdown-menu:before{left:71px}.dropup+.dropup+.dropup+.dropup .dropdown-menu{left:-90px}.dropup+.dropup+.dropup+.dropup .dropdown-menu:before{left:101px}.dplayer-full-in,.dplayer-loop{display:none!important}.hidden-box.flex{align-items:center;line-height:1.4}.hidden-pass-img{width:100px}.medal-list{width:calc(25% - 14px)}.links-box .links-card{width:calc(50% - 10px);margin:5px}.drawer-header{height:52px;padding:0 16px}}@media(max-width:480px){.pay-box .but-download{width:auto}.single-cover-con .article-title{font-size:16px;margin-bottom:0}.medal-card .medal-icon{height:55px}.link-nav-box.affix-bottom,.link-nav-box.affix{margin-left:-5px;margin-right:-5px}.links-page-container .fixed-wrap{overflow:hidden}.link-page-search-cover .tab-nav-theme li a{padding:0 3px;font-size:14px}}.produck-wid-pay-main .fluid-widget-wrap .aksrt-panel{border-radius:var(--main-radius)}.produck-wid-reviews .review-card{position:relative;padding:24px;height:100%;transition:transform .25s ease,box-shadow .25s ease;border-radius:var(--main-radius);background:var(--main-bg-color)}.produck-wid-reviews .review-head{margin-bottom:12px}.produck-wid-reviews .review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.produck-wid-reviews .review-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:#5b6cff1a;color:var(--focus-color, #5b6cff);font-size:22px}.produck-wid-reviews .review-meta{min-width:0}.produck-wid-reviews .review-name{font-size:14px;line-height:1.4;margin-bottom:2px}.produck-wid-reviews .review-role{font-size:12px;line-height:1.4}.produck-wid-reviews .review-stars{display:flex;gap:3px;margin-bottom:12px;color:#ffb521;font-size:18px}.produck-wid-reviews .review-stars .is-off{color:#0000001a}.produck-wid-reviews .review-content{font-size:13px;line-height:1.8;margin:0;color:var(--muted-color, #7a8294)}.produck-wid-reviews .review-quote{position:absolute;right:18px;bottom:14px;font-size:22px;color:#fd6e96}.produck-wid-reviews .swiper-scroll .swiper-button-next,.produck-wid-reviews .swiper-scroll .swiper-button-prev{width:36px;height:36px;border-radius:50%}.produck-wid-reviews{--slide-gap: 15px}.produck-wid-reviews .swiper-slide{width:280px;height:auto;margin-right:var(--slide-gap)}@media(min-width:1200px){.produck-wid-reviews .swiper-slide{width:calc(25% - var(--slide-gap))}}@media(max-width:767px){.produck-wid-reviews .review-card{padding:15px}}.sidebar .produck-wid-reviews .swiper-slide{width:100%}.produck-wid-faq-block{position:relative}.produck-faq-head{text-align:center;max-width:720px;margin:auto auto 40px}.produck-faq-search{position:relative;display:flex;align-items:center;max-width:640px;margin:0 auto;padding:6px 6px 6px 14px;background:var(--main-bg-color, #fff);border-radius:999px;box-shadow:0 1px 10px #48508c1a;gap:8px}.dark-theme .produck-faq-search{border-color:var(--main-border-color, rgba(255, 255, 255, .08));box-shadow:0 8px 28px -12px #0006}.produck-faq-search-icon{display:flex;align-items:center;justify-content:center;color:#8e54e9;font-size:18px;flex-shrink:0;padding-left:4px;opacity:.85}.produck-faq-search-input{flex:1;min-width:0;border:0;background:transparent;font-size:14px;color:var(--main-color);outline:none;padding:10px 8px}.produck-faq-search-input::placeholder{color:var(--muted-3-color, #999)}.produck-faq-search-btn{flex-shrink:0;padding:0 22px;min-height:40px;border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8e54e9,#4776e6);transition:transform .2s ease,box-shadow .2s ease}.produck-faq-search-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px #4776e6a6}.produck-faq-main{display:flex;gap:24px}.produck-faq-main--full{grid-template-columns:1fr}.produck-faq-list-col{gap:10px}.produck-faq-summary{flex:1 1 calc(50% - 5px);display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--main-bg-color);border-radius:var(--main-radius);box-shadow:0 4px 12px -6px var(--main-shadow)}.produck-faq-summary .produck-faq-chevron{display:none}.produck-faq-badge{flex-shrink:0;min-width:28px;height:28px;line-height:28px;text-align:center;border-radius:6px;font-size:13px;color:#fff}.produck-faq-badge--purple{background:linear-gradient(135deg,#8e54e9,#a776f0)}.produck-faq-badge--pink{background:linear-gradient(135deg,#f857a6,#ff7eb3)}.produck-faq-badge--green{background:linear-gradient(135deg,#11998e,#38ef7d)}.produck-faq-badge--orange{background:linear-gradient(135deg,#f7971e,#ffd200)}.produck-faq-badge--blue{background:linear-gradient(135deg,#4776e6,#5d9bff)}.produck-faq-qblock{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.produck-faq-q{font-size:15px;font-weight:700;line-height:1.45;color:var(--main-color)}.produck-faq-preview{font-size:12.5px;line-height:1.55}.produck-faq-answer{padding:0 18px 18px 68px;font-size:13.5px;line-height:1.85;display:none;flex:2 0 calc(70% - 5px)}.produck-faq-aside{display:flex;flex-direction:column;flex:1 0 calc(30% - 5px)}.produck-faq-doc-card{border-radius:var(--main-radius)}.produck-faq-doc-head{display:flex;gap:12px;margin-bottom:16px;align-items:center}.produck-faq-doc-head-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#6e49dd,#5a8cf8);color:#fff;flex-shrink:0}.produck-faq-doc-title{margin:0 0 6px;font-size:16px;font-weight:700}.produck-faq-doc-desc{margin:0;font-size:12.5px;line-height:1.55}.produck-faq-doc-list{list-style:none;margin:0 0 -10px;padding:0}.produck-faq-doc-a{display:flex;align-items:center;gap:10px;padding:12px 0;text-decoration:none;color:inherit;border-top:1px solid var(--main-border-color)}.produck-faq-doc-a:hover .produck-faq-doc-go{transform:translate(6px)}.produck-faq-doc-li-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:#f857a51a;color:#f857a6}.produck-faq-doc-li-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.produck-faq-doc-li-title{font-size:14px;font-weight:600}.produck-faq-doc-li-desc{font-size:12px}.produck-faq-doc-go{flex-shrink:0;font-size:12px;color:var(--focus-color);white-space:nowrap;gap:6px;transition:.2s ease}.produck-faq-help-card{border-radius:var(--main-radius);padding:20px;background:linear-gradient(135deg,#8e54e9,#4776e6);box-shadow:0 14px 36px -18px #4776e68c;color:#fff}.produck-faq-help-inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.produck-faq-help-ico{width:48px;height:48px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.produck-faq-help-text{flex:1;min-width:160px}.produck-faq-help-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff}.produck-faq-help-sub{margin:0;font-size:12px;line-height:1.55;opacity:.92}.produck-faq-help-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;color:#6d4ddf;font-size:13px;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 6px 20px -8px #00000040;transition:transform .2s ease,color .2s ease}.produck-faq-help-btn:hover{transform:translateY(-1px);color:#5a3fd4}.produck-faq-help-btn .fa{font-size:11px}@media(max-width:1024px){.produck-faq-summary{flex:1 0 100%}.produck-faq-aside{flex:1 0 50%}}@media(max-width:767px){.produck-faq-search{padding:10px 12px;flex-wrap:wrap}.produck-faq-search-icon{order:0}.produck-faq-search-input{flex:1 1 auto;min-width:120px;padding:6px}.produck-faq-head{margin-bottom:20px}.produck-faq-main{gap:20px;flex-direction:column}.produck-faq-search-btn{flex:1;min-width:80px;padding:0;min-height:35px}.produck-faq-summary{padding:15px}.produck-faq-answer{padding:0 14px 14px 56px;font-size:13px}.produck-faq-help-inner{flex-direction:column;align-items:stretch}.produck-faq-help-btn{justify-content:center;width:100%}.produck-faq-help-card{padding:15px}}.sidebar .produck-faq-search{padding:10px 12px;flex-wrap:wrap}.sidebar .produck-faq-search-icon{order:0}.sidebar .produck-faq-search-input{flex:1 1 auto;min-width:120px;padding:6px}.sidebar .produck-faq-head{margin-bottom:20px}.sidebar .produck-faq-main{gap:20px;flex-direction:column}.sidebar .produck-faq-search-btn{flex:1;min-width:80px;padding:0;min-height:35px}.sidebar .produck-faq-summary{padding:15px;width:100%;flex:1 1 100%}.sidebar .produck-faq-answer{padding:0 14px 14px 56px;font-size:13px}.sidebar .produck-faq-help-inner{flex-direction:column;align-items:stretch}.sidebar .produck-faq-help-btn{justify-content:center;width:100%}.sidebar .produck-faq-help-card{padding:15px}.produck-wid-stats.layout-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);text-align:center;padding:28px 24px}.produck-wid-stats.layout-grid.cols-1{grid-template-columns:1fr}.produck-wid-stats.layout-grid.cols-2{grid-template-columns:repeat(2,1fr)}.produck-wid-stats.layout-grid.cols-3{grid-template-columns:repeat(3,1fr)}.produck-wid-stats.layout-grid.cols-4{grid-template-columns:repeat(4,1fr)}.produck-wid-stats.layout-grid.cols-5{grid-template-columns:repeat(5,1fr)}.produck-wid-stats.layout-grid.cols-6{grid-template-columns:repeat(6,1fr)}.produck-wid-stats.layout-grid.card-plain{background:transparent;padding:20px 0}.produck-wid-stats.layout-grid.card-box{background:var(--main-bg-color, #fff);border-radius:16px;box-shadow:0 8px 24px -12px #5e689a2e}.produck-wid-stats.layout-grid.card-gradient{background:linear-gradient(135deg,#f5f3ff,#fff3f6);border-radius:16px}.produck-wid-stats.layout-grid .stat-item{position:relative;padding:0 12px}.produck-wid-stats.layout-grid:not(.card-plain) .stat-item+.stat-item:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--main-border-color, rgba(31, 36, 51, .08))}.produck-wid-stats.layout-grid .stat-icon{display:block;margin-bottom:8px;font-size:22px;color:var(--focus-color, #5b6cff)}.produck-wid-stats.layout-grid .stat-value{display:inline-flex;align-items:baseline;justify-content:center;font-weight:800;line-height:1.1;margin-bottom:6px}.produck-wid-stats.layout-grid .stat-prefix,.produck-wid-stats.layout-grid .stat-unit{font-size:.5em;font-weight:700;margin:0 2px}.produck-wid-stats.layout-grid{font-size:44px;letter-spacing:-.02em}.produck-wid-stats.layout-grid.num-pink .stat-value{background:linear-gradient(135deg,#ff5e8a,#ff3d6e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.produck-wid-stats.layout-grid.num-blue .stat-value{background:linear-gradient(135deg,#5b6cff,#2bbcff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.produck-wid-stats.layout-grid.num-theme .stat-value{color:var(--focus-color, #5b6cff)}.produck-wid-stats.layout-grid .stat-label{font-size:13px;line-height:1.5}.widget-tilt-cases.aksrt-panel,.tilt-cases-mouse-container{overflow:hidden}.tilt-cases-container{gap:60px}.tilt-cases-right,.tilt-cases-left{gap:16px;min-width:0;position:relative;flex:1 1 calc(50% - 30px)}.tilt-cases-title{font-size:56px;font-weight:800;line-height:1.35;color:var(--key-color);margin:0}.tilt-cases-title .t-sub{font-size:.8em;opacity:.9}.tilt-cases-subtitle{font-size:16px;color:var(--muted-color);line-height:1.75;max-width:520px}.tilt-cases-actions{padding:10px 0}.tilt-cases-actions .but{padding:10px 20px;min-width:200px;font-weight:600}.tilt-cases-actions .but>icon{margin-right:10px}.tilt-cases-actions .but:hover{transform:translateY(-2px)}.tilt-cases-trust{color:var(--muted-2-color);font-size:.9em}.tilt-cases-showcase{position:relative;width:100%;height:400px;transform-style:preserve-3d;will-change:transform}.tilt-cases-showcase img{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;display:block;transition:transform .2s ease-out;will-change:transform;--pc-left: 0;--pc-top: 0;--m-left: 0;--m-top: 0;left:var(--pc-left);top:var(--pc-top)}@media(min-width:768px){.widget-tilt-cases.aksrt-panel{padding:30px}}@media(max-width:767px){.tilt-cases-container{gap:20px;flex-direction:column}.tilt-cases-left,.tilt-cases-right{flex:1 1 100%;width:100%;gap:15px}.tilt-cases-left{order:2;padding:10px}.tilt-cases-title{font-size:40px}.tilt-cases-subtitle{font-size:14px}.tilt-cases-actions .but{flex:1 1 45%}.tilt-cases-showcase .showcase-main{max-width:96%!important;left:2%!important;right:2%!important;margin:0 auto}}.produck-wid-stats.layout-split{--intro-w: minmax(0, 1fr);--cards-w: minmax(0, 1.5fr);position:relative;display:grid;grid-template-columns:var(--intro-w) var(--cards-w);gap:30px;align-items:center;padding:30px;background:radial-gradient(60% 80% at 0% 0%,rgba(255,134,178,.15) 0%,transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(112,255,231,.12) 0%,transparent 60%),var(--main-bg-color, #fff);border-radius:var(--main-radius);box-shadow:0 5px 20px 0 var(--main-shadow, rgba(94, 104, 154, .12));overflow:hidden}.produck-wid-stats.layout-split.no-intro{grid-template-columns:1fr}.produck-wid-stats.layout-split .stats-intro{padding:8px}.produck-wid-stats.layout-split .intro-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:999px;background:linear-gradient(178deg,#ff78aa00,#ff599a3d);color:#ff4d80;font-size:13px;font-weight:600;box-shadow:0 3px 5px #ff5a8233;border:1px solid #ff649054}.produck-wid-stats.layout-split .intro-badge i,.produck-wid-stats.layout-split .intro-badge .icon{font-size:12px}.produck-wid-stats.layout-split .intro-title{font-size:28px;font-weight:800;line-height:1.35;margin:16px 0 14px;color:var(--key-color, #1f2433)}.produck-wid-stats.layout-split .intro-title em{font-style:normal;background:linear-gradient(135deg,#ff1430,#ff8aab);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 2px;font-size:1.1em;letter-spacing:-.02em}.produck-wid-stats.layout-split .intro-subtitle{font-size:13px;line-height:1.85;margin:0 0 22px}.produck-wid-stats.layout-split .intro-trust-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.produck-wid-stats.layout-split .trust-item{display:flex;gap:12px;align-items:flex-start}.produck-wid-stats.layout-split .trust-icon{width:36px;height:36px;border-radius:100px;background:linear-gradient(135deg,#ff3f3f03,#ff005528);color:#ff4d80;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:-1px 5px 14px -8px #ff5a8266;border:1px solid rgba(255,143,205,.15)}.produck-wid-stats.layout-split .trust-text h6{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--main-color, #1f2433)}.produck-wid-stats.layout-split .trust-text p{margin:0;font-size:12px;line-height:1.6}.produck-wid-stats.layout-split .stats-cards{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.produck-wid-stats.layout-split .stats-cards.pc-cols-1{grid-template-columns:1fr}.produck-wid-stats.layout-split .stats-cards.pc-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.produck-wid-stats.layout-split .stats-cards.pc-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.produck-wid-stats.layout-split .stats-cards.pc-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.produck-wid-stats.layout-split .stat-item{position:relative;isolation:isolate;overflow:hidden;padding:20px 5px 50px;text-align:center;background:var(--main-bg-color, #fff);border-radius:var(--main-radius);box-shadow:5px 6px 18px 0 var(--main-shadow);transition:transform .35s ease,box-shadow .35s ease;-webkit-tap-highlight-color:transparent}.produck-wid-stats.layout-split .stat-item:hover{transform:translateY(-5px);box-shadow:0 28px 56px -24px var(--c-shadow, rgba(216, 48, 103, .3))}.produck-wid-stats.layout-split .stat-item:before{content:"";position:absolute;inset:0 0 auto;height:55%;background:var(--c-bg, linear-gradient(180deg, #fce4ec 0%, rgba(252, 228, 236, 0) 95%));z-index:-1;pointer-events:none}.produck-wid-stats.layout-split .stat-icon-block{width:60px;height:60px;margin:8px auto 26px;border-radius:50%;background:var(--c-icon-bg, radial-gradient(circle at 50% 38%, #fff 0%, #fde0ea 85%));color:var(--c-icon-color, #d83067);font-size:32px;display:flex;align-items:center;justify-content:center;box-shadow:-4px 8px 17px 0 var(--c-shadow, rgba(216, 48, 103, .35)),inset -5px 8px 10px #ffffffa6;position:relative}.produck-wid-stats.layout-split .stat-value{display:inline-flex;align-items:baseline;justify-content:center;font-weight:800;line-height:1.1;gap:1px;margin-top:4px}.produck-wid-stats.layout-split .stat-value>*{background:var(--c-num-grad, linear-gradient(180deg, #d83067 0%, #ff6b94 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.produck-wid-stats.layout-split .stat-number{font-size:32px}.produck-wid-stats.layout-split .stat-prefix,.produck-wid-stats.layout-split .stat-unit{font-size:22px;font-weight:700}.produck-wid-stats.layout-split .stat-label{margin-top:10px;font-size:14px;color:var(--muted-2-color)}.produck-wid-stats.layout-split .stat-divider{display:block;width:32px;height:4px;margin:18px auto 0;border-radius:999px;background:var(--c-divider, linear-gradient(90deg, #d83067 0%, #ff8aab 100%));opacity:.85}.produck-wid-stats.layout-split .stat-decor{position:absolute;left:0;right:0;bottom:0;width:100%;height:76px;z-index:-1;pointer-events:none;display:block;opacity:.2}.produck-wid-stats.layout-split .stat-decor .decor-back{fill:var(--c-decor-back, rgba(255, 198, 214, .55))}.produck-wid-stats.layout-split .stat-decor .decor-front{fill:var(--c-decor-front, rgba(247, 168, 188, .7))}.produck-wid-stats.layout-split .stat-item.color-pink{--c-bg: linear-gradient(180deg, rgba(255, 208, 224, .2) 0%, rgba(252, 228, 236, 0) 95%);--c-icon-tint: #fce4ec;--c-icon-bg: radial-gradient(circle at 50% 38%, #ffffff 0%, #fcd6e1 85%);--c-icon-color: #d83067;--c-num-grad: linear-gradient(180deg, #c52460 0%, #ff5e8a 100%);--c-divider: linear-gradient(90deg, #c52460 0%, #ff8aab 100%);--c-decor-back: rgba(255, 198, 214, .55);--c-decor-front: rgba(247, 168, 188, .78);--c-shadow: rgba(216, 48, 103, .32)}.produck-wid-stats.layout-split .stat-item.color-purple{--c-bg: linear-gradient(180deg, rgba(200, 189, 255, .1) 0%, rgba(0, 0, 0, 0) 95%);--c-icon-tint: #ece8ff;--c-icon-bg: radial-gradient(circle at 50% 38%, #ffffff 0%, #d8d2ff 85%);--c-icon-color: #4d3fdb;--c-num-grad: linear-gradient(180deg, #3a2bc7 0%, #7d6dff 100%);--c-divider: linear-gradient(90deg, #3a2bc7 0%, #9089ff 100%);--c-decor-back: rgba(196, 188, 255, .55);--c-decor-front: rgba(160, 148, 240, .7);--c-shadow: rgba(77, 63, 219, .32)}.produck-wid-stats.layout-split .stat-item.color-orange{--c-bg: linear-gradient(180deg, rgba(255, 222, 164, .15) 0%, rgba(0, 0, 0, 0) 95%);--c-icon-tint: #fff1d8;--c-icon-bg: radial-gradient(circle at 50% 38%, #ffffff 0%, #ffe0ad 85%);--c-icon-color: #e88a26;--c-num-grad: linear-gradient(180deg, #d77517 0%, #ffaa4d 100%);--c-divider: linear-gradient(90deg, #d77517 0%, #ffb469 100%);--c-decor-back: rgba(255, 207, 160, .55);--c-decor-front: rgba(245, 184, 122, .7);--c-shadow: rgba(232, 138, 38, .32)}.produck-wid-stats.layout-split .stat-item.color-blue{--c-bg: linear-gradient(180deg, rgba(129, 171, 255, .1) 0%, rgba(222, 233, 255, 0) 95%);--c-icon-tint: #dee9ff;--c-icon-bg: radial-gradient(circle at 50% 38%, #ffffff 0%, #c2d4ff 85%);--c-icon-color: #3658e6;--c-num-grad: linear-gradient(180deg, #2240d4 0%, #6586ff 100%);--c-divider: linear-gradient(90deg, #2240d4 0%, #7aaaff 100%);--c-decor-back: rgba(179, 205, 255, .55);--c-decor-front: rgba(145, 175, 240, .7);--c-shadow: rgba(54, 88, 230, .32)}.produck-wid-stats.layout-split .stat-item.color-green{--c-bg: linear-gradient(180deg, rgba(173, 255, 213, .1) 0%, rgba(216, 245, 230, 0) 95%);--c-icon-tint: #d8f5e6;--c-icon-bg: radial-gradient(circle at 50% 38%, #ffffff 0%, #b9eecf 85%);--c-icon-color: #1e9c63;--c-num-grad: linear-gradient(180deg, #128050 0%, #4fd093 100%);--c-divider: linear-gradient(90deg, #128050 0%, #4fd093 100%);--c-decor-back: rgba(173, 236, 200, .55);--c-decor-front: rgba(133, 215, 168, .7);--c-shadow: rgba(30, 156, 99, .32)}@media(max-width:1024px){.produck-wid-stats.layout-split{grid-template-columns:1fr;gap:28px;padding:28px 22px}.produck-wid-stats.layout-split .intro-title{font-size:26px}}@media(max-width:767px){.produck-wid-stats.layout-grid{padding:20px 12px;gap:20px}.produck-wid-stats.layout-grid.cols-3,.produck-wid-stats.layout-grid.cols-4,.produck-wid-stats.layout-grid.cols-5,.produck-wid-stats.layout-grid.cols-6{grid-template-columns:repeat(2,1fr)}.produck-wid-stats.layout-grid.m-cols-1{grid-template-columns:1fr!important}.produck-wid-stats.layout-grid.m-cols-2{grid-template-columns:repeat(2,1fr)!important}.produck-wid-stats.layout-grid.m-cols-3{grid-template-columns:repeat(3,1fr)!important}.produck-wid-stats.layout-grid:not(.card-plain) .stat-item+.stat-item:before{display:none}.produck-wid-stats.layout-grid .stat-number{font-size:32px}.produck-wid-stats.layout-grid.m-cols-3 .stat-number{font-size:22px}.produck-wid-stats.layout-grid.m-cols-3 .stat-prefix,.produck-wid-stats.layout-grid.m-cols-3 .stat-unit{font-size:12px}.produck-wid-stats.layout-split{padding:18px;border-radius:18px;gap:22px;box-shadow:0 14px 38px -28px #5e689a40}.produck-wid-stats.layout-split .stats-intro{padding:0}.produck-wid-stats.layout-split .intro-badge{padding:6px 14px;font-size:12px}.produck-wid-stats.layout-split .intro-badge i,.produck-wid-stats.layout-split .intro-badge .icon{font-size:11px}.produck-wid-stats.layout-split .intro-title{font-size:22px;margin:12px 0 10px;line-height:1.4}.produck-wid-stats.layout-split .intro-title em{padding:0}.produck-wid-stats.layout-split .intro-subtitle{font-size:13px;line-height:1.75;margin-bottom:18px}.produck-wid-stats.layout-split .intro-trust-badges{gap:14px}.produck-wid-stats.layout-split .trust-icon{flex:0 0 32px;width:32px;height:32px}.produck-wid-stats.layout-split .trust-text h6{font-size:13px}.produck-wid-stats.layout-split .trust-text p{font-size:12px;line-height:1.55}.produck-wid-stats.layout-split .stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.produck-wid-stats.layout-split .stats-cards.m-cols-1{grid-template-columns:1fr!important}.produck-wid-stats.layout-split .stats-cards.m-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.produck-wid-stats.layout-split .stat-item{padding:22px 12px 56px;border-radius:18px;box-shadow:0 12px 30px -22px #5e689a38}.produck-wid-stats.layout-split .stat-item:before{height:52%}.produck-wid-stats.layout-split .stat-icon-block{width:60px;height:60px;font-size:22px;margin:4px auto 18px}.produck-wid-stats.layout-split .stat-number{font-size:28px;letter-spacing:-.02em}.produck-wid-stats.layout-split .stat-prefix,.produck-wid-stats.layout-split .stat-unit{font-size:16px}.produck-wid-stats.layout-split .stat-label{font-size:12.5px;margin-top:8px}.produck-wid-stats.layout-split .stat-divider{width:26px;height:3px;margin-top:14px}.produck-wid-stats.layout-split .stat-decor{height:60px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-item{padding:16px 6px 44px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-icon-block{width:44px;height:44px;font-size:16px;margin:2px auto 10px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-icon-block:before{inset:-6px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-number{font-size:20px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-prefix,.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-unit{font-size:12px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-divider{width:18px;height:2px;margin-top:10px}.produck-wid-stats.layout-split .stats-cards.m-cols-3 .stat-decor{height:44px}.produck-wid-stats.layout-split .stats-cards.m-cols-1 .stat-item{padding:28px 20px 60px}.produck-wid-stats.layout-split .stats-cards.m-cols-1 .stat-icon-block{width:72px;height:72px;font-size:26px}.produck-wid-stats.layout-split .stats-cards.m-cols-1 .stat-number{font-size:36px}.produck-wid-stats.layout-split .stats-cards.m-cols-1 .stat-prefix,.produck-wid-stats.layout-split .stats-cards.m-cols-1 .stat-unit{font-size:20px}}@media(prefers-reduced-motion:reduce){.produck-wid-stats.layout-split .stat-item,.produck-wid-stats.layout-split .stat-item:hover,.produck-wid-stats.layout-split .stat-item:active{transform:none!important;transition:none!important}}.produck-wid-highlights{display:flex;flex-direction:column;--t-gap: 20px;gap:var(--t-gap)}.produck-wid-highlights .hl-row{display:flex;gap:var(--t-gap);flex-wrap:wrap}.produck-wid-highlights .hl-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 85% 75% at 92% 8%,var(--hl-glow, rgba(255, 105, 150, .08)) 0%,transparent 52%),radial-gradient(ellipse 70% 60% at 0% 100%,var(--hl-glow-2, rgba(255, 105, 150, .05)) 0%,transparent 45%),var(--main-bg-color);border-radius:var(--main-radius);transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 4px 18px -8px #5e689a1f;-webkit-tap-highlight-color:transparent;box-shadow:0 5px 20px 0 var(--main-shadow, rgba(94, 104, 154, .12))}.produck-wid-highlights .hl-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px -16px #5e689a24}.produck-wid-highlights .hl-card-large{padding:28px 36px;--cols: 2;flex:1 0 calc(100% / var(--cols) - var(--t-gap))}.produck-wid-highlights .hl-card-large.hl-card-no-media{grid-template-columns:1fr}.produck-wid-highlights .hl-card-media .hl-image{position:absolute;right:30px;bottom:30px;width:260px}.produck-wid-highlights .hl-image{height:auto;object-fit:contain;pointer-events:none}.produck-wid-highlights .hl-card-medium{padding:18px;--cols: 3;flex:1 0 calc(100% / var(--cols) - var(--t-gap))}.produck-wid-highlights .hl-card-medium .hl-image{right:15px;bottom:10px;width:160px}.produck-wid-highlights .hl-card-small{display:flex;align-items:center;gap:14px;padding:18px;--cols: 5;flex:1 0 calc(100% / var(--cols) - var(--t-gap))}.produck-wid-highlights .hl-card-small .hl-card-body{display:contents}.produck-wid-highlights .hl-card-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.produck-wid-highlights .hl-card-small .hl-card-head{margin-bottom:0;flex:1;min-width:0}.produck-wid-highlights .hl-icon-block{width:48px;height:48px;border-radius:calc(var(--main-radius) - 2px);background:var(--hl-icon-bg, linear-gradient(135deg, #ff5e8a, #ff8aab));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 4px 12px -6px var(--hl-icon-shadow, rgba(216, 48, 103, .35))}.produck-wid-highlights .hl-card-large .hl-icon-block{width:52px;height:52px;font-size:32px;border-radius:calc(var(--main-radius) - 2px)}.produck-wid-highlights .hl-card-small .hl-icon-block{width:42px;height:42px;font-size:22px;border-radius:calc(var(--main-radius) - 2px)}.produck-wid-highlights .hl-text{min-width:0;flex:1}.produck-wid-highlights .hl-title{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--main-color)}.produck-wid-highlights .hl-card-large .hl-title{font-size:22px}.produck-wid-highlights .hl-card-small .hl-title{font-size:14px}.produck-wid-highlights .hl-desc{margin:4px 0 0;font-size:13px;line-height:1.55}.produck-wid-highlights .hl-card-large .hl-desc{font-size:14px}.produck-wid-highlights .hl-card-small .hl-desc{font-size:12px;margin-top:2px}.produck-wid-highlights .hl-features{list-style:none;margin:14px 0 0;padding:0}.produck-wid-highlights .hl-features li{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--muted-color)}.produck-wid-highlights .hl-features li:last-child{border-bottom:none}.produck-wid-highlights .hl-features .hl-tick{color:var(--muted-3-color, #b8babf);font-size:13px;flex-shrink:0;opacity:.95}.produck-wid-highlights .hl-card-large .hl-features li{padding:8px 0}.produck-wid-highlights .hl-card-medium .hl-features li{font-size:13px;padding:6px 0}.produck-wid-highlights .hl-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 22px;background:transparent;color:var(--hl-btn-text, var(--hl-icon-color, #d83067));font-size:13px;font-weight:500;line-height:1.3;border-radius:999px;text-decoration:none;border:1px solid var(--hl-btn-border, rgba(216, 48, 103, .42));box-shadow:none;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease}.produck-wid-highlights .hl-btn:hover{transform:translateY(-1px);background-color:var(--hl-btn-bg-hover, rgba(216, 48, 103, .06));border-color:var(--hl-btn-border-hover, var(--hl-icon-color, #d83067));color:var(--hl-btn-text-hover, var(--hl-icon-color, #d83067));box-shadow:none}.produck-wid-highlights .hl-btn .fa{font-size:11px;transition:transform .25s ease}.produck-wid-highlights .hl-btn:hover .fa{transform:translate(3px)}.produck-wid-highlights .hl-card.color-pink{--hl-bg: linear-gradient(180deg, #ffffff 0%, #fffafb 100%);--hl-glow: rgba(255, 120, 160, .1);--hl-glow-2: rgba(255, 160, 185, .07);--hl-border: rgba(216, 48, 103, .07);--hl-icon-bg: linear-gradient(145deg, #ff5e8a, #ff7ba3);--hl-icon-color: #d83067;--hl-icon-shadow: rgba(216, 48, 103, .35);--hl-btn-border: rgba(216, 48, 103, .38);--hl-btn-bg-hover: rgba(216, 48, 103, .07)}.produck-wid-highlights .hl-card.color-purple{--hl-bg: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);--hl-glow: rgba(130, 115, 255, .09);--hl-glow-2: rgba(160, 148, 255, .06);--hl-border: rgba(77, 63, 219, .08);--hl-icon-bg: linear-gradient(145deg, #6d5fff, #8f86ff);--hl-icon-color: #4d3fdb;--hl-icon-shadow: rgba(77, 63, 219, .32);--hl-btn-border: rgba(77, 63, 219, .38);--hl-btn-bg-hover: rgba(77, 63, 219, .07)}.produck-wid-highlights .hl-card.color-orange{--hl-bg: linear-gradient(180deg, #ffffff 0%, #fffcf6 100%);--hl-glow: rgba(255, 175, 90, .1);--hl-glow-2: rgba(255, 200, 130, .06);--hl-border: rgba(232, 138, 38, .08);--hl-icon-bg: linear-gradient(145deg, #ffaa4d, #ffc060);--hl-icon-color: #e07810;--hl-icon-shadow: rgba(232, 138, 38, .32);--hl-btn-border: rgba(232, 138, 38, .4);--hl-btn-bg-hover: rgba(232, 138, 38, .08)}.produck-wid-highlights .hl-card.color-blue{--hl-bg: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);--hl-glow: rgba(82, 153, 251, .15);--hl-glow-2: rgba(135, 175, 255, .1);--hl-border: rgba(54, 88, 230, .08);--hl-icon-bg: linear-gradient(145deg, #5b7dff, #7f9dff);--hl-icon-color: #3658e6;--hl-icon-shadow: rgba(54, 88, 230, .3);--hl-btn-border: rgba(54, 88, 230, .38);--hl-btn-bg-hover: rgba(54, 88, 230, .07)}.produck-wid-highlights .hl-card.color-green{--hl-bg: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);--hl-glow: rgba(60, 200, 140, .09);--hl-glow-2: rgba(100, 210, 160, .06);--hl-border: rgba(30, 156, 99, .08);--hl-icon-bg: linear-gradient(145deg, #2dbb78, #52d598);--hl-icon-color: #1e9c63;--hl-icon-shadow: rgba(30, 156, 99, .3);--hl-btn-border: rgba(30, 156, 99, .38);--hl-btn-bg-hover: rgba(30, 156, 99, .07)}.produck-wid-highlights .hl-card.color-red{--hl-bg: linear-gradient(180deg, #ffffff 0%, #fffafa 100%);--hl-glow: rgba(255, 100, 100, .09);--hl-glow-2: rgba(255, 140, 140, .06);--hl-border: rgba(226, 53, 53, .08);--hl-icon-bg: linear-gradient(145deg, #ff5e5e, #ff8585);--hl-icon-color: #e23535;--hl-icon-shadow: rgba(226, 53, 53, .32);--hl-btn-border: rgba(226, 53, 53, .38);--hl-btn-bg-hover: rgba(226, 53, 53, .07)}@media(hover:none){.produck-wid-highlights .hl-card:hover{transform:none}}@media(max-width:1024px){.produck-wid-highlights .hl-card-medium{--cols: 2}.produck-wid-highlights .hl-card-small{--cols: 3}.produck-wid-highlights .hl-card-large .hl-image{width:160px}.produck-wid-highlights .hl-card-medium .hl-image{width:110px}}@media(max-width:767px){.produck-wid-highlights{--t-gap: 12px}.produck-wid-highlights .hl-card-large,.produck-wid-highlights .hl-card-medium{--cols: 1}.produck-wid-highlights .hl-card-small{--cols: 2}.produck-wid-highlights .hl-card-large{padding:18px}.produck-wid-highlights .hl-card-media .hl-image{right:15px;bottom:30px;width:180px}.produck-wid-highlights .hl-card-medium .hl-image{right:15px;bottom:20px;width:160px}.produck-wid-highlights .hl-card-large .hl-card-media{order:99;text-align:center}.produck-wid-highlights .hl-card-large .hl-title{font-size:18px}.produck-wid-highlights .hl-card-large .hl-desc{font-size:13px}.produck-wid-highlights .hl-card-medium .hl-title{font-size:16px}.produck-wid-highlights .hl-card-small{padding:14px;gap:10px}.produck-wid-highlights .hl-card-small .hl-icon-block{width:36px;height:36px;font-size:16px}.produck-wid-highlights .hl-card-small .hl-title{font-size:13px}.produck-wid-highlights .hl-card-small .hl-desc{font-size:11.5px}.produck-wid-highlights.mobile-image-hide .hl-card-media{display:none}.produck-wid-highlights .hl-btn{margin-top:14px;padding:10px 30px}.produck-wid-highlights .hl-row-large.m-cols-2 .hl-features li,.produck-wid-highlights .hl-row-medium.m-cols-2 .hl-features li{font-size:12px;padding:5px 0;gap:6px}.produck-wid-highlights .hl-row-large.m-cols-2 .hl-card-large .hl-image,.produck-wid-highlights .hl-row-medium.m-cols-2 .hl-card-medium .hl-image{width:70%}}.produck-wid-widget-wrap{padding:var(--produck-wid-mt-pc, 0) 0 var(--produck-wid-mb-pc, 0);padding-bottom:var(--produck-wid-mb-pc, 0);background-position:center;background-repeat:no-repeat}.produck-wid-widget-wrap.has-wrap-bg{background-size:var(--produck-wid-bg-size, cover)}@media(max-width:767px){.produck-wid-widget-wrap{padding-top:var(--produck-wid-mt-m, var(--produck-wid-mt-pc, 0));padding-bottom:var(--produck-wid-mb-m, var(--produck-wid-mb-pc, 0))}}.trust-icon-wrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;font-size:22px}.produck-faq-doc-li:nth-child(6n+1) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+1) .trust-icon-wrap{color:#51bcfe;background:linear-gradient(145deg,#51bcfe1a,#51fefe1a)}.produck-faq-doc-li:nth-child(6n+2) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+2) .trust-icon-wrap{color:#f961f4;background:linear-gradient(145deg,#f961f41a,#9661f91a)}.produck-faq-doc-li:nth-child(6n+3) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+3) .trust-icon-wrap{color:#4aaec4;background:linear-gradient(145deg,#4aaec41a,#4ac4a21a)}.produck-faq-doc-li:nth-child(6n+4) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+4) .trust-icon-wrap{color:#8275e4;background:linear-gradient(145deg,#8275e41a,#75bfe41a)}.produck-faq-doc-li:nth-child(6n+5) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+5) .trust-icon-wrap{color:#53c584;background:linear-gradient(145deg,#53c5841a,#96c5531a)}.produck-faq-doc-li:nth-child(6n+6) .produck-faq-doc-li-ico,.produck-wid-plan-trust-item:nth-child(6n+6) .trust-icon-wrap{color:#dda66b;background:linear-gradient(145deg,#dda66b1a,#dd846b1a)}.trust-text{display:flex;flex-direction:column;gap:2px;min-width:0}.trust-title{font-size:14px;font-weight:700;line-height:1.3}.trust-desc{font-size:12px;line-height:1.4}.produck-wid-plan-foot{margin:0;text-align:center;line-height:1.55}@media(max-width:1200px){.produck-wid-plan-trust-item{flex:1 1 auto;min-width:30%}}@media(max-width:767px){.produck-wid-plan-cards{flex-direction:column;align-items:stretch;margin-bottom:20px;gap:20px}.produck-wid-plan-card.is-featured{z-index:auto;order:-1}.produck-wid-plan-card.is-featured .produck-wid-plan-card-inner{transform:none}.produck-wid-plan-card{max-width:none;min-width:0;flex:1 1 auto}.produck-wid-plan-trust-bar{padding:15px}.produck-wid-plan-trust-item{width:calc(50% - 10px)}}.produck-wid-feature-intro{--fi-title-from: #2b7cff;--fi-title-to: #1ec8a8}.produck-wid-feature-intro .fi-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:100px}.produck-wid-feature-intro .fi-row--media-left{flex-direction:row-reverse}.produck-wid-feature-intro .fi-col{flex:1 1 320px;min-width:280px;max-width:100%}.produck-wid-feature-intro .fi-title{margin:0 0 16px;font-size:36px;font-weight:800;line-height:1.25;letter-spacing:-.03em;background:linear-gradient(90deg,var(--fi-title-from),var(--fi-title-to));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.produck-wid-feature-intro .fi-desc{margin:0 0 28px;font-size:15px;line-height:1.75;color:var(--main-color, #3a4055);opacity:.9}.produck-wid-feature-intro .fi-stat{display:flex;align-items:center;margin-bottom:28px;line-height:1}.produck-wid-feature-intro .fi-stat-top{display:flex;align-items:baseline;line-height:1;flex-direction:column;margin-left:10px}.produck-wid-feature-intro .fi-stat-num{font-size:70px;font-weight:800;color:var(--main-color, #1f2433)}.produck-wid-feature-intro .fi-stat-plus{font-size:30px;font-weight:700;color:var(--main-color, #1f2433)}.produck-wid-feature-intro .fi-stat-label{font-size:18px;font-weight:600;color:var(--main-color, #1f2433)}.produck-wid-feature-intro .fi-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:60px}.produck-wid-feature-intro .fi-tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;margin:0;font-size:14px;font-weight:600;line-height:1.3;border:none;border-radius:999px;cursor:pointer;background:transparent;color:var(--main-color, #1f2433);opacity:.72;transition:opacity .2s ease,background .2s ease,color .2s ease}.produck-wid-feature-intro .fi-tab:hover{opacity:1}.produck-wid-feature-intro .fi-tab.is-active{opacity:1;background:linear-gradient(90deg,var(--fi-title-from),var(--fi-title-to));color:#fff}.produck-wid-feature-intro .fi-col-media{position:relative}.produck-wid-feature-intro .fi-panels{position:relative;z-index:1}.produck-wid-feature-intro .fi-panel{display:none}.produck-wid-feature-intro .fi-panel.is-active{display:block;animation:fadeIn .3s ease-out}.fi-panels.imgbox-container img{cursor:zoom-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.produck-wid-feature-intro .fi-browser{border-radius:var(--main-radius);overflow:hidden;background:var(--main-bg-color, #fff);box-shadow:0 16px 48px -24px #29376359;border:2px solid var(--main-border-color, rgba(31, 36, 51, .1))}.produck-wid-feature-intro .fi-browser-bar{display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 14px;background:#1f24330a;border-bottom:1px solid var(--main-border-color, rgba(31, 36, 51, .08))}.produck-wid-feature-intro .fi-browser-bar span{width:10px;height:10px;border-radius:50%;flex-shrink:0}.produck-wid-feature-intro .fi-browser-bar span:nth-child(1){background:#ff5f57}.produck-wid-feature-intro .fi-browser-bar span:nth-child(2){background:#febc2e}.produck-wid-feature-intro .fi-browser-bar span:nth-child(3){background:#28c840}.produck-wid-feature-intro .fi-browser-body{border-radius:0}.produck-wid-feature-intro .fi-browser-nochrome{border:none;box-shadow:0 16px 48px -24px #29376347}.produck-wid-feature-intro .fi-browser-nochrome .fi-browser-body{border-radius:var(--main-radius)}.produck-wid-feature-intro .fi-media-plain .fi-browser-body{background:transparent;padding:0}@media(max-width:767px){.produck-wid-feature-intro .fi-row,.produck-wid-feature-intro .fi-row--media-left{flex-direction:column}.produck-wid-feature-intro .fi-row{gap:20px}.produck-wid-feature-intro .fi-col{flex:1 1 100%;width:100%}.produck-wid-feature-intro .fi-col.fi-col-text{text-align:center}.produck-wid-feature-intro .fi-stat,.produck-wid-feature-intro .fi-title,.produck-wid-feature-intro .fi-desc{margin-bottom:15px}.produck-wid-feature-intro .fi-title{font-size:28px}.produck-wid-feature-intro .fi-stat,.produck-wid-feature-intro .fi-tabs{margin-top:10px;justify-content:center}}.sidebar .produck-wid-feature-intro .fi-row,.sidebar .produck-wid-feature-intro .fi-row--media-left{flex-direction:column}.sidebar .produck-wid-feature-intro .fi-title{font-size:28px}.sidebar .produck-wid-feature-intro .fi-row{gap:20px}.sidebar .produck-wid-feature-intro .fi-tab{padding:5px 14px}.sidebar .produck-wid-feature-intro .fi-col{flex:1 1 100%;width:100%}.sidebar .produck-wid-feature-intro .fi-col.fi-col-text{text-align:center}.sidebar .produck-wid-feature-intro .fi-stat,.sidebar .produck-wid-feature-intro .fi-title,.sidebar .produck-wid-feature-intro .fi-desc{margin-bottom:15px}.sidebar .produck-wid-feature-intro .fi-stat,.sidebar .produck-wid-feature-intro .fi-tabs{margin-top:10px;justify-content:center}.widget-slider-graphic>*{flex:1 1 auto}.widget-slider-graphic .slider-col{flex-basis:var(--layout-ratio, 60%)}.widget-slider-graphic .cover-col{flex-basis:calc(100% - var(--layout-ratio, 60%))}.widget-slider-graphic{gap:10px}.widget-slider-graphic .cover-col .graphic{--cover-height-scale: var(--cover-ratio);margin:0}.widget-slider-graphic .slider-col .slide-text{padding:1.1em 1.5em}.widget-slider-graphic .graphic-text{text-align:left;top:auto;bottom:0;transform:unset;padding:10px 14px}@media(max-width:767px){.widget-slider-graphic.m-vertical{flex-direction:column;gap:0}.widget-slider-graphic.m-hide_cover .cover-col,.widget-slider-graphic.m-hide_slide .slider-col{display:none}.widget-slider-graphic.m-hide_cover .slider-col,.widget-slider-graphic.m-hide_slide .cover-col{flex-basis:100%}.widget-slider-graphic:not(.m-default) .cover-col .graphic{--cover-height-scale: var(--m-cover-ratio)}}
|
||
|
||
/* source: style.css */
|
||
/*
|
||
Theme Name: AKSRT
|
||
Theme URI: https://github.com/Lexo0522/aksrt
|
||
Author: Kate
|
||
Author URI: https://github.com/Lexo0522
|
||
Description: AKSRT Blog Theme - Modern WordPress theme with custom admin panel, OAuth social login, and beautiful blog layout. Based on fresh frontend with dark/light mode.
|
||
Version: 1.0.0
|
||
Requires at least: 6.4
|
||
Tested up to: 6.8
|
||
Requires PHP: 8.1
|
||
License: GPL v2 or later
|
||
License URI: https://www.gnu.org/licenses/gpl-2.0.html
|
||
Text Domain: aksrt
|
||
Tags: blog, two-columns, right-sidebar, custom-menu, featured-images, translation-ready, dark-mode
|
||
|
||
============================================================
|
||
AKSRT WordPress Theme v3.0 - Fresh Frontend + Admin Backend
|
||
|
||
Fresh frontend templates (dark/light mode, responsive).
|
||
Full admin panel preserved (settings, OAuth, content tools, etc).
|
||
============================================================
|
||
*/
|
||
|
||
/* source: assets/css/core/tokens.css */
|
||
/**
|
||
* AKSRT Design Tokens v7 — 1:1 legacy Alignment
|
||
* ------------------------------------------------------------
|
||
* 单一真理源(Single Source of Truth)
|
||
* 所有颜色、字体、间距、动效都从此处读取,禁止在组件内硬编码。
|
||
* 严格对齐 legacy main.css 的视觉值。
|
||
*/
|
||
|
||
:root {
|
||
/* ===== Primary — legacy theme-color (#f04494 pink) ===== */
|
||
--color-primary: #f04494;
|
||
--color-primary-hover: #e0307e;
|
||
--color-primary-active: #c9206d;
|
||
--color-primary-soft: rgba(240, 68, 148, 0.10);
|
||
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||
--color-on-primary: #FFFFFF;
|
||
|
||
/* ===== Ink (text) — 对齐 legacy --key-color / --main-color / --muted-color ===== */
|
||
--color-ink: #333333; /* legacy --key-color */
|
||
--color-ink-2: #4e5358; /* legacy --main-color */
|
||
--color-ink-3: #777777; /* legacy --muted-color */
|
||
--color-ink-4: #999999; /* legacy --muted-2-color */
|
||
|
||
/* ===== Surface — 对齐 legacy --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||
--surface-page: #f5f6f7; /* legacy --body-bg-color */
|
||
--surface-1: #FFFFFF; /* legacy --main-bg-color */
|
||
--surface-2: #eeeeee; /* legacy --muted-bg-color #eee */
|
||
--surface-3: #e9ecef; /* 输入框 / code / 次级面 */
|
||
--surface-4: #f8f8f8; /* 分页 / 标签 / hover 薄层 */
|
||
|
||
/* ===== Borders — 对齐 legacy --main-border-color ===== */
|
||
--color-line: rgba(50, 50, 50, 0.06);
|
||
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||
--color-line-stronger: rgba(50, 50, 50, 0.12);
|
||
|
||
/* ===== State colors ===== */
|
||
--color-success: #10B981;
|
||
--color-warning: #F59E0B;
|
||
--color-error: #EF4444;
|
||
--color-info: #3B82F6;
|
||
|
||
/* ===== Accent (action green — legacy tabbar/CTA) ===== */
|
||
--color-accent: #18a058;
|
||
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
||
|
||
/* ===== Fonts — 对齐 legacy(系统默认字体栈)===== */
|
||
--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||
|
||
/* ===== Type scale ===== */
|
||
--text-xs: 0.75rem; /* 12 */
|
||
--text-sm: 0.875rem; /* 14 */
|
||
--text-base: 1rem; /* 16 */
|
||
--text-md: 1.125rem; /* 18 */
|
||
--text-lg: 1.25rem; /* 20 */
|
||
--text-xl: 1.5rem; /* 24 */
|
||
--text-2xl: 1.875rem; /* 30 */
|
||
--text-3xl: 2.25rem; /* 36 */
|
||
--text-4xl: 3rem; /* 48 */
|
||
--text-5xl: 3.75rem; /* 60 */
|
||
--leading-tight: 1.2;
|
||
--leading-snug: 1.4;
|
||
--leading-normal: 1.6; /* legacy body line-height */
|
||
--leading-relaxed: 1.6;
|
||
|
||
/* ===== Spacing (4px base) ===== */
|
||
--space-1: 4px;
|
||
--space-2: 8px;
|
||
--space-3: 12px;
|
||
--space-4: 16px;
|
||
--space-5: 20px;
|
||
--space-6: 24px;
|
||
--space-7: 32px;
|
||
--space-8: 40px;
|
||
--space-9: 48px;
|
||
--space-10: 64px;
|
||
--space-11: 80px;
|
||
--space-12: 96px;
|
||
|
||
/* ===== Radius — 对齐 legacy --main-radius: 8px ===== */
|
||
--radius-xs: 3px;
|
||
--radius-sm: 4px;
|
||
--radius: 8px;
|
||
--radius-lg: 8px; /* legacy main-radius — was 10px */
|
||
--radius-xl: 12px;
|
||
--radius-2xl: 16px;
|
||
--radius-pill: 100px;
|
||
--radius-avatar: 50%;
|
||
|
||
/* ===== Shadows — 对齐 legacy --main-shadow: rgba(116,116,116,0.08) ===== */
|
||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
|
||
--shadow-sm: 0 0 10px rgba(116, 116, 116, 0.08);
|
||
--shadow: 0 0 10px rgba(116, 116, 116, 0.12);
|
||
--shadow-lg: 0 12px 32px rgba(18, 18, 18, 0.10);
|
||
--shadow-drawer: 0 18px 60px rgba(0, 0, 0, 0.20);
|
||
|
||
/* ===== Layout — 对齐 legacy --mian-max-width: 1200px ===== */
|
||
--nav-height: 60px;
|
||
--container: 1200px;
|
||
--container-wide: 1440px;
|
||
--container-read: 760px;
|
||
--container-page: 880px;
|
||
--sidebar-width: 311px;
|
||
--content-gap: 24px;
|
||
--section-gap: 24px;
|
||
--sidebar-bp: 992px;
|
||
|
||
/* ===== Motion ===== */
|
||
--ease: cubic-bezier(.4, 0, .2, 1);
|
||
--ease-out: cubic-bezier(.16, 1, .3, 1);
|
||
--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
|
||
--dur-fast: 0.15s;
|
||
--dur: 0.25s;
|
||
--dur-slow: 0.4s;
|
||
|
||
/* ===== Focus Ring — 对齐 legacy focus-shadow-color ===== */
|
||
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||
|
||
/* ===== Z-index layers ===== */
|
||
--z-dropdown: 100;
|
||
--z-sticky: 200;
|
||
--z-fixed: 300;
|
||
--z-overlay: 400;
|
||
--z-modal: 500;
|
||
--z-popover: 600;
|
||
--z-toast: 700;
|
||
--z-tooltip: 800;
|
||
|
||
/* ===== Button sizes — 对齐 legacy ===== */
|
||
--radius-btn: 4px;
|
||
--btn-sm-h: 28px;
|
||
--btn-md-h: 34px;
|
||
--btn-lg-h: 44px;
|
||
|
||
/* ===== Card density — 对齐 legacy .box-body { padding: 15px } ===== */
|
||
--card-padding: 15px;
|
||
--card-padding-sm: 10px;
|
||
--card-padding-lg: 20px;
|
||
--card-gap: 16px;
|
||
--card-gap-lg: 20px;
|
||
|
||
/* ===== Skeleton loader ===== */
|
||
--skeleton-base: var(--surface-2);
|
||
--skeleton-shine: var(--surface-1);
|
||
|
||
/* ===== Extended tokens (used by components) ===== */
|
||
--color-primary-light: var(--color-primary-soft);
|
||
--color-surface: var(--surface-1);
|
||
--color-line-strong: var(--color-line);
|
||
--color-bg-hover: var(--surface-2);
|
||
--color-border-light: var(--color-line-soft);
|
||
--color-fill: var(--surface-2);
|
||
--color-warning-bg: #fffbe6;
|
||
--color-warning-text: #ad6800;
|
||
|
||
--text-secondary: var(--color-ink-3);
|
||
--text-tertiary: var(--color-ink-4);
|
||
|
||
--surface-active: var(--surface-2);
|
||
--surface-card: var(--surface-1);
|
||
--surface-hover: var(--surface-2);
|
||
--surface-secondary: var(--surface-2);
|
||
|
||
--radius-code: var(--radius);
|
||
--radius-full: 100px;
|
||
--shadow-xl: 0 0 10px rgba(116, 116, 116, 0.12);
|
||
--space-16: 64px;
|
||
--z-floating: 900;
|
||
|
||
--transition-fast: 0.15s ease;
|
||
--transition-base: 0.25s ease;
|
||
|
||
/* ===== Composite / Context tokens — 对齐 legacy ===== */
|
||
--header-bg: var(--blur-bg);
|
||
--header-color: var(--color-ink-2);
|
||
--footer-bg: var(--surface-1);
|
||
--footer-color: var(--color-ink-4);
|
||
--blur-bg: rgba(255, 255, 255, 0.80);
|
||
--float-btn-bg: rgba(200, 200, 200, 0.40);
|
||
|
||
/* ===== AKSRT-to-AKSRT canonical aliases ===== */
|
||
--content-max: var(--container);
|
||
--font-heading: var(--font-ui);
|
||
--radius-card: var(--radius);
|
||
--radius-md: var(--radius);
|
||
--color-primary-50: var(--color-primary-soft);
|
||
--color-primary-dark: var(--color-primary-active);
|
||
--shadow-md: var(--shadow);
|
||
--mini-radius: calc(var(--radius) / 1.4);
|
||
--single-cover-scale: 35%;
|
||
|
||
/* ===== Avatar size system — legacy --this-size 等价 ===== */
|
||
--aksrt-avatar-size-xs: 24px;
|
||
--aksrt-avatar-size-sm: 32px;
|
||
--aksrt-avatar-size: 40px;
|
||
--aksrt-avatar-size-lg: 56px;
|
||
--aksrt-avatar-size-xl: 80px;
|
||
|
||
/* ===== Post card thumbnail scale ===== */
|
||
--aksrt-card-thumb-scale: 56.25%; /* 16:9 */
|
||
|
||
/* ===== Multi-color palette (for buttons / badges / gradients) ===== */
|
||
--aksrt-rose: #f43f5e;
|
||
--aksrt-rose-soft: rgba(244, 63, 94, 0.12);
|
||
--aksrt-blue: #3b82f6;
|
||
--aksrt-blue-soft: rgba(59, 130, 246, 0.12);
|
||
--aksrt-green: #10b981;
|
||
--aksrt-green-soft: rgba(16, 185, 129, 0.12);
|
||
--aksrt-orange: #f97316;
|
||
--aksrt-orange-soft:rgba(249, 115, 22, 0.12);
|
||
--aksrt-purple: #8b5cf6;
|
||
--aksrt-purple-soft:rgba(139, 92, 246, 0.12);
|
||
--aksrt-cyan: #06b6d4;
|
||
--aksrt-cyan-soft: rgba(6, 182, 212, 0.12);
|
||
--aksrt-yellow: #eab308;
|
||
--aksrt-yellow-soft:rgba(234, 179, 8, 0.12);
|
||
--aksrt-red: #ef4444;
|
||
--aksrt-red-soft: rgba(239, 68, 68, 0.12);
|
||
--aksrt-teal: #14b8a6;
|
||
--aksrt-teal-soft: rgba(20, 184, 166, 0.12);
|
||
--aksrt-indigo: #6366f1;
|
||
--aksrt-indigo-soft:rgba(99, 102, 241, 0.12);
|
||
--aksrt-pink: #ec4899;
|
||
--aksrt-pink-soft: rgba(236, 72, 153, 0.12);
|
||
|
||
/* ===== VIP / special gradients ===== */
|
||
--aksrt-vip-gold-1: #f6d365;
|
||
--aksrt-vip-gold-2: #fda085;
|
||
--aksrt-grad-sunset-1: #f093fb;
|
||
--aksrt-grad-sunset-2: #f5576c;
|
||
--aksrt-grad-ocean-1: #4facfe;
|
||
--aksrt-grad-ocean-2: #00f2fe;
|
||
--aksrt-grad-forest-1: #43e97b;
|
||
--aksrt-grad-forest-2: #38f9d7;
|
||
--aksrt-grad-night-1: #a18cd1;
|
||
--aksrt-grad-night-2: #fbc2eb;
|
||
--aksrt-grad-fire-1: #f83600;
|
||
--aksrt-grad-fire-2: #f9d423;
|
||
|
||
/* ===== Component sizing ===== */
|
||
--aksrt-toggle-w: 44px;
|
||
--aksrt-toggle-h: 24px;
|
||
--aksrt-stepper-h: 36px;
|
||
--aksrt-badge-h: 22px;
|
||
|
||
/* ===== Legacy name bridge ===== */
|
||
--text-1: var(--color-ink);
|
||
--text-2: var(--color-ink-2);
|
||
--text-3: var(--color-ink-3);
|
||
--border: var(--color-line);
|
||
--color-text-1: var(--color-ink);
|
||
--color-text-2: var(--color-ink-2);
|
||
--color-text-3: var(--color-ink-3);
|
||
--color-primary-bg: var(--color-primary-softer);
|
||
--color-danger: var(--color-error);
|
||
}
|
||
|
||
/* ============================================================
|
||
* Blur-bg fallback cascade (mirrors legacy behaviour)
|
||
* ============================================================ */
|
||
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||
:root {
|
||
--blur-bg: var(--surface-1);
|
||
--header-bg: var(--surface-1);
|
||
}
|
||
}
|
||
|
||
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||
html.dark,
|
||
body.dark-theme {
|
||
--blur-bg: #37383a;
|
||
--header-bg: #37383a;
|
||
}
|
||
}
|
||
|
||
body.modal-open,
|
||
body.dialog-open {
|
||
--blur-bg: var(--surface-1);
|
||
--header-bg: var(--surface-1);
|
||
}
|
||
|
||
body.modal-open .site-nav,
|
||
body.modal-open .footer-tabbar,
|
||
body.modal-open .float-right .float-btn,
|
||
body.dialog-open .site-nav,
|
||
body.dialog-open .footer-tabbar,
|
||
body.dialog-open .float-right .float-btn {
|
||
backdrop-filter: none !important;
|
||
-webkit-backdrop-filter: none !important;
|
||
}
|
||
|
||
html.dark body.modal-open,
|
||
html.dark body.dialog-open,
|
||
body.dark-theme.modal-open,
|
||
body.dark-theme.dialog-open {
|
||
--blur-bg: #37383a;
|
||
--header-bg: #37383a;
|
||
}
|
||
|
||
/* ============================================================
|
||
* Multi-level container responsive — 对齐 legacy --mian-max-width
|
||
* 不同视口宽度下容器自动调整
|
||
* ============================================================ */
|
||
@media (min-width: 992px) {
|
||
:root {
|
||
--container: 960px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1200px) {
|
||
:root {
|
||
--container: 1140px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1400px) {
|
||
:root {
|
||
--container: 1200px;
|
||
}
|
||
}
|
||
|
||
/* ============================================================
|
||
* Dark Theme — 对齐 legacy .dark-theme 精确 hex
|
||
* body.dark-theme 与 html.dark 同权(legacy 用 body class)
|
||
* ============================================================ */
|
||
html.dark,
|
||
body.dark-theme {
|
||
--color-ink: #f8fafc; /* legacy --key-color */
|
||
--color-ink-2: #e5eef7; /* legacy --main-color */
|
||
--color-ink-3: #b4b6bb; /* legacy --muted-color */
|
||
--color-ink-4: #888a8f; /* legacy --muted-2-color */
|
||
|
||
--surface-page: #292a2d; /* legacy --body-bg-color */
|
||
--surface-1: #323335; /* legacy --main-bg-color */
|
||
--surface-2: #2d2e31; /* legacy --muted-bg-color */
|
||
--surface-3: #3a3c42;
|
||
--surface-4: #26282d;
|
||
|
||
--color-line: rgba(114, 114, 114, 0.1);
|
||
--color-line-soft: rgba(184, 184, 184, 0.02);
|
||
--color-line-stronger: rgba(255, 255, 255, 0.12);
|
||
|
||
--color-primary-soft: rgba(240, 68, 148, 0.16);
|
||
--color-primary-softer: rgba(240, 68, 148, 0.08);
|
||
|
||
--color-primary-light: var(--color-primary-soft);
|
||
--color-surface: var(--surface-1);
|
||
--color-line-strong: var(--color-line);
|
||
--color-bg-hover: var(--surface-2);
|
||
--color-border-light: var(--color-line-soft);
|
||
--color-fill: var(--surface-2);
|
||
|
||
--text-secondary: var(--color-ink-3);
|
||
--text-tertiary: var(--color-ink-4);
|
||
|
||
--surface-active: var(--surface-2);
|
||
--surface-card: var(--surface-1);
|
||
--surface-hover: var(--surface-2);
|
||
--surface-secondary: var(--surface-2);
|
||
|
||
--shadow-xl: 0 0 10px rgba(24, 24, 24, 0.18);
|
||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
|
||
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* legacy --main-shadow dark */
|
||
--shadow: 0 0 10px rgba(24, 24, 24, 0.14);
|
||
--shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.32);
|
||
--shadow-drawer: 0 20px 60px rgba(0, 0, 0, 0.60);
|
||
|
||
--blur-bg: rgba(50, 51, 53, 0.80);
|
||
--float-btn-bg: rgba(70, 70, 70, 0.40);
|
||
--header-bg: var(--blur-bg);
|
||
--footer-bg: var(--surface-1);
|
||
--footer-color: var(--color-ink-4);
|
||
--shadow-md: var(--shadow);
|
||
|
||
--skeleton-base: #3a3b3e;
|
||
--skeleton-shine: #444548;
|
||
|
||
/* Multi-color palette — dark mode: same hue, softer tint backgrounds */
|
||
--aksrt-rose-soft: rgba(244, 63, 94, 0.18);
|
||
--aksrt-blue-soft: rgba(59, 130, 246, 0.18);
|
||
--aksrt-green-soft: rgba(16, 185, 129, 0.18);
|
||
--aksrt-orange-soft:rgba(249, 115, 22, 0.18);
|
||
--aksrt-purple-soft:rgba(139, 92, 246, 0.18);
|
||
--aksrt-cyan-soft: rgba(6, 182, 212, 0.18);
|
||
--aksrt-yellow-soft:rgba(234, 179, 8, 0.18);
|
||
--aksrt-red-soft: rgba(239, 68, 68, 0.18);
|
||
--aksrt-teal-soft: rgba(20, 184, 166, 0.18);
|
||
--aksrt-indigo-soft:rgba(99, 102, 241, 0.18);
|
||
--aksrt-pink-soft: rgba(236, 72, 153, 0.18);
|
||
}
|
||
|
||
/* Dark mode component refinements */
|
||
html.dark .site-nav,
|
||
body.dark-theme .site-nav {
|
||
border-bottom-color: var(--color-line);
|
||
box-shadow: none;
|
||
}
|
||
|
||
html.dark .footer-tabbar,
|
||
body.dark-theme .footer-tabbar {
|
||
background: rgba(50, 51, 53, 0.80);
|
||
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.20);
|
||
}
|
||
|
||
html.dark .n-drawer,
|
||
html.dark .n-modal,
|
||
html.dark .n-dialog,
|
||
body.dark-theme .n-drawer,
|
||
body.dark-theme .n-modal,
|
||
body.dark-theme .n-dialog {
|
||
background: var(--surface-1);
|
||
}
|
||
|
||
html.dark .post-card,
|
||
html.dark .widget,
|
||
html.dark .aksrt-theme-box,
|
||
html.dark .theme-box,
|
||
body.dark-theme .post-card,
|
||
body.dark-theme .widget,
|
||
body.dark-theme .aksrt-theme-box,
|
||
body.dark-theme .theme-box {
|
||
border-color: transparent;
|
||
}
|
||
|
||
/* source: assets/css/core/reset.css */
|
||
/**
|
||
* AKSRT Reset
|
||
* 现代精简 reset,结合 box-sizing 与 a11y 友好的默认值。
|
||
*/
|
||
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html {
|
||
font-size: 16px;
|
||
scroll-behavior: smooth;
|
||
-webkit-text-size-adjust: 100%;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
overflow-x: hidden;
|
||
text-rendering: optimizeLegibility;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
font-family: var(--font-body);
|
||
font-size: var(--text-base);
|
||
line-height: var(--leading-normal);
|
||
background-color: var(--surface-page);
|
||
color: var(--color-ink-2);
|
||
transition: background-color 0.25s ease, color 0.25s ease;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
/* 媒体元素 */
|
||
img,
|
||
picture,
|
||
video,
|
||
canvas {
|
||
display: block;
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
/* 表单元素继承字体 */
|
||
input,
|
||
button,
|
||
textarea,
|
||
select {
|
||
font: inherit;
|
||
color: inherit;
|
||
}
|
||
|
||
button {
|
||
background: none;
|
||
border: 0;
|
||
padding: 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 链接 */
|
||
a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
transition: color var(--dur-fast) var(--ease);
|
||
}
|
||
|
||
a:hover {
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
/* 取消浏览器默认聚焦描边;组件按需声明自己的焦点状态。 */
|
||
:focus {
|
||
outline: none;
|
||
}
|
||
|
||
/* 选区色 */
|
||
::selection {
|
||
background: var(--color-primary-soft);
|
||
color: var(--color-ink);
|
||
}
|
||
|
||
/* 屏幕阅读器隐藏 */
|
||
.screen-reader-text,
|
||
.sr-only {
|
||
position: absolute !important;
|
||
width: 1px;
|
||
height: 1px;
|
||
padding: 0;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
clip: rect(0, 0, 0, 0);
|
||
white-space: nowrap;
|
||
border: 0;
|
||
}
|
||
|
||
.screen-reader-text:focus,
|
||
.sr-only:focus {
|
||
position: fixed !important;
|
||
top: 16px;
|
||
left: 16px;
|
||
width: auto;
|
||
height: auto;
|
||
padding: 8px 16px;
|
||
background: var(--surface-1);
|
||
color: var(--color-ink);
|
||
z-index: 100000;
|
||
clip: auto;
|
||
box-shadow: var(--shadow-lg);
|
||
border-radius: var(--radius);
|
||
}
|
||
|
||
/* 减少动效偏好 */
|
||
@media (prefers-reduced-motion: reduce) {
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
animation-duration: 0.01ms !important;
|
||
animation-iteration-count: 1 !important;
|
||
transition-duration: 0.01ms !important;
|
||
scroll-behavior: auto !important;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/core/typography.css */
|
||
/**
|
||
* AKSRT Typography — 1:1 legacy Alignment
|
||
*
|
||
* 对齐 legacy main.css 的排版系统
|
||
*/
|
||
|
||
/* ===== 全局标题 — 对齐 legacy line 8947 ===== */
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-weight: 700;
|
||
margin: 20px 0 10px;
|
||
color: var(--key-color, #333);
|
||
}
|
||
|
||
h1 { font-size: 22px; }
|
||
h2 { font-size: 20px; }
|
||
h3 { font-size: 18px; }
|
||
h4 { font-size: 16px; }
|
||
h5 { font-size: 15px; }
|
||
h6 { font-size: 14px; }
|
||
|
||
/* ===== 文章正文 — 对齐 legacy line 8740 ===== */
|
||
.wp-posts-content,
|
||
.entry-content,
|
||
.prose {
|
||
font-size: 16px;
|
||
line-height: 2;
|
||
color: var(--main-color, #4e5358);
|
||
min-height: 90px;
|
||
}
|
||
|
||
/* ===== 文章内标题 — 对齐 legacy line 8947 ===== */
|
||
.wp-posts-content h1,
|
||
.wp-posts-content h2,
|
||
.wp-posts-content h3,
|
||
.wp-posts-content h4,
|
||
.wp-posts-content h5,
|
||
.entry-content h1,
|
||
.entry-content h2,
|
||
.entry-content h3,
|
||
.entry-content h4,
|
||
.entry-content h5,
|
||
.prose h1,
|
||
.prose h2,
|
||
.prose h3,
|
||
.prose h4,
|
||
.prose h5 {
|
||
font-weight: 700;
|
||
margin: 20px 0 10px;
|
||
color: var(--key-color, #333);
|
||
}
|
||
|
||
.wp-posts-content h1,
|
||
.entry-content h1,
|
||
.prose h1 { font-size: 22px; }
|
||
|
||
.wp-posts-content h2,
|
||
.entry-content h2,
|
||
.prose h2 { font-size: 20px; }
|
||
|
||
.wp-posts-content h3,
|
||
.entry-content h3,
|
||
.prose h3 { font-size: 18px; }
|
||
|
||
.wp-posts-content h4,
|
||
.entry-content h4,
|
||
.prose h4 { font-size: 16px; }
|
||
|
||
/* ===== 段落 — 对齐 legacy line 8999 ===== */
|
||
.wp-posts-content p,
|
||
.entry-content p,
|
||
.prose p {
|
||
margin: 0 0 20px;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
/* ===== 链接 — 对齐 legacy line 8836 ===== */
|
||
.wp-posts-content a,
|
||
.entry-content a,
|
||
.prose a {
|
||
color: var(--focus-color, #f04494);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.wp-posts-content a:hover,
|
||
.entry-content a:hover,
|
||
.prose a:hover {
|
||
color: var(--focus-color, #f04494);
|
||
}
|
||
|
||
/* ===== 图片 — 对齐 legacy line 8850 ===== */
|
||
.wp-posts-content img,
|
||
.entry-content img,
|
||
.prose img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
display: block;
|
||
margin: auto;
|
||
}
|
||
|
||
/* ===== 内联代码 — 对齐 legacy line 8844 ===== */
|
||
.wp-posts-content code:not(pre code),
|
||
.entry-content code:not(pre code),
|
||
.prose code:not(pre code) {
|
||
color: #ff3c98;
|
||
background: rgba(253, 153, 153, 0.2);
|
||
font-family: var(--font-mono, monospace);
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
/* ===== 代码块 — 对齐 legacy ===== */
|
||
.wp-posts-content pre,
|
||
.entry-content pre,
|
||
.prose pre {
|
||
position: relative;
|
||
background: #282c34;
|
||
color: #abb2bf;
|
||
padding: 15px;
|
||
border-radius: var(--main-radius, 8px);
|
||
overflow-x: auto;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
margin: 0 0 20px;
|
||
}
|
||
|
||
.wp-posts-content pre code,
|
||
.entry-content pre code,
|
||
.prose pre code {
|
||
color: inherit;
|
||
background: none;
|
||
padding: 0;
|
||
font-size: inherit;
|
||
}
|
||
|
||
/* ===== 表格 — 对齐 legacy line 8897 ===== */
|
||
.wp-posts-content table,
|
||
.entry-content table,
|
||
.prose table {
|
||
font-size: 14px;
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
margin: 0 0 20px;
|
||
}
|
||
|
||
.wp-posts-content th,
|
||
.wp-posts-content td,
|
||
.entry-content th,
|
||
.entry-content td,
|
||
.prose th,
|
||
.prose td {
|
||
border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||
padding: 8px;
|
||
}
|
||
|
||
.wp-posts-content th,
|
||
.entry-content th,
|
||
.prose th {
|
||
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
|
||
font-weight: 700;
|
||
}
|
||
|
||
.wp-posts-content tr:hover,
|
||
.entry-content tr:hover,
|
||
.prose tr:hover {
|
||
background-color: rgba(240, 68, 148, 0.05);
|
||
}
|
||
|
||
/* ===== 列表 — 对齐 legacy line 8977 ===== */
|
||
.wp-posts-content ul,
|
||
.wp-posts-content ol,
|
||
.entry-content ul,
|
||
.entry-content ol,
|
||
.prose ul,
|
||
.prose ol {
|
||
margin: 10px 0 20px 15px;
|
||
padding-left: 15px;
|
||
}
|
||
|
||
.wp-posts-content li,
|
||
.entry-content li,
|
||
.prose li {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
/* ===== 引用 — 对齐 legacy line 680 ===== */
|
||
.wp-posts-content blockquote,
|
||
.entry-content blockquote,
|
||
.prose blockquote {
|
||
padding: 15px 20px;
|
||
margin: 0 0 20px;
|
||
border-left: 4px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
|
||
font-size: 16px;
|
||
color: var(--muted-color, #777);
|
||
border-radius: 0;
|
||
}
|
||
|
||
.wp-posts-content blockquote p:last-child,
|
||
.entry-content blockquote p:last-child,
|
||
.prose blockquote p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* ===== 水平分割线 — 对齐 legacy line 676 ===== */
|
||
hr {
|
||
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||
}
|
||
|
||
/* ===== Strong / Bold ===== */
|
||
strong, b {
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* source: assets/css/core/buttons.css */
|
||
/**
|
||
* AKSRT Buttons — 1:1 legacy Alignment
|
||
*
|
||
* 对齐 legacy .but 系统:
|
||
* - 正常字重 (normal)
|
||
* - 4px 圆角
|
||
* - 灰色默认背景
|
||
* - opacity hover
|
||
*/
|
||
|
||
.btn,
|
||
.btn-primary,
|
||
.btn-outline,
|
||
.btn-ghost,
|
||
.btn-danger {
|
||
--btn-h: 34px;
|
||
--btn-px: 14px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
height: var(--btn-h);
|
||
padding: 0 var(--btn-px);
|
||
font-size: var(--text-sm);
|
||
font-weight: normal; /* legacy .but: normal — was 500 */
|
||
line-height: 1.44;
|
||
border: 1px solid transparent;
|
||
border-radius: var(--radius-btn);
|
||
cursor: pointer;
|
||
white-space: nowrap;
|
||
user-select: none;
|
||
text-decoration: none;
|
||
box-shadow: none;
|
||
transition: opacity 0.15s ease,
|
||
background 0.15s ease,
|
||
border-color 0.15s ease,
|
||
color 0.15s ease,
|
||
box-shadow 0.15s ease;
|
||
}
|
||
|
||
/* 尺寸变体 */
|
||
.btn-sm { --btn-h: 28px; --btn-px: 8px; font-size: var(--text-xs); }
|
||
.btn-lg { --btn-h: 44px; --btn-px: 18px; font-size: var(--text-base); }
|
||
|
||
/* === Default (gray background, like legacy .but default) === */
|
||
.btn {
|
||
background: rgba(136, 136, 136, 0.1);
|
||
color: #888;
|
||
border-color: transparent;
|
||
}
|
||
|
||
.btn:hover {
|
||
opacity: 0.8;
|
||
color: #888;
|
||
}
|
||
|
||
/* === Primary — solid theme, opacity hover (no translateY / heavy glow) === */
|
||
.btn-primary {
|
||
background: var(--color-primary);
|
||
color: var(--color-on-primary);
|
||
border-color: var(--color-primary);
|
||
box-shadow: none;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
opacity: 0.8;
|
||
color: var(--color-on-primary);
|
||
background: var(--color-primary);
|
||
border-color: var(--color-primary);
|
||
transform: none;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.btn-primary:active {
|
||
opacity: 1;
|
||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
/* === Outline === */
|
||
.btn-outline {
|
||
background: transparent;
|
||
color: var(--color-ink-2);
|
||
border-color: var(--color-ink-2);
|
||
}
|
||
|
||
.btn-outline:hover {
|
||
opacity: 0.8;
|
||
background: transparent;
|
||
border-color: var(--color-ink-2);
|
||
color: var(--color-ink-2);
|
||
}
|
||
|
||
/* === Ghost === */
|
||
.btn-ghost {
|
||
background: transparent;
|
||
color: var(--color-ink-2);
|
||
border-color: transparent;
|
||
}
|
||
|
||
.btn-ghost:hover {
|
||
background: rgba(136, 136, 136, 0.1);
|
||
opacity: 0.8;
|
||
}
|
||
|
||
/* === Danger === */
|
||
.btn-danger {
|
||
background: var(--color-error);
|
||
color: #fff;
|
||
border-color: var(--color-error);
|
||
}
|
||
|
||
.btn-danger:hover {
|
||
opacity: 0.8;
|
||
color: #fff;
|
||
}
|
||
|
||
/* === Disabled === */
|
||
.btn:disabled,
|
||
.btn-primary:disabled,
|
||
.btn-outline:disabled,
|
||
.btn-ghost:disabled,
|
||
.btn-danger:disabled {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* === Icon button === */
|
||
.btn-icon {
|
||
width: var(--btn-h);
|
||
padding: 0;
|
||
justify-content: center;
|
||
}
|
||
|
||
.btn-icon.btn-sm { width: 28px; }
|
||
.btn-icon.btn-lg { width: 44px; }
|
||
|
||
/* === Full width === */
|
||
.btn-block {
|
||
width: 100%;
|
||
}
|
||
|
||
/* ============================================================
|
||
* legacy .but / .badg compat layer — 1:1 legacy main.css (.but system)
|
||
* ------------------------------------------------------------
|
||
* Additive: does NOT alter the AKSRT .btn system above. Lets reused
|
||
* legacy-style markup (.but / .badg / .b-* / .jb-* / .c-* / .but-group /
|
||
* .but-average / .toggle-radius) render via the --this-* context-coloring vars.
|
||
* The --this-* DEFAULTS are set on the base rule here (BEFORE the .b-* and .jb-*
|
||
* modifiers) so the cascade resolves colored variants correctly; scoped to
|
||
* .but/.badg (never :root) so .float-btn's own var(--this-*, fallback) stays intact.
|
||
* Consumes --focus-color-opacity* from compat-vars.css.
|
||
* ============================================================ */
|
||
|
||
/* Base (legacy .but / .badg) */
|
||
.but,
|
||
.badg {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
padding: 0.3em 0.6em;
|
||
text-align: center;
|
||
font-weight: normal;
|
||
line-height: 1.44;
|
||
border-radius: 4px;
|
||
border: 1px solid var(--this-border);
|
||
box-shadow: var(--this-shadow);
|
||
background: var(--this-bg);
|
||
color: var(--this-color);
|
||
--main-color: var(--this-color);
|
||
--this-bg: rgba(136, 136, 136, 0.1);
|
||
--this-border: transparent;
|
||
--this-shadow: none;
|
||
--this-color: #888;
|
||
text-shadow: 0 0 0;
|
||
transition: 0.15s;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.but a { color: inherit; }
|
||
|
||
.but .icon,
|
||
.but > .fa:not(.fa-angle-right),
|
||
.but > i[class*="fa-"]:not(.fa-angle-right) { margin-right: 0.25em; }
|
||
|
||
/* hover / active */
|
||
.but:focus,
|
||
.but:hover { opacity: 0.8; color: var(--this-color); }
|
||
.but:active { --this-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08); }
|
||
|
||
/* radius variants */
|
||
.but.radius,
|
||
.badg.radius,
|
||
.radius > .but { border-radius: 50px; padding: 0.3em 1em; }
|
||
.but.main-radius,
|
||
.badg.main-radius { border-radius: var(--main-radius); }
|
||
.but.mini-radius,
|
||
.badg.mini-radius { border-radius: var(--mini-radius); }
|
||
|
||
/* hollow (outline) */
|
||
.but.hollow,
|
||
.badg.hollow { background: transparent; --this-border: var(--this-color); }
|
||
.but.hollow:hover { background: var(--this-bg); }
|
||
.badg.hollow[class*='b-'],
|
||
.but.hollow[class*='b-'] { background: 0 0; --this-border: var(--this-bg); --this-color: var(--this-bg); }
|
||
.but.hollow[class*='b-']:hover { color: #fff; }
|
||
.but.hollow.c-white:hover { background: 0 0; --this-color: var(--focus-color); color: var(--focus-color); }
|
||
|
||
/* circular icon button */
|
||
.circular,
|
||
.badg.cir,
|
||
.but.cir {
|
||
padding: 0;
|
||
border-radius: 5em;
|
||
--this-size: 1.8em;
|
||
display: inline-flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: var(--this-size);
|
||
min-width: var(--this-size);
|
||
}
|
||
.circular.radius4,
|
||
.badg.cir.radius4,
|
||
.but.cir.radius4 { border-radius: 4px; }
|
||
/* :not() variants outrank the .but > i[class*="fa-"]:not(.fa-angle-right) margin rule */
|
||
.but.cir svg.icon,
|
||
.but.cir > .fa,
|
||
.but.cir > .fa:not(.fa-angle-right),
|
||
.but.cir > i[class*="fa-"]:not(.fa-angle-right) { margin: 0; }
|
||
|
||
/* button group (joined) */
|
||
.but-group { display: inline-flex; }
|
||
.but-group > .but { border-radius: 0; margin: 0; }
|
||
.but-group > .but:first-of-type { border-radius: 4px 0 0 4px; }
|
||
.but-group > .but:last-of-type { border-radius: 0 4px 4px 0; }
|
||
|
||
/* segmented control (equal-width) */
|
||
.but-average { display: flex; border-radius: 4px; overflow: hidden; }
|
||
.but-average.inline { display: inline-flex; }
|
||
.but-average.radius { border-radius: 100px; }
|
||
.but-average.main-radius { border-radius: var(--main-radius); }
|
||
.but-average.mini-radius { border-radius: var(--mini-radius); }
|
||
.but-average > .but { margin: 0 !important; border-radius: 0; flex: auto; }
|
||
.but-average > .but.active { --this-bg: var(--focus-color-opacity1); --this-color: var(--focus-color); }
|
||
|
||
/* size variants */
|
||
.but.but-sm { font-size: 0.9em; padding: 0.1em 0.4em; vertical-align: 0.05em; }
|
||
.but.badg-sm,
|
||
.badg.badg-sm { font-size: 0.8em; padding: 0 0.2em; vertical-align: 0.1em; min-width: 1.6em; }
|
||
.badg.badg-sm.cir { --this-size: 1.6em; }
|
||
.padding-lg,
|
||
.badg.badg-lg,
|
||
.but.padding-lg { padding: 0.5em 2em; }
|
||
|
||
/* active badge state */
|
||
.active.badg,
|
||
.active > .badg:not(.vip-tag) { --this-bg: var(--focus-color); --this-color: #fff; }
|
||
.active.badg.hollow,
|
||
.active > .hollow:not(.vip-tag) { --this-color: var(--focus-color); }
|
||
|
||
/* toggle-radius (round 29px toggle) — legacy 1:1 */
|
||
.toggle-radius {
|
||
background: var(--this-bg);
|
||
width: 29px;
|
||
height: 29px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
border-radius: 100%;
|
||
position: relative;
|
||
vertical-align: text-top;
|
||
--this-bg: var(--main-border-color);
|
||
}
|
||
/* legacy groups these with abs-* : absolute + vertical center; then pin left/right 0 */
|
||
.toggle-radius .fa,
|
||
.toggle-radius .icon,
|
||
.toggle-radius > i {
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 0 !important;
|
||
left: 0 !important;
|
||
margin: auto;
|
||
transform: translateY(-50%);
|
||
line-height: 1;
|
||
width: 1em;
|
||
height: 1em;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
}
|
||
|
||
/* solid color modifiers — set --this-bg; default --this-color white */
|
||
.b-gray, .b-theme, .b-red, .b-yellow, .b-blue, .b-blue-2, .b-black,
|
||
.b-cyan, .b-green, .b-purple,
|
||
.jb-red, .jb-pink, .jb-yellow, .jb-blue, .jb-green, .jb-purple,
|
||
.jb-vip1, .jb-vip2 {
|
||
color: var(--this-color);
|
||
background: var(--this-bg);
|
||
--this-color: #fff;
|
||
}
|
||
.jb-red, .jb-pink, .jb-yellow, .jb-blue, .jb-green, .jb-purple,
|
||
.jb-vip1, .jb-vip2 { border: none; }
|
||
|
||
.b-theme { --this-bg: var(--focus-color); }
|
||
.b-gray { --this-bg: #818b95; }
|
||
.b-red { --this-bg: #ff5473; }
|
||
.b-yellow { --this-bg: #ff6f06; }
|
||
.b-cyan { --this-bg: #08c4c1; }
|
||
.b-blue { --this-bg: #2997f7; }
|
||
.b-blue-2 { --this-bg: #5c7cff; }
|
||
.b-green { --this-bg: #12b928; }
|
||
.b-purple { --this-bg: #d448f5; }
|
||
.b-black { --this-bg: #121517; }
|
||
|
||
/* gradient modifiers (legacy .jb-*) */
|
||
.jb-red { --this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); }
|
||
.jb-yellow { --this-bg: linear-gradient(135deg, #f99d4d 10%, #f7631d 100%); }
|
||
.jb-blue { --this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
|
||
.jb-green { --this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); }
|
||
.jb-purple { --this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%); }
|
||
.jb-pink { --this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%); }
|
||
.jb-vip1 { --this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%); --this-color: #866127; }
|
||
.jb-vip2 { --this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%); --this-color: #ddd; }
|
||
|
||
/* text-color modifiers (legacy .c-*) — set --this-color + light --this-bg */
|
||
.c-theme, .c-gray, .c-white, .c-red, .c-red-2, .c-yellow, .c-blue, .c-blue-2,
|
||
.c-green, .c-cyan, .c-purple { color: var(--this-color); }
|
||
.c-theme { --this-color: var(--focus-color); --this-bg: var(--focus-color-opacity1); }
|
||
.c-gray { --this-color: #888; --this-bg: rgba(136, 136, 136, 0.1); }
|
||
.c-white { --this-color: #fff; --this-bg: rgba(255, 255, 255, 0.1); }
|
||
.c-red { --this-color: #ff5473; --this-bg: rgba(255, 84, 115, 0.1); }
|
||
.c-red-2 { --this-color: #d6064c; --this-bg: rgba(194, 41, 46, 0.1); }
|
||
.c-yellow { --this-color: #ff6f06; --this-bg: rgba(255, 111, 6, 0.1); }
|
||
.c-blue { --this-color: #2997f7; --this-bg: rgba(41, 151, 247, 0.1); }
|
||
|
||
/* source: assets/css/core/forms.css */
|
||
/**
|
||
* AKSRT Forms — 1:1 legacy Alignment
|
||
*
|
||
* 对齐 legacy .form-control:
|
||
* - 灰色背景 (#f5f6f7)
|
||
* - 透明边框
|
||
* - 34px 高度
|
||
* - 8px 圆角
|
||
* - focus 时粉色边框 + 光晕
|
||
*/
|
||
|
||
/* ===== Field Wrapper ===== */
|
||
.field {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
margin-bottom: var(--space-4);
|
||
}
|
||
|
||
.field-label {
|
||
font-size: var(--text-sm);
|
||
font-weight: 600;
|
||
color: var(--color-ink);
|
||
}
|
||
|
||
.field-help {
|
||
font-size: var(--text-xs);
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.field-error {
|
||
font-size: var(--text-xs);
|
||
color: var(--color-error);
|
||
}
|
||
|
||
/* ===== Input / Textarea / Select — 对齐 legacy .form-control ===== */
|
||
.input,
|
||
.textarea,
|
||
.select,
|
||
input[type="text"].form-input,
|
||
input[type="email"].form-input,
|
||
input[type="password"].form-input,
|
||
input[type="search"].form-input,
|
||
input[type="url"].form-input,
|
||
input[type="tel"].form-input,
|
||
textarea.form-textarea,
|
||
select.form-select {
|
||
width: 100%;
|
||
height: 34px;
|
||
padding: 6px 12px;
|
||
font-size: 14px;
|
||
color: var(--color-ink);
|
||
background: var(--surface-page);
|
||
border: 1px solid transparent;
|
||
border-radius: var(--radius);
|
||
transition: border-color var(--dur-fast) var(--ease),
|
||
box-shadow var(--dur-fast) var(--ease);
|
||
}
|
||
|
||
.textarea,
|
||
textarea.form-textarea {
|
||
height: auto;
|
||
min-height: 120px;
|
||
padding: 12px;
|
||
line-height: var(--leading-snug);
|
||
resize: vertical;
|
||
}
|
||
|
||
.input:hover,
|
||
.textarea:hover,
|
||
.select:hover {
|
||
border-color: var(--color-primary);
|
||
}
|
||
|
||
.input:focus,
|
||
.textarea:focus,
|
||
.select:focus {
|
||
outline: none;
|
||
border-color: var(--color-primary);
|
||
box-shadow: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||
}
|
||
|
||
.input::placeholder,
|
||
.textarea::placeholder {
|
||
color: var(--color-ink-4);
|
||
}
|
||
|
||
/* ===== Select ===== */
|
||
.select,
|
||
select.form-select {
|
||
appearance: none;
|
||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
|
||
background-repeat: no-repeat;
|
||
background-position: right 12px center;
|
||
padding-right: 32px;
|
||
}
|
||
|
||
/* ===== Checkbox / Radio ===== */
|
||
.checkbox,
|
||
.radio {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
cursor: pointer;
|
||
font-size: var(--text-sm);
|
||
color: var(--color-ink-2);
|
||
}
|
||
|
||
.checkbox input,
|
||
.radio input {
|
||
width: 16px;
|
||
height: 16px;
|
||
accent-color: var(--color-primary);
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* ===== Input Group ===== */
|
||
.input-group {
|
||
display: flex;
|
||
align-items: stretch;
|
||
}
|
||
|
||
.input-group .input {
|
||
border-radius: var(--radius) 0 0 var(--radius);
|
||
}
|
||
|
||
.input-group .btn {
|
||
border-radius: 0 var(--radius) var(--radius) 0;
|
||
}
|
||
|
||
/* ===== Form Layout ===== */
|
||
.form-row {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
gap: var(--space-4);
|
||
}
|
||
|
||
.form-actions {
|
||
display: flex;
|
||
gap: var(--space-3);
|
||
margin-top: var(--space-5);
|
||
}
|
||
|
||
/* source: assets/css/core/alerts.css */
|
||
/**
|
||
* AKSRT Alerts
|
||
* 统一提示组件:error / warning / info / success
|
||
* 用于替代各页面 inline 的 .login-error / .bind-error 等
|
||
*/
|
||
|
||
.alert {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
padding: 12px 14px;
|
||
margin-bottom: var(--space-4);
|
||
font-size: var(--text-sm);
|
||
line-height: var(--leading-snug);
|
||
border-radius: var(--radius);
|
||
border: 1px solid transparent;
|
||
}
|
||
|
||
.alert > svg {
|
||
flex-shrink: 0;
|
||
width: 18px;
|
||
height: 18px;
|
||
margin-top: 1px;
|
||
}
|
||
|
||
.alert--error {
|
||
color: #B91C1C;
|
||
background: rgba(239, 68, 68, 0.08);
|
||
border-color: rgba(239, 68, 68, 0.3);
|
||
}
|
||
|
||
.alert--warning {
|
||
color: #B45309;
|
||
background: rgba(245, 158, 11, 0.08);
|
||
border-color: rgba(245, 158, 11, 0.3);
|
||
}
|
||
|
||
.alert--success {
|
||
color: #047857;
|
||
background: rgba(16, 185, 129, 0.08);
|
||
border-color: rgba(16, 185, 129, 0.3);
|
||
}
|
||
|
||
.alert--info {
|
||
color: #1D4ED8;
|
||
background: rgba(59, 130, 246, 0.08);
|
||
border-color: rgba(59, 130, 246, 0.3);
|
||
}
|
||
|
||
html.dark .alert--error { color: #FCA5A5; }
|
||
html.dark .alert--warning { color: #FCD34D; }
|
||
html.dark .alert--success { color: #6EE7B7; }
|
||
html.dark .alert--info { color: #93C5FD; }
|
||
|
||
/* source: assets/css/core/animations.css */
|
||
/**
|
||
* AKSRT Animations — animate.css 等价(独立重写)
|
||
* ------------------------------------------------------------
|
||
* 关键帧 + 工具类 + IntersectionObserver 触发配合
|
||
* 触发 JS 已在 enhancements2.js([data-aksrt-animate] 属性)
|
||
* 本文件仅定义 @keyframes 和 .aksrt-anim-* 工具类
|
||
*/
|
||
|
||
/* ============================================================
|
||
* Keyframes
|
||
* ============================================================ */
|
||
|
||
/* Fade 系列 */
|
||
@keyframes aksrtFadeIn {
|
||
from { opacity: 0; }
|
||
to { opacity: 1; }
|
||
}
|
||
|
||
@keyframes aksrtFadeInUp {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtFadeInDown {
|
||
from { opacity: 0; transform: translateY(-20px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtFadeInLeft {
|
||
from { opacity: 0; transform: translateX(-20px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtFadeInRight {
|
||
from { opacity: 0; transform: translateX(20px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
/* Zoom 系列 */
|
||
@keyframes aksrtZoomIn {
|
||
from { opacity: 0; transform: scale(.85); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtZoomInUp {
|
||
from { opacity: 0; transform: scale(.85) translateY(20px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
/* Bounce 系列 */
|
||
@keyframes aksrtBounceIn {
|
||
0% { opacity: 0; transform: scale(.3); }
|
||
50% { opacity: 1; transform: scale(1.08); }
|
||
70% { transform: scale(.95); }
|
||
100% { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtBounce {
|
||
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
|
||
40% { transform: translateY(-12px); }
|
||
60% { transform: translateY(-6px); }
|
||
}
|
||
|
||
/* Pulse */
|
||
@keyframes aksrtPulse {
|
||
0% { transform: scale(1); }
|
||
50% { transform: scale(1.06); }
|
||
100% { transform: scale(1); }
|
||
}
|
||
|
||
/* Flash */
|
||
@keyframes aksrtFlash {
|
||
0%, 50%, 100% { opacity: 1; }
|
||
25%, 75% { opacity: 0; }
|
||
}
|
||
|
||
/* RubberBand */
|
||
@keyframes aksrtRubberBand {
|
||
0% { transform: scale(1); }
|
||
30% { transform: scaleX(1.25) scaleY(0.75); }
|
||
40% { transform: scaleX(0.75) scaleY(1.25); }
|
||
50% { transform: scaleX(1.15) scaleY(0.85); }
|
||
65% { transform: scaleX(0.95) scaleY(1.05); }
|
||
75% { transform: scaleX(1.05) scaleY(0.95); }
|
||
100% { transform: scale(1); }
|
||
}
|
||
|
||
/* Shake */
|
||
@keyframes aksrtShake {
|
||
0%, 100% { transform: translateX(0); }
|
||
10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
|
||
20%, 40%, 60%, 80% { transform: translateX(4px); }
|
||
}
|
||
|
||
/* Swing */
|
||
@keyframes aksrtSwing {
|
||
20% { transform: rotate(15deg); }
|
||
40% { transform: rotate(-10deg); }
|
||
60% { transform: rotate(5deg); }
|
||
80% { transform: rotate(-5deg); }
|
||
100% { transform: none; }
|
||
}
|
||
|
||
/* Tada */
|
||
@keyframes aksrtTada {
|
||
0% { transform: scale(1); }
|
||
10%, 20% { transform: scale(0.9) rotate(-3deg); }
|
||
30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
|
||
40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
|
||
100% { transform: scale(1) rotate(0); }
|
||
}
|
||
|
||
/* Wobble */
|
||
@keyframes aksrtWobble {
|
||
0% { transform: none; }
|
||
15% { transform: translateX(-25%) rotate(-5deg); }
|
||
30% { transform: translateX(20%) rotate(3deg); }
|
||
45% { transform: translateX(-15%) rotate(-3deg); }
|
||
60% { transform: translateX(10%) rotate(2deg); }
|
||
75% { transform: translateX(-5%) rotate(-1deg); }
|
||
100% { transform: none; }
|
||
}
|
||
|
||
/* Slide 系列 */
|
||
@keyframes aksrtSlideInUp {
|
||
from { opacity: 0; transform: translateY(100%); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtSlideInDown {
|
||
from { opacity: 0; transform: translateY(-100%); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtSlideInLeft {
|
||
from { opacity: 0; transform: translateX(-100%); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtSlideInRight {
|
||
from { opacity: 0; transform: translateX(100%); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
|
||
/* HeartBeat */
|
||
@keyframes aksrtHeartBeat {
|
||
0% { transform: scale(1); }
|
||
14% { transform: scale(1.3); }
|
||
28% { transform: scale(1); }
|
||
42% { transform: scale(1.3); }
|
||
70% { transform: scale(1); }
|
||
100% { transform: scale(1); }
|
||
}
|
||
|
||
/* Jello */
|
||
@keyframes aksrtJello {
|
||
0%, 100% { transform: none; }
|
||
11% { transform: skewX(-12.5deg) skewY(-12.5deg); }
|
||
22% { transform: skewX(6.25deg) skewY(6.25deg); }
|
||
33% { transform: skewX(-6.25deg) skewY(-6.25deg); }
|
||
44% { transform: skewX(3.125deg) skewY(3.125deg); }
|
||
55% { transform: skewX(-3.125deg) skewY(-3.125deg); }
|
||
66% { transform: skewX(1.5625deg) skewY(1.5625deg); }
|
||
77% { transform: skewX(-1.5625deg) skewY(-1.5625deg); }
|
||
88% { transform: skewX(0.78125deg) skewY(0.78125deg); }
|
||
}
|
||
|
||
/* HeadShake */
|
||
@keyframes aksrtHeadShake {
|
||
0% { transform: translateX(0); }
|
||
6.5% { transform: translateX(-6px) rotateY(-9deg); }
|
||
18.5% { transform: translateX(5px) rotateY(7deg); }
|
||
31.5% { transform: translateX(-3px) rotateY(-5deg); }
|
||
43.5% { transform: translateX(2px) rotateY(3deg); }
|
||
50% { transform: translateX(0); }
|
||
100% { transform: translateX(0); }
|
||
}
|
||
|
||
/* BounceOut — 退出动画 */
|
||
@keyframes aksrtBounceOut {
|
||
0% { transform: scale(1); }
|
||
25% { transform: scale(0.95); }
|
||
50% { transform: scale(1.1); }
|
||
75% { transform: scale(0.97); }
|
||
100% { transform: scale(1); opacity: 0; }
|
||
}
|
||
|
||
/* ZoomOut — 退出动画 */
|
||
@keyframes aksrtZoomOut {
|
||
0% { opacity: 1; transform: none; }
|
||
100% { opacity: 0; transform: scale(0.85); }
|
||
}
|
||
|
||
/* BackIn/BackOut */
|
||
@keyframes aksrtBackInUp {
|
||
0% { opacity: 0; transform: translateY(30px) scale(0.7); }
|
||
80% { opacity: 0.8; transform: translateY(-5px) scale(1.02); }
|
||
100% { opacity: 1; transform: none; }
|
||
}
|
||
|
||
@keyframes aksrtBackInDown {
|
||
0% { opacity: 0; transform: translateY(-30px) scale(0.7); }
|
||
80% { opacity: 0.8; transform: translateY(5px) scale(1.02); }
|
||
100% { opacity: 1; transform: none; }
|
||
}
|
||
|
||
/* Flip */
|
||
@keyframes aksrtFlip {
|
||
0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
|
||
40% { transform: perspective(400px) rotateY(-10deg); }
|
||
70% { transform: perspective(400px) rotateY(10deg); }
|
||
100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }
|
||
}
|
||
|
||
@keyframes aksrtFlipInX {
|
||
0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
|
||
40% { transform: perspective(400px) rotateX(-10deg); }
|
||
70% { transform: perspective(400px) rotateX(10deg); }
|
||
100% { transform: perspective(400px) rotateX(0deg); opacity: 1; }
|
||
}
|
||
|
||
/* ============================================================
|
||
* Animation utility classes
|
||
* ============================================================ */
|
||
.aksrt-anim-fade-in { animation: aksrtFadeIn var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
.aksrt-anim-fade-up { animation: aksrtFadeInUp var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
.aksrt-anim-fade-down { animation: aksrtFadeInDown var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
.aksrt-anim-fade-left { animation: aksrtFadeInLeft var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
.aksrt-anim-fade-right { animation: aksrtFadeInRight var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
|
||
.aksrt-anim-zoom-in { animation: aksrtZoomIn var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
.aksrt-anim-zoom-in-up { animation: aksrtZoomInUp var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||
|
||
.aksrt-anim-bounce-in { animation: aksrtBounceIn .6s var(--ease-out, ease) both; }
|
||
.aksrt-anim-bounce { animation: aksrtBounce 1s ease both; }
|
||
|
||
.aksrt-anim-pulse { animation: aksrtPulse 1s ease infinite; }
|
||
.aksrt-anim-flash { animation: aksrtFlash 1s ease both; }
|
||
.aksrt-anim-rubber-band { animation: aksrtRubberBand .8s ease both; }
|
||
.aksrt-anim-shake { animation: aksrtShake .5s ease both; }
|
||
.aksrt-anim-swing { animation: aksrtSwing .6s var(--ease-out, ease) both; }
|
||
.aksrt-anim-tada { animation: aksrtTada 1s ease both; }
|
||
.aksrt-anim-wobble { animation: aksrtWobble .8s ease both; }
|
||
.aksrt-anim-heart-beat { animation: aksrtHeartBeat 1.3s ease both; }
|
||
.aksrt-anim-jello { animation: aksrtJello .8s ease both; }
|
||
.aksrt-anim-head-shake { animation: aksrtHeadShake .8s ease both; }
|
||
|
||
/* 退出动画 */
|
||
.aksrt-anim-bounce-out { animation: aksrtBounceOut .5s ease both; }
|
||
.aksrt-anim-zoom-out { animation: aksrtZoomOut .3s ease both; }
|
||
|
||
/* BackIn 动画 */
|
||
.aksrt-anim-back-in-up { animation: aksrtBackInUp .5s var(--ease-out, ease) both; }
|
||
.aksrt-anim-back-in-down { animation: aksrtBackInDown .5s var(--ease-out, ease) both; }
|
||
|
||
.aksrt-anim-slide-up { animation: aksrtSlideInUp .5s var(--ease-out, ease) both; }
|
||
.aksrt-anim-slide-down { animation: aksrtSlideInDown .5s var(--ease-out, ease) both; }
|
||
.aksrt-anim-slide-left { animation: aksrtSlideInLeft .5s var(--ease-out, ease) both; }
|
||
.aksrt-anim-slide-right { animation: aksrtSlideInRight .5s var(--ease-out, ease) both; }
|
||
|
||
.aksrt-anim-flip { animation: aksrtFlip .6s var(--ease-out, ease) both; }
|
||
.aksrt-anim-flip-x { animation: aksrtFlipInX .6s var(--ease-out, ease) both; }
|
||
|
||
/* ============================================================
|
||
* Duration modifiers
|
||
* ============================================================ */
|
||
.aksrt-anim-fast { --dur-base: .2s; }
|
||
.aksrt-anim-slow { --dur-base: .6s; }
|
||
|
||
/* ============================================================
|
||
* Delay modifiers (配合 data-aksrt-delay 使用时为 inline,
|
||
* 也可用 class 方式独立设置)
|
||
* ============================================================ */
|
||
.aksrt-anim-delay-1 { animation-delay: .1s; }
|
||
.aksrt-anim-delay-2 { animation-delay: .2s; }
|
||
.aksrt-anim-delay-3 { animation-delay: .3s; }
|
||
.aksrt-anim-delay-4 { animation-delay: .4s; }
|
||
.aksrt-anim-delay-5 { animation-delay: .5s; }
|
||
.aksrt-anim-delay-6 { animation-delay: .6s; }
|
||
.aksrt-anim-delay-7 { animation-delay: .7s; }
|
||
.aksrt-anim-delay-8 { animation-delay: .8s; }
|
||
|
||
/* ============================================================
|
||
* Infinite modifier
|
||
* ============================================================ */
|
||
.aksrt-anim-infinite { animation-iteration-count: infinite; }
|
||
|
||
/* ============================================================
|
||
* Reduced-motion — 尊重用户偏好
|
||
* ============================================================ */
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.aksrt-anim-fade-in,
|
||
.aksrt-anim-fade-up,
|
||
.aksrt-anim-fade-down,
|
||
.aksrt-anim-fade-left,
|
||
.aksrt-anim-fade-right,
|
||
.aksrt-anim-zoom-in,
|
||
.aksrt-anim-zoom-in-up,
|
||
.aksrt-anim-bounce-in,
|
||
.aksrt-anim-bounce,
|
||
.aksrt-anim-pulse,
|
||
.aksrt-anim-flash,
|
||
.aksrt-anim-rubber-band,
|
||
.aksrt-anim-shake,
|
||
.aksrt-anim-swing,
|
||
.aksrt-anim-tada,
|
||
.aksrt-anim-wobble,
|
||
.aksrt-anim-heart-beat,
|
||
.aksrt-anim-jello,
|
||
.aksrt-anim-head-shake,
|
||
.aksrt-anim-bounce-out,
|
||
.aksrt-anim-zoom-out,
|
||
.aksrt-anim-back-in-up,
|
||
.aksrt-anim-back-in-down,
|
||
.aksrt-anim-slide-up,
|
||
.aksrt-anim-slide-down,
|
||
.aksrt-anim-slide-left,
|
||
.aksrt-anim-slide-right,
|
||
.aksrt-anim-flip,
|
||
.aksrt-anim-flip-x {
|
||
animation: none !important;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/core/components-ext.css */
|
||
/**
|
||
* AKSRT Extended Components — 时间轴 / 步骤向导 / 九宫格 / 定价卡片 /
|
||
* Toggle 开关 / 自定义复选框 / 数字步进器
|
||
* ------------------------------------------------------------
|
||
* 全部使用 aksrt- 前缀,保持原生语义可访问性。
|
||
*/
|
||
|
||
/* ============================================================
|
||
* 1. 时间轴 — .aksrt-timeline
|
||
* ============================================================ */
|
||
.aksrt-timeline {
|
||
position: relative;
|
||
padding-left: 28px;
|
||
margin: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
/* 竖线 */
|
||
.aksrt-timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 8px;
|
||
top: 4px;
|
||
bottom: 4px;
|
||
width: 2px;
|
||
background: var(--color-line, rgba(50, 50, 50, 0.1));
|
||
border-radius: 1px;
|
||
}
|
||
|
||
.aksrt-timeline__item {
|
||
position: relative;
|
||
padding-bottom: 24px;
|
||
}
|
||
|
||
.aksrt-timeline__item:last-child {
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
/* 圆点 */
|
||
.aksrt-timeline__dot {
|
||
position: absolute;
|
||
left: -24px;
|
||
top: 4px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: var(--color-primary);
|
||
border: 2px solid var(--surface-1, #fff);
|
||
box-shadow: 0 0 0 2px var(--color-primary-soft, rgba(240, 68, 148, 0.12));
|
||
z-index: 1;
|
||
}
|
||
|
||
/* 空心圆点变体 */
|
||
.aksrt-timeline__dot--outline {
|
||
background: var(--surface-1, #fff);
|
||
border: 2px solid var(--color-primary);
|
||
box-shadow: none;
|
||
}
|
||
|
||
/* 灰色圆点 — 已完成/已过去 */
|
||
.aksrt-timeline__dot--muted {
|
||
background: var(--color-ink-4, #999);
|
||
box-shadow: 0 0 0 2px var(--surface-2, #eee);
|
||
}
|
||
|
||
.aksrt-timeline__time {
|
||
display: block;
|
||
font-size: 12px;
|
||
color: var(--color-ink-4, #999);
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.aksrt-timeline__title {
|
||
font-weight: 600;
|
||
color: var(--color-ink, #333);
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.aksrt-timeline__content {
|
||
font-size: 14px;
|
||
color: var(--color-ink-3, #777);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 2. 步骤向导 — .aksrt-steps
|
||
* ============================================================ */
|
||
.aksrt-steps {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
counter-reset: aksrt-step;
|
||
}
|
||
|
||
.aksrt-steps__item {
|
||
flex: 1;
|
||
position: relative;
|
||
text-align: center;
|
||
counter-increment: aksrt-step;
|
||
}
|
||
|
||
/* 连接线 */
|
||
.aksrt-steps__item:not(:last-child)::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 16px;
|
||
left: calc(50% + 20px);
|
||
right: calc(-50% + 20px);
|
||
height: 2px;
|
||
background: var(--color-line, rgba(50, 50, 50, 0.1));
|
||
}
|
||
|
||
.aksrt-steps__icon {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 34px;
|
||
height: 34px;
|
||
border-radius: 50%;
|
||
background: var(--surface-2, #eee);
|
||
color: var(--color-ink-3, #777);
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
margin: 0 auto 8px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.aksrt-steps__item--active .aksrt-steps__icon {
|
||
background: var(--color-primary);
|
||
color: var(--color-on-primary, #fff);
|
||
}
|
||
|
||
.aksrt-steps__item--done .aksrt-steps__icon {
|
||
background: var(--color-success);
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-steps__item--done:not(:last-child)::after {
|
||
background: var(--color-success);
|
||
}
|
||
|
||
.aksrt-steps__label {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: var(--color-ink-3, #777);
|
||
}
|
||
|
||
.aksrt-steps__item--active .aksrt-steps__label {
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-steps__item--done .aksrt-steps__label {
|
||
color: var(--color-success);
|
||
}
|
||
|
||
/* 垂直模式 */
|
||
.aksrt-steps--vertical {
|
||
flex-direction: column;
|
||
gap: 0;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
.aksrt-steps--vertical .aksrt-steps__item {
|
||
text-align: left;
|
||
padding-left: 28px;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.aksrt-steps--vertical .aksrt-steps__item:not(:last-child)::after {
|
||
top: 34px;
|
||
left: 36px;
|
||
right: auto;
|
||
width: 2px;
|
||
height: calc(100% - 34px);
|
||
}
|
||
|
||
.aksrt-steps--vertical .aksrt-steps__icon {
|
||
position: absolute;
|
||
left: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 3. 九宫格 — .aksrt-img-grid
|
||
* ============================================================ */
|
||
.aksrt-img-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 4px;
|
||
border-radius: var(--radius, 8px);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.aksrt-img-grid img {
|
||
width: 100%;
|
||
aspect-ratio: 1;
|
||
object-fit: cover;
|
||
display: block;
|
||
cursor: pointer;
|
||
transition: transform .2s ease;
|
||
}
|
||
|
||
.aksrt-img-grid img:hover {
|
||
transform: scale(1.03);
|
||
}
|
||
|
||
/* 自适应列数 */
|
||
.aksrt-img-grid--2 { grid-template-columns: repeat(2, 1fr); }
|
||
.aksrt-img-grid--4 { grid-template-columns: repeat(4, 1fr); }
|
||
|
||
@media (max-width: 480px) {
|
||
.aksrt-img-grid--4 { grid-template-columns: repeat(3, 1fr); }
|
||
}
|
||
|
||
/* ============================================================
|
||
* 5. Toggle 开关 — .aksrt-toggle (纯 CSS + :checked)
|
||
* 保持原生 <input> 可访问性
|
||
* ============================================================ */
|
||
.aksrt-toggle {
|
||
position: relative;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
user-select: none;
|
||
gap: 8px;
|
||
}
|
||
|
||
.aksrt-toggle__input {
|
||
position: absolute;
|
||
opacity: 0;
|
||
width: 0;
|
||
height: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.aksrt-toggle__track {
|
||
position: relative;
|
||
width: var(--aksrt-toggle-w, 44px);
|
||
height: var(--aksrt-toggle-h, 24px);
|
||
background: var(--surface-3, #e8e8e8);
|
||
border-radius: var(--aksrt-toggle-h, 24px);
|
||
transition: background .2s ease;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.aksrt-toggle__track::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 2px;
|
||
width: calc(var(--aksrt-toggle-h, 24px) - 4px);
|
||
height: calc(var(--aksrt-toggle-h, 24px) - 4px);
|
||
background: #fff;
|
||
border-radius: 50%;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||
transition: transform .2s ease;
|
||
}
|
||
|
||
/* Checked */
|
||
.aksrt-toggle__input:checked + .aksrt-toggle__track {
|
||
background: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-toggle__input:checked + .aksrt-toggle__track::after {
|
||
transform: translateX(calc(var(--aksrt-toggle-w, 44px) - var(--aksrt-toggle-h, 24px)));
|
||
}
|
||
|
||
/* Focus-visible */
|
||
.aksrt-toggle__input:focus-visible + .aksrt-toggle__track {
|
||
box-shadow: var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, 0.4));
|
||
}
|
||
|
||
/* Disabled */
|
||
.aksrt-toggle__input:disabled + .aksrt-toggle__track {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.aksrt-toggle__label {
|
||
font-size: 14px;
|
||
color: var(--color-ink-2, #4e5358);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 6. 自定义复选框 — .aksrt-checkbox (纯 CSS + :checked)
|
||
* 保持原生 <input type="checkbox"> 可访问性
|
||
* ============================================================ */
|
||
.aksrt-checkbox {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
cursor: pointer;
|
||
user-select: none;
|
||
}
|
||
|
||
.aksrt-checkbox__input {
|
||
position: absolute;
|
||
opacity: 0;
|
||
width: 0;
|
||
height: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.aksrt-checkbox__box {
|
||
position: relative;
|
||
width: 18px;
|
||
height: 18px;
|
||
border: 2px solid var(--color-line, rgba(50, 50, 50, 0.15));
|
||
border-radius: 4px;
|
||
background: var(--surface-1, #fff);
|
||
transition: background .15s ease, border-color .15s ease;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
/* 打勾 SVG */
|
||
.aksrt-checkbox__box::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 5px;
|
||
width: 5px;
|
||
height: 9px;
|
||
border: 2px solid #fff;
|
||
border-top: none;
|
||
border-left: none;
|
||
transform: rotate(45deg) scale(0);
|
||
transition: transform .15s ease;
|
||
}
|
||
|
||
.aksrt-checkbox__input:checked + .aksrt-checkbox__box {
|
||
background: var(--color-primary);
|
||
border-color: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-checkbox__input:checked + .aksrt-checkbox__box::after {
|
||
transform: rotate(45deg) scale(1);
|
||
}
|
||
|
||
.aksrt-checkbox__input:focus-visible + .aksrt-checkbox__box {
|
||
box-shadow: var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, 0.4));
|
||
}
|
||
|
||
.aksrt-checkbox__input:disabled + .aksrt-checkbox__box {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.aksrt-checkbox__label {
|
||
font-size: 14px;
|
||
color: var(--color-ink-2, #4e5358);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 7. 数字步进器 — .aksrt-stepper
|
||
* ============================================================ */
|
||
.aksrt-stepper {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.1));
|
||
border-radius: var(--radius, 8px);
|
||
overflow: hidden;
|
||
height: var(--aksrt-stepper-h, 36px);
|
||
}
|
||
|
||
.aksrt-stepper__btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: var(--aksrt-stepper-h, 36px);
|
||
height: 100%;
|
||
background: var(--surface-2, #eee);
|
||
color: var(--color-ink-2, #4e5358);
|
||
border: none;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
transition: background .15s ease, color .15s ease;
|
||
user-select: none;
|
||
}
|
||
|
||
.aksrt-stepper__btn:hover {
|
||
background: var(--surface-3, #e8e8e8);
|
||
color: var(--color-ink, #333);
|
||
}
|
||
|
||
.aksrt-stepper__btn:disabled {
|
||
opacity: 0.4;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.aksrt-stepper__input {
|
||
width: 48px;
|
||
height: 100%;
|
||
border: none;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
color: var(--color-ink, #333);
|
||
background: var(--surface-1, #fff);
|
||
-moz-appearance: textfield;
|
||
}
|
||
|
||
.aksrt-stepper__input::-webkit-outer-spin-button,
|
||
.aksrt-stepper__input::-webkit-inner-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
|
||
.aksrt-stepper__input:focus {
|
||
outline: none;
|
||
background: var(--color-primary-softer, rgba(240, 68, 148, 0.05));
|
||
}
|
||
|
||
/* ============================================================
|
||
* 8. 头像尺寸变量系统 — .aksrt-avatar--{size}
|
||
* ============================================================ */
|
||
.aksrt-avatar--xs { width: var(--aksrt-avatar-size-xs); height: var(--aksrt-avatar-size-xs); }
|
||
.aksrt-avatar--sm { width: var(--aksrt-avatar-size-sm); height: var(--aksrt-avatar-size-sm); }
|
||
.aksrt-avatar { width: var(--aksrt-avatar-size); height: var(--aksrt-avatar-size); }
|
||
.aksrt-avatar--lg { width: var(--aksrt-avatar-size-lg); height: var(--aksrt-avatar-size-lg); }
|
||
.aksrt-avatar--xl { width: var(--aksrt-avatar-size-xl); height: var(--aksrt-avatar-size-xl); }
|
||
|
||
/* ============================================================
|
||
* 9. 涟漪点击效果 — .aksrt-ripple
|
||
* 容器加此类,点击时 JS 注入 span.aksrt-ripple__wave
|
||
* ============================================================ */
|
||
.aksrt-ripple {
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.aksrt-ripple__wave {
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.35);
|
||
transform: scale(0);
|
||
animation: aksrtRippleWave .6s ease-out forwards;
|
||
pointer-events: none;
|
||
}
|
||
|
||
@keyframes aksrtRippleWave {
|
||
to {
|
||
transform: scale(4);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
/* Runtime broad ripple (.aksrt-wave injected into .but/.btn).
|
||
* MUST stay out of flow — missing absolute made header CTA grow on click. */
|
||
.aksrt-wave {
|
||
position: absolute !important;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.35);
|
||
pointer-events: none !important;
|
||
z-index: 1;
|
||
transform: scale(0);
|
||
animation: aksrtWaveRipple 0.6s ease-out forwards;
|
||
}
|
||
|
||
@keyframes aksrtWaveRipple {
|
||
to {
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
.nowave {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 10. 模态框堆叠动画 — 父模态缩小
|
||
* ============================================================ */
|
||
.modal-stacked .modal-dialog {
|
||
transition: transform .25s var(--ease, ease), filter .25s ease;
|
||
}
|
||
|
||
.modal-stacked .modal-dialog.modal-behind {
|
||
transform: scale(0.92);
|
||
filter: brightness(0.85);
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* source: assets/css/core/color-utilities.css */
|
||
/**
|
||
* AKSRT Color Utilities — 多色按钮 / 渐变按钮 / 文字渐变 / Badge
|
||
* ------------------------------------------------------------
|
||
* 所有颜色走 CSS 变量(定义在 tokens.css),不硬编码十六进制。
|
||
*/
|
||
|
||
/* ============================================================
|
||
* 1. 多色按钮 — .aksrt-btn--{color}
|
||
* ============================================================ */
|
||
.aksrt-btn--rose { background: var(--aksrt-rose); color: #fff; }
|
||
.aksrt-btn--rose:hover,
|
||
.aksrt-btn--rose:focus-visible { background: #e11d48; }
|
||
|
||
.aksrt-btn--blue { background: var(--aksrt-blue); color: #fff; }
|
||
.aksrt-btn--blue:hover,
|
||
.aksrt-btn--blue:focus-visible { background: #2563eb; }
|
||
|
||
.aksrt-btn--green { background: var(--aksrt-green); color: #fff; }
|
||
.aksrt-btn--green:hover,
|
||
.aksrt-btn--green:focus-visible { background: #059669; }
|
||
|
||
.aksrt-btn--orange { background: var(--aksrt-orange); color: #fff; }
|
||
.aksrt-btn--orange:hover,
|
||
.aksrt-btn--orange:focus-visible { background: #ea580c; }
|
||
|
||
.aksrt-btn--purple { background: var(--aksrt-purple); color: #fff; }
|
||
.aksrt-btn--purple:hover,
|
||
.aksrt-btn--purple:focus-visible { background: #7c3aed; }
|
||
|
||
.aksrt-btn--cyan { background: var(--aksrt-cyan); color: #fff; }
|
||
.aksrt-btn--cyan:hover,
|
||
.aksrt-btn--cyan:focus-visible { background: #0891b2; }
|
||
|
||
.aksrt-btn--yellow { background: var(--aksrt-yellow); color: #422006; }
|
||
.aksrt-btn--yellow:hover,
|
||
.aksrt-btn--yellow:focus-visible { background: #ca8a04; color: #fff; }
|
||
|
||
.aksrt-btn--red { background: var(--aksrt-red); color: #fff; }
|
||
.aksrt-btn--red:hover,
|
||
.aksrt-btn--red:focus-visible { background: #dc2626; }
|
||
|
||
.aksrt-btn--teal { background: var(--aksrt-teal); color: #fff; }
|
||
.aksrt-btn--teal:hover,
|
||
.aksrt-btn--teal:focus-visible { background: #0d9488; }
|
||
|
||
.aksrt-btn--indigo { background: var(--aksrt-indigo); color: #fff; }
|
||
.aksrt-btn--indigo:hover,
|
||
.aksrt-btn--indigo:focus-visible { background: #4f46e5; }
|
||
|
||
.aksrt-btn--pink { background: var(--aksrt-pink); color: #fff; }
|
||
.aksrt-btn--pink:hover,
|
||
.aksrt-btn--pink:focus-visible { background: #db2777; }
|
||
|
||
/* Soft variant — 浅色背景 + 深色文字 */
|
||
.aksrt-btn--rose-soft { background: var(--aksrt-rose-soft); color: var(--aksrt-rose); }
|
||
.aksrt-btn--blue-soft { background: var(--aksrt-blue-soft); color: var(--aksrt-blue); }
|
||
.aksrt-btn--green-soft { background: var(--aksrt-green-soft); color: var(--aksrt-green); }
|
||
.aksrt-btn--orange-soft { background: var(--aksrt-orange-soft); color: var(--aksrt-orange); }
|
||
.aksrt-btn--purple-soft { background: var(--aksrt-purple-soft); color: var(--aksrt-purple); }
|
||
.aksrt-btn--cyan-soft { background: var(--aksrt-cyan-soft); color: var(--aksrt-cyan); }
|
||
.aksrt-btn--yellow-soft { background: var(--aksrt-yellow-soft); color: #92400e; }
|
||
.aksrt-btn--red-soft { background: var(--aksrt-red-soft); color: var(--aksrt-red); }
|
||
.aksrt-btn--teal-soft { background: var(--aksrt-teal-soft); color: var(--aksrt-teal); }
|
||
.aksrt-btn--indigo-soft { background: var(--aksrt-indigo-soft); color: var(--aksrt-indigo); }
|
||
.aksrt-btn--pink-soft { background: var(--aksrt-pink-soft); color: var(--aksrt-pink); }
|
||
|
||
/* ============================================================
|
||
* 2. 渐变按钮 — .aksrt-btn--grad-{name}
|
||
* ============================================================ */
|
||
.aksrt-btn--grad-vip {
|
||
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||
color: #5a3d00;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-sunset {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-sunset-1), var(--aksrt-grad-sunset-2));
|
||
color: #fff;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-ocean {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-ocean-1), var(--aksrt-grad-ocean-2));
|
||
color: #fff;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-forest {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-forest-1), var(--aksrt-grad-forest-2));
|
||
color: #064e3b;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-night {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-night-1), var(--aksrt-grad-night-2));
|
||
color: #4c1d95;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-fire {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-fire-1), var(--aksrt-grad-fire-2));
|
||
color: #fff;
|
||
border: none;
|
||
}
|
||
|
||
.aksrt-btn--grad-primary {
|
||
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||
color: var(--color-on-primary);
|
||
border: none;
|
||
}
|
||
|
||
/* 渐变按钮 hover — 亮度微调 */
|
||
.aksrt-btn--grad-vip:hover,
|
||
.aksrt-btn--grad-sunset:hover,
|
||
.aksrt-btn--grad-ocean:hover,
|
||
.aksrt-btn--grad-forest:hover,
|
||
.aksrt-btn--grad-night:hover,
|
||
.aksrt-btn--grad-fire:hover,
|
||
.aksrt-btn--grad-primary:hover {
|
||
filter: brightness(1.08);
|
||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 3. 文字渐变 — .aksrt-text-grad-{name}
|
||
* ============================================================ */
|
||
.aksrt-text-grad-primary {
|
||
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-vip {
|
||
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-sunset {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-sunset-1), var(--aksrt-grad-sunset-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-ocean {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-ocean-1), var(--aksrt-grad-ocean-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-forest {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-forest-1), var(--aksrt-grad-forest-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-night {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-night-1), var(--aksrt-grad-night-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.aksrt-text-grad-fire {
|
||
background: linear-gradient(135deg, var(--aksrt-grad-fire-1), var(--aksrt-grad-fire-2));
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 4. Badge 系统 — .aksrt-badge / .aksrt-badge--{color}
|
||
* ============================================================ */
|
||
.aksrt-badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
height: var(--aksrt-badge-h, 22px);
|
||
padding: 0 8px;
|
||
border-radius: var(--radius-pill, 100px);
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
line-height: 1;
|
||
white-space: nowrap;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.aksrt-badge--primary { background: var(--color-primary-soft); color: var(--color-primary); }
|
||
.aksrt-badge--success { background: rgba(16, 185, 129, 0.12); color: var(--color-success); }
|
||
.aksrt-badge--warning { background: rgba(245, 158, 11, 0.12); color: var(--color-warning); }
|
||
.aksrt-badge--error { background: rgba(239, 68, 68, 0.12); color: var(--color-error); }
|
||
.aksrt-badge--info { background: rgba(59, 130, 246, 0.12); color: var(--color-info); }
|
||
|
||
.aksrt-badge--rose { background: var(--aksrt-rose-soft); color: var(--aksrt-rose); }
|
||
.aksrt-badge--blue { background: var(--aksrt-blue-soft); color: var(--aksrt-blue); }
|
||
.aksrt-badge--green { background: var(--aksrt-green-soft); color: var(--aksrt-green); }
|
||
.aksrt-badge--orange { background: var(--aksrt-orange-soft); color: var(--aksrt-orange); }
|
||
.aksrt-badge--purple { background: var(--aksrt-purple-soft); color: var(--aksrt-purple); }
|
||
.aksrt-badge--cyan { background: var(--aksrt-cyan-soft); color: var(--aksrt-cyan); }
|
||
.aksrt-badge--yellow { background: var(--aksrt-yellow-soft); color: #92400e; }
|
||
.aksrt-badge--red { background: var(--aksrt-red-soft); color: var(--aksrt-red); }
|
||
.aksrt-badge--teal { background: var(--aksrt-teal-soft); color: var(--aksrt-teal); }
|
||
.aksrt-badge--indigo { background: var(--aksrt-indigo-soft); color: var(--aksrt-indigo); }
|
||
.aksrt-badge--pink { background: var(--aksrt-pink-soft); color: var(--aksrt-pink); }
|
||
|
||
/* 渐变 Badge */
|
||
.aksrt-badge--grad-vip {
|
||
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||
color: #5a3d00;
|
||
}
|
||
|
||
.aksrt-badge--grad-primary {
|
||
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||
color: var(--color-on-primary);
|
||
}
|
||
|
||
/* Solid badge variant — 纯色背景 + 白色文字 */
|
||
.aksrt-badge--solid-primary { background: var(--color-primary); color: #fff; }
|
||
.aksrt-badge--solid-success { background: var(--color-success); color: #fff; }
|
||
.aksrt-badge--solid-warning { background: var(--color-warning); color: #fff; }
|
||
.aksrt-badge--solid-error { background: var(--color-error); color: #fff; }
|
||
.aksrt-badge--solid-info { background: var(--color-info); color: #fff; }
|
||
.aksrt-badge--solid-rose { background: var(--aksrt-rose); color: #fff; }
|
||
.aksrt-badge--solid-blue { background: var(--aksrt-blue); color: #fff; }
|
||
.aksrt-badge--solid-green { background: var(--aksrt-green); color: #fff; }
|
||
.aksrt-badge--solid-orange { background: var(--aksrt-orange); color: #fff; }
|
||
.aksrt-badge--solid-purple { background: var(--aksrt-purple); color: #fff; }
|
||
.aksrt-badge--solid-cyan { background: var(--aksrt-cyan); color: #fff; }
|
||
.aksrt-badge--solid-yellow { background: var(--aksrt-yellow); color: #422006; }
|
||
.aksrt-badge--solid-red { background: var(--aksrt-red); color: #fff; }
|
||
.aksrt-badge--solid-teal { background: var(--aksrt-teal); color: #fff; }
|
||
.aksrt-badge--solid-indigo { background: var(--aksrt-indigo); color: #fff; }
|
||
.aksrt-badge--solid-pink { background: var(--aksrt-pink); color: #fff; }
|
||
|
||
/* Badge sizes */
|
||
.aksrt-badge--sm { height: 18px; padding: 0 6px; font-size: 11px; }
|
||
.aksrt-badge--lg { height: 28px; padding: 0 12px; font-size: 13px; }
|
||
|
||
/* ============================================================
|
||
* 5. 背景色工具类 — .aksrt-bg-{color}
|
||
* ============================================================ */
|
||
.aksrt-bg-rose { background-color: var(--aksrt-rose-soft); }
|
||
.aksrt-bg-blue { background-color: var(--aksrt-blue-soft); }
|
||
.aksrt-bg-green { background-color: var(--aksrt-green-soft); }
|
||
.aksrt-bg-orange { background-color: var(--aksrt-orange-soft); }
|
||
.aksrt-bg-purple { background-color: var(--aksrt-purple-soft); }
|
||
.aksrt-bg-cyan { background-color: var(--aksrt-cyan-soft); }
|
||
.aksrt-bg-yellow { background-color: var(--aksrt-yellow-soft); }
|
||
.aksrt-bg-red { background-color: var(--aksrt-red-soft); }
|
||
.aksrt-bg-teal { background-color: var(--aksrt-teal-soft); }
|
||
.aksrt-bg-indigo { background-color: var(--aksrt-indigo-soft); }
|
||
.aksrt-bg-pink { background-color: var(--aksrt-pink-soft); }
|
||
|
||
/* ============================================================
|
||
* 6. 文字色工具类 — .aksrt-text-{color}
|
||
* ============================================================ */
|
||
.aksrt-text-rose { color: var(--aksrt-rose); }
|
||
.aksrt-text-blue { color: var(--aksrt-blue); }
|
||
.aksrt-text-green { color: var(--aksrt-green); }
|
||
.aksrt-text-orange { color: var(--aksrt-orange); }
|
||
.aksrt-text-purple { color: var(--aksrt-purple); }
|
||
.aksrt-text-cyan { color: var(--aksrt-cyan); }
|
||
.aksrt-text-yellow { color: var(--aksrt-yellow); }
|
||
.aksrt-text-red { color: var(--aksrt-red); }
|
||
.aksrt-text-teal { color: var(--aksrt-teal); }
|
||
.aksrt-text-indigo { color: var(--aksrt-indigo); }
|
||
.aksrt-text-pink { color: var(--aksrt-pink); }
|
||
|
||
/* source: assets/css/frontend/base.css */
|
||
/**
|
||
* AKSRT Main v5 — 博客/个人站完整前端
|
||
*/
|
||
|
||
/* 防止 hero 等使用 100vw / full-bleed 时产生横向滚动条 */
|
||
html,
|
||
body {
|
||
overflow-x: clip;
|
||
}
|
||
|
||
@supports not (overflow-x: clip) {
|
||
html,
|
||
body {
|
||
overflow-x: hidden;
|
||
}
|
||
}
|
||
|
||
/* ========== 阅读进度条(单篇文章顶 fixed)========== */
|
||
.reading-progress-bar {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
height: 3px;
|
||
width: 0%;
|
||
z-index: 9999;
|
||
pointer-events: none;
|
||
background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light));
|
||
transition: width 0.1s ease-out;
|
||
}
|
||
|
||
/* 折叠 body 内注入的 BOM / 空白文本节点,防止产生多余行高间距 */
|
||
body {
|
||
font-family: var(--font-body);
|
||
font-size: var(--text-base);
|
||
line-height: var(--leading-normal);
|
||
color: var(--color-ink-2);
|
||
background-color: var(--surface-page);
|
||
}
|
||
|
||
/* legacy compat: global link composite transition */
|
||
a[href] {
|
||
transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
|
||
}
|
||
|
||
/* Font Awesome 5: when legacy markup includes both `fa` and `fab`, the
|
||
* generic Solid rule must not override the Brands font face. */
|
||
.fa.fab {
|
||
font-family: "Font Awesome 5 Brands";
|
||
font-weight: 400;
|
||
}
|
||
|
||
.skip-link {
|
||
position: absolute;
|
||
left: 16px;
|
||
top: 12px;
|
||
z-index: 1100;
|
||
padding: 10px 14px;
|
||
border-radius: 999px;
|
||
background: var(--color-primary);
|
||
color: #fff;
|
||
transform: translateY(-140%);
|
||
transition: transform 0.2s ease;
|
||
}
|
||
|
||
.skip-link:focus {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
/* ========== 站点外壳 ========== */
|
||
.site-wrapper {
|
||
min-height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-size: var(--text-base);
|
||
line-height: var(--leading-normal);
|
||
}
|
||
|
||
.site-main {
|
||
flex: 1;
|
||
}
|
||
|
||
/* legacy dual-column float math expects a padding-free main.container.
|
||
* Bootstrap 5 also defines .container (max-width ladder + padding-x).
|
||
* Force legacy geometry after Bootstrap so negative-margin sidebars land correctly. */
|
||
.container,
|
||
main.container,
|
||
.site-main.container {
|
||
width: 100%;
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
padding-right: 0;
|
||
padding-left: 0;
|
||
/* Kill Bootstrap 5 --bs-gutter-x padding model on site shells */
|
||
--bs-gutter-x: 0;
|
||
--bs-gutter-y: 0;
|
||
}
|
||
|
||
/* Header multifunc icon cards need horizontal gutter (legacy content rows).
|
||
* Global .container padding is 0 for dual-column float math. */
|
||
.header-slider-card.container {
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* Header multifunc icon cards: pin typography baseline so cards render
|
||
* identically on all pages. .px12-sm is only defined globally in
|
||
* legacy-utilities.css, which is @import'd by the single-post aggregator;
|
||
* vendor CSS pins it at <=640px / .sidebar / .mobile-nav-widget only. */
|
||
.header-slider-card .icon-cover-card {
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* Keep the header multifunction search stable across route-specific CSS.
|
||
* Some routes load a later .abs-right utility, while the global input focus
|
||
* ring looks like an extra border against this transparent pill field. */
|
||
.header-slider-search .line-form-input:focus,
|
||
.header-slider-search .line-form-input:focus-visible {
|
||
border: 0;
|
||
outline: 0;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.header-slider-search .line-form .abs-right {
|
||
position: absolute;
|
||
right: 0.7em;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
margin-top: 0;
|
||
}
|
||
|
||
@media (min-width: 576px) {
|
||
.container,
|
||
main.container {
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
.container,
|
||
main.container {
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
@media (min-width: 992px) {
|
||
.container,
|
||
main.container {
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1200px) {
|
||
.container,
|
||
main.container {
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1240px) {
|
||
.container,
|
||
main.container,
|
||
.fluid-widget-wrap .widget-container {
|
||
width: auto;
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1400px) {
|
||
.container,
|
||
main.container {
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
}
|
||
}
|
||
|
||
/* Soft pad only when the float dual-column is collapsed.
|
||
* Match legacy bootstrap container pad (15px) rather than 10px. */
|
||
@media (max-width: 991.98px) {
|
||
.container,
|
||
main.container {
|
||
padding-right: 15px;
|
||
padding-left: 15px;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.container,
|
||
main.container {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
padding-right: 15px;
|
||
padding-left: 15px;
|
||
}
|
||
}
|
||
|
||
/* ========== User identity inline icons ==========
|
||
* All compact identity marks share one line-height baseline: VIP, level,
|
||
* certification, and worn medals remain visually aligned in every surface.
|
||
*/
|
||
.aksrt-vip-badge,
|
||
.aksrt-user-level-badge,
|
||
.aksrt-user-level-icon,
|
||
.aksrt-identity-medal,
|
||
.aksrt-identity-certification-icon,
|
||
.aksrt-header-user-medal {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: auto;
|
||
height: 1.1em;
|
||
max-width: 6em;
|
||
object-fit: contain;
|
||
vertical-align: -.15em;
|
||
flex: 0 0 auto;
|
||
box-sizing: border-box;
|
||
}
|
||
.aksrt-vip-badge__icon {
|
||
display: block;
|
||
width: auto;
|
||
height: 1.1em;
|
||
max-width: 6em;
|
||
object-fit: contain;
|
||
}
|
||
.aksrt-vip-badge > i {
|
||
font-size: .9em;
|
||
line-height: 1;
|
||
}
|
||
.aksrt-user-level-badge {
|
||
padding: 0 .35em;
|
||
font-size: .78em;
|
||
line-height: 1.1;
|
||
white-space: nowrap;
|
||
}
|
||
/* Comment context: keep all identity marks inside the compact author line. */
|
||
.aksrt-identity-medal--comment,
|
||
.aksrt-user-level-icon--comment,
|
||
.aksrt-header-user-medal--comment {
|
||
height: 1em;
|
||
vertical-align: -.12em;
|
||
}
|
||
.aksrt-vip-badge--sm {
|
||
height: 1.1em;
|
||
padding: 0;
|
||
font-size: inherit;
|
||
}
|
||
|
||
/* No-wrap inline name rows — keep the level icon on the same line as the name.
|
||
* The non-standard <name> element (legacy compat) plus .user-name / author-hero /
|
||
* uc-header name rows must not flex-wrap, or the badge drops to a new line.
|
||
* The comment header may still wrap (avatar + name + like can overflow on
|
||
* narrow viewports), so it keeps flex-wrap but the inner <name> never does. */
|
||
.article-avatar name,
|
||
.article-avatar .name,
|
||
.user-name,
|
||
.aksrt-author-hero__name,
|
||
.uc-header__name,
|
||
.aksrt-header-badges {
|
||
flex-wrap: nowrap;
|
||
white-space: nowrap;
|
||
}
|
||
.aksrt-author-hero__name,
|
||
.uc-header__name {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
}
|
||
|
||
.aksrt-author-hero__name-inner {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.aksrt-ip-geo-badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-width: 0;
|
||
margin: 2px 0;
|
||
padding: .3em .6em;
|
||
border: 1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18)));
|
||
border-radius: var(--mini-radius, 4px);
|
||
background: var(--surface-2, rgba(136, 136, 136, .1));
|
||
box-shadow: var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08));
|
||
color: var(--color-ink-3, #666);
|
||
font-size: .92em;
|
||
line-height: 1.44;
|
||
vertical-align: middle;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
|
||
.no-results {
|
||
padding: 48px 20px;
|
||
text-align: center;
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
/* source: assets/css/frontend/header-userbox.css */
|
||
/**
|
||
* Header account popover.
|
||
*
|
||
* The shared legacy navigation styles provide the popover shell. This module
|
||
* owns AKSRT-specific account content such as check-in, wallet and VIP rows.
|
||
*/
|
||
|
||
/* The desktop action cluster owns one horizontal alignment context. */
|
||
.navbar-top .aksrt-navbar-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
min-height: 50px;
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions > *,
|
||
.navbar-top .aksrt-navbar-account,
|
||
.navbar-top .aksrt-navbar-account > li {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-account > li {
|
||
position: relative;
|
||
padding: 0;
|
||
overflow: visible;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-account > li > .sub-menu {
|
||
top: calc(100% + 5px);
|
||
right: 0;
|
||
left: auto;
|
||
z-index: 1002;
|
||
margin: 0;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-account {
|
||
gap: 4px;
|
||
min-height: 50px;
|
||
margin: 0;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-account.navbar-text {
|
||
float: none;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions .navbar-cta {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 4px;
|
||
min-height: 29px;
|
||
margin: 0;
|
||
padding: .3em 1em !important;
|
||
border-radius: var(--radius-btn, 4px);
|
||
font-size: .8em;
|
||
line-height: 1.44;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions .navbar-cta.radius {
|
||
border-radius: 50px;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions .navbar-cta > .icon {
|
||
width: 1.2em;
|
||
height: 1.2em;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.navbar-top .aksrt-nav-icon,
|
||
.navbar-top .aksrt-nav-avatar {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 34px;
|
||
height: 34px;
|
||
padding: 0 !important;
|
||
overflow: visible !important;
|
||
border: 0 !important;
|
||
border-radius: 0;
|
||
background: transparent !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.navbar-top .aksrt-nav-icon .icon {
|
||
width: 1.2em;
|
||
height: 1.2em;
|
||
}
|
||
|
||
.navbar-top .aksrt-nav-avatar {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.navbar-top .aksrt-nav-avatar .avatar {
|
||
display: block;
|
||
width: 29px;
|
||
height: 29px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions .toggle-radius {
|
||
flex: 0 0 29px;
|
||
margin: 0;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-language {
|
||
margin: 0;
|
||
}
|
||
|
||
/* Anchor the VIP preview to the full navigation row instead of relying on
|
||
* the absolute panel's static position beside the compact CTA. */
|
||
.navbar-top .aksrt-navbar-actions .navbar-vip-hover {
|
||
position: relative;
|
||
align-self: stretch;
|
||
align-items: center;
|
||
overflow: visible;
|
||
}
|
||
|
||
.navbar-top .aksrt-navbar-actions .navbar-vip-hover > .sub-vip-card {
|
||
top: 100%;
|
||
right: 0;
|
||
left: auto;
|
||
width: max-content;
|
||
max-width: calc(100vw - 24px);
|
||
margin: 0;
|
||
z-index: 1002;
|
||
}
|
||
|
||
/* Keep the drop-down search panel above a fixed header (z-index: 999). */
|
||
.navbar-search {
|
||
z-index: 1001;
|
||
opacity: 0;
|
||
transform: translate3d(0, -24px, 0);
|
||
transition: transform .24s ease, opacity .18s ease, visibility 0s linear .24s;
|
||
will-change: transform, opacity;
|
||
}
|
||
|
||
.navbar-search.show {
|
||
opacity: 1;
|
||
transform: translate3d(0, 0, 0);
|
||
transition-delay: 0s;
|
||
}
|
||
|
||
.navbar-search .line-form-input:focus,
|
||
.navbar-search .line-form-input:focus-visible {
|
||
outline: 0;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.navbar-search .search-close-box {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
max-width: 660px;
|
||
margin: 16px auto 0;
|
||
}
|
||
|
||
.navbar-search .search-close-box > .but {
|
||
float: none;
|
||
}
|
||
|
||
.aksrt-header-userbox {
|
||
width: 260px;
|
||
color: var(--color-ink-2);
|
||
}
|
||
|
||
.aksrt-header-userbox .user-info {
|
||
min-height: 44px;
|
||
padding: 2px;
|
||
}
|
||
|
||
.aksrt-header-userbox .user-info > .avatar {
|
||
flex: 0 0 44px;
|
||
width: 44px;
|
||
height: 44px;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.aksrt-header-userbox .user-right,
|
||
.aksrt-header-userbox .user-right > .flex1 {
|
||
min-width: 0;
|
||
}
|
||
|
||
.aksrt-header-userbox .user-right b {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
max-width: 100%;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-userbox .display-name {
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-userbox .user-right .aksrt-vip-badge,
|
||
.aksrt-header-userbox .user-right .aksrt-user-level-icon,
|
||
.aksrt-header-userbox .user-right .aksrt-identity-medal,
|
||
.aksrt-header-userbox .user-right .aksrt-header-user-medal,
|
||
.aksrt-header-userbox .user-right .aksrt-identity-certification-icon {
|
||
flex: 0 0 auto;
|
||
height: 1.1em;
|
||
}
|
||
|
||
.aksrt-header-userbox .user-info > .abs-right {
|
||
top: 50%;
|
||
right: 2px;
|
||
transform: translateY(-50%);
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.aksrt-header-userbox .aksrt-notification-badge {
|
||
position: absolute;
|
||
top: -4px;
|
||
right: -4px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 17px;
|
||
height: 17px;
|
||
padding: 0 4px;
|
||
border: 2px solid var(--surface-1);
|
||
border-radius: 999px;
|
||
background: #e74c3c;
|
||
color: #fff;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
}
|
||
|
||
.aksrt-nav-notification .aksrt-notification-badge {
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 2px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 16px;
|
||
height: 16px;
|
||
padding: 0 4px;
|
||
border: 2px solid var(--surface-1);
|
||
border-radius: 999px;
|
||
background: #e74c3c;
|
||
color: #fff;
|
||
font-size: 9px;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
}
|
||
|
||
.aksrt-header-wallet {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 10px;
|
||
width: 100%;
|
||
padding: 9px 10px;
|
||
border-radius: 8px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-2);
|
||
font-size: 12px;
|
||
line-height: 1.35;
|
||
}
|
||
|
||
.aksrt-header-wallet:hover {
|
||
color: var(--color-ink);
|
||
}
|
||
|
||
.aksrt-header-wallet__item {
|
||
min-width: 0;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-wallet__item i {
|
||
margin-right: 2px;
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.aksrt-header-wallet__item b {
|
||
margin-left: 2px;
|
||
color: var(--color-ink);
|
||
font-weight: 700;
|
||
}
|
||
|
||
.aksrt-header-checkin {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
width: 100% !important;
|
||
min-height: 36px;
|
||
margin: 0;
|
||
padding: 8px 10px !important;
|
||
border: 0 !important;
|
||
border-radius: 6px !important;
|
||
background: #fff6db !important;
|
||
color: #8a5a00 !important;
|
||
font-size: 13px !important;
|
||
font-weight: 600;
|
||
line-height: 1.3;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-checkin > i {
|
||
margin: 0 !important;
|
||
color: #b78103 !important;
|
||
}
|
||
|
||
.aksrt-header-checkin:hover {
|
||
background: #fff0c2 !important;
|
||
color: #8a5a00 !important;
|
||
}
|
||
|
||
.aksrt-header-checkin.is-done,
|
||
.aksrt-header-checkin:disabled,
|
||
.aksrt-header-checkin.is-done:hover,
|
||
.aksrt-header-checkin:disabled:hover {
|
||
cursor: default;
|
||
opacity: .85;
|
||
background: #f3f4f6 !important;
|
||
color: #555 !important;
|
||
}
|
||
|
||
.aksrt-header-checkin.is-done > i,
|
||
.aksrt-header-checkin:disabled > i {
|
||
color: #777 !important;
|
||
}
|
||
|
||
.aksrt-header-payvip__cta,
|
||
.aksrt-header-payvip:not(.is-vip) .payvip-icon,
|
||
.aksrt-header-payvip:not(.is-vip) .but {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
gap: 6px !important;
|
||
width: 100% !important;
|
||
min-width: 0 !important;
|
||
min-height: 36px;
|
||
margin: 0 !important;
|
||
padding: 8px 10px !important;
|
||
border: 0 !important;
|
||
border-radius: 6px !important;
|
||
background: linear-gradient(90deg, #ff6b6b, #f04494) !important;
|
||
color: #fff !important;
|
||
font-size: 13px !important;
|
||
font-weight: 600;
|
||
line-height: 1.3;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-payvip__cta > i,
|
||
.aksrt-header-payvip:not(.is-vip) .payvip-icon > i,
|
||
.aksrt-header-payvip:not(.is-vip) .but > i {
|
||
margin: 0 !important;
|
||
color: inherit !important;
|
||
}
|
||
|
||
.aksrt-header-payvip__cta:hover {
|
||
color: #fff !important;
|
||
opacity: .92;
|
||
}
|
||
|
||
.aksrt-header-payvip__active {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px !important;
|
||
width: 100%;
|
||
min-height: 42px;
|
||
padding: 7px 10px !important;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-header-payvip__level {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.aksrt-header-payvip__level > i {
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.aksrt-header-payvip__exp {
|
||
display: inline;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
background: none !important;
|
||
box-shadow: none;
|
||
color: inherit;
|
||
font-size: .85em;
|
||
font-weight: 400;
|
||
line-height: 1.3;
|
||
opacity: .9;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* Navigation links are globally capped at 50px. Account actions are taller
|
||
* icon tiles and must opt out or their labels overlap the following row. */
|
||
.navbar-top .aksrt-header-userbox .header-user-href {
|
||
align-items: flex-start;
|
||
gap: 4px;
|
||
}
|
||
|
||
.navbar-top .aksrt-header-userbox .header-user-href > a,
|
||
.aksrt-header-userbox .header-user-href > a {
|
||
display: flex;
|
||
flex: 1 1 0;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
min-width: 0;
|
||
max-height: none;
|
||
padding: 10px 2px 2px;
|
||
line-height: 1.35;
|
||
}
|
||
|
||
.aksrt-header-userbox .header-user-href > a:hover {
|
||
opacity: .75;
|
||
}
|
||
|
||
.aksrt-header-userbox .header-user-href .toggle-radius {
|
||
flex: 0 0 36px;
|
||
width: 36px;
|
||
height: 36px;
|
||
}
|
||
|
||
.aksrt-header-userbox .header-user-href > a > div:last-child {
|
||
max-width: 100%;
|
||
overflow: hidden;
|
||
font-size: 12px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.mobile-navbar .aksrt-header-userbox {
|
||
width: 100%;
|
||
max-width: 400px;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
|
||
body.dark-theme .aksrt-header-checkin {
|
||
background: rgba(255, 193, 7, .18) !important;
|
||
color: #f0c14b !important;
|
||
}
|
||
|
||
body.dark-theme .aksrt-header-checkin > i {
|
||
color: #f0c14b !important;
|
||
}
|
||
|
||
body.dark-theme .aksrt-header-checkin.is-done,
|
||
body.dark-theme .aksrt-header-checkin:disabled {
|
||
background: rgba(255, 255, 255, .08) !important;
|
||
color: #bbb !important;
|
||
}
|
||
|
||
body.dark-theme .aksrt-header-wallet {
|
||
background: rgba(255, 255, 255, .06);
|
||
}
|
||
|
||
body.dark-theme .aksrt-header-wallet__item,
|
||
body.dark-theme .aksrt-header-wallet__item b {
|
||
color: inherit;
|
||
}
|
||
|
||
@media (max-width: 360px) {
|
||
.aksrt-header-userbox .header-user-href {
|
||
gap: 2px;
|
||
}
|
||
|
||
.aksrt-header-userbox .header-user-href .toggle-radius {
|
||
flex-basis: 34px;
|
||
width: 34px;
|
||
height: 34px;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/card-primitives.css */
|
||
/**
|
||
* AKSRT Card Primitives — 1:1 legacy Alignment
|
||
*
|
||
* 对齐 legacy 的 .theme-box / .box-bg / .box-body / .box-header:
|
||
* 阴影优先,无边框,8px 圆角,15px 内边距。
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
/* ============================================================
|
||
* .aksrt-theme-box — 完整卡片原语(阴影 + 圆角 + 表面)
|
||
* 对齐 legacy .theme-box + .box-bg
|
||
* ============================================================ */
|
||
.aksrt-theme-box {
|
||
border: none;
|
||
border-radius: var(--radius, 8px);
|
||
background: var(--surface-1);
|
||
box-shadow: var(--shadow-sm);
|
||
transition: box-shadow 0.2s ease;
|
||
}
|
||
|
||
.aksrt-theme-box:hover {
|
||
box-shadow: var(--shadow);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-box-bg — 表面原语(仅背景 + 阴影)
|
||
* ============================================================ */
|
||
.aksrt-box-bg {
|
||
background-color: var(--surface-1);
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
||
* 对齐 legacy .box-body / .box-header { padding: 15px }
|
||
* ============================================================ */
|
||
.aksrt-box-body,
|
||
.aksrt-box-header {
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
.aksrt-box-header {
|
||
border-bottom: 1px solid var(--color-line-soft);
|
||
}
|
||
|
||
.aksrt-box-header + .aksrt-box-body {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.aksrt-box-body.notop,
|
||
.aksrt-box-header.notop { padding-top: 0; }
|
||
.aksrt-box-body.nobottom,
|
||
.aksrt-box-header.nobottom { padding-bottom: 0; }
|
||
|
||
/* ============================================================
|
||
* .aksrt-muted-box — 柔和背景嵌套
|
||
* 对齐 legacy .muted-box
|
||
* ============================================================ */
|
||
.aksrt-muted-box {
|
||
background-color: var(--surface-2);
|
||
border-radius: var(--radius);
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-noshadow — 去除阴影
|
||
* ============================================================ */
|
||
.aksrt-noshadow {
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
* legacy 兼容别名
|
||
* ============================================================ */
|
||
/* legacy .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
||
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .aksrt-panel.
|
||
* Do NOT turn every theme-box into a card — article-header also uses it. */
|
||
.theme-box,
|
||
.mb20 {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.box-bg {
|
||
background-color: var(--main-bg-color, var(--surface-1));
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||
}
|
||
|
||
.box-body {
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
.box-header {
|
||
padding: var(--card-padding);
|
||
border-bottom: 1px solid var(--color-line-soft);
|
||
}
|
||
|
||
.box-header + .box-body {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.radius8 {
|
||
border-radius: var(--radius);
|
||
}
|
||
|
||
.main-shadow {
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||
}
|
||
|
||
.main-bg {
|
||
background: var(--main-bg-color, var(--surface-1));
|
||
}
|
||
|
||
.muted-box {
|
||
background-color: var(--surface-2);
|
||
border-radius: var(--radius);
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 暗色模式
|
||
* ============================================================ */
|
||
html.dark .aksrt-theme-box,
|
||
body.dark-theme .aksrt-theme-box,
|
||
html.dark .box-bg,
|
||
body.dark-theme .box-bg {
|
||
border-color: transparent;
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.2));
|
||
}
|
||
|
||
html.dark .aksrt-theme-box:hover,
|
||
body.dark-theme .aksrt-theme-box:hover {
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.28));
|
||
}
|
||
|
||
/* ============================================================
|
||
* 卡片 hover 动效
|
||
* ============================================================ */
|
||
.aksrt-theme-box {
|
||
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
|
||
}
|
||
|
||
.aksrt-card-hover:hover,
|
||
.aksrt-card-hover:focus-within {
|
||
box-shadow: none;
|
||
transform: none;
|
||
}
|
||
|
||
.aksrt-card-hover-lg:hover,
|
||
.aksrt-card-hover-lg:focus-within {
|
||
box-shadow: var(--shadow-lg);
|
||
transform: none;
|
||
}
|
||
|
||
.aksrt-noshadow:hover {
|
||
box-shadow: none !important;
|
||
transform: none !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-panel — legacy sidebar/widget surface
|
||
* ============================================================ */
|
||
.aksrt-panel {
|
||
clear: both;
|
||
background-color: var(--surface-1);
|
||
padding: var(--card-padding);
|
||
box-shadow: var(--shadow-sm);
|
||
border-radius: var(--radius, 8px);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
/* source: assets/css/frontend/overlay-primitives.css */
|
||
/**
|
||
* AKSRT Overlay / Glass Primitives
|
||
*
|
||
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
||
* floating buttons and search overlays — matching legacy's blur system.
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
/* ============================================================
|
||
* .aksrt-blur-bg — generic glass surface
|
||
* Use on any element that needs a translucent blurred background.
|
||
* ============================================================ */
|
||
.aksrt-blur-bg {
|
||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||
backdrop-filter: saturate(5) blur(20px);
|
||
background: var(--blur-bg);
|
||
}
|
||
|
||
/* ============================================================
|
||
* Glass on site-nav (when using fixed/sticky mode)
|
||
* Applied via .site-nav--blur already; this adds the legacy-grade
|
||
* saturate(5) blur(20px) instead of the lighter saturate(1.5) blur(18px).
|
||
* ============================================================ */
|
||
.site-nav--glass {
|
||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||
backdrop-filter: saturate(5) blur(20px);
|
||
background: var(--blur-bg);
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
.site-nav--glass.is-scrolled {
|
||
box-shadow: var(--shadow-sm);
|
||
border-bottom-color: var(--color-line-soft);
|
||
}
|
||
|
||
html.dark .site-nav--glass.is-scrolled,
|
||
html.dark .site-nav--glass.is-scrolled {
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
|
||
/* ============================================================
|
||
* Glass on footer-tabbar (already uses backdrop-filter in footer.css;
|
||
* this class can be toggled to match legacy's exact blur spec)
|
||
* ============================================================ */
|
||
.footer-tabbar--glass {
|
||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||
backdrop-filter: saturate(5) blur(20px);
|
||
background: var(--blur-bg);
|
||
box-shadow: 0 -8px 24px rgba(20, 28, 48, 0.08);
|
||
}
|
||
|
||
html.dark .footer-tabbar--glass,
|
||
html.dark .footer-tabbar--glass {
|
||
box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.32);
|
||
}
|
||
|
||
/* ============================================================
|
||
* Glass on floating buttons (lighter blur: saturate(2) blur(10px))
|
||
* ============================================================ */
|
||
.float-right--glass .float-btn {
|
||
-webkit-backdrop-filter: saturate(2) blur(10px);
|
||
backdrop-filter: saturate(2) blur(10px);
|
||
background: var(--float-btn-bg);
|
||
border-color: transparent;
|
||
}
|
||
|
||
/* ============================================================
|
||
* Scroll shadow on glass header (legacy: .body-scroll .header)
|
||
* ============================================================ */
|
||
body.has-scrolled .site-nav--glass {
|
||
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
||
}
|
||
|
||
html.dark body.has-scrolled .site-nav--glass,
|
||
html.dark body.has-scrolled .site-nav--glass {
|
||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
|
||
}
|
||
|
||
/* source: assets/css/frontend/layout.css */
|
||
/* Breadcrumb chrome lives in breadcrumb.css (single source). */
|
||
|
||
/* ========== 主布局 ========== */
|
||
.content-main {
|
||
width: 100%;
|
||
}
|
||
|
||
.content-main--single {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.content-shell {
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: 32px 16px 48px;
|
||
max-width: var(--container);
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
.content-shell {
|
||
padding: 40px 24px 56px;
|
||
}
|
||
}
|
||
|
||
/* page.php 专用:阅读宽度收窄 */
|
||
.content-shell--page {
|
||
max-width: var(--container-page, 860px);
|
||
}
|
||
|
||
.content-shell--cms {
|
||
max-width: 100%;
|
||
padding: 0;
|
||
}
|
||
|
||
/* page.php 内的元素 */
|
||
.entry-page .entry-thumb {
|
||
margin: 0 0 var(--space-6, 24px);
|
||
border-radius: var(--radius-lg, 12px);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.entry-page .page-links {
|
||
margin-top: var(--space-6, 24px);
|
||
font-size: var(--text-sm, 0.875rem);
|
||
color: var(--color-ink-3, var(--color-ink-3));
|
||
}
|
||
|
||
.entry-page .page-links-title {
|
||
margin-right: 8px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* ============================================================
|
||
* Site shell — site-layout-1/2/3 dual-column
|
||
* DOM: main.container > .content-wrap + .sidebar (siblings)
|
||
* body.site-layout-1 = no sidebar
|
||
* body.site-layout-2 = sidebar right
|
||
* body.site-layout-3 = sidebar left
|
||
*
|
||
* This intentionally uses legacy's float/negative-margin ownership model.
|
||
* Below 992px the sidebar is hidden and the content margins collapse.
|
||
* ============================================================ */
|
||
|
||
main.container,
|
||
main.content-shell,
|
||
.site-main.container {
|
||
position: relative;
|
||
}
|
||
|
||
/* content-shell is a padding shell for non-dual pages; when it also hosts
|
||
* the float dual-column, kill horizontal padding so negative-margin math matches legacy. */
|
||
main.container.content-shell,
|
||
main.content-shell.container,
|
||
.site-main.container.content-shell {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
main.container::after,
|
||
main.content-shell::after,
|
||
.site-main.container::after {
|
||
content: "";
|
||
display: table;
|
||
clear: both;
|
||
}
|
||
|
||
/* Float/negative-margin compatibility fallback.
|
||
*
|
||
* Critical: .content-layout must NOT set width:100%. Under box-sizing:border-box
|
||
* a 100% width + margin-right gutter keeps the border-box at full container
|
||
* width, so the gutter never shrinks the content box and .sidebar (margin-left:-311px)
|
||
* sits under the main column (overlap). legacy only sets margin on .content-layout;
|
||
* width stays auto so margin carves out the column. */
|
||
.content-wrap {
|
||
float: left;
|
||
width: 100%;
|
||
min-width: 0;
|
||
display: block;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.content-layout {
|
||
display: block;
|
||
/* width:auto — never 100%; margin must shrink the used width */
|
||
width: auto;
|
||
min-width: 0;
|
||
max-width: none;
|
||
margin-right: 0;
|
||
margin-left: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.content-layout__primary {
|
||
min-width: 0;
|
||
max-width: 100%;
|
||
}
|
||
|
||
/* Base sidebar column (legacy .sidebar defaults) — layout variants override below */
|
||
.sidebar {
|
||
float: left;
|
||
width: 311px; /* legacy hard 311px; --sidebar-width kept in sync via runtime vars */
|
||
width: var(--sidebar-width, 311px);
|
||
min-width: 0;
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
display: block;
|
||
}
|
||
|
||
.content-layout__aside {
|
||
min-width: 0;
|
||
}
|
||
|
||
/* No sidebar */
|
||
body.site-layout-1 .sidebar,
|
||
.site-layout-1 .sidebar {
|
||
display: none;
|
||
}
|
||
|
||
body.site-layout-1 .content-layout,
|
||
body.site-layout-1 .content-layout--no-sidebar,
|
||
.site-layout-1 .content-layout {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
|
||
/* Compat: templates may still stamp content-layout--no-sidebar */
|
||
.content-layout--no-sidebar {
|
||
margin-left: 0 !important;
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
/* Sidebar RIGHT (layout 2) — legacy: margin-right: calc(311px + 15px) only */
|
||
body.site-layout-2 .content-layout,
|
||
.site-layout-2 .content-layout {
|
||
margin-right: calc(311px + 15px);
|
||
margin-right: calc(var(--sidebar-width, 311px) + 15px);
|
||
margin-left: 0;
|
||
width: auto;
|
||
}
|
||
|
||
body.site-layout-2 .sidebar,
|
||
.site-layout-2 .sidebar {
|
||
float: left;
|
||
width: 311px;
|
||
width: var(--sidebar-width, 311px);
|
||
margin-left: -311px;
|
||
margin-left: calc(0px - var(--sidebar-width, 311px));
|
||
position: unset;
|
||
}
|
||
|
||
/* Sidebar LEFT (layout 3) */
|
||
body.site-layout-3 .content-layout,
|
||
.site-layout-3 .content-layout {
|
||
margin-left: calc(311px + 15px);
|
||
margin-left: calc(var(--sidebar-width, 311px) + 15px);
|
||
margin-right: unset;
|
||
width: auto;
|
||
}
|
||
|
||
body.site-layout-3 .sidebar,
|
||
.site-layout-3 .sidebar {
|
||
float: left;
|
||
width: 311px;
|
||
width: var(--sidebar-width, 311px);
|
||
margin-left: -100%;
|
||
position: unset;
|
||
}
|
||
|
||
/* Sticky widgets inside sidebar */
|
||
@media (min-width: 992px) {
|
||
.sidebar .content-layout__aside,
|
||
.content-layout__aside {
|
||
position: sticky;
|
||
top: calc(var(--nav-height, 60px) + 16px);
|
||
}
|
||
|
||
.has-static-nav .content-layout__aside {
|
||
top: 16px;
|
||
}
|
||
}
|
||
|
||
/* Mobile collapse (legacy max-width: 991px) */
|
||
@media (max-width: 991.98px) {
|
||
body.site-layout-2 .content-layout,
|
||
body.site-layout-3 .content-layout,
|
||
.site-layout-2 .content-layout,
|
||
.site-layout-3 .content-layout {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
body.site-layout-2 .sidebar,
|
||
body.site-layout-3 .sidebar,
|
||
.site-layout-2 .sidebar,
|
||
.site-layout-3 .sidebar,
|
||
.sidebar {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* ========== 页面标题区 ========== */
|
||
.page-header {
|
||
margin-bottom: 28px;
|
||
}
|
||
|
||
.page-header .entry-title {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.page-header p {
|
||
color: var(--color-ink-3);
|
||
margin: 0;
|
||
max-width: 720px;
|
||
}
|
||
|
||
.term-page-header {
|
||
position: relative;
|
||
overflow: hidden;
|
||
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||
border-radius: var(--radius-lg);
|
||
background: var(--surface-1);
|
||
box-shadow: var(--shadow-sm, 0 1px 6px rgba(15, 23, 42, 0.04));
|
||
}
|
||
|
||
.term-page-header__body {
|
||
position: relative;
|
||
z-index: 1;
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
padding: 24px;
|
||
}
|
||
|
||
.term-page-header__eyebrow {
|
||
margin: 0 0 8px;
|
||
font-size: 0.8125rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.term-page-header__desc {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.term-page-header__cover {
|
||
min-height: 140px;
|
||
background-position: center;
|
||
background-size: cover;
|
||
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||
}
|
||
|
||
.term-page-header--simple .term-page-header__cover {
|
||
display: none;
|
||
}
|
||
|
||
/* Card style: accent top border, slightly more padding */
|
||
.term-page-header--card {
|
||
border-top: 3px solid var(--color-primary, #f04494);
|
||
}
|
||
|
||
.term-page-header--card .term-page-header__body {
|
||
padding: 28px 24px;
|
||
}
|
||
|
||
/* Cover style: full-width hero with background image */
|
||
.term-page-header--cover {
|
||
border: none;
|
||
border-radius: var(--radius-lg);
|
||
background: transparent;
|
||
box-shadow: none;
|
||
min-height: 220px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.term-page-header__cover-bg {
|
||
position: absolute;
|
||
inset: 0;
|
||
background-position: center;
|
||
background-size: cover;
|
||
border-radius: var(--radius-lg);
|
||
}
|
||
|
||
.term-page-header__cover-overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 100%);
|
||
border-radius: var(--radius-lg);
|
||
}
|
||
|
||
.term-page-header--cover .term-page-header__body {
|
||
flex: 1;
|
||
align-items: flex-end;
|
||
z-index: 2;
|
||
}
|
||
|
||
.term-page-header__body--overlay .entry-title,
|
||
.term-page-header__body--overlay .term-page-header__desc,
|
||
.term-page-header__body--overlay .term-page-header__eyebrow {
|
||
color: #fff;
|
||
}
|
||
|
||
.term-page-header__body--overlay .term-page-header__eyebrow {
|
||
color: rgba(255, 255, 255, 0.8);
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.term-page-header--cover {
|
||
min-height: 160px;
|
||
}
|
||
}
|
||
|
||
.aksrt-admin-quicklink {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
min-height: 36px;
|
||
padding: 0 14px;
|
||
border: 1px solid var(--color-line);
|
||
border-radius: var(--radius-pill, 999px);
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-2);
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
font-size: 0.875rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.aksrt-admin-quicklink:hover {
|
||
color: var(--color-primary);
|
||
border-color: var(--color-primary);
|
||
background: var(--color-primary-soft, rgba(59, 130, 246, 0.08));
|
||
}
|
||
|
||
.archive-filter-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
flex-wrap: wrap;
|
||
margin: -8px 0 24px;
|
||
padding: 16px 18px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--surface-2);
|
||
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||
}
|
||
|
||
.archive-filter-bar__main {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.archive-filter-bar__label {
|
||
color: var(--color-ink-4);
|
||
font-size: 0.8125rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.archive-filter-bar__chips {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
}
|
||
|
||
.archive-filter-bar__chip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-height: 34px;
|
||
padding: 0 12px;
|
||
border-radius: var(--radius-pill, 999px);
|
||
background: var(--surface-1);
|
||
color: var(--color-ink-2);
|
||
text-decoration: none;
|
||
font-size: 0.875rem;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.archive-filter-bar__chip.is-active,
|
||
.archive-filter-bar__chip:hover {
|
||
background: var(--color-primary);
|
||
color: var(--color-on-primary, #fff);
|
||
}
|
||
|
||
.archive-filter-bar__meta {
|
||
color: var(--color-ink-4);
|
||
font-size: 0.8125rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.archive-filter-bar__sort {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.archive-filter-bar__main--tags {
|
||
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||
padding-top: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
/* §3.4 custom_filter dimension rows */
|
||
.archive-filter-bar__main--custom {
|
||
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||
padding-top: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
|
||
.content-stream {
|
||
display: grid;
|
||
gap: 20px;
|
||
}
|
||
|
||
.content-main--archive,
|
||
.content-main--tag,
|
||
.content-main--category,
|
||
.content-main--search,
|
||
.content-main--single {
|
||
display: grid;
|
||
gap: 20px;
|
||
}
|
||
|
||
.content-stream__list {
|
||
width: 100%;
|
||
}
|
||
|
||
.content-stream__footer {
|
||
margin-top: 4px;
|
||
}
|
||
|
||
.content-stream__footer > .content-stream__footer-nav,
|
||
.archive__ajax-wrap > .content-stream__footer-nav {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.content-stream__empty {
|
||
padding: 28px 24px;
|
||
border-radius: var(--radius-lg);
|
||
background: var(--surface-1);
|
||
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||
}
|
||
|
||
.article-shell {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* AJAX 筛选加载状态 */
|
||
.archive__ajax-wrap {
|
||
position: relative;
|
||
transition: opacity 0.2s ease;
|
||
}
|
||
|
||
.archive__ajax-wrap.is-loading {
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.archive__ajax-loading {
|
||
display: none;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
align-items: center;
|
||
justify-content: center;
|
||
z-index: 5;
|
||
background: rgba(255, 255, 255, 0.6);
|
||
backdrop-filter: blur(1px);
|
||
}
|
||
|
||
.archive__ajax-loading.is-loading {
|
||
display: flex;
|
||
}
|
||
|
||
.archive__ajax-spinner {
|
||
display: inline-block;
|
||
width: 28px;
|
||
height: 28px;
|
||
border: 3px solid var(--surface-3, #e8e8e8);
|
||
border-top-color: var(--color-primary, #f04494);
|
||
border-radius: 50%;
|
||
animation: aksrt-spin 0.6s linear infinite;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.term-page-header__body {
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
padding: 20px;
|
||
}
|
||
|
||
.aksrt-admin-quicklink {
|
||
width: fit-content;
|
||
}
|
||
}
|
||
|
||
/* ========== AJAX 分页(加载更多 / 无限滚动) ========== */
|
||
.aksrt-pagination-ajax {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 16px;
|
||
margin: 40px 0 8px;
|
||
}
|
||
|
||
.aksrt-load-more-btn {
|
||
min-width: 180px;
|
||
height: 44px;
|
||
padding: 0 32px;
|
||
border-radius: var(--radius-btn);
|
||
border: 1px solid var(--color-line);
|
||
background: var(--surface-page);
|
||
color: var(--color-ink);
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: border-color 0.2s, color 0.2s, background 0.2s;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
}
|
||
|
||
.aksrt-load-more-btn:hover {
|
||
border-color: var(--color-primary);
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-load-more-btn:disabled {
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.aksrt-loading-indicator {
|
||
display: none;
|
||
align-items: center;
|
||
gap: 8px;
|
||
font-size: 14px;
|
||
color: var(--color-ink-4);
|
||
}
|
||
|
||
.aksrt-loading-indicator i {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.aksrt-scroll-sentinel {
|
||
width: 100%;
|
||
height: 1px;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* ========== 移动端/平板隐藏侧栏(与 legacy 一致:991px 以下隐藏) ========== */
|
||
@media (max-width: 991px) {
|
||
.content-layout__aside {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.content-layout__primary--cms {
|
||
min-width: 0;
|
||
}
|
||
|
||
/* ============================================================
|
||
* Phase 2 — 侧栏 widget 内链接增强
|
||
* ============================================================ */
|
||
.content-layout__aside .widget a {
|
||
transition: color var(--dur-fast, 0.15s) var(--ease);
|
||
}
|
||
|
||
.content-layout__aside .widget a:hover {
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
/* ============================================================
|
||
* Phase 5 — 文章操作卡片增强
|
||
* ============================================================ */
|
||
|
||
/* ============================================================
|
||
* Phase 6 — 评论卡片容器
|
||
* ============================================================ */
|
||
.comments-card {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* source: assets/css/frontend/footer.css */
|
||
/* ============================================================
|
||
* AKSRT Footer utilities — float buttons start + device helpers
|
||
* Main template_1 shell: shell.css
|
||
* Tabbar / float details continue below.
|
||
* ============================================================ */
|
||
|
||
:root {
|
||
--aksrt-footer-tabbar-height: 49px;
|
||
}
|
||
|
||
/* Device visibility utility classes */
|
||
@media (max-width: 767px) {
|
||
.hide-on-mobile { display: none !important; }
|
||
.hidden-xs { display: none !important; }
|
||
}
|
||
@media (min-width: 768px) {
|
||
.hide-on-desktop { display: none !important; }
|
||
.hide-on-pc { display: none !important; }
|
||
}
|
||
|
||
/* ============================================================
|
||
* 浮动右侧按钮组(模仿 legacy float-right)
|
||
* ============================================================ */
|
||
/* 对齐 legacy: bottom 60px, z-index 1030 */
|
||
.float-right-btns {
|
||
position: fixed;
|
||
right: 20px;
|
||
bottom: 60px;
|
||
z-index: 1030;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
transition: opacity 0.3s ease;
|
||
}
|
||
|
||
/* 对齐 legacy: 40px, 1.4em icon */
|
||
.float-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 40px;
|
||
min-height: 40px;
|
||
border-radius: 50%;
|
||
border: none;
|
||
background: var(--float-btn-bg);
|
||
color: var(--color-ink-3);
|
||
box-shadow: var(--shadow-sm);
|
||
cursor: pointer;
|
||
transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
|
||
font-size: 1.4em;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.float-btn:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: var(--shadow);
|
||
color: var(--color-primary);
|
||
background: var(--surface-page);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.float-btn:active {
|
||
transform: scale(0.95);
|
||
}
|
||
|
||
/* 回到顶部按钮 — 滚动后显示 */
|
||
.float-btn--top {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease;
|
||
}
|
||
|
||
.float-btn--top.is-visible {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
display: flex;
|
||
}
|
||
|
||
/* 主题切换按钮 */
|
||
#float-theme-toggle .float-btn__icon-moon {
|
||
display: none !important;
|
||
}
|
||
|
||
#float-theme-toggle .float-btn__icon-sun {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
#float-theme-toggle[aria-pressed="true"] .float-btn__icon-moon,
|
||
.theme-dark #float-theme-toggle .float-btn__icon-moon,
|
||
html.dark #float-theme-toggle .float-btn__icon-moon,
|
||
body.dark-theme #float-theme-toggle .float-btn__icon-moon {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
#float-theme-toggle[aria-pressed="true"] .float-btn__icon-sun,
|
||
.theme-dark #float-theme-toggle .float-btn__icon-sun,
|
||
html.dark #float-theme-toggle .float-btn__icon-sun,
|
||
body.dark-theme #float-theme-toggle .float-btn__icon-sun {
|
||
display: none !important;
|
||
}
|
||
|
||
/* 移动端隐藏浮动按钮(用 tabbar 代替) */
|
||
@media (max-width: 767px) {
|
||
.float-right-btns {
|
||
right: 12px;
|
||
bottom: 80px;
|
||
}
|
||
|
||
.float-btn {
|
||
width: 38px;
|
||
height: 38px;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
|
||
/* ============================================================
|
||
* 移动端底部 Tab 栏(模仿 legacy footer-tabbar)
|
||
* ============================================================ */
|
||
.footer-tabbar {
|
||
display: none;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 1035;
|
||
min-height: var(--aksrt-footer-tabbar-height);
|
||
background: var(--blur-bg);
|
||
border-top: 1px solid var(--color-line-soft);
|
||
padding: 0 0 env(safe-area-inset-bottom, 0px);
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
box-shadow: 0 -4px 5px var(--main-shadow, rgba(0, 0, 0, 0.06));
|
||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||
backdrop-filter: saturate(5) blur(20px);
|
||
--tabbar-active-color: #f04494;
|
||
--tabbar-icon-size: 24px;
|
||
--tabbar-text-size: 10px;
|
||
}
|
||
|
||
.footer-tabbar.no-border {
|
||
border-top: none;
|
||
}
|
||
|
||
.footer-tabbar.no-shadow {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.footer-tabbar.hide-text .tabbar-item span {
|
||
display: none;
|
||
}
|
||
|
||
.footer-tabbar.has-animation .tabbar-item {
|
||
transition: color 0.15s ease, transform 0.15s ease;
|
||
}
|
||
|
||
.footer-tabbar.has-animation .tabbar-item:active {
|
||
transform: scale(0.9);
|
||
}
|
||
|
||
.footer-tabbar-placeholder {
|
||
display: none;
|
||
height: calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.footer-tabbar {
|
||
display: flex;
|
||
}
|
||
|
||
.footer-tabbar-placeholder {
|
||
display: block;
|
||
}
|
||
|
||
/* 有 tabbar 时页脚需要额外底部间距 */
|
||
.footer,
|
||
.site-footer {
|
||
padding-bottom: calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||
}
|
||
}
|
||
|
||
.tabbar-item {
|
||
display: flex;
|
||
flex: 1 1 0;
|
||
min-width: 0;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 1px;
|
||
min-height: 49px;
|
||
padding: 4px 0 3px;
|
||
color: var(--muted-color, var(--color-ink-3));
|
||
font-size: 13px;
|
||
text-decoration: none;
|
||
border: none;
|
||
background: none;
|
||
cursor: pointer;
|
||
transition: color 0.15s ease;
|
||
-webkit-tap-highlight-color: transparent;
|
||
position: relative;
|
||
}
|
||
|
||
/* 对齐 legacy: 24px 图标 */
|
||
.tabbar-item i {
|
||
font-size: var(--tabbar-icon-size, 24px);
|
||
line-height: 1;
|
||
}
|
||
|
||
.tabbar-item span {
|
||
display: block;
|
||
font-size: var(--tabbar-text-size, 10px);
|
||
font-weight: 500;
|
||
line-height: 1;
|
||
transform: scale(0.8);
|
||
transform-origin: center top;
|
||
}
|
||
|
||
.tabbar-item:hover,
|
||
.tabbar-item.active {
|
||
color: var(--tabbar-active-color, var(--color-primary));
|
||
text-decoration: none;
|
||
}
|
||
|
||
.tabbar-item.active i {
|
||
font-weight: 900;
|
||
}
|
||
|
||
.tabbar-badge {
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 8px;
|
||
min-width: 16px;
|
||
height: 16px;
|
||
padding: 0 4px;
|
||
border-radius: 999px;
|
||
background: var(--color-error);
|
||
color: #fff;
|
||
font-size: 10px;
|
||
line-height: 16px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
text-align: center;
|
||
box-shadow: 0 2px 8px rgba(239, 68, 68, 0.20);
|
||
}
|
||
|
||
.tabbar-badge--dot {
|
||
min-width: 0;
|
||
width: 8px;
|
||
height: 8px;
|
||
padding: 0;
|
||
top: 4px;
|
||
right: 10px;
|
||
font-size: 0;
|
||
line-height: 1;
|
||
box-shadow: 0 0 0 2px var(--blur-bg);
|
||
}
|
||
|
||
.tabbar-item--add {
|
||
margin-top: -22px;
|
||
width: 62px;
|
||
height: 62px;
|
||
min-height: 62px;
|
||
border-radius: 50%;
|
||
background: var(--color-accent);
|
||
color: #fff;
|
||
box-shadow: 0 12px 24px var(--color-accent-shadow);
|
||
flex: 0 0 62px;
|
||
z-index: 1;
|
||
}
|
||
|
||
.tabbar-item--add i {
|
||
font-size: 22px;
|
||
}
|
||
|
||
.tabbar-item--add span {
|
||
font-size: 11px;
|
||
}
|
||
|
||
.tabbar-item--add:hover,
|
||
.tabbar-item--add.active {
|
||
color: #fff;
|
||
}
|
||
|
||
.tabbar-add-backdrop {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 951;
|
||
background: rgba(15, 23, 42, 0.38);
|
||
}
|
||
|
||
.tabbar-add-panel {
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
z-index: 952;
|
||
padding: 0 12px calc(84px + env(safe-area-inset-bottom, 0px));
|
||
}
|
||
|
||
.tabbar-add-panel__sheet {
|
||
border-radius: 20px;
|
||
background: var(--surface-1);
|
||
border: none;
|
||
box-shadow: var(--shadow-drawer);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.tabbar-add-panel__head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16px 18px 12px;
|
||
border-bottom: 1px solid var(--color-line);
|
||
}
|
||
|
||
.tabbar-add-panel__close {
|
||
width: 32px;
|
||
height: 32px;
|
||
border: 0;
|
||
border-radius: 50%;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.tabbar-add-panel__list {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 12px;
|
||
padding: 18px;
|
||
}
|
||
|
||
.tabbar-add-panel__item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
gap: 8px;
|
||
min-height: 88px;
|
||
border-radius: 18px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.tabbar-add-panel__item i {
|
||
font-size: 22px;
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.tabbar-add-panel__item span {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tabbar-search-overlay {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 953;
|
||
background: rgba(15, 23, 42, 0.58);
|
||
display: flex;
|
||
align-items: stretch;
|
||
justify-content: center;
|
||
}
|
||
|
||
.tabbar-search-overlay__dialog {
|
||
width: 100%;
|
||
min-height: 100%;
|
||
background: var(--surface-1);
|
||
padding: 18px 16px calc(24px + env(safe-area-inset-bottom, 0px));
|
||
}
|
||
|
||
.tabbar-search-overlay__head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.tabbar-search-overlay__close {
|
||
width: 36px;
|
||
height: 36px;
|
||
border: 0;
|
||
border-radius: 50%;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.tabbar-search-overlay__form {
|
||
display: grid;
|
||
grid-template-columns: 20px 1fr auto;
|
||
gap: 10px;
|
||
align-items: center;
|
||
padding: 14px 14px 14px 12px;
|
||
border-radius: 18px;
|
||
border: none;
|
||
box-shadow: var(--shadow-sm);
|
||
background: var(--surface-4);
|
||
}
|
||
|
||
.tabbar-search-overlay__icon {
|
||
color: var(--color-ink-4);
|
||
}
|
||
|
||
.tabbar-search-overlay__form input {
|
||
min-width: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
color: var(--color-ink);
|
||
font-size: 15px;
|
||
outline: none;
|
||
}
|
||
|
||
.tabbar-search-overlay__submit {
|
||
border: 0;
|
||
border-radius: 12px;
|
||
padding: 10px 14px;
|
||
background: var(--color-accent);
|
||
color: #fff;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.tabbar-search-overlay__types {
|
||
display: flex;
|
||
gap: 8px;
|
||
margin-top: 14px;
|
||
}
|
||
|
||
.tabbar-search-overlay__type {
|
||
border: 0;
|
||
border-radius: 999px;
|
||
padding: 9px 14px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tabbar-search-overlay__type.is-active {
|
||
background: var(--color-accent-soft);
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.tabbar-search-overlay__section {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.tabbar-search-overlay__section-head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.tabbar-search-overlay__label {
|
||
color: var(--color-ink-3);
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.tabbar-search-overlay__clear {
|
||
border: 0;
|
||
background: transparent;
|
||
color: var(--color-accent);
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.tabbar-search-overlay__history,
|
||
.tabbar-search-overlay__suggestions {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
|
||
.tabbar-search-overlay__history-item,
|
||
.tabbar-search-overlay__suggestion-item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
width: 100%;
|
||
border: none;
|
||
border-radius: 16px;
|
||
padding: 12px 14px;
|
||
background: var(--surface-4);
|
||
box-shadow: var(--shadow-sm);
|
||
color: var(--color-ink-3);
|
||
text-decoration: none;
|
||
text-align: left;
|
||
}
|
||
|
||
.tabbar-search-overlay__history-item i {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.tabbar-search-overlay__history-item span,
|
||
.tabbar-search-overlay__suggestion-item span {
|
||
flex: 1;
|
||
min-width: 0;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tabbar-search-overlay__suggestion-item small {
|
||
color: var(--color-ink-4);
|
||
font-size: 12px;
|
||
}
|
||
|
||
.tabbar-search-overlay__empty {
|
||
padding: 14px;
|
||
border-radius: 16px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-4);
|
||
font-size: 13px;
|
||
text-align: center;
|
||
}
|
||
|
||
.tabbar-search-overlay__tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
}
|
||
|
||
.tabbar-search-overlay__tag {
|
||
padding: 10px 14px;
|
||
border-radius: 999px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-3);
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
}
|
||
|
||
body.tabbar-search-open,
|
||
body.tabbar-add-open {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* 滚动时隐藏 tabbar(可选,通过 JS 添加 class) */
|
||
.footer-tabbar.scrolling-hide {
|
||
transform: translateY(100%);
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
/* 向下滚动隐藏,向上滚动显示 */
|
||
.footer-tabbar.scroll-down-hide {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.footer-tabbar.scroll-down-hide.is-hidden {
|
||
transform: translateY(120%);
|
||
}
|
||
|
||
/* 返回顶部包裹项(首页按钮 + 返回顶部切换) */
|
||
.tabbar-ontop-wrap {
|
||
position: relative;
|
||
}
|
||
|
||
.tabbar-ontop-wrap .tabbar-ontop-btn {
|
||
display: none;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 2px;
|
||
padding: 4px 12px;
|
||
color: var(--color-primary);
|
||
font-size: 13px;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
-webkit-tap-highlight-color: transparent;
|
||
}
|
||
|
||
.tabbar-ontop-wrap .tabbar-ontop-btn i {
|
||
font-size: 18px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.tabbar-ontop-wrap .tabbar-ontop-btn span {
|
||
font-weight: 500;
|
||
line-height: 1;
|
||
transform: scale(0.8);
|
||
transform-origin: center top;
|
||
}
|
||
|
||
.tabbar-ontop-wrap.is-scrolled .tabbar-ontop-btn {
|
||
display: flex;
|
||
}
|
||
|
||
.tabbar-ontop-wrap.is-scrolled > .tabbar-item:not(.tabbar-ontop-btn) {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 暗色模式适配
|
||
* ============================================================ */
|
||
.theme-dark .site-footer,
|
||
html.dark .site-footer {
|
||
background: var(--surface-1);
|
||
}
|
||
|
||
.theme-dark .float-btn,
|
||
html.dark .float-btn {
|
||
background: var(--float-btn-bg);
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
|
||
.theme-dark .footer-tabbar,
|
||
html.dark .footer-tabbar {
|
||
background: var(--blur-bg);
|
||
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.20);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 旧版 back-to-top 按钮兼容(隐藏,用浮动按钮代替)
|
||
* ============================================================ */
|
||
.back-to-top {
|
||
display: none !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 页脚布局模板变体
|
||
* ============================================================ */
|
||
|
||
/* 紧凑模板:单行版权 + 链接 */
|
||
.site-footer--compact .site-footer__grid {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
gap: 16px;
|
||
}
|
||
|
||
.site-footer--compact .site-footer__brand {
|
||
flex: 1 1 100%;
|
||
}
|
||
|
||
|
||
/* Full-viewport search panel open state (desktop + mobile) */
|
||
.tabbar-search-overlay[hidden] {
|
||
display: none !important;
|
||
}
|
||
.tabbar-search-overlay.is-open,
|
||
.tabbar-search-overlay.show:not([hidden]) {
|
||
display: flex;
|
||
}
|
||
.tabbar-search-overlay__dialog {
|
||
max-width: 720px;
|
||
margin: 0 auto;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.tabbar-search-overlay {
|
||
align-items: flex-start;
|
||
padding-top: 8vh;
|
||
background: rgba(15, 23, 42, 0.45);
|
||
}
|
||
.tabbar-search-overlay__dialog {
|
||
min-height: auto;
|
||
max-height: min(84vh, 860px);
|
||
overflow: auto;
|
||
border-radius: 20px;
|
||
box-shadow: var(--shadow-lg, 0 20px 50px rgba(15, 23, 42, 0.22));
|
||
}
|
||
.nav-searchbox--desktop {
|
||
display: none;
|
||
}
|
||
.main-search-btn.nav-search-toggle {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
}
|
||
@media (max-width: 767.98px) {
|
||
.main-search-btn.nav-search-toggle {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
|
||
.site-footer--compact .site-footer__brand .site-footer__desc,
|
||
.site-footer--compact .site-footer__brand .social-row,
|
||
.site-footer--compact .site-footer__brand .site-footer__friends {
|
||
display: none;
|
||
}
|
||
|
||
.site-footer--compact .site-footer__col {
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.site-footer--compact .site-footer__col ul {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.site-footer--compact .site-footer__bottom {
|
||
border-top: 1px solid var(--color-line);
|
||
padding-top: 12px;
|
||
margin-top: 12px;
|
||
}
|
||
|
||
/* 中央模板:居中品牌 + 链接 */
|
||
.site-footer--centered .site-footer__grid {
|
||
text-align: center;
|
||
}
|
||
|
||
.site-footer--centered .site-footer__brand {
|
||
flex: 1 1 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.site-footer--centered .site-footer__col {
|
||
flex: 1 1 auto;
|
||
}
|
||
|
||
.site-footer--centered .site-footer__col ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 16px;
|
||
}
|
||
/**
|
||
* Footer — legacy template_1 shell
|
||
* Contract: legacy/css/main.css footer block + legacy markup
|
||
*/
|
||
.footer {
|
||
color: var(--footer-color, var(--color-ink-4));
|
||
background: var(--footer-bg, var(--surface-1));
|
||
padding: 30px;
|
||
font-size: 13px;
|
||
margin-top: auto;
|
||
}
|
||
|
||
.footer a:not(.but):not(.focus-color) {
|
||
color: var(--footer-color, var(--color-ink-4));
|
||
}
|
||
|
||
.footer a:hover {
|
||
color: var(--focus-color, var(--color-primary));
|
||
}
|
||
|
||
.footer .container-footer {
|
||
max-width: calc(var(--mian-max-width, var(--container, 1200px)) + 180px);
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
|
||
.footer .list-inline {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 20px;
|
||
list-style: none;
|
||
margin: 0 0 12px;
|
||
padding: 0;
|
||
}
|
||
|
||
.footer .list-inline > li {
|
||
flex: 1;
|
||
margin: 5px 15px;
|
||
}
|
||
|
||
.footer .list-inline > li + li + li {
|
||
float: right;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
|
||
.footer a.footer-logo img,
|
||
.footer .footer-logo img {
|
||
height: 40px;
|
||
width: auto;
|
||
max-width: 180px;
|
||
vertical-align: middle;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* title-h-left underline bar (legacy) */
|
||
.footer .title-h-left {
|
||
position: relative;
|
||
margin: 8px 0 10px;
|
||
padding-bottom: 8px;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
color: var(--color-ink, #333);
|
||
}
|
||
|
||
.footer .title-h-left:before {
|
||
transition: 0.4s;
|
||
transform-origin: left;
|
||
position: absolute;
|
||
content: "";
|
||
width: 40px;
|
||
height: 3px;
|
||
background: var(--theme-color, var(--color-primary));
|
||
left: 0;
|
||
bottom: 3px;
|
||
border-radius: 5px;
|
||
box-shadow: 1px 1px 3px -1px var(--theme-color, var(--color-primary));
|
||
}
|
||
|
||
.footer .footer-muted,
|
||
.footer .em09 {
|
||
font-size: 0.92em;
|
||
color: var(--muted-2-color, var(--color-ink-4));
|
||
line-height: 1.7;
|
||
}
|
||
|
||
.footer .opacity8 {
|
||
opacity: 0.8;
|
||
}
|
||
|
||
.footer .fcode-links {
|
||
margin: 0 0 8px;
|
||
line-height: 1.9;
|
||
}
|
||
|
||
.footer .fcode-links > a + a:before {
|
||
content: "";
|
||
width: 4px;
|
||
height: 4px;
|
||
margin: 0 0.5em;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
background: var(--main-color, var(--color-ink-2));
|
||
opacity: 0.3;
|
||
vertical-align: 0.2em;
|
||
}
|
||
|
||
/* Circular contact buttons — legacy .toggle-radius + .footer-contact > a */
|
||
.footer .toggle-radius {
|
||
background: var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));
|
||
width: 29px;
|
||
height: 29px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
border-radius: 100%;
|
||
position: relative;
|
||
vertical-align: text-top;
|
||
line-height: 29px;
|
||
color: var(--footer-color, var(--color-ink-3));
|
||
text-decoration: none;
|
||
}
|
||
|
||
.footer .footer-contact {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.footer .footer-contact > a {
|
||
font-size: 20px;
|
||
margin: 5px;
|
||
width: 35px;
|
||
height: 35px;
|
||
line-height: 35px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
border-radius: 100%;
|
||
background: var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));
|
||
color: var(--footer-color, var(--color-ink-3));
|
||
text-decoration: none;
|
||
vertical-align: text-top;
|
||
position: relative;
|
||
transition: color 0.15s ease, background 0.15s ease;
|
||
}
|
||
|
||
.footer .footer-contact > a:hover {
|
||
color: #fff;
|
||
background: var(--focus-color, var(--color-primary));
|
||
}
|
||
|
||
.footer .footer-contact > a i {
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.footer .footer-wechat-img {
|
||
display: none;
|
||
position: absolute;
|
||
width: 140px;
|
||
bottom: 90%;
|
||
left: -55px;
|
||
padding-bottom: 20px;
|
||
z-index: 5;
|
||
}
|
||
|
||
.footer .hover-show {
|
||
position: relative;
|
||
}
|
||
|
||
.footer .hover-show:hover .footer-wechat-img,
|
||
.footer .hover-show:focus .footer-wechat-img {
|
||
display: block;
|
||
}
|
||
|
||
.footer .footer-wechat-img img {
|
||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||
border-radius: 4px;
|
||
width: 100%;
|
||
height: auto;
|
||
background: #fff;
|
||
}
|
||
|
||
.footer .footer-miniimg img {
|
||
width: 90px;
|
||
margin: 0 6px;
|
||
height: auto;
|
||
max-width: 100%;
|
||
display: block;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.footer .footer-miniimg-2 {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.footer .footer-miniimg-2 img {
|
||
height: 36px;
|
||
border-radius: var(--main-radius);
|
||
}
|
||
|
||
.footer .footer-miniimg-2 .opacity8 {
|
||
display: none;
|
||
}
|
||
|
||
.footer .footer-conter {
|
||
margin: 8px 0 0;
|
||
line-height: 1.8;
|
||
color: var(--footer-color, var(--color-ink-4));
|
||
font-size: 13px;
|
||
}
|
||
|
||
.footer .mt10 {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
/* Device visibility — legacy hidden-xs */
|
||
@media (max-width: 767px) {
|
||
.footer .hidden-xs,
|
||
.hidden-xs {
|
||
display: none !important;
|
||
}
|
||
|
||
.footer {
|
||
padding: 10px 0;
|
||
}
|
||
|
||
.footer .container-footer {
|
||
text-align: center;
|
||
padding: 0 16px;
|
||
}
|
||
|
||
.footer .list-inline {
|
||
gap: 10px;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.footer .list-inline > li + li + li {
|
||
float: none;
|
||
align-items: center;
|
||
}
|
||
|
||
.footer .list-inline > li {
|
||
margin: 12px 0;
|
||
max-width: none !important;
|
||
}
|
||
|
||
.footer .footer-miniimg-2 {
|
||
justify-content: center;
|
||
}
|
||
|
||
.footer .title-h-left:before {
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
}
|
||
|
||
/* Float right buttons shell (kept from prior shell) */
|
||
#float-right-btns.float-right,
|
||
.float-right {
|
||
position: fixed;
|
||
right: 16px;
|
||
bottom: 60px;
|
||
z-index: 1030;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
}
|
||
|
||
/* source: assets/css/frontend/floating-buttons.css */
|
||
/* ============================================================
|
||
* Floating Buttons
|
||
* ============================================================ */
|
||
|
||
.float-right {
|
||
--float-btn-size: 42px;
|
||
--float-btn-spacing: 8px;
|
||
--float-btn-opacity: 1;
|
||
--float-btn-color: var(--color-ink-3);
|
||
--float-btn-bg: transparent;
|
||
--float-btn-active-color: var(--color-primary);
|
||
position: fixed;
|
||
right: 20px;
|
||
bottom: 96px;
|
||
z-index: 900;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: var(--float-btn-spacing, 8px);
|
||
opacity: var(--float-btn-opacity, 1);
|
||
transition: transform var(--dur, 0.25s) var(--ease, ease), opacity var(--dur, 0.25s) var(--ease, ease);
|
||
padding-bottom: env(safe-area-inset-bottom, 0px);
|
||
}
|
||
|
||
.float-right.no-shadow .float-btn {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.float-right.no-animation .float-btn {
|
||
transition: none;
|
||
}
|
||
|
||
.float-right.no-animation .float-btn:hover {
|
||
transform: none;
|
||
}
|
||
|
||
.float-right.position-center {
|
||
top: 50%;
|
||
bottom: auto;
|
||
transform: translateY(-50%);
|
||
}
|
||
|
||
.float-right.square {
|
||
gap: 0;
|
||
overflow: hidden;
|
||
border-radius: var(--radius-lg, 8px);
|
||
box-shadow: var(--shadow-md, 0 10px 30px rgba(17, 24, 39, 0.12));
|
||
}
|
||
|
||
.float-right .float-btn {
|
||
width: var(--float-btn-size);
|
||
min-height: var(--float-btn-size);
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: relative;
|
||
color: var(--this-color, var(--float-btn-color));
|
||
background: var(--this-bg, var(--float-btn-bg));
|
||
border: 1px solid var(--color-line-soft, #f0f1f3);
|
||
text-decoration: none;
|
||
box-shadow: var(--shadow, 0 8px 24px rgba(17, 24, 39, 0.08));
|
||
transition: transform var(--dur-fast, 0.15s) var(--ease, ease), box-shadow var(--dur-fast, 0.15s) var(--ease, ease), color var(--dur-fast, 0.15s) var(--ease, ease), background var(--dur-fast, 0.15s) var(--ease, ease);
|
||
cursor: pointer;
|
||
outline: none;
|
||
overflow: visible;
|
||
}
|
||
|
||
.float-right.round .float-btn {
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.float-right.square .float-btn {
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
border-top-width: 0;
|
||
}
|
||
|
||
.float-right.square .float-btn:first-child {
|
||
border-top-width: 1px;
|
||
}
|
||
|
||
.float-right .float-btn:hover {
|
||
transform: translateY(-2px);
|
||
color: var(--float-btn-active-color, var(--color-primary));
|
||
text-decoration: none;
|
||
box-shadow: var(--shadow-md, 0 10px 30px rgba(17, 24, 39, 0.12));
|
||
z-index: 2;
|
||
}
|
||
|
||
.float-right .float-btn:active {
|
||
transform: scale(0.96);
|
||
}
|
||
|
||
.float-right .float-btn::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: auto;
|
||
width: 6px;
|
||
height: 6px;
|
||
border-radius: 999px;
|
||
background: currentColor;
|
||
opacity: 0;
|
||
transform: scale(1);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.float-right .float-btn.is-rippling::after {
|
||
animation: float-btn-ripple 0.55s ease-out;
|
||
}
|
||
|
||
.float-right .float-btn i {
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.float-right .float-btn.ontop {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.float-right .float-btn.ontop.is-visible {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.float-right.has-blur-pc .float-btn {
|
||
backdrop-filter: saturate(1.5) blur(10px);
|
||
-webkit-backdrop-filter: saturate(1.5) blur(10px);
|
||
}
|
||
|
||
.float-right .hover-show-con {
|
||
position: absolute;
|
||
display: block;
|
||
right: calc(100% + 12px);
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
min-width: 180px;
|
||
max-width: 280px;
|
||
padding: 12px;
|
||
border-radius: var(--radius-lg, 8px);
|
||
background: var(--surface-1, #fff);
|
||
border: 1px solid var(--color-line);
|
||
box-shadow: var(--shadow-lg, 0 18px 40px rgba(17, 24, 39, 0.18));
|
||
color: var(--color-ink-2);
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
pointer-events: none;
|
||
transition: opacity var(--dur-fast, 0.15s) var(--ease, ease), transform var(--dur-fast, 0.15s) var(--ease, ease), visibility var(--dur-fast, 0.15s) var(--ease, ease);
|
||
}
|
||
|
||
.float-right .hover-show-con::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 50%;
|
||
right: -8px;
|
||
width: 16px;
|
||
height: 16px;
|
||
background: inherit;
|
||
border-top: 1px solid var(--color-line);
|
||
border-right: 1px solid var(--color-line);
|
||
transform: translateY(-50%) rotate(45deg);
|
||
}
|
||
|
||
.float-right .hover-show-con img {
|
||
display: block;
|
||
width: 100%;
|
||
max-width: 160px;
|
||
height: auto;
|
||
margin: 0 auto 10px;
|
||
border-radius: var(--radius, 10px);
|
||
}
|
||
|
||
.float-right .hover-show-con p {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
line-height: 1.6;
|
||
color: var(--color-ink-3);
|
||
text-align: center;
|
||
}
|
||
|
||
.float-btn-qrcode {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
min-height: 120px;
|
||
margin: 0 auto 10px;
|
||
background: #fff;
|
||
border-radius: var(--radius, 10px);
|
||
}
|
||
|
||
.float-right .service-wechat .hover-show-con,
|
||
.float-right .service-qq .hover-show-con,
|
||
.float-right .qrcode-btn .hover-show-con {
|
||
padding: 14px;
|
||
text-align: center;
|
||
}
|
||
|
||
/* Page QR hover card: keep title/caption centered under the code */
|
||
.float-right .qrcode-btn .hover-show-con {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.float-right .qrcode-btn .hover-show-con p {
|
||
width: 100%;
|
||
text-align: center;
|
||
margin-top: 2px;
|
||
}
|
||
|
||
.float-right .qrcode-btn .hover-show-con .float-btn-qrcode__title {
|
||
width: 100%;
|
||
text-align: center;
|
||
margin: 2px 0 0;
|
||
font-size: 13px;
|
||
line-height: 1.6;
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
|
||
.float-right .service-wechat .hover-show-con img,
|
||
.float-right .service-qq .hover-show-con img {
|
||
margin: 0 auto;
|
||
box-shadow: 0 10px 24px rgba(17, 24, 39, 0.12);
|
||
}
|
||
|
||
.float-right .service-wechat .hover-show-con p,
|
||
.float-right .service-qq .hover-show-con p {
|
||
display: none;
|
||
}
|
||
|
||
.float-right .newadd-btns .hover-show-con {
|
||
min-width: 196px;
|
||
padding: 10px;
|
||
}
|
||
|
||
.float-add-menu {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
}
|
||
|
||
.float-add-menu__item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 10px 12px;
|
||
border-radius: 10px;
|
||
color: var(--color-ink-2);
|
||
text-decoration: none;
|
||
transition: background var(--dur-fast, 0.15s) var(--ease, ease), color var(--dur-fast, 0.15s) var(--ease, ease), transform var(--dur-fast, 0.15s) var(--ease, ease);
|
||
}
|
||
|
||
.float-add-menu__item i {
|
||
width: 18px;
|
||
text-align: center;
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.float-add-menu__item:hover {
|
||
background: var(--color-primary-soft, rgba(240, 68, 148, 0.1));
|
||
color: var(--color-primary, var(--color-primary));
|
||
transform: translateX(-2px);
|
||
}
|
||
|
||
.float-btn-qrcode canvas,
|
||
.float-btn-qrcode img,
|
||
.float-btn-qrcode svg {
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.float-right .float-btn:hover .hover-show-con,
|
||
.float-right .float-btn:focus-visible .hover-show-con {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
pointer-events: auto;
|
||
transform: translateY(-50%) translateX(-4px);
|
||
}
|
||
|
||
.float-right.scrolling-hide.is-hidden,
|
||
.float-right.scroll-down-hide.is-hidden {
|
||
transform: translateX(calc(100% + 24px));
|
||
}
|
||
|
||
.float-right.position-center.scrolling-hide.is-hidden,
|
||
.float-right.position-center.scroll-down-hide.is-hidden {
|
||
transform: translateX(calc(100% + 24px)) translateY(-50%);
|
||
}
|
||
|
||
.float-right__html {
|
||
font-size: 13px;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.float-right__html a {
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.float-right__html a:hover {
|
||
color: var(--color-primary-hover, #7099CC);
|
||
}
|
||
|
||
@keyframes float-btn-ripple {
|
||
0% {
|
||
opacity: 0.22;
|
||
transform: scale(1);
|
||
}
|
||
100% {
|
||
opacity: 0;
|
||
transform: scale(14);
|
||
}
|
||
}
|
||
|
||
/*
|
||
* Theme float glyph: light → moon, dark → sun.
|
||
* Match nav toggle + theme.js contract. Class-driven only.
|
||
*/
|
||
.float-right .float-btn__icon-sun {
|
||
display: none !important;
|
||
}
|
||
|
||
.float-right .float-btn__icon-moon {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
html.dark .float-right .float-btn__icon-moon,
|
||
body.theme-dark .float-right .float-btn__icon-moon,
|
||
body.dark-theme .float-right .float-btn__icon-moon {
|
||
display: none !important;
|
||
}
|
||
|
||
html.dark .float-right .float-btn__icon-sun,
|
||
body.theme-dark .float-right .float-btn__icon-sun,
|
||
body.dark-theme .float-right .float-btn__icon-sun {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
/* VIP float rail entry */
|
||
.float-right .float-btn.pay-vip {
|
||
color: var(--this-color, #f5a623);
|
||
}
|
||
|
||
.float-right .float-btn.pay-vip:hover {
|
||
color: var(--this-color, #f5a623);
|
||
opacity: 0.9;
|
||
}
|
||
|
||
.float-right .float-btn.signin-loader {
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* Dark: solid surface + brighter icon so transparent btn doesn't vanish */
|
||
html.dark .float-right,
|
||
body.theme-dark .float-right,
|
||
body.dark-theme .float-right {
|
||
--float-btn-color: var(--color-ink-2, #e5eef7);
|
||
--float-btn-bg: var(--surface-1, #323335);
|
||
}
|
||
|
||
html.dark .float-right .float-btn,
|
||
body.theme-dark .float-right .float-btn,
|
||
body.dark-theme .float-right .float-btn {
|
||
border-color: rgba(255, 255, 255, 0.12);
|
||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
|
||
color: var(--this-color, var(--float-btn-color));
|
||
background: var(--this-bg, var(--float-btn-bg));
|
||
}
|
||
|
||
html.dark .float-right .hover-show-con,
|
||
body.theme-dark .float-right .hover-show-con,
|
||
body.dark-theme .float-right .hover-show-con {
|
||
background: var(--surface-2, #1f2430);
|
||
border-color: rgba(255, 255, 255, 0.08);
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.float-right {
|
||
right: 12px;
|
||
bottom: 84px;
|
||
--float-btn-size: 40px;
|
||
}
|
||
|
||
.float-right.has-blur-mobile .float-btn {
|
||
backdrop-filter: saturate(1.5) blur(10px);
|
||
-webkit-backdrop-filter: saturate(1.5) blur(10px);
|
||
}
|
||
|
||
.float-right .hover-show-con {
|
||
max-width: min(240px, calc(100vw - 84px));
|
||
}
|
||
|
||
.float-right .float-btn.hide-on-mobile {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
.float-right .float-btn.hide-on-pc {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/enhancements.css */
|
||
/**
|
||
* AKSRT Enhancements — 全局 UI 增强
|
||
*
|
||
* 包含:骨架屏、悬停动效、暗色过渡、滚动感知
|
||
* 所有选择器使用 aksrt- 前缀避免冲突
|
||
*/
|
||
|
||
@keyframes aksrt-spin {
|
||
from { transform: rotate(0deg); }
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
|
||
/* ============================================================
|
||
* 1. 骨架屏加载动画
|
||
* ============================================================ */
|
||
.aksrt-skeleton {
|
||
background: linear-gradient(
|
||
90deg,
|
||
rgba(121, 121, 121, 0.08) 25%,
|
||
rgba(121, 121, 121, 0.15) 37%,
|
||
rgba(121, 121, 121, 0.08) 63%
|
||
);
|
||
background-size: 400% 100%;
|
||
animation: aksrt-skeleton-shimmer 1.5s ease infinite;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.aksrt-skeleton--image {
|
||
height: 0;
|
||
padding-bottom: 66.67%; /* 3:2 aspect ratio */
|
||
}
|
||
|
||
.aksrt-skeleton--avatar {
|
||
width: 40px;
|
||
height: 40px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.aksrt-skeleton--title {
|
||
height: 22px;
|
||
width: 80%;
|
||
}
|
||
|
||
.aksrt-skeleton--text {
|
||
height: 16px;
|
||
width: 100%;
|
||
}
|
||
|
||
.aksrt-skeleton--text-short {
|
||
height: 16px;
|
||
width: 60%;
|
||
}
|
||
|
||
.aksrt-skeleton--button {
|
||
height: 36px;
|
||
width: 100px;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
@keyframes aksrt-skeleton-shimmer {
|
||
0% { background-position: 100% 50%; }
|
||
100% { background-position: 0 50%; }
|
||
}
|
||
|
||
/* 骨架屏组合:文章卡片骨架 */
|
||
.aksrt-skeleton-card {
|
||
background: var(--surface-1, #fff);
|
||
border: 1px solid var(--color-line);
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
}
|
||
|
||
.aksrt-skeleton-card .aksrt-skeleton--image {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.aksrt-skeleton-card__body {
|
||
padding: 16px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 2. 悬停交互动效
|
||
* ============================================================ */
|
||
|
||
/* 卡片放大 */
|
||
.aksrt-hover-zoom {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.aksrt-hover-zoom:hover {
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
/* 卡片轻微放大 */
|
||
.aksrt-hover-zoom-sm {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.aksrt-hover-zoom-sm:hover {
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
/* 悬停显示内容 */
|
||
.aksrt-hover-show {
|
||
position: relative;
|
||
}
|
||
|
||
.aksrt-hover-show__content {
|
||
position: absolute;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transform: translateY(6px);
|
||
transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
|
||
z-index: 10;
|
||
}
|
||
|
||
.aksrt-hover-show:hover .aksrt-hover-show__content {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
/* 关闭按钮旋转 */
|
||
.aksrt-ic-close {
|
||
transition: transform 0.3s;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.aksrt-ic-close:hover {
|
||
transform: rotate(270deg);
|
||
}
|
||
|
||
/* 图片悬停缩放(缩略图容器) */
|
||
.aksrt-hover-zoom-img img {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.aksrt-hover-zoom-img:hover img {
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
.aksrt-hover-zoom-img-sm img {
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.aksrt-hover-zoom-img-sm:hover img {
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
/* 按钮悬停上浮 */
|
||
.aksrt-hover-lift {
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||
}
|
||
|
||
.aksrt-hover-lift:hover {
|
||
transform: none;
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 3. 暗色模式过渡 (View Transitions API)
|
||
* ============================================================ */
|
||
::view-transition-old(root),
|
||
::view-transition-new(root) {
|
||
animation: none;
|
||
mix-blend-mode: normal;
|
||
}
|
||
|
||
.dark::view-transition-old(root),
|
||
body.dark-theme::view-transition-old(root) {
|
||
z-index: 1;
|
||
}
|
||
|
||
.dark::view-transition-new(root),
|
||
body.dark-theme::view-transition-new(root) {
|
||
z-index: 2147483646;
|
||
}
|
||
|
||
::view-transition-old(root) {
|
||
z-index: 2147483646;
|
||
}
|
||
|
||
::view-transition-new(root) {
|
||
z-index: 1;
|
||
}
|
||
|
||
/* backdrop-filter 不支持时的降级 */
|
||
@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
|
||
:root {
|
||
--aksrt-blur-bg: #ffffff;
|
||
}
|
||
|
||
.dark {
|
||
--aksrt-blur-bg: var(--surface-1);
|
||
}
|
||
|
||
}
|
||
|
||
/* ============================================================
|
||
* 4. 滚动方向感知
|
||
* ============================================================ */
|
||
|
||
/* 向下滚动时隐藏导航栏 */
|
||
body.aksrt-scroll-down .site-nav.nav-scroll-hide {
|
||
transform: translateY(-100%);
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
body.aksrt-scroll-up .site-nav.nav-scroll-hide {
|
||
transform: translateY(0);
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
/* 滚动时隐藏浮动按钮 */
|
||
body.aksrt-scrolling .aksrt-floating-right.scrolling-hide {
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
transition: opacity 0.2s;
|
||
}
|
||
|
||
/* body-scroll 状态类 */
|
||
body.aksrt-body-scroll .aksrt-show-on-scroll {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.aksrt-show-on-scroll {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: opacity 0.3s, visibility 0.3s;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 5. 图片灯箱
|
||
* ============================================================ */
|
||
.aksrt-lightbox {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 9999;
|
||
background: rgba(0, 0, 0, 0.85);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: opacity 0.3s, visibility 0.3s;
|
||
cursor: zoom-out;
|
||
}
|
||
|
||
.aksrt-lightbox.is-open {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.aksrt-lightbox__img {
|
||
max-width: 90vw;
|
||
max-height: 85vh;
|
||
object-fit: contain;
|
||
border-radius: 4px;
|
||
transform: scale(0.9);
|
||
transition: transform 0.3s;
|
||
cursor: default;
|
||
}
|
||
|
||
.aksrt-lightbox.is-open .aksrt-lightbox__img {
|
||
transform: scale(1);
|
||
}
|
||
|
||
.aksrt-lightbox__close {
|
||
position: absolute;
|
||
top: 16px;
|
||
right: 16px;
|
||
width: 36px;
|
||
height: 36px;
|
||
border: none;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
color: #fff;
|
||
font-size: 20px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: background 0.2s;
|
||
}
|
||
|
||
.aksrt-lightbox__close:hover {
|
||
background: rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
.aksrt-lightbox__caption {
|
||
position: absolute;
|
||
bottom: 16px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
color: rgba(255, 255, 255, 0.8);
|
||
font-size: 14px;
|
||
text-align: center;
|
||
max-width: 80%;
|
||
}
|
||
|
||
.aksrt-lightbox__nav {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 48px;
|
||
height: 48px;
|
||
border: none;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
color: #fff;
|
||
font-size: 24px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: background 0.2s;
|
||
}
|
||
|
||
.aksrt-lightbox__nav:hover {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
}
|
||
|
||
.aksrt-lightbox__nav--prev {
|
||
left: 16px;
|
||
}
|
||
|
||
.aksrt-lightbox__nav--next {
|
||
right: 16px;
|
||
}
|
||
|
||
.aksrt-lightbox__counter {
|
||
position: absolute;
|
||
top: 16px;
|
||
left: 16px;
|
||
color: rgba(255, 255, 255, 0.7);
|
||
font-size: 14px;
|
||
}
|
||
|
||
.aksrt-lightbox__download {
|
||
position: absolute;
|
||
top: 16px;
|
||
right: 64px;
|
||
width: 40px;
|
||
height: 40px;
|
||
border: none;
|
||
border-radius: 50%;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
color: #fff;
|
||
font-size: 18px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: background 0.2s;
|
||
}
|
||
|
||
.aksrt-lightbox__download:hover {
|
||
background: rgba(255, 255, 255, 0.3);
|
||
}
|
||
|
||
/* 可缩放图片的光标 */
|
||
.aksrt-cursor-zoom-in {
|
||
cursor: zoom-in;
|
||
}
|
||
/* ============================================================
|
||
* 7. 文章封面轮播
|
||
* ============================================================ */
|
||
.single-cover-slider {
|
||
position: relative;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
border-radius: var(--radius-lg, 8px);
|
||
}
|
||
|
||
.single-cover-slider .swiper-slide {
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.single-cover-slider__img {
|
||
width: 100%;
|
||
height: 400px;
|
||
object-fit: cover;
|
||
display: block;
|
||
}
|
||
|
||
.single-cover-slider__overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 100%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.single-cover-slider__content {
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
padding: 24px;
|
||
color: #fff;
|
||
z-index: 2;
|
||
}
|
||
|
||
.single-cover-slider__title {
|
||
margin: 0 0 8px;
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
text-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.single-cover-slider__meta {
|
||
display: flex;
|
||
gap: 16px;
|
||
font-size: 13px;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
.single-cover-slider__pagination {
|
||
position: absolute;
|
||
bottom: 12px;
|
||
right: 16px;
|
||
z-index: 3;
|
||
}
|
||
|
||
.single-cover-slider__pagination .swiper-pagination-bullet {
|
||
background: rgba(255,255,255,0.6);
|
||
opacity: 1;
|
||
}
|
||
|
||
.single-cover-slider__pagination .swiper-pagination-bullet-active {
|
||
background: #fff;
|
||
}
|
||
|
||
.single-cover-slider__prev,
|
||
.single-cover-slider__next {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
z-index: 3;
|
||
width: 40px;
|
||
height: 40px;
|
||
border: none;
|
||
border-radius: 50%;
|
||
background: rgba(0,0,0,0.3);
|
||
color: #fff;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: background 0.2s;
|
||
}
|
||
|
||
.single-cover-slider__prev:hover,
|
||
.single-cover-slider__next:hover {
|
||
background: rgba(0,0,0,0.5);
|
||
}
|
||
|
||
.single-cover-slider__prev { left: 12px; }
|
||
.single-cover-slider__next { right: 12px; }
|
||
|
||
@media (max-width: 640px) {
|
||
.single-cover-slider__img {
|
||
height: 240px;
|
||
}
|
||
.single-cover-slider__title {
|
||
font-size: 18px;
|
||
}
|
||
}
|
||
|
||
/* ============================================================
|
||
* 8. 打赏按钮
|
||
* ============================================================ */
|
||
.action-btn--reward {
|
||
position: relative;
|
||
}
|
||
|
||
.action-btn--reward.is-active {
|
||
color: var(--color-warning, #F59E0B);
|
||
}
|
||
|
||
.reward-modal {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 99999;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: opacity 0.3s, visibility 0.3s;
|
||
}
|
||
|
||
.reward-modal.is-open {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.reward-modal__overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: rgba(0,0,0,0.5);
|
||
}
|
||
|
||
.reward-modal__card {
|
||
position: relative;
|
||
background: var(--surface-1, #fff);
|
||
border-radius: var(--radius-lg, 8px);
|
||
padding: 32px;
|
||
max-width: 360px;
|
||
width: 90%;
|
||
text-align: center;
|
||
box-shadow: 0 8px 32px rgba(0,0,0,0.15);
|
||
z-index: 1;
|
||
}
|
||
|
||
.reward-modal__title {
|
||
margin: 0 0 8px;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: var(--color-ink);
|
||
}
|
||
|
||
.reward-modal__desc {
|
||
margin: 0 0 20px;
|
||
font-size: 14px;
|
||
color: var(--color-ink-3);
|
||
}
|
||
|
||
.reward-modal__qr {
|
||
width: 200px;
|
||
height: 200px;
|
||
margin: 0 auto 16px;
|
||
border-radius: var(--radius, 10px);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.reward-modal__qr img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.reward-modal__close {
|
||
position: absolute;
|
||
top: 12px;
|
||
right: 12px;
|
||
width: 32px;
|
||
height: 32px;
|
||
border: none;
|
||
border-radius: 50%;
|
||
background: var(--surface-2, #F4F5F7);
|
||
color: var(--color-ink-3);
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: background 0.2s;
|
||
}
|
||
|
||
.reward-modal__close:hover {
|
||
background: var(--surface-3, #ECEEF1);
|
||
}
|
||
|
||
|
||
|
||
.reward-modal__content > p {
|
||
margin: -4px 0 18px;
|
||
}
|
||
|
||
.reward-amounts {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 10px;
|
||
margin: 18px 0;
|
||
}
|
||
|
||
.reward-amount {
|
||
min-height: 42px;
|
||
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.1));
|
||
border-radius: 10px;
|
||
background: var(--surface-2);
|
||
color: var(--color-ink-2);
|
||
cursor: pointer;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.reward-amount.is-active {
|
||
border-color: var(--color-primary);
|
||
background: var(--color-primary-soft);
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.reward-custom {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
margin-bottom: 16px;
|
||
color: var(--color-ink-3);
|
||
font-size: 13px;
|
||
}
|
||
|
||
.reward-custom input {
|
||
width: 140px;
|
||
min-height: 40px;
|
||
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.1));
|
||
border-radius: 9px;
|
||
background: var(--surface-1);
|
||
color: var(--color-ink);
|
||
padding: 0 12px;
|
||
}
|
||
|
||
.reward-modal__submit {
|
||
width: 100%;
|
||
min-height: 42px;
|
||
}
|
||
|
||
.reward-modal__message {
|
||
min-height: 20px;
|
||
margin-top: 10px;
|
||
color: var(--color-primary);
|
||
font-size: 12px;
|
||
text-align: center;
|
||
}
|
||
/* ---- reward amounts ---- */
|
||
.reward-amounts {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
justify-content: center;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.reward-amounts__btn {
|
||
display: inline-flex;
|
||
align-items: baseline;
|
||
gap: 2px;
|
||
padding: 8px 16px;
|
||
border: 1px solid var(--color-line, #e5e7eb);
|
||
border-radius: var(--radius, 10px);
|
||
background: var(--surface-2, #F4F5F7);
|
||
color: var(--color-ink);
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
user-select: none;
|
||
}
|
||
|
||
.reward-amounts__btn:hover {
|
||
border-color: var(--color-primary, #f04494);
|
||
background: rgba(240, 68, 148, 0.06);
|
||
}
|
||
|
||
.reward-amounts__btn.is-active {
|
||
border-color: var(--color-primary, #f04494);
|
||
background: var(--color-primary, #f04494);
|
||
color: #fff;
|
||
}
|
||
|
||
.reward-amounts__currency {
|
||
font-size: 13px;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.reward-amounts__value {
|
||
font-size: 15px;
|
||
}
|
||
/* ---- custom amount ---- */
|
||
.reward-custom {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.reward-custom__input {
|
||
flex: 1;
|
||
height: 40px;
|
||
padding: 0 12px;
|
||
border: 1px solid var(--color-line, #e5e7eb);
|
||
border-radius: var(--radius, 10px);
|
||
background: var(--surface-2, #F4F5F7);
|
||
color: var(--color-ink);
|
||
font-size: 14px;
|
||
text-align: center;
|
||
outline: none;
|
||
transition: border-color 0.2s;
|
||
-moz-appearance: textfield;
|
||
}
|
||
|
||
.reward-custom__input::-webkit-inner-spin-button,
|
||
.reward-custom__input::-webkit-outer-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
|
||
.reward-custom__input:focus {
|
||
border-color: var(--color-primary, #f04494);
|
||
}
|
||
|
||
.reward-custom__confirm {
|
||
flex-shrink: 0;
|
||
height: 40px;
|
||
padding: 0 20px;
|
||
border: none;
|
||
border-radius: var(--radius, 10px);
|
||
background: var(--color-primary, #f04494);
|
||
color: #fff;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
transition: opacity 0.2s;
|
||
}
|
||
|
||
.reward-custom__confirm:hover {
|
||
opacity: 0.85;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 9. 公告跑马灯 Widget
|
||
* ============================================================ */
|
||
.aksrt-announcement {
|
||
position: relative;
|
||
overflow: hidden;
|
||
padding: 10px 12px;
|
||
background: var(--surface-2, #F4F5F7);
|
||
border-radius: var(--radius, 10px);
|
||
}
|
||
|
||
.aksrt-announcement__icon {
|
||
position: absolute;
|
||
left: 12px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
color: var(--color-primary, var(--color-primary));
|
||
font-size: 14px;
|
||
z-index: 1;
|
||
}
|
||
|
||
.aksrt-announcement__track {
|
||
margin-left: 24px;
|
||
overflow: hidden;
|
||
height: 20px;
|
||
}
|
||
|
||
.aksrt-announcement__list {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
animation: aksrt-marquee 10s linear infinite;
|
||
}
|
||
|
||
.aksrt-announcement__item {
|
||
height: 20px;
|
||
line-height: 20px;
|
||
font-size: 13px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.aksrt-announcement__item a {
|
||
color: var(--color-ink-2);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.aksrt-announcement__item a:hover {
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
@keyframes aksrt-marquee {
|
||
0% { transform: translateY(0); }
|
||
100% { transform: translateY(-100%); }
|
||
}
|
||
|
||
.aksrt-announcement:hover .aksrt-announcement__list {
|
||
animation-play-state: paused;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 11. 滚动触发动画初始状态
|
||
* ============================================================ */
|
||
[data-aksrt-animate] {
|
||
will-change: opacity, transform;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 12. 粘性侧栏
|
||
* ============================================================ */
|
||
[data-aksrt-sticky] {
|
||
will-change: transform;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 13. 用户排行榜 Widget
|
||
* ============================================================ */
|
||
.aksrt-user-ranking {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
.aksrt-user-ranking__item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 10px 0;
|
||
border-bottom: 1px solid var(--color-line-soft, #F0F1F3);
|
||
}
|
||
|
||
.aksrt-user-ranking__item:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.aksrt-user-ranking__rank {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 6px;
|
||
background: var(--surface-2, #F4F5F7);
|
||
color: var(--color-ink-3);
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.aksrt-user-ranking__item--top:nth-child(1) .aksrt-user-ranking__rank {
|
||
background: #FFD700;
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-user-ranking__item--top:nth-child(2) .aksrt-user-ranking__rank {
|
||
background: #C0C0C0;
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-user-ranking__item--top:nth-child(3) .aksrt-user-ranking__rank {
|
||
background: #CD7F32;
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-user-ranking__avatar {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.aksrt-user-ranking__avatar img {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.aksrt-user-ranking__name {
|
||
flex: 1;
|
||
min-width: 0;
|
||
font-size: 14px;
|
||
color: var(--color-ink);
|
||
text-decoration: none;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.aksrt-user-ranking__name:hover {
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.aksrt-user-ranking__value {
|
||
font-size: 12px;
|
||
color: var(--color-ink-4, #8A8F98);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 14. 图文封面卡片 Widget
|
||
* ============================================================ */
|
||
.aksrt-cover-cards {
|
||
display: grid;
|
||
grid-template-columns: repeat(var(--cols, 2), 1fr);
|
||
gap: 12px;
|
||
}
|
||
|
||
.aksrt-cover-card {
|
||
position: relative;
|
||
border-radius: var(--radius-lg, 8px);
|
||
overflow: hidden;
|
||
min-height: 160px;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
transition: transform 0.3s, box-shadow 0.3s;
|
||
}
|
||
|
||
.aksrt-cover-card:hover {
|
||
transform: translateY(-3px);
|
||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
.aksrt-cover-card__bg {
|
||
position: absolute;
|
||
inset: 0;
|
||
}
|
||
|
||
.aksrt-cover-card__bg img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
transition: transform 0.5s;
|
||
}
|
||
|
||
.aksrt-cover-card:hover .aksrt-cover-card__bg img {
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
.aksrt-cover-card__overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.6) 100%);
|
||
}
|
||
|
||
.aksrt-cover-card__content {
|
||
position: relative;
|
||
z-index: 1;
|
||
padding: 16px;
|
||
width: 100%;
|
||
}
|
||
|
||
.aksrt-cover-card__link {
|
||
text-decoration: none;
|
||
color: inherit;
|
||
display: block;
|
||
}
|
||
|
||
.aksrt-cover-card__title {
|
||
margin: 0 0 4px;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
color: #fff;
|
||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||
}
|
||
|
||
.aksrt-cover-card__desc {
|
||
margin: 0;
|
||
font-size: 13px;
|
||
color: rgba(255, 255, 255, 0.85);
|
||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 15. 视频播放器 Widget
|
||
* ============================================================ */
|
||
.aksrt-video-widget {
|
||
position: relative;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
border-radius: var(--radius, 10px);
|
||
background: #000;
|
||
}
|
||
|
||
.aksrt-video-widget iframe,
|
||
.aksrt-video-widget video {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
border: none;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 16. 表单输入浮动标签
|
||
* ============================================================ */
|
||
.aksrt-float-label {
|
||
position: relative;
|
||
}
|
||
|
||
.aksrt-float-label__input {
|
||
width: 100%;
|
||
padding: 14px 12px 6px;
|
||
font-size: 14px;
|
||
border: 1px solid var(--color-line);
|
||
border-radius: var(--radius, 10px);
|
||
background: var(--surface-1, #fff);
|
||
color: var(--color-ink);
|
||
transition: border-color 0.2s;
|
||
}
|
||
|
||
.aksrt-float-label__input:focus {
|
||
outline: none;
|
||
border-color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.aksrt-float-label__label {
|
||
position: absolute;
|
||
left: 12px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
font-size: 14px;
|
||
color: var(--color-ink-4, #8A8F98);
|
||
pointer-events: none;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.aksrt-float-label__input:focus + .aksrt-float-label__label,
|
||
.aksrt-float-label__input:not(:placeholder-shown) + .aksrt-float-label__label {
|
||
top: 8px;
|
||
transform: translateY(0);
|
||
font-size: 11px;
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
/* ============================================================
|
||
* 17. 视差滚动层
|
||
* ============================================================ */
|
||
[data-aksrt-parallax] {
|
||
will-change: transform;
|
||
transition: transform 0.1s linear;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 18. 签到日历可视化
|
||
* ============================================================ */
|
||
.aksrt-signin-calendar__grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(7, 1fr);
|
||
gap: 4px;
|
||
}
|
||
|
||
.aksrt-signin-calendar__day {
|
||
aspect-ratio: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 6px;
|
||
background: var(--surface-2, #F4F5F7);
|
||
font-size: 12px;
|
||
color: var(--color-ink-3);
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.aksrt-signin-calendar__day.is-signed {
|
||
background: var(--color-success, #10B981);
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-signin-calendar__day.is-today {
|
||
border: 2px solid var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.aksrt-signin-calendar__day.is-signed.is-today {
|
||
background: var(--color-primary, var(--color-primary));
|
||
border-color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
.uc-signin-calendar__title {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
margin: 0 0 10px;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
color: var(--color-ink-2);
|
||
}
|
||
|
||
.uc-signin-calendar__title i {
|
||
color: var(--color-primary, var(--color-primary));
|
||
}
|
||
|
||
/* ============================================================
|
||
* 19. VIP 等级标识
|
||
* ============================================================ */
|
||
.aksrt-vip-badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding: 2px 8px;
|
||
border-radius: var(--radius-pill, 999px);
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.aksrt-vip-badge--gold {
|
||
background: linear-gradient(135deg, #FFD700, #FFA500);
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-vip-badge--silver {
|
||
background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-vip-badge--bronze {
|
||
background: linear-gradient(135deg, #CD7F32, #A0522D);
|
||
color: #fff;
|
||
}
|
||
|
||
/* ============================================================
|
||
* 20. 用户等级进度条
|
||
* ============================================================ */
|
||
.aksrt-level-bar {
|
||
position: relative;
|
||
height: 8px;
|
||
background: var(--surface-2, #F4F5F7);
|
||
border-radius: 4px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.aksrt-level-bar__fill {
|
||
height: 100%;
|
||
background: linear-gradient(90deg, var(--color-primary, var(--color-primary)), var(--color-primary-active, #5A85BD));
|
||
border-radius: 4px;
|
||
transition: width 0.5s ease;
|
||
}
|
||
|
||
.aksrt-level-bar__label {
|
||
position: absolute;
|
||
right: 0;
|
||
top: -18px;
|
||
font-size: 11px;
|
||
color: var(--color-ink-4, #8A8F98);
|
||
}
|
||
|
||
/* source: assets/css/frontend/skeleton.css */
|
||
/* ========== 骨架屏加载 — 对齐 legacy skeleton loading ========== */
|
||
.skeleton {
|
||
position: relative;
|
||
overflow: hidden;
|
||
background: var(--surface-2, #eee);
|
||
border-radius: var(--radius, 8px);
|
||
}
|
||
|
||
.skeleton::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: linear-gradient(
|
||
90deg,
|
||
transparent 0%,
|
||
rgba(255, 255, 255, 0.4) 50%,
|
||
transparent 100%
|
||
);
|
||
animation: skeleton-shimmer 1.5s infinite;
|
||
}
|
||
|
||
@keyframes skeleton-shimmer {
|
||
0% { transform: translateX(-100%); }
|
||
100% { transform: translateX(100%); }
|
||
}
|
||
|
||
/* 骨架屏变体 */
|
||
.skeleton-text {
|
||
height: 14px;
|
||
border-radius: 4px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.skeleton-text--title {
|
||
height: 20px;
|
||
width: 60%;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.skeleton-text--short {
|
||
width: 40%;
|
||
}
|
||
|
||
.skeleton-text--medium {
|
||
width: 70%;
|
||
}
|
||
|
||
.skeleton-avatar {
|
||
width: 48px;
|
||
height: 48px;
|
||
border-radius: 50%;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.skeleton-avatar--sm {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
|
||
.skeleton-avatar--lg {
|
||
width: 64px;
|
||
height: 64px;
|
||
}
|
||
|
||
.skeleton-thumb {
|
||
width: 100%;
|
||
aspect-ratio: 16 / 9;
|
||
border-radius: var(--radius, 8px);
|
||
}
|
||
|
||
.skeleton-thumb--square {
|
||
aspect-ratio: 1;
|
||
}
|
||
|
||
.skeleton-thumb--card {
|
||
aspect-ratio: 16 / 10;
|
||
border-radius: var(--radius, 8px) var(--radius, 8px) 0 0;
|
||
}
|
||
|
||
/* 卡片骨架屏 */
|
||
.skeleton-card {
|
||
background: var(--surface-1, #fff);
|
||
border-radius: var(--radius, 8px);
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.skeleton-card__thumb {
|
||
width: 100%;
|
||
aspect-ratio: 16 / 10;
|
||
}
|
||
|
||
.skeleton-card__body {
|
||
padding: 14px 16px;
|
||
}
|
||
|
||
.skeleton-card__meta {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
/* 评论骨架屏 */
|
||
.skeleton-comment {
|
||
display: flex;
|
||
gap: 12px;
|
||
padding: 16px 0;
|
||
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
|
||
}
|
||
|
||
.skeleton-comment__body {
|
||
flex: 1;
|
||
}
|
||
|
||
.skeleton-comment__header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
/* 通用骨架屏容器 */
|
||
.skeleton-list .skeleton-item {
|
||
padding: 12px 0;
|
||
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
|
||
}
|
||
|
||
.skeleton-list .skeleton-item:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
/* 减弱动画偏好 */
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.skeleton::after {
|
||
animation: none;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/empty-state.css */
|
||
/* ========== 空状态 — 对齐 legacy empty state ========== */
|
||
.empty-state {
|
||
text-align: center;
|
||
padding: 60px 20px;
|
||
color: var(--color-ink-3, #777);
|
||
}
|
||
|
||
.empty-state__icon {
|
||
font-size: 56px;
|
||
color: var(--surface-3, #e8e8e8);
|
||
margin-bottom: 16px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.empty-state__icon i {
|
||
display: inline-block;
|
||
}
|
||
|
||
.empty-state__title {
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: var(--color-ink-2, #4e5358);
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.empty-state__desc {
|
||
font-size: 13px;
|
||
color: var(--color-ink-4, #999);
|
||
margin-bottom: 20px;
|
||
max-width: 320px;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.empty-state__action {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
/* 空状态变体 */
|
||
.empty-state--sm {
|
||
padding: 30px 16px;
|
||
}
|
||
|
||
.empty-state--sm .empty-state__icon {
|
||
font-size: 40px;
|
||
}
|
||
|
||
.empty-state--sm .empty-state__title {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.empty-state--sm .empty-state__desc {
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* 搜索空状态 */
|
||
.search-empty {
|
||
text-align: center;
|
||
padding: 80px 20px;
|
||
}
|
||
|
||
.search-empty__icon {
|
||
font-size: 64px;
|
||
color: var(--surface-3, #e8e8e8);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.search-empty__title {
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
color: var(--color-ink-2, #4e5358);
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.search-empty__suggestions {
|
||
font-size: 13px;
|
||
color: var(--color-ink-4, #999);
|
||
}
|
||
|
||
.search-empty__suggestions a {
|
||
color: var(--color-primary, #f04494);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.search-empty__suggestions a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* 移动端 */
|
||
@media (max-width: 767px) {
|
||
.empty-state {
|
||
padding: 40px 16px;
|
||
}
|
||
|
||
.empty-state__icon {
|
||
font-size: 44px;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/pagination.css */
|
||
/* ========== 分页 — 对齐 legacy pagination ========== */
|
||
.content-stream__footer-nav {
|
||
width: 100%;
|
||
}
|
||
|
||
.content-stream__footer-nav.aksrt-pagination,
|
||
.content-stream__footer-nav.aksrt-pagination-ajax,
|
||
.content-stream__footer .aksrt-pagination,
|
||
.content-stream__footer .aksrt-pagination-ajax {
|
||
margin: 0;
|
||
}
|
||
|
||
.pagination,
|
||
.aksrt-pagination,
|
||
.navigation.pagination .nav-links,
|
||
.pagenav.ajax-pag {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
padding: 24px 0;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.pagination a,
|
||
.pagination span,
|
||
.aksrt-pagination a,
|
||
.aksrt-pagination span,
|
||
.navigation.pagination a,
|
||
.navigation.pagination span,
|
||
.pagenav.ajax-pag a,
|
||
.pagenav.ajax-pag span {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-width: 34px;
|
||
min-height: 34px;
|
||
padding: 6px 10px;
|
||
font-size: 13px;
|
||
line-height: 1.4;
|
||
color: var(--muted-color, var(--color-ink-3));
|
||
background: var(--surface-4, var(--main-border-color, rgba(50, 50, 50, 0.06)));
|
||
border: 1px solid transparent;
|
||
border-radius: var(--radius-xs, 3px);
|
||
text-decoration: none;
|
||
transition: all 0.2s;
|
||
user-select: none;
|
||
}
|
||
|
||
.pagination a:hover,
|
||
.aksrt-pagination a:hover,
|
||
.navigation.pagination a:hover,
|
||
.pagenav.ajax-pag a:hover {
|
||
opacity: 1;
|
||
color: var(--color-primary);
|
||
background: var(--color-primary-soft);
|
||
}
|
||
|
||
.pagination .current,
|
||
.aksrt-pagination .current,
|
||
.navigation.pagination .current,
|
||
.pagenav.ajax-pag .current {
|
||
color: var(--color-on-primary, #fff);
|
||
background: var(--color-primary, #f04494);
|
||
border-color: var(--color-primary, #f04494);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.pagination .dots,
|
||
.aksrt-pagination .dots,
|
||
.navigation.pagination .dots,
|
||
.pagenav.ajax-pag .dots {
|
||
border: none;
|
||
background: none;
|
||
color: var(--color-ink-4, #999);
|
||
cursor: default;
|
||
min-width: auto;
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.pagination .prev,
|
||
.pagination .next,
|
||
.aksrt-pagination .prev,
|
||
.aksrt-pagination .next,
|
||
.navigation.pagination .prev,
|
||
.navigation.pagination .next,
|
||
.pagenav.ajax-pag .prev,
|
||
.pagenav.ajax-pag .next {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.pagination .prev i,
|
||
.pagination .next i,
|
||
.aksrt-pagination .prev i,
|
||
.aksrt-pagination .next i,
|
||
.navigation.pagination .prev i,
|
||
.navigation.pagination .next i,
|
||
.pagenav.ajax-pag .prev i,
|
||
.pagenav.ajax-pag .next i {
|
||
font-size: 11px;
|
||
}
|
||
|
||
.pagenav.ajax-pag .pag-jump,
|
||
.aksrt-pagination .pag-jump,
|
||
.navigation.pagination .pag-jump {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
margin-left: 6px;
|
||
}
|
||
|
||
.pagenav.ajax-pag .jump-input,
|
||
.aksrt-pagination .jump-input,
|
||
.navigation.pagination .jump-input {
|
||
width: 64px;
|
||
min-width: 64px;
|
||
padding: 6px 8px 5px;
|
||
font-size: 13px;
|
||
line-height: 1.4;
|
||
color: var(--muted-color, var(--color-ink-3));
|
||
background: var(--main-bg-color, #fff);
|
||
border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||
border-radius: 3px;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.pagenav.ajax-pag .jump-input:focus,
|
||
.aksrt-pagination .jump-input:focus,
|
||
.navigation.pagination .jump-input:focus {
|
||
outline: none;
|
||
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||
}
|
||
|
||
.pagenav.ajax-pag .pag-jump .ajax-next,
|
||
.aksrt-pagination .pag-jump .ajax-next,
|
||
.navigation.pagination .pag-jump .ajax-next {
|
||
min-width: auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 上一页/下一页 */
|
||
.pagination__nav {
|
||
display: flex;
|
||
gap: 8px;
|
||
justify-content: center;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.pagination__nav a {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding: 6px 14px;
|
||
font-size: 13px;
|
||
color: var(--color-ink-2, #4e5358);
|
||
background: var(--surface-1, #fff);
|
||
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||
border-radius: 6px;
|
||
text-decoration: none;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.pagination__nav a:hover {
|
||
color: var(--color-primary, #f04494);
|
||
border-color: var(--color-primary, #f04494);
|
||
}
|
||
|
||
/* AJAX 加载更多 */
|
||
.load-more {
|
||
text-align: center;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
.load-more__btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
padding: 10px 24px;
|
||
font-size: 13px;
|
||
color: var(--color-ink-2, #4e5358);
|
||
background: var(--surface-1, #fff);
|
||
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||
border-radius: 20px;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.load-more__btn:hover {
|
||
color: var(--color-primary, #f04494);
|
||
border-color: var(--color-primary, #f04494);
|
||
}
|
||
|
||
.load-more__btn:disabled {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.load-more__spinner {
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
border: 2px solid var(--surface-3, #e8e8e8);
|
||
border-top-color: var(--color-primary, #f04494);
|
||
border-radius: 50%;
|
||
animation: spin 0.6s linear infinite;
|
||
}
|
||
|
||
@keyframes spin {
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
|
||
/* 移动端 */
|
||
@media (max-width: 767px) {
|
||
.pagination a,
|
||
.pagination span,
|
||
.aksrt-pagination a,
|
||
.aksrt-pagination span,
|
||
.navigation.pagination a,
|
||
.navigation.pagination span,
|
||
.pagenav.ajax-pag a,
|
||
.pagenav.ajax-pag span {
|
||
min-width: 28px;
|
||
font-size: 12px;
|
||
margin: 2px;
|
||
}
|
||
|
||
.pagenav.ajax-pag .pag-jump,
|
||
.aksrt-pagination .pag-jump,
|
||
.navigation.pagination .pag-jump {
|
||
width: 100%;
|
||
justify-content: center;
|
||
margin-left: 0;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.pagenav.ajax-pag .jump-input,
|
||
.aksrt-pagination .jump-input,
|
||
.navigation.pagination .jump-input {
|
||
width: 58px;
|
||
min-width: 58px;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/ajax-spinner.css */
|
||
/* ========== AJAX 加载指示器 — 对齐 legacy loading spinner ========== */
|
||
.aksrt-loading {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 40px 20px;
|
||
color: var(--color-ink-4, #999);
|
||
font-size: 13px;
|
||
gap: 8px;
|
||
}
|
||
|
||
.aksrt-loading__spinner {
|
||
display: inline-block;
|
||
width: 20px;
|
||
height: 20px;
|
||
border: 2px solid var(--surface-3, #e8e8e8);
|
||
border-top-color: var(--color-primary, #f04494);
|
||
border-radius: 50%;
|
||
animation: aksrt-spin 0.6s linear infinite;
|
||
}
|
||
|
||
@keyframes aksrt-spin {
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
|
||
/* 全屏加载遮罩 */
|
||
.aksrt-loading-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: rgba(255, 255, 255, 0.8);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
z-index: 9999;
|
||
backdrop-filter: blur(2px);
|
||
}
|
||
|
||
.aksrt-loading-overlay__content {
|
||
text-align: center;
|
||
}
|
||
|
||
.aksrt-loading-overlay__spinner {
|
||
width: 36px;
|
||
height: 36px;
|
||
border: 3px solid var(--surface-3, #e8e8e8);
|
||
border-top-color: var(--color-primary, #f04494);
|
||
border-radius: 50%;
|
||
animation: aksrt-spin 0.6s linear infinite;
|
||
margin: 0 auto 12px;
|
||
}
|
||
|
||
.aksrt-loading-overlay__text {
|
||
font-size: 13px;
|
||
color: var(--color-ink-3, #777);
|
||
}
|
||
|
||
/* 行内加载(替换内容时) */
|
||
.aksrt-loading-inline {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 20px;
|
||
color: var(--color-ink-4, #999);
|
||
font-size: 12px;
|
||
gap: 6px;
|
||
}
|
||
|
||
.aksrt-loading-inline__dot {
|
||
width: 6px;
|
||
height: 6px;
|
||
background: var(--color-primary, #f04494);
|
||
border-radius: 50%;
|
||
animation: aksrt-dot-pulse 1.2s ease-in-out infinite;
|
||
}
|
||
|
||
.aksrt-loading-inline__dot:nth-child(2) {
|
||
animation-delay: 0.2s;
|
||
}
|
||
|
||
.aksrt-loading-inline__dot:nth-child(3) {
|
||
animation-delay: 0.4s;
|
||
}
|
||
|
||
@keyframes aksrt-dot-pulse {
|
||
0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
|
||
40% { opacity: 1; transform: scale(1); }
|
||
}
|
||
|
||
/* 页面加载进度条 */
|
||
.aksrt-progress-bar {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
height: 2px;
|
||
background: var(--color-primary, #f04494);
|
||
z-index: 10000;
|
||
transition: width 0.3s ease;
|
||
}
|
||
|
||
/* 减弱动画偏好 */
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.aksrt-loading__spinner,
|
||
.aksrt-loading-overlay__spinner {
|
||
animation-duration: 1.5s;
|
||
}
|
||
|
||
.aksrt-loading-inline__dot {
|
||
animation: none;
|
||
opacity: 0.6;
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/modal-runtime.css */
|
||
/**
|
||
* Modal runtime + ajax list primitives (shared).
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
/* ---- scroll lock ---- */
|
||
html.aksrt-modal-runtime-open,
|
||
body.aksrt-modal-runtime-open {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* ---- modal runtime shell ---- */
|
||
.aksrt-modal-runtime {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 100050;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: opacity 0.2s ease, visibility 0.2s ease;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.aksrt-modal-runtime.is-open {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.aksrt-modal-runtime__overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: rgba(15, 18, 28, 0.48);
|
||
backdrop-filter: blur(2px);
|
||
}
|
||
|
||
.aksrt-modal-runtime__dialog {
|
||
position: relative;
|
||
z-index: 1;
|
||
width: min(440px, calc(100vw - 32px));
|
||
max-height: min(88vh, 720px);
|
||
overflow: auto;
|
||
background: var(--surface-1, #fff);
|
||
border-radius: 16px;
|
||
box-shadow: 0 18px 48px rgba(15, 18, 28, 0.22);
|
||
transform: translateY(12px) scale(0.98);
|
||
transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
|
||
color: var(--color-ink, #1f2937);
|
||
}
|
||
|
||
.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog {
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
|
||
.aksrt-modal-runtime--bottom {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
border-radius: 16px 16px 0 0;
|
||
max-height: 90vh;
|
||
transform: translateY(24px);
|
||
}
|
||
|
||
.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.aksrt-modal-runtime__header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
padding: 16px 18px 0;
|
||
}
|
||
|
||
.aksrt-modal-runtime__title {
|
||
margin: 0;
|
||
font-size: 17px;
|
||
line-height: 1.35;
|
||
}
|
||
|
||
.aksrt-modal-runtime__content {
|
||
padding: 18px 18px 16px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__loading,
|
||
.aksrt-modal-runtime__error-body {
|
||
padding: 28px 8px;
|
||
text-align: center;
|
||
color: var(--color-ink-2, #6b7280);
|
||
font-size: 14px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton {
|
||
display: grid;
|
||
gap: 12px;
|
||
padding: 8px 2px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton-line,
|
||
.aksrt-modal-runtime__skeleton-block {
|
||
display: block;
|
||
border-radius: 8px;
|
||
background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.16));
|
||
background-size: 200% 100%;
|
||
animation: aksrt-modal-skeleton 1.2s ease-in-out infinite;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton-line {
|
||
width: 72%;
|
||
height: 12px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton-line.is-wide {
|
||
width: 92%;
|
||
height: 18px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton-line.is-short {
|
||
width: 44%;
|
||
}
|
||
|
||
.aksrt-modal-runtime__skeleton-block {
|
||
width: 100%;
|
||
min-height: 84px;
|
||
}
|
||
|
||
.aksrt-modal-runtime__retry {
|
||
cursor: pointer;
|
||
}
|
||
|
||
@keyframes aksrt-modal-skeleton {
|
||
0% { background-position: 100% 0; }
|
||
100% { background-position: -100% 0; }
|
||
}
|
||
|
||
.aksrt-modal-runtime .touch.border-title,
|
||
.aksrt-modal-runtime .border-title {
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
margin: 0 0 14px;
|
||
display: flex;
|
||
align-items: baseline;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
}
|
||
|
||
.aksrt-modal-runtime .aksrt-modal-runtime__close {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
width: 32px;
|
||
height: 32px;
|
||
border: 0;
|
||
border-radius: 999px;
|
||
background: transparent;
|
||
color: var(--color-ink-3, #9ca3af);
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.aksrt-modal-runtime .but-average.modal-buts,
|
||
.aksrt-modal-runtime .modal-buts {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 10px;
|
||
margin-top: 16px;
|
||
}
|
||
|
||
.aksrt-modal-runtime .but-average.modal-buts .but,
|
||
.aksrt-modal-runtime .modal-buts .but,
|
||
.aksrt-modal-runtime .modal-buts button {
|
||
min-height: 40px;
|
||
border-radius: 10px;
|
||
border: 1px solid var(--color-line, #e5e7eb);
|
||
background: var(--surface-4, #f3f4f6);
|
||
color: var(--color-ink, #111);
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.aksrt-modal-runtime .modal-buts .but.c-blue,
|
||
.aksrt-modal-runtime .modal-buts button.c-blue,
|
||
.aksrt-modal-runtime .modal-buts .btn-primary {
|
||
background: var(--color-primary, #f04494);
|
||
border-color: color-mix(in srgb, var(--color-primary, #f04494) 70%, #000 0%);
|
||
color: var(--color-on-primary, #fff);
|
||
}
|
||
|
||
/* ---- ajax list ---- */
|
||
.ajaxpager.is-ajax-loading {
|
||
position: relative;
|
||
min-height: 80px;
|
||
}
|
||
|
||
.ajaxpager .post_ajax_loader,
|
||
.ajaxpager .post-ajax-loader {
|
||
display: none;
|
||
}
|
||
|
||
.ajaxpager .post_ajax_loader.is-loading,
|
||
.ajaxpager .post-ajax-loader.is-loading {
|
||
display: block;
|
||
}
|
||
|
||
.ajax-item.is-fading {
|
||
opacity: 0.35;
|
||
transition: opacity 0.15s ease;
|
||
}
|
||
|
||
/* ---- order review modal content ---- */
|
||
.order-comment-from .shop-score-box {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
min-height: 36px;
|
||
}
|
||
|
||
.order-comment-from .score-title {
|
||
width: 4.5em;
|
||
flex: 0 0 auto;
|
||
font-size: 13px;
|
||
color: var(--color-ink-2, #6b7280);
|
||
}
|
||
|
||
.order-comment-from .score-icon {
|
||
display: inline-flex;
|
||
gap: 4px;
|
||
align-items: center;
|
||
height: 30px;
|
||
}
|
||
|
||
.order-comment-from .icon-star {
|
||
display: inline-flex;
|
||
width: 22px;
|
||
height: 22px;
|
||
color: #d1d5db;
|
||
cursor: pointer;
|
||
transition: color 0.12s ease, transform 0.12s ease;
|
||
}
|
||
|
||
.order-comment-from .icon-star svg {
|
||
width: 22px;
|
||
height: 22px;
|
||
fill: currentColor;
|
||
}
|
||
|
||
.order-comment-from .icon-star.active,
|
||
.order-comment-from .icon-star.hover {
|
||
color: #fc7049;
|
||
}
|
||
|
||
.order-comment-from .icon-star.hover {
|
||
transform: scale(1.08);
|
||
}
|
||
|
||
.order-comment-from .score-text {
|
||
min-width: 3em;
|
||
font-size: 13px;
|
||
color: var(--color-ink-2, #6b7280);
|
||
}
|
||
|
||
.order-comment-from textarea.form-control {
|
||
width: 100%;
|
||
border: 1px solid var(--color-line, #e5e7eb);
|
||
border-radius: 10px;
|
||
padding: 10px 12px;
|
||
font-size: 14px;
|
||
resize: vertical;
|
||
min-height: 96px;
|
||
background: var(--surface-1, #fff);
|
||
color: var(--color-ink, #111);
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .add,
|
||
.order-comment-from .form-upload .preview .preview-item {
|
||
width: 80px;
|
||
height: 80px;
|
||
border-radius: 10px;
|
||
border: 1px dashed var(--color-line, #d1d5db);
|
||
background: var(--surface-4, #f9fafb);
|
||
position: relative;
|
||
overflow: hidden;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .add::before,
|
||
.order-comment-from .form-upload .preview .add::after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
background: var(--color-ink-3, #9ca3af);
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .add::before {
|
||
width: 22px;
|
||
height: 2px;
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .add::after {
|
||
width: 2px;
|
||
height: 22px;
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .preview-item img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
display: block;
|
||
}
|
||
|
||
.order-comment-from .form-upload .preview .preview-item .remove {
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 2px;
|
||
width: 20px;
|
||
height: 20px;
|
||
border: 0;
|
||
border-radius: 999px;
|
||
background: rgba(0, 0, 0, 0.55);
|
||
color: #fff;
|
||
font-size: 12px;
|
||
line-height: 1;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.order-comment-from .form-upload .hide {
|
||
display: none !important;
|
||
}
|
||
|
||
.order-comment-from .review-error {
|
||
color: #ef4444;
|
||
font-size: 13px;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||
width: calc(100vw - 20px);
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/frontend/notyf.css */
|
||
/**
|
||
* legacy-compatible frontend notifications.
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
.notyn {
|
||
position: fixed;
|
||
bottom: 6em;
|
||
right: 0;
|
||
max-width: 320px;
|
||
z-index: 10000000;
|
||
}
|
||
|
||
.notyf {
|
||
position: relative;
|
||
margin-bottom: 0.6em;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
line-height: 1.42857143;
|
||
float: right;
|
||
min-width: 200px;
|
||
padding: 1em 3em 1em 3.4em;
|
||
box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.1);
|
||
transform: translateX(1.5em);
|
||
transition: 0.3s;
|
||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||
backdrop-filter: saturate(5) blur(20px);
|
||
-webkit-animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08);
|
||
animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08);
|
||
}
|
||
|
||
.notyn-out .notyf {
|
||
transform: translateX(110%);
|
||
opacity: 0.5;
|
||
transition: 0.5s;
|
||
}
|
||
|
||
@-webkit-keyframes notyf {
|
||
0% {
|
||
transform: translateX(110%);
|
||
opacity: 0;
|
||
}
|
||
|
||
100% {
|
||
transform: translateX(1.5em);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
@keyframes notyf {
|
||
0% {
|
||
transform: translateX(110%);
|
||
opacity: 0;
|
||
}
|
||
|
||
100% {
|
||
transform: translateX(1.5em);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
.notyf::before {
|
||
font-family:"Font Awesome 5 Free";font-weight:900;
|
||
font-style: normal;
|
||
font-weight: 900;
|
||
line-height: 1;
|
||
left: 0.8em;
|
||
font-size: 1.5em;
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
margin: auto;
|
||
height: 20px;
|
||
}
|
||
|
||
.notyf.success {
|
||
background: linear-gradient(90deg, rgba(15, 147, 249, 0.7), rgba(61, 189, 249, 0.8));
|
||
}
|
||
|
||
.notyf.success::before {
|
||
content: '\f058';
|
||
}
|
||
|
||
.notyf.info {
|
||
background: linear-gradient(90deg, rgba(58, 162, 54, 0.8), rgba(89, 247, 131, 0.8));
|
||
}
|
||
|
||
.notyf.info::before {
|
||
content: '\f0a1';
|
||
}
|
||
|
||
.notyf.warning,
|
||
.notyf.load {
|
||
background: linear-gradient(90deg, rgba(253, 170, 71, 0.7), rgba(247, 154, 13, 0.8));
|
||
}
|
||
|
||
.notyf.warning::before {
|
||
content: '\f05a';
|
||
}
|
||
|
||
.notyf.danger {
|
||
background: linear-gradient(90deg, rgba(253, 69, 28, 0.7), rgba(251, 110, 75, 0.8));
|
||
}
|
||
|
||
.notyf.danger::before {
|
||
content: '\f057';
|
||
}
|
||
|
||
.notyf .fa-close {
|
||
float: right;
|
||
padding: 0.6em;
|
||
margin: -0.4em;
|
||
}
|
||
|
||
.notyf.load::before {
|
||
content: '';
|
||
width: 0.7em;
|
||
height: 0.7em;
|
||
display: inline-block;
|
||
border: 0.08em solid transparent;
|
||
border-width: calc(1px + 0.03em);
|
||
border-radius: 50%;
|
||
border-top-color: var(--this-color);
|
||
border-bottom-color: var(--this-color);
|
||
-webkit-animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
|
||
animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
|
||
}
|
||
|
||
@-webkit-keyframes huan-rotate {
|
||
0% {
|
||
transform: rotate(0);
|
||
}
|
||
|
||
100% {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@keyframes huan-rotate {
|
||
0% {
|
||
transform: rotate(0);
|
||
}
|
||
|
||
100% {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
/* source: assets/css/shared/captcha.css */
|
||
/**
|
||
* AKSRT Captcha Styles
|
||
* 人机验证组件样式(从 functions.php 内联 CSS 抽取)
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
.aksrt-captcha-box{display:none}.aksrt-captcha-wrap{text-align:center}
|
||
|
||
/* Cloudflare Turnstile Modal */
|
||
.aksrt-captcha-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
|
||
.aksrt-captcha-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);animation:aksrtFadeIn .2s ease}
|
||
.aksrt-captcha-modal-box{position:relative;background:var(--surface-page,#fff);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:380px;animation:aksrtSlideUp .25s ease;overflow:hidden}
|
||
.aksrt-captcha-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-line,#e5e7eb)}
|
||
.aksrt-captcha-modal-title{font-size:15px;font-weight:600;color:var(--color-ink,#1f2937)}
|
||
.aksrt-captcha-modal-close{background:none;border:none;font-size:22px;color:var(--color-ink-4,#9ca3af);cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.aksrt-captcha-modal-close:hover{background:var(--color-bg-hover,#f3f4f6);color:var(--color-ink,#1f2937)}
|
||
.aksrt-captcha-modal-body{padding:20px}
|
||
.aksrt-captcha-modal-hint{font-size:13px;color:var(--color-ink-4,#9ca3af);margin:0 0 16px;text-align:center}
|
||
.aksrt-captcha-modal-widget{display:flex;justify-content:center}
|
||
|
||
@keyframes aksrtFadeIn{from{opacity:0}to{opacity:1}}
|
||
@keyframes aksrtSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|