*,::after,::before{box-sizing:border-box}
.disabled,[disabled]{cursor:not-allowed}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.iconfont{font-size:inherit!important}
.iconfont.iconfont-2x{font-size:2rem!important}
.iconfont.font-normal{font-weight:400!important}
.iconfont.iconfont-circle{border:2px solid currentColor;border-radius:100%;padding:5px;margin-right:5px}
small .iconfont.iconfont-circle{border-width:1px;padding:0;margin-right:2px}
.iconfont.iconfont-2x.iconfont-circle{border-width:3px}
.green{color:#27ae60}
.black{color:#000000}
.silver{color:#c0c0c0}
.white{color:#ffffff}
.maroon{color:#800000}
.purple{color:#800080}
.yellow{color:#ffff00}
.orange{color:#ffa500}
fieldset{margin:0;border:1px solid #d6d9d9}
fieldset>legend{padding:0 8px;font-weight:500;font-size:.95rem}
fieldset>.field-body{padding:8px}
template{display:none}
.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success{color:#fff;background-color:#128f76;border-color:#11866f}
.select2-container.select2-container--default .select2-selection--multiple{border-color:#d2d6d6;border-radius:.125rem;padding:.275rem .5rem}
.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#119e49}
.select2-container.select2-container--default .select2-search--inline .select2-search__field{margin-top:0;margin-left:0;padding:.25rem 0}
.select2-container.select2-container--default .select2-dropdown{border-color:#119e49;border-radius:.125rem}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--above{border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#f47920}
.select2-container.select2-container--default .select2-results__option--selected{background-color:#f2f2f4}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:.125rem;margin:.15rem .3rem .15rem 0;font-size:.9em;border-color:#b4b6b6;background-color:#f2f2f4}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{padding:0 6px;border-right-color:#b4b6b6}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__display{display:inline-block;padding:.125rem .4rem}
.not-selectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.selectable{-webkit-user-select:all;-moz-user-select:all;user-select:all}
.callout{position:absolute;max-width:20em;padding:.5em 1em;margin:.6em 0 0 0;border-radius:2px;background-color:#fff2e5;color:#301c0a;border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);font-size:.8em;transform:scale(0);transition:.2s transform}
.callout:before{content:"";position:absolute;top:-.45em;left:1.5em;padding:.35em;background:inherit;border:inherit;border-right:0;border-bottom:0;transform:rotate(45deg)}
.callout.expanded{transform:scale(1);transition:.3s cubic-bezier(.25,.1,.3,1.5) transform;transform-origin:1.4em -.4em}
.flex-direction-row{flex-direction:row}
.flex-direction-column{flex-direction:column}
code{font-size:.875em;font-family:Menlo,Consolas,Monaco,courier,monospace;background-color:#f6f6f9;padding:3px 5px;margin:0 1px;color:#ff0000;border-radius:2px;white-space:nowrap;vertical-align:baseline;line-height:1.5;outline:0}
kbd{font-size:.85em;font-family:Consolas,Monaco,courier,monospace;background-color:#f4f4f7;border:1px solid #a8a8a8;padding:4px 5px 2px 5px;margin:0 1px;color:#000;border-radius:2px;line-height:1.5;outline:0;cursor:default}
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}
    to{background-position:2rem 0}
}
@keyframes progress-bar-stripes{from{background-position:0 0}
    to{background-position:2rem 0}
}
.align-right{text-align:right}
.dropbefore::before{content:'';margin-right:.275rem}
.dropright.dropbefore::before{margin-right:.4rem;margin-left:.175rem}
.dropright::after,.dropright::before{display:inline-block;width:0;height:0;border-left:.3rem solid;border-right:0;border-bottom:.3rem solid transparent;border-top:.3rem solid transparent}
.dropright:not(.dropbefore)::after{content:'';margin-left:.275rem}
.dropup::after{content:'';display:inline-block;width:0;height:0;margin-left:.275rem;vertical-align:.215rem;border-top:0;border-right:.3rem solid transparent;border-bottom:.3rem solid;border-left:.3rem solid transparent}
.datepicker{cursor:pointer}
.tabs{position:relative;margin-bottom:1rem;list-style:none}
.tabs>li{position:relative;display:inline-block;color:#585858;margin-bottom:.5rem;border-bottom:2px solid transparent;background-color:#fff;font-size:.9rem;cursor:pointer}
.tabs>li:not(:last-child){margin-right:1rem}
.tabs>li:focus{outline:0}
.tabs>li.active{color:#242424;font-weight:600;border-bottom-color:#f29587}
.tabs>li>a{display:block;padding:4px 4px;color:inherit;text-decoration:none}
.tabs>li>a:hover{color:#000}
.tabs i.iconfont{font-weight:400}
.tab-content{display:none}
.list-group{display:flex;flex-direction:column;padding:0;margin:0;line-height:1.4}
.list-group.hoverable>.list-group-item:hover{background-color:#f8f8f8}
.list-group-item{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:.6rem 1.2rem;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item:first-child{border-top-left-radius:2px;border-top-right-radius:2px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
.list-group-item.list-group-item-header{background-color:#f6f6f8}
.list-group-item-img-top .list-group-item{align-items:flex-start}
.list-group-with-img>.list-group-item.list-group-item-header{padding-top:.8rem;padding-bottom:.8rem}
.list-group-with-img>.list-group-item>img{border-radius:4px;margin-right:.5rem}
.collapsable,.fadable{display:none}
.highlight-error{background-color:#f8dddf}
.highlight-regex{background-color:#f04848;color:#fff}
.highlight-regex-next{background-color:#398fc0;color:#fff}
.pl-1{padding-left:1rem!important}
.pr-1{padding-right:1rem!important}
.word-break{word-break:break-word}
.border-all{border: 1px solid #ddd; border-radius: 2px;}
.custom-error{display:none;position:relative;font-size:.85em;padding-left:1.35em;margin-top:.5em;color:#e6162d;text-align:justify;line-height:1.35}
.custom-error::before{position:absolute;display:inline-block;content:'\e836';font-family:iconfont;left:1px;top:0;width:1em;height:1em}
.align-self-start{align-self:flex-start}
.align-self-stretch{align-self:stretch}
.block{display:block!important}
.clear {clear: both;}
.dt-message{position:fixed;top:50px;font-size:.9rem;text-align:center;padding:8px;width:100%;z-index:15000}
.dt-message-wrap{margin:.5rem 0;width:100%;opacity:0;transition:height .2s ease-in-out,padding .2s ease-in-out}
.dt-message-body{display:inline-flex;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);line-height:1.35}
.dt-message-body>i.iconfont{margin-right:5px}
.dt-message-body>i.loading{flex-shrink:0;width:16px;height:16px;margin-right:6px;background-size:100%;-webkit-animation:ani-load-loop 1.2s linear infinite;animation:ani-load-loop 1.2s linear infinite}
@keyframes ani-load-loop{0%{transform:rotate(0)}
    50%{transform:rotate(180deg)}
    to{transform:rotate(1turn)}
}
._3rd-ad-wrapper{margin:1rem -.5rem 0 -.5rem}
.tag-list-header{text-align:center}
.tag-list-header h1{margin:0;font-weight:400;font-size:1.2rem}
.tag-list{display:flex;flex-wrap:wrap;justify-content:center;padding:1em 0}
.tag-list>a{border:1px solid #eee;border-radius:24px;padding:.2em 1.2em;margin:.75em 1em;font-size:.8em;background-color:#fff}
.article-list{list-style:none;padding:.5em 0;margin:0}
.article-list>li>a,.article-list>li>a:visited{display:block;border-left:2px solid transparent;padding:.5em 1em;color:currentColor}
.article-list>li>a:hover{color:#f47920;border-color:#f47920;background-color:#f9faf9}
.article-list>li>a>small{display:block;color:#999;margin-top:3px}
.tag-cloud{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1em}
.tag-cloud>a{font-size:.85em;border:1px solid #eee;background-color:#f9faf9;padding:3px 10px;margin:6px;border-radius:24px}
.hot-tool-list{list-style:none}
.hot-tool-list>li>a,.hot-tool-list>li>a:visited{display:flex;align-items:center;padding:1em}
.hot-tool-list>li>a:hover{background-color:#f9faf9}
.hot-tool-list>li>a>img{margin-right:8px;border-radius:4px}
.related-posts{margin-top:.6rem}
.related-posts .post-title{font-size:1em}
.related-posts .post-excerpt{line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}
.related-tool-wrap{margin-top:1rem;font-size:.9rem}
.related-tool-wrap>a,.related-tool-wrap>a:visited{color:currentColor;margin-right:1rem}
.related-tool-wrap>a:last-child{margin-right:0}
.related-tool-wrap>a:hover{text-decoration:underline}
.join-flow{position:relative;margin:0 0 2rem 0;display:flex;justify-content:space-between;counter-reset:step}
.join-flow::after{content:'';position:absolute;display:block;border-top:4px solid #f8f8f8;top:21px;left:20px;right:20px;z-index:1}
.join-flow>li{list-style:none;text-align:center;font-size:.85rem;color:#ccc}
.join-flow>li.active{color:#585858}
.join-flow>li::before{position:relative;display:block;counter-increment:step;content:counter(step);background-color:#f8f8f8;font-size:1.2em;font-weight:600;width:40px;height:40px;line-height:40px;margin:0 auto 10px auto;text-align:center;border-radius:100%;z-index:2}
.why-join-list{list-style:none;margin-bottom:30px;margin-left:10px;font-size:.85rem}
.why-join-list>li+li{margin-top:12px}
.why-join-list>li::before{content:'\e642';font-family:iconfont;font-weight:600;margin-right:12px}
.signup-footer-link{position:relative;font-size:.85em;text-align:center;margin-top:3rem;z-index:9}
.signup-success-wrap{background-color:#f9faf9;padding:2.5rem;margin:1.5rem 0;border:1px solid #ddd;border-radius:4px}
.signup-success-title{color:#f47920;font-weight:400}
.signup-success-content{margin-left:3.75rem}
.signup-success-content>ul{margin-left:1.25rem}
.signup-success-content>*+*{margin-top:1.5rem}
.member-body{padding-top:15px;padding-bottom:15px}
.member-sidebar{border:1px solid #ddd;background-color:#f8f8f8;border-radius:4px;overflow:hidden}
.member-info-box{display:flex;align-items:center;padding:1.5rem 2rem;line-height:1.35}
.member-info-box>.my-avatar{margin-right:10px;border-radius:100%}
.member-info-brief .member-name{font-size:1.75rem;font-weight:400;letter-spacing:-.5px;margin:0}
.signature{color:#999;font-size:.8em}
.member-menu{position:relative;border-top:1px solid #e8e8e8}
.member-menu>li{list-style:none}
.member-menu>li+li{border-top:1px solid #e8e8e8}
.member-menu>li.active>a,.member-menu>li.active>a:hover{color:#f47920;background-color:#fff;cursor:default}
.member-menu>li>a,.member-menu>li>a:visited{display:block;padding:1rem 2.5rem;font-size:1.15rem}
.member-menu>li>a:hover{background-color:#fff}
.member-menu>li>a>i{display:inline-block;width:36px;text-align:center}
.member-content{border:1px solid #ddd;border-radius:4px}
.member-content+.member-content{margin-top:1rem}
.member-content-title{font-size:1.2rem;font-weight:400;padding:1rem 1.5rem;line-height:1.5;margin:0;background-color:#f8f8f8;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #dfdfdf}
.member-content-title.flexible{display:flex;justify-content:space-between;align-items:center}
.member-content-title i.iconfont{margin-right:.4em}
.member-content-title>a{font-size:.8em}
.member-content-title>a>i.iconfont{margin-right:0;margin-left:.2em}
.member-content-body{padding:2rem}
.member-content-body .form-group label{font-weight:400}
.member-content-body .no-content{text-align:center;padding-top:4rem;padding-bottom:4rem}
.member-content-block+.member-content-block{margin-top:3rem}
.member-content-block-title{font-size:1.5em;font-weight:400;border-bottom:1px solid #e8e8e8;margin-bottom:.75em}
.member-content-footer{display:flex;padding:1rem;border-top:1px solid #eee}
.member-tip{font-size:.85em;color:#9a99af}
.collected-tool-item{padding-top:1.5rem;padding-bottom:1.5rem;transition:all .3s}
.collected-tool-item:hover{background-color:#f8f9f8}
.collected-tool-item+.collected-tool-item{border-top:1px solid #e8e8e8}
.collected-tool-list>.collected-tool-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.collected-tool-image{margin-left:2em;margin-right:.5em}
.collected-tool-image>a{display:block;border-radius:6px;overflow:hidden}
.collected-tool-image>a>img{display:block}
.collected-tool-title{font-size:1.05em;font-weight:400;margin-bottom:0;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.collected-tool-title a{color:inherit}
.collected-tool-title a:hover{text-decoration:underline}
.collected-tool-meta{color:#aaadb6;font-size:.8em;line-height:1.5}
.collected-tool-meta>span{display:inline-flex;align-items:center;line-height:1.2}
.collected-tool-meta>span>i.iconfont{margin-right:2px}
.collected-tool-meta>span>a{color:inherit}
.collected-tool-meta>span>a:hover{color:#585858}
.collected-tool-meta>span+span{margin-left:.8em;padding-left:1em;border-left:1px solid #ddd}
.avatar-upload-wrap{width:204px}
.viewed-history-group-title{position:relative;border-bottom:0 solid #ddd;font-size:1.2rem;font-weight:400;padding:.35em 1.5em;margin:1.5em 0 .5em 0;line-height:1}
.viewed-history-group-title::before{position:absolute;content:"";display:inline-block;left:-1px;top:0;width:4px;height:100%;background-color:#585858;z-index:999}
.viewed-history-item{font-size:.9rem;padding-top:.2em;padding-bottom:.2em;transition:all .3s}
.viewed-history-item:hover{background-color:#f8f9f8}
.viewed-history-item img{border-radius:3px;vertical-align:middle}
.viewed-time-label{color:#999}
.activation-wrap{background-color:#f9faf9;border:1px solid #ddd;padding:2.5rem;border-radius:4px}
.activation-wrap h2{font-size:1.75rem;font-weight:400}
.activation-actions{padding-left:2.75rem}
.activation-faq{margin-left:30px}
.activation-faq li+li{margin-top:1.5rem}
.activation-faq li>h3{font-size:1em;margin-bottom:0}
.activation-faq li>p{font-size:.9em}
.captcha{height:35px;display:block;cursor:pointer;border:1px solid #ccc}
.captcha.captcha-lg{height:42px}
.pagination{list-style:none;display:flex}
.pagination>li+li{margin-left:.5rem}
.pagination>li>a,.pagination>li>a:visited,.pagination>li>span{display:block;padding:.4rem .7em;font-size:.9em;text-align:center;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#999;line-height:1;transition:all .3s}
.pagination>li.active>span,.pagination>li>a:hover{background-color:#f8f9f8;border-color:#f47920;color:#f47920}
.pagination.flex-end{justify-content:flex-end}
.pagination-simple{justify-content:space-between}
.pagination.pagination-simple>li>a,.pagination.pagination-simple>li>a:visited{border:1px solid #eee;background-color:#f9faf9;font-weight:700;color:#585858;padding:.5em 1.35em;border-radius:24px;line-height:inherit;letter-spacing:1px}
.pagination.pagination-simple>li>a:hover{color:currentColor;border-color:#999}
.hot-search-wrap{font-size:.85rem;color:#ccc}
.hot-search-list{list-style:none;margin:3px 0 0 0;padding:0}
.hot-search-list>li{display:inline-block}
.hot-search-list>li+li{margin-left:10px}
.hot-search-list>li>a,.hot-search-list>li>a:visited{color:inherit}
.hot-search-list>li>a:hover{color:#fff}
.highlight{color:#e6162d}
.search-result{padding:10px}
.search-result-item{line-height:1.5}
.search-result-item+.search-result-item{margin-top:15px}
.search-result-title{font-size:1rem;font-weight:400;margin:0}
.search-result-title a,.search-result-title a:visited{color:#242424}
.search-result-title a:hover{text-decoration:underline}
.search-result-url{display:flex;align-items:center;margin-bottom:5px}
.search-result-url>img{width:20px;border-radius:100%;margin-right:4px}
.search-result-url>a,.search-result-url>a:visited{color:#f47920;font-size:.8rem}
.search-result-summary{color:#585858;font-size:.8rem;margin-bottom:0}
.ad-wrap{background-color:#fff;padding:.5rem;box-shadow:1px 1px 2px #ddd}
.hot-tool-section{position:relative;padding-top:10px;padding-bottom:50px;background-color:#f2f4f2;margin-top:0}
.hot-tool-wrap{background-color:#fff;border-radius:4px;padding:20px 10px 10px 10px}
.hot-tool-wrap .category-title{font-size:1.25rem}
.hot-tool-wrap .tool-grid{margin-top:-10px}
.hot-category-wrap{margin:40px auto 0 auto;text-align:center}
.hot-category-wrap h3{position:relative;margin-bottom:10px;font-weight:300}
.hot-category-wrap h3::after{content:'';position:absolute;top:20px;border-top:1px solid #fff;display:block;width:100%;z-index:-1}
.hot-category-wrap h3>span{position:relative;background-color:#f2f4f2;padding:0 15px}
.hot-category-list{list-style:none}
.hot-category-list>li{display:inline-block}
.hot-category-list>li>a,.hot-category-list>li>a:hover{display:block;font-size:.9rem;font-weight:300;border:2px solid #fff;background-color:rgba(255,255,255,.5);color:#242424;padding:6px 14px;margin:10px}
.hot-category-list>li>a:hover{color:#f47920;border-color:#f47920;font-weight:400;background-color:transparent}
.tool-sponsor{position:absolute;bottom:1rem;right:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.ad-banner-section{margin-top:.5rem;margin-bottom:.5rem}
.ad-banner-section a,.ad-banner-section a:visited{position:relative;display:flex;justify-content:center;align-items:center;border-radius:2px;overflow:hidden}
.ad-banner-section a>img{max-width:100%;height:auto;transition:all .4s}
.ad-banner-section a:hover>img{transform:scale(1.02)}
.ad-append{display:none;margin-top:.5rem;font-size:.8rem;line-height:1.5;color:#e6162d}
.hot-tool-section .tool-grid>li{margin-top:10px}
.hot-tool-section .tool-grid .tool-item{background-color:#fff;padding:1.25rem 1.25rem .8rem 1.25rem}
.hot-tool-section .tool-grid .tool-item-header{background:0 0;border:0 none;padding:0}
.hot-tool-section .tool-item-header h3{font-size:1.3em}
.hot-tool-section .tool-item-body{padding:0;margin-top:10px;font-size:inherit}
.hot-tool-section .tool-grid .tool-item-footer{padding:.75rem 0 0 0}
.hot-tool-section .tool-grid .tool-item-footer::before{content:'';position:absolute;display:block;width:10px;height:10px;top:-6px;left:15px;transform:rotate(45deg);border-top:1px solid #dddedf;border-left:1px solid #dddedf;background-color:#fff}
.sub-tool-entries{list-style:none;margin-top:.25rem}
.sub-tool-entries>li{display:inline-block;margin-right:1em;font-weight:300;line-height:2}
.sub-tool-entries>li::before{content:'#';color:#ccc;padding:0 3px;font-weight:300;font-size:.9em}
.more-tool-list>li{margin-bottom:1rem}
.tool-main{padding-top:40px}
.tool-last-updated{font-size:.8em;color:#999}
.more-tool-title{position:relative;line-height:1;font-size:1.35em;margin:0 0 .75rem 0}
.more-tool-title::before{content:'#';font-weight:300;font-size:.9em;margin-right:6px}
.more-tool-badget{position:absolute;display:inline-block;top:-8px;margin-left:8px}
.more-tool-short-desc{margin:0 0 .75rem 0;padding-left:1rem}
.more-tool-view-more{font-size:.9em;color:#999;padding-left:1rem;line-height:1}
.feature-section{background-color:#f9faf9;background-size:cover;border-top:1px solid #e8e8e8;padding:40px 0}
.feature-header{text-align:center}
.feature-header h3{font-size:1.4rem;margin-top:0;margin-bottom:0}
.feature-header h4{font-size:1.1rem;font-weight:300;color:#585858;margin-top:0;padding:0 15px;line-height:1.5;letter-spacing:1px}
.feature-header h4::after{content:'';display:block;width:25%;border-top:2px solid #f47920;margin:15px auto 40px auto}
.feature-list{list-style:none}
.feature-list li{padding:0 20px}
.feature-list li>h4{font-size:1.1rem;margin-bottom:0}
.feature-list li>p{color:#585858;padding-left:22px;font-weight:300;text-align:justify}
.feature-list li>p strong{font-weight:400}
.tool-footer{margin-top:20px}
.tool-general-wrap{padding:15px;border-radius:2px;}
.page-nav-box h2{font-size:.8rem;margin:0 0 .25em 0;color:#585858}
.dx-menu{position:relative}
.dx-menu li{font-size:.95em;list-style:none;line-height:2}
.dx-menu.simple-menu li{font-size:.9em;line-height:1.8}
.dx-menu::before{position:absolute;content:'';top:0;bottom:0;left:6px;width:2px;background-color:#f4f6f4;opacity:.8}
.dx-menu>li+li{margin-top:.5em}
.dx-menu.simple-menu>li+li{margin-top:.2em}
.dx-menu>li>ul{font-size:.9em}
.dx-menu:not(.simple-menu)>li{font-weight:700}
.dx-menu>li::before{width:6px;height:6px}
.dx-menu>li>ul>li{font-weight:400}
.dx-menu a{position:relative;display:block;color:currentColor;padding-left:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dx-menu>li>ul>li>a{padding-left:3em;padding-right:1em}
.dx-menu a:hover,.dx-menu li.active>a{color:#f47920;background-color:#f8f9f8}
.dx-menu a::before{position:absolute;content:'';left:4px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:100%;margin-right:.75em;background-color:currentColor}
.dx-menu>li>ul a::before{width:4px;height:4px;left:26px;margin-top:-2px}
.glossary-list{border-top:1px solid #ddd;padding-top:2em;padding-bottom:2em}
.glossary-word-list+.glossary-word-list{border-top:1px solid #e8e8e8;margin-top:.7em;padding-top:.7em}
.glossary-word-list>p{margin-bottom:0}
.glossary-word-list>p>strong{margin-right:.5em}
.pornhub-text-wrap{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:15px;margin:0 auto;line-height:1;font-size:48px;font-weight:700;font-family:Helvetica,Arial,sans-serif;background-color:#000}
.pornhub-text-wrap.flex-direction-column{align-items:stretch}
.pornhub-text{margin:0 2px}
.pornhub-text:focus{outline:0}
.pornhub-text-wrap.flex-direction-column>.pornhub-text+.pornhub-text{margin-top:3px}
.pornhub-highlight{background-color:#f90;color:#000;border-radius:6px;padding:8px}
.color-preview-text{font-size:.9rem;line-height:1.5;margin-bottom:10px;color:#777}
.color-preview-area{position:relative;border:1px solid #e8e8e8;height:194px}
.color-preview-area::after,.color-preview-area>i{content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:0;z-index:10}
.color-preview-area::after{background:url(../images/transparent.png) repeat #fff;z-index:0}
.dark-inverse{color:#fff}
.palette-item{border:1px solid transparent;font-size:.9rem;text-align:center;padding:5px 0;margin:7px 0;cursor:pointer}
.palette-item:hover{border-color:#48c5eb;outline:rgba(72,197,235,.4) solid thick}
.id-card-number{font-size:1.05em;font-weight:600;letter-spacing:2px;line-height:1}
.table-keyword tbody>tr:nth-child(1) td,.table-keyword tbody>tr:nth-child(2) td,.table-keyword tbody>tr:nth-child(3) td{font-size:1rem;font-weight:700;font-style:italic}
.table-keyword tbody>tr:nth-child(1) td{color:#f47920}
.table-keyword tbody>tr:nth-child(2) td{color:#e6162d}
.table-keyword tbody>tr:nth-child(3) td{color:#ac8400}
.current-timestamp{font-size:1.05em;font-weight:500;color:#e6162d;}
.time-convert-result-wrap{font-size:.95rem;margin-top:.8rem;color:#f47920}
.time-convert-result{font-size:1.05em}
.date-input-row [class^=col-xs]:nth-child(-n+3){margin-bottom:.6rem}
.image-merge-preview{border:1px dashed #999;background-color:#fff;padding:.35rem;max-width:100%;border-radius:4px}
.image-merge-wrapper{position:relative;display:flex;flex-direction:column;height:540px;overflow-y:scroll;transition:.25s}
.image-merge-item{position:relative;display:flex;flex-shrink:0;width:100%;height:auto;transition:.4s}
.image-merge-wrapper.image-with-gutter>.image-merge-item+.image-merge-item{margin-top:.35rem}
.image-merge-item::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent;transition:.35s;z-index:1}
.image-merge-item:hover::before{background-color:rgba(228,228,228,.8)}
.image-merge-item>img{flex:1;max-width:100%}
.image-merge-item-action{position:absolute;top:0;right:0;z-index:5}
.image-merge-item-action .dropdown-panel{right:0}
.image-merge-item:hover .btn-merge-action{opacity:1}
.image-clip-preview-wrap{padding:5px;border:1px solid #d8d8d8;background:#fff;border-radius:4px}
.image-clip-preview,.image-round-preview{position:relative;width:100%;height:100%}
.image-clip-preview::after,.image-clip-preview::before{position:absolute;content:'';display:block;z-index:999}
.image-clip-preview::before{top:33.33%;width:100%;height:33.33%;border-top:3px solid #fff;border-bottom:3px solid #fff}
.image-clip-preview::after{left:33.33%;width:33.33%;height:100%;border-left:3px solid #fff;border-right:3px solid #fff}
.image-clip-preview img,.image-round-preview img{position:absolute;width:100%;z-index:200}
.image-clip-operation{padding:.75rem 1.25rem 1rem 1.25rem;margin-top:25px}
.image-round-operation{padding:1rem 1.75rem 1.25rem .25rem;margin-top:25px}
.image-other-operation{padding:10px;margin-top:25px}
.image-clip-step{font-size:.85rem;line-height:normal}
.image-clip-step h4{font-size:1em;margin:0 0 4px 0}
.image-clip-step+.image-clip-step{margin-top:1.2rem}
.image-clip-tip{margin-top:5px}
.wechat-qrcode-result{border:1px solid #e4e4e4;border-radius:4px;background-color:#f8f8f8;text-align:center;padding:2rem 0}
.provice-panel{top:45px;padding:1rem;border:1px solid #ddd;border-radius:2px;background-color:#fff;box-shadow:0 0 10px rgba(56,56,56,.15)}
.provice-panel>.row+.row{margin-top:.5rem}
.provice-panel h3{font-size:1rem;padding-top:.25rem;padding-bottom:.25rem;margin-bottom:0}
.province-list>li{list-style:none;display:inline-block;margin-right:.5rem}
.province-list>li>a{display:block;padding:.25rem .5rem;font-size:1rem;border:1px solid transparent}
.province-list>li>a:hover{border-color:#f47920}
.oil-price-box{font-size:1rem;border:1px solid #48c5eb;background-color:#f5fdff;border-radius:2px;overflow:hidden}
.oil-price-box+.oil-price-box{margin-top:1rem}
.oil-price-box.oil-no-price-box{border-color:#ddd;background-color:#f8f8f8;color:#999;cursor:not-allowed}
.oil-label,.oil-price{text-align:center;padding:.6rem 0}
.oil-label{position:relative}
.oil-label::after{content:'';position:absolute;display:inline-block;top:24%;border-left:18px solid #f5fdff;border-top:24px solid transparent;border-bottom:24px solid transparent;right:-18px}
.oil-no-price-box .oil-label::after{border-left-color:#f8f8f8}
.oil-label>span:first-child{font-size:2.4em;margin-right:.1em}
.oil-label>span:last-child{font-size:.9em}
.oil-price>span:nth-child(2){font-size:2.4em}
.oil-price{background-color:#dbf5fd;color:#e6162d;text-shadow:1px 1px 0 #fff}
.oil-no-price-box .oil-price{background-color:#eee}
.oil-no-price-box .oil-price>span{font-size:2.2em;color:#999}
.district-wrap>.row>div+div{margin-top:1rem}
.district-item{border:1px solid #ddd;padding:1.5rem;border-radius:4px;background:#fff;background:linear-gradient(-30deg,#f6f6f8,#fafafd);box-shadow:-1px -1px 0 rgba(255,255,255,.8) inset}
.district-item>h4{font-size:1.2rem;margin-bottom:.6rem}
.district-item>ul{margin-left:2.75rem;color:#585858}
.district-item>ul>li{list-style:square}
.district-item>ul>li+li{margin-top:.5rem}
.district-item>ul>li>label{width:70px;font-weight:600}
.action-history-wrap{position:relative}
.history-panel{display:none;position:absolute;top:35px;left:0;background-color:#fff;padding:10px 14px;min-width:120px;line-height:1;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.1)}
.history-panel::before{content:'';position:absolute;top:-5px;left:20px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;background-color:#fff;width:8px;height:8px;transform:rotate(-45deg)}
.history-panel>a{display:block;font-size:.9rem;padding:6px 0;color:inherit}
.history-panel>a:hover{color:#f47920;font-weight:600}
.keep-space{display:flex}
.keep-space>*+*{margin-left:.5em}
.linux-command-list{list-style:none;align-items:stretch}
.linux-command-list>li{margin-bottom:1rem}
.linux-command-list>li>a,.linux-command-list>li>a:visited{display:block;border:1px solid #ddd;background-color:#f8f8f8;padding:.75rem;line-height:1.5;height:100%}
.linux-command-list>li>a:hover{border-color:#f47920}
.related-command-list{list-style:none;line-height:2}
.emoji-list fieldset, .symbol-list fieldset {margin-bottom: 0.9rem;padding: 0.7rem 1rem 1rem 1rem;border: 1px solid #ccc;border-radius: 5px;}
.emoji-list fieldset legend, .symbol-list fieldset legend {font-size: 14px;background-color: #fff;padding: 0 0.75rem;color: #000;font-weight: bold;}
.emoji-list ul {display: grid;grid-template-columns: repeat(15, 1fr);gap: 5px;}
.emoji-list ul li {border: solid 1px #dde0d8;display: inline-block;margin: 0.29rem auto;width:4rem;height:4rem;text-align: center;cursor: pointer;overflow: hidden;font-size: .2rem;white-space: nowrap;text-overflow: ellipsis;}
.emoji-list ul li span {display: block;font-size: 2rem;height:4rem;line-height:4rem;}
.symbol-list ul {display: grid;grid-template-columns: repeat(6, 1fr);gap: 5px;}
.symbol-list ul li {border: solid 1px #dde0d8;display: inline-block;margin: 0.29rem auto;width:10rem;height:6rem;text-align: center;cursor: pointer;overflow: hidden;font-size: .2rem;white-space: nowrap;text-overflow: ellipsis;}
.symbol-list ul li:hover{background-color: #f8f8f8;color: #000;}
.symbol-list ul li span {display: grid;font-size: .8rem;height:4rem; align-items: center;}
.computer-english-index-wrap{padding:.8rem 1.2rem;margin-bottom:1rem;font-size:.9rem;border:1px solid #d8d8d8;border-radius:2px;background-color:#f8f8f8}
.computer-english-indices{margin:5px 0 0 -5px;list-style:none}
.computer-english-indices>li{margin:.25rem .5rem .25rem 0;line-height:1.5}
.computer-english-indices>li>span{cursor:not-allowed}
.computer-english-indices>li>a,.computer-english-indices>li>a:visited{color:#157dd3;padding:3px 6px;border-radius:2px}
.computer-english-indices>li.active>a,.computer-english-indices>li.active>a:hover,.computer-english-indices>li>a:hover{background-color:#cc4d00;color:#fff}
.table-colors>tbody>tr>td:nth-child(3),.table-colors>tbody>tr>td:nth-child(6),.table-computer-english>tbody>tr>td:nth-child(3),.table-named-colors>tbody>tr>td:nth-child(5){font-family:Consolas,Monaco,courier,monospace}
.computer-english-example-list{margin:0 0 0 1.3em}
.computer-english-example-list>li+li{margin-top:1.3em}
.computer-english-example-list>li{line-height:1.5}
.computer-english-example-list>li .example-cn{color:#585858;font-size:.85em;margin-top:.3em}
.reference-wrap h2{margin-bottom:.3rem;font-size:1.75rem;font-weight:400}
.reference-wrap h3{margin-bottom:.2rem;font-size:1.2rem}
.reference-wrap h2~h2,.reference-wrap h3~h3{margin-top:1rem}
.reference-wrap h2>small,.reference-wrap h3>small{font-weight:lighter;font-size:.75em;color:#ccc;margin-left:.5rem}
.reference-wrap h2>small{font-size:.6em}
.reference-wrap table tfoot td{font-size:.9rem;color:#585858;background-color:#f8f8f8;padding-top:1em;padding-bottom:1em}
.related-beian-table{font-size:.85rem;color:#425879}
.related-beian-table td{text-align:center}
.httpstatus-overview{padding-left:35px}
.httpstatus-overview .label{font-size:.8rem;font-weight:600}
.httpstatus-overview>.row-list>.row{line-height:1.2}
.raw-response-headers{margin-top:20px}
.raw-response-headers>a{font-size:1rem}
.random-numbers>b{width:20%;font-size:1.1rem;text-align:center}
.terminal-char{color:#b8b8b8;margin-right:5px;user-select:none;-webkit-user-select:none}
.msg-block+.msg-block{margin-top:.5em}
.most-populars{font-size:.85rem;margin-top:5px;color:#777}
.most-populars a,.most-populars a:visited{color:inherit}
.most-populars a:hover{color:#f47920}
.most-populars a+a{margin-left:5px}
.height450{height:450px}
.fake-info-base{font-size:1.2em;line-height:1.5}
.fake-info-group{font-size:.95em}
.fake-info-group+.fake-info-group{margin-top:1.5rem}
.fake-info-group>.row{line-height:1.5}
.fake-info-group>.row>div:first-child{font-weight:600;color:#585858}
.fake-info-group>.row+.row{margin-top:.5rem}
.word-count-result-wrap{padding:.75rem 0}
.word-count-result-wrap>p{display:flex;justify-content:space-between;align-items:center;padding:0 1.35rem;margin-bottom:0;font-size:.9rem}
.word-count-result-wrap>p:not(.word-count-total):hover{background-color:#f8f8f8}
.word-count-result-wrap>p.word-count-total{font-size:1.2rem;margin-bottom:.75rem;border-bottom:1px dashed #ddd}
.word-count-result-wrap>p:nth-child(2){color:#e6162d}
.word-count-result-wrap>p:nth-child(3){color:#5a1019}
.word-count-result-wrap>p:nth-child(4){color:#157dd3}
.word-count-result-wrap>p:nth-child(5){color:#f47920}
.word-count-result-wrap>p>span{font-size:1.35em;letter-spacing:1px;font-style:italic}
.code-snapshot-top-option-container{padding-left:16px;padding-right:16px;margin-bottom:.5rem}
.code-snapshot-top-option-container>.top-option-item+.top-option-item{margin-top:.5rem}
.top-option-item>.row>label+div{margin-left:.5rem}
.source-code-wrap{position:relative;padding:1.25rem;background-color:transparent}
.code-snapshot-option-container{border:2px solid #fff;border-radius:2px;margin-bottom:.5rem}
.code-snapshot-option-container .option-title{font-size:1rem;margin:0;padding:.5rem .75rem;border-bottom:2px solid #fff}
.code-snapshot-option-wrap{font-size:.9em;padding:1.25rem}
.source-code-window{position:relative;overflow:hidden}
.source-code-watermark{position:absolute;bottom:4px;right:10px;width:96px}
.source-code-watermark img{max-width:100%}
.win-control{display:none;position:relative;height:40px;padding:10px 16px;z-index:20}
.win-control>i{display:inline-block;width:12px;height:12px;border-radius:100%}
.win-control>i+i{margin-left:8px}
.win-control>i:nth-child(1){background-color:#ff5f56}
.win-control>i:nth-child(2){background-color:#ffbd2e}
.win-control>i:nth-child(3){background-color:#27c93f}
.source-code-window .CodeMirror{height:auto;min-height:346px;margin-top:-40px;padding:45px 13px 10px 13px;line-height:1.5;box-shadow:none}
.source-code-window .CodeMirror .CodeMirror-cursor{border-width:2px}
.canvas-wrap{position:relative;overflow:hidden}
.canvas-wrap canvas{display:block;background-color:#f6f6f6;max-width:100%;height:auto}
.canvas-options{position:absolute;left:-2px;top:-2px;background-color:rgba(255,255,255,.9);padding:.5rem .75rem;border:2px solid #999;border-bottom-right-radius:1rem}
.canvas-operations{position:absolute;right:.4rem;top:.4rem;background-color:rgba(200,200,200,.4);padding:.4rem}
.fn-container{padding:3rem 0;background:#fdfae9}
.fn-error{margin-top:calc(-4rem - 1px);margin-bottom:2rem;display:none}
.fn-list>.fn-item+.fn-item{margin-top:.5rem}
.fn-remove{padding-top:.5rem}
.fn-option-panel{right:0;top:40px;padding:1.5rem 2rem;max-width:320px}
.fn-canvas-wrap{border-top:2px solid rgba(24,24,24,.4);border-bottom:2px solid rgba(24,24,24,.4)}
.device-viewport{background-color:#157dd3;color:#fff;text-align:center;padding:4rem 2rem;margin-top:-1px}
.device-viewport>h3{font-size:1rem;font-weight:400;margin-bottom:2rem;margin-top:0;line-height:1}
.viewport-info{display:flex;justify-content:center;font-size:3rem}
.viewport-info>*{margin:0 1rem}
.viewport-info>div{line-height:.8}
.viewport-info>div>small{display:block;font-weight:100;font-size:.5em;color:rgba(255,255,255,.75)}
.viewport-symbol{font-size:.85em}
.device-feature-wrap{margin:3rem auto 0 auto}
.device-feature-title{font-size:1.5rem;margin-bottom:1rem;text-align:center;line-height:1.5}
.device-feature-title>small{display:block;font-size:.5em;font-weight:400;color:#999}
.feature-item{background-color:#f4f8fa;height:100%}
.feature-item>h4{margin-bottom:0;padding:1rem;background-color:#242424;color:#fff;line-height:1}
.feature-item>ul{list-style:none;padding:0 1rem}
.feature-item>ul>li{display:flex;align-items:center;padding:.75rem 0}
.feature-item>ul:not(.single)>li{justify-content:space-between}
.feature-item>ul>li+li{border-top:1px solid #e8e8ee}
.feature-item>ul>li>.iconfont{margin-right:5px;font-weight:700}
.device-user-agent{background-color:#f4f8fa;margin-top:1rem;padding:2rem 0 1rem 0}
.device-user-agent-text{font-size:1rem;font-weight:300}
.image-info-list>li>label{width:30%;font-weight:600}
.response-header-table{margin-top:8px}
.httpstatus-table{border:2px solid #e4e8ee}
.httpstatus-table td a{color:#157dd3}
.httpstatus-table>tbody>tr>td,.httpstatus-table>thead>tr>th{border-left:0;border-right:0}
.httpstatus-table>tbody>tr>td:first-child,.httpstatus-table>thead>tr>th:first-child{padding-left:20px}
.wp-theme-result{border-top:6px solid #e8e8e8;padding:1.2rem 0}
.wp-theme-name{font-size:1.75rem;margin:0;padding-bottom:1rem;border-bottom:1px solid #e8e8e8}
.wp-theme-details>.row{border-bottom:1px solid #e8e8e8;padding:.75rem 0}
.wp-theme-details>.row>label{font-weight:600}
.wp-theme-details a,.wp-theme-details a:visited{color:#157dd3}
.wp-theme-details a:hover{text-decoration:underline}
.response-header-wrap{position:absolute;right:-2px;top:36px;border:1px solid #d8d8d8;border-radius:2px;background-color:#fff;background:linear-gradient(0,#fafafa,#fdfdfd,#fff);padding:15px 20px 15px 15px;margin-top:5px;width:350px;text-align:left;z-index:99;box-shadow:0 0 8px 1px #e8e8e8}
.response-header-wrap::before{content:'';position:absolute;top:-7px;right:40px;width:12px;height:12px;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;transform:rotate(-45deg)}
.response-header-list{list-style:none;font-size:.9rem}
.response-header-list>li+li{margin-top:6px}
.response-header-list>li>label{width:100px;margin-right:1rem;text-align:right;font-weight:600}
.sha-table tbody tr td:nth-child(3),.sha-table tbody tr td:nth-child(4){text-align:center}
.httpstatus-table td a:hover,.list-table td a:hover{text-decoration:underline}
.alexa-rank>li{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding:.75em .75em .75em 2.5em}
.alexa-rank>li:hover{background-color:rgba(220,220,220,.1)}
.alexa-rank>li::before{position:absolute;counter-increment:step;content:counter(step);font-style:italic;font-size:1.05em;left:.5em;font-weight:700;color:#585858}
.alexa-rank>li:nth-child(1)::before{color:#e6162d}
.alexa-rank>li:nth-child(2)::before{color:#f04848}
.alexa-rank>li:nth-child(3)::before{color:#f29587}
.alexa-rank>li>div{width:100%}
.alexa-rank>li>div:first-child{font-weight:700}
.alexa-rank>li>div:last-child{font-size:.9em;margin-top:5px}
.alexa-rank>li>div>a{display:inline-block}
.alexa-rank>li>div>a+a{margin-left:1em}
.alexa-rank>li>div>a[rel*=external]::after{content:'\e7bb';font-family:iconfont}
.domain-more-info{font-size:.9rem;color:#585858}
.domain-more-info>p:last-child{margin-bottom:0}
.domain-content-wrap{position:relative;background:#f9f9ff;border:1px solid #ddd;padding:30px;margin-top:15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.domain-content-wrap::before{position:absolute;content:'';display:block;top:-1px;left:-1px;right:-1px;border-top:5px solid #242424}
.domain-content-warning-wrap::before{border-top-color:#e9994b}
.domain-content-error-wrap::before{border-top-color:#e6162d}
.domain-content-success-wrap::before{border-top-color:#3bb76d}
.domain-content-wrap a,.domain-content-wrap a:visited{color:#157dd3}
.domain-content-wrap a:hover{text-decoration:underline}
.domain-content-wrap h3{font-size:1.2rem}
.domain-whois{margin-bottom:1rem}
.domain-whois>p{margin-bottom:5px;display:flex}
.domain-whois>p>label{width:22%;margin-right:10px;font-weight:600;text-align:right}
.domain-whois>p>span{width:78%}
.domain-registars{font-size:.9rem}
.convert-result-list{font-size:.9rem}
.convert-result-item{background-color:#f2f4f2;border:1px solid #ddd;padding:5px 10px}
.convert-result-item+.convert-result-item{margin-top:10px}
.optimize-compare{font-size:.8em;color:#999;text-align:center}
.optimize-compare>span{margin:0 .5rem}
.base64-convert-result-item{padding:1rem}
.base64-img-wrap{position:relative;padding:0;overflow:hidden}
.base64-heigh-img-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,0),#f2f4f2)}
.base64-img-wrap img{max-width:100%;height:auto;border:2px solid #585858;padding:.3rem;background-color:#fff;border-radius:8px}
.txt-base64{padding-top:1.4rem;padding-bottom:1.4rem}
.converted-size{display:inline-block;color:#f47920;width:70px;font-size:.9em}
.dict-word-result{font-size:.9rem}
.dict-word-result a,.dict-word-result a:visited{color:#157dd3;font-weight:600}
.dict-word-result a:hover{text-decoration:underline}
.dict-word-typos{font-size:1rem}
.dict-word-typos .dict-word-list{margin-top:.5rem;margin-left:1.35rem}
.dict-word-typos+.dict-word-title{margin-top:1.75rem}
.dict-word-title{font-size:3rem;margin-bottom:.35rem;line-height:1;letter-spacing:-1px}
.dict-word-phone{color:#999;line-height:1.5}
.dict-word-phone>span{letter-spacing:-.5px}
.dict-word-phone>span+span{margin-left:1rem}
.dict-word-phone>span>code{font-size:1em;margin-left:0;padding:0;color:currentColor;background-color:transparent;border-radius:0}
.dict-word-phone a{font-weight:inherit}
.dict-word-phone>span>code+a{margin-left:.5rem}
.dict-word-phone>span.dict-word-full-link-wrapper{display:block;margin-left:0;font-size:.85em}
.dict-word-trans{font-weight:500;margin-top:1rem;line-height:1.5}
.dict-word-trans>.row+.row{margin-top:.35rem}
.dict-word-distribution{min-width:240px;height:224px;padding:.25rem;margin-top:.5rem;border:1px solid #e8e8e8}
.dict-word-trans-ee{margin-top:.75rem}
.dict-word-trans-ee a{font-weight:400}
.dict-word-trans-ee details summary{cursor:pointer}
.dict-word-trans-ee details .dict-word-synonyms{border-left:1px dotted #cccdce;margin-left:.25rem;padding-left:.75rem}
.dict-word-trans-ee .dict-word-synonym-trans{font-style:italic}
.dict-word-exam-types{margin-top:1rem}
.dict-word-exam-types>label{display:inline-block;background-color:#ddd;font-size:.75rem;padding:0 .35rem;border-radius:2px;margin-right:.8rem;margin-bottom:.5rem;opacity:.5}
.dict-word-exam-types>label:last-child{margin-right:0}
.dict-word-discriminations,.dict-word-rels,.dict-word-synonyms{padding-left:.2rem}
.dict-block-heading{margin-bottom:.25rem}
.dict-word-list{margin-left:1.5rem;line-height:1.5}
.dict-word-list.hide-more-items>li:nth-child(n+6){display:none}
.dict-word-list .dict-word-item+.dict-word-item{margin-top:.25rem}
.dict-word-list.hide-more-items~a.link-more-phrases::before{border-top:6px solid currentColor;border-bottom:0}
.dict-word-synonym-item{line-height:1.6}
.dict-word-synonym-item+.dict-word-synonym-item{margin-top:.75rem}
.dict-word-synonym-words>a+a{margin-left:.5rem}
.dict-word-synonym-words+.dict-word-synonym-trans{margin-top:.25rem}
.dict-word-rels{line-height:1.5}
.dict-word-rels>.row+.row{margin-top:.5rem}
.dict-word-pos{font-weight:600;font-size:.925rem}
.dict-word-discrimination+.dict-word-discrimination{margin-top:.75rem}
.dict-word-discrimination h4{font-size:1rem;margin-bottom:0}
.dict-recent-search-wrapper{font-size:.85rem;margin-top:1rem;opacity:.8}
.dict-recent-search-wrapper>ul{padding-left:1.25rem;padding-right:1.25rem}
.table-shortcut+.table-shortcut{margin-top:2rem}
.table-shortcut caption{font-size:1.35em}
.table-shortcut tr td label{color:#babfce;font-size:.85em}
.table-shortcut tr td kbd{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;color:#585858;border-color:#e4e4e4;border-radius:4px;box-shadow:0 1px 0 #dadadd;line-height:1;padding:2px 6px}
.table-shortcut tr:hover td kbd{color:#000}
.svg-wave-container{position:relative;border:1px solid #e8e8e8;border-radius:6px;height:100%;min-height:300px;overflow:hidden}
.svg-wave-title{margin:2rem 0;font-size:1.5rem;text-align:center}
.svg-wave-graphic{position:absolute;bottom:0;width:100%}
.svg-wave-graphic>svg{display:block}
.keycode-playground{position:relative}
.keycode-playground .option-wrap{line-height:1}
.keycode-tip{display:flex;justify-content:center;align-items:center;text-align:center;height:240px}
.pending-keydown-tip{font-size:1.75rem;font-weight:lighter;color:#999}
.listen-keydown-tip{font-size:1.2rem;color:#e6162d}
.keycode-event-info{list-style:none;font-family:Consolas,Menlo,Monaco,courier,monospace}
.keycode-event-info>li{display:flex;align-items:center;padding:2px 0;border-top:1px dotted transparent;border-bottom:1px dotted transparent}
.keycode-event-info>li:hover{border-top-color:#ddd;border-bottom-color:#ddd}
.keycode-event-info>li>label{width:45%;font-size:.9em}
.keycode-event-tip{font-size:.8em;color:#999;margin-top:1rem}
.keycode-event-tip code{color:#242424}
.keycode-display{display:flex;justify-content:center;align-items:center;font-size:10rem;line-height:1.5;color:#e9994b}
.mobile-input{position:fixed;bottom:0;left:0;right:0;padding:1rem}
.colorful-text-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;min-height:120px;background-color:#e6eff8;border-radius:4px;padding:1.5rem;line-height:1}
.colorful-text-preview-tip{font-size:1.5rem;font-weight:lighter}
.pswd-strength{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;max-width:120px;margin:0 auto;font-size:.8rem}
.pswd-strength::after{content:attr(data-text);flex-shrink:0;margin-left:4px;color:#585858;white-space:nowrap}
.pswd-strength>span{width:15%;height:4px;background-color:#d8d8d8}
.pswd-strength>span+span{margin-left:2px}
.pswd-strength>span.pswd-strong{background:#008000}
.pswd-strength>span.pswd-middle{background-color:#f29587}
.pswd-strength>span.pswd-weak{background-color:#e6162d}
.email-template-group{border-bottom:2px solid #ddd}
.email-template-group-item{border-top:1px solid #ddd;padding-top:1em;padding-bottom:1em;line-height:1.5}
.reference-wrap .email-template-group-item h3{margin-top:.5rem;font-size:1.3rem}
.email-template-group-item h3>a,.email-template-group-item h3>a:visited{display:block;color:currentColor}
.email-template-group-item h3>a:hover{color:#157dd3}
.email-template-meta{font-size:.8em;color:#999;margin-bottom:.75em}
.email-template-meta>span+span{margin-left:1em}
.email-template-body>pre{font-family:inherit}
.email-template-body>h3{font-size:1em}
.paypal-service-charge-list{margin:.7em 0 0 1.8em;list-style:none}
.paypal-service-charge-list>li{position:relative}
.paypal-service-charge-list>li+li{margin-top:.3em}
.paypal-service-charge-list>li::before{position:absolute;content:'';left:-18px;top:10px;display:inline-block;width:6px;height:6px;border-radius:100%}
.paypal-service-charge-list>li:nth-child(1):before{background-color:#f47920}
.paypal-service-charge-list>li:nth-child(2):before{background-color:#f05d6e}
.paypal-service-charge-list>li:nth-child(3):before{background-color:#73d5f3}
.paypal-service-charge-list>li label{width:80px;font-weight:700}
.paypal-service-charge-list>li a{margin-left:.35em;font-size:.8em}
.aq-graph{position:absolute;display:flex;flex-direction:column;justify-content:center;right:5px;bottom:5px;text-align:center;border:5px solid #fff;border-radius:100%;background-color:#157dd3;width:88px;height:88px;overflow:hidden}
.aq-value{font-size:2.25rem;font-weight:600;margin-top:-20px;color:#fff}
.aq-value.small{font-size:1rem;margin-top:-16px}
.aq-text{position:absolute;bottom:0;width:100%;background-color:#000;color:#fff;padding:0 0 4px 0;font-size:.7rem;text-align:center;letter-spacing:-.5px}
.rate-result{font-size:1.2rem;font-weight:600}
.unit-result-header{margin-bottom:1.5em}
.unit-result-header>h3{margin-bottom:0}
.screenshot-detail{font-size:.9rem}
.screenshot-detail h4{margin-bottom:1rem;color:#f47920}
.screenshot-detail>p>label{width:70px;font-weight:600}
.screenshot-output-wrap{width:100%}
.screenshot-error{padding:1rem;font-size:1.2rem;color:#e6162d;text-align:center}
.screenshot-failed{display:flex;align-items:center;justify-content:center;min-height:245px}
.arrow-box{display:flex;justify-content:center;align-items:center;color:#157dd3;text-shadow:0 1px 0 #fff;line-height:1.2;width:100%;min-height:60px;border-radius:6px;font-weight:300;font-size:1.5em;letter-spacing:2px}
.arrow-positions>label{width:40%}
.hz-list{display:flex;align-items:flex-end;flex-wrap:wrap;list-style:none;margin:0!important;padding:0}
.hz-list>li{width:25%;margin:1em 0;text-align:center}
.hz-list.three-col-xs>li{width:33.3333333%}
.hz-list>li>ruby{display:block;font-family:KaiTi;font-size:2em;color:#000;line-height:1}
.hz-list>li>ruby>rt{padding:5px;font-family:Consolas,Menlo,Monaco,courier,monospace}
.hz-list>li>small{color:#585858}
.format-option-wrap{padding:10px;}
.httpstatus-heading{font-weight:600;border-bottom:2px solid #ddd;margin-bottom:10px;padding-bottom:5px}
.httpstatus-body .label{font-size:.85rem;font-weight:600}
.qrcode-wrap img{border:1px solid #585858}
.stacked-border-box{background-color:#fff;border:1px solid #ddd;box-shadow:0 10px 0 -5px #fdfdfa,0 10px 1px -4px #ddd,0 20px 0 -10px #fdfdfa,0 20px 1px -9px #ddd}
.stacked-border-box.stacked-border-box-warning{background-color:#fff9ec;border-color:#d3a614;box-shadow:0 10px 0 -5px #fcf6e8,0 10px 1px -4px #d3a614,0 20px 0 -10px #fcf6e8,0 20px 1px -9px #d3a614}
.file-hash-result-box{padding:1.5rem;margin-top:1rem;text-align:center}
.file-hash-result-title{margin-bottom:0;font-size:1.15rem;opacity:.75;letter-spacing:-1px}
.file-hash-result{display:block;font-size:1.5rem;color:#157dd3;margin:1rem 0;text-decoration:underline;line-height:1.4;word-break:break-all;user-select:all;cursor:pointer}
.file-hash-result::selection{color:#fff;background-color:#157dd3}
.barcode-img-output-container .img-output-wrap{max-height:480px}
.barcode+.barcode{margin-top:1rem}
.barcode-buttons>.btn{display:block;width:100%}
.barcode-buttons>.btn+.btn{margin-top:10px}
.qrcode-tip{position:relative;border:1px solid #e8e8e8;background-color:#fafafd;padding:15px 20px 15px 35px;text-align:justify;font-size:.9rem;font-weight:300;color:#999}
.qrcode-tip::before{position:absolute;content:'\e836';font-family:iconfont;left:12px}
.qrcode-option-tip{font-size:.9rem;font-weight:300;color:#999;margin-bottom:15px}
.logo-icon-list{margin-top:-16px}
.meta-tag-form-group a[data-example],.meta-tag-form-group a[data-example]:visited{color:#157dd3;margin-right:.35rem}
.meta-tag-form-group a[data-example]:hover{color:#242424}
.tool-powered-by{font-size:.8rem;color:#999;text-align:center}
.tool-powered-by a,.tool-powered-by a:visited{color:inherit}
.print-date{font-size:.9rem;text-align:right}
.track-info-header{position:relative;padding:1rem .5rem 0 .75rem}
.track-title{margin-bottom:.3rem;margin-top:0;color:#000;font-size:1.1rem;line-height:1.5}
.track-title>span{letter-spacing:1px}
.track-meta{font-size:.8rem;padding-left:2px;color:#585858}
.track-meta>span{margin-right:1.5rem}
.track-meta>span:last-child{margin-right:0}
.track-info-status{position:absolute;right:2rem;top:1.3rem;color:currentColor;background-color:#eee;padding:.6rem 1rem;border-radius:1.5rem;font-size:.9rem;font-weight:600;line-height:1}
.track-info-status-success{color:#f47920;background-color:#e2f8e7}
.track-info-status-error{color:#e6162d;background-color:#f8dddf}
.domain-content-wrap a.link-track-error,.domain-content-wrap a:hover.link-track-error{color:inherit;text-decoration:none}
.track-info-body{padding:0 .5rem .5rem .75rem}
.track-list{list-style:none;margin-left:.5rem;margin-right:.5rem;margin-top:1.5rem;font-size:.9rem}
.track-list>li{position:relative;padding-left:2em;line-height:1.5;border-left:2px solid transparent}
.track-list>li:first-child{color:#f90;font-weight:600}
.track-list.signed-in>li:first-child{color:#f47920;font-weight:600}
.track-list>li:not(:last-child){border-left-color:#ccc;padding-bottom:1.2rem}
.track-list>li>.track-time{font-size:.9em;font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:.5px;margin-bottom:3px;line-height:1}
.track-list>li:not(:first-child)>.track-time{color:#585858}
.track-list>li:not(:last-child)>div:last-child{border-bottom:1px solid #eee;padding-bottom:.75rem}
.track-list>li::after,.track-list>li::before{content:'';position:absolute;display:block;border-radius:100%}
.track-list>li::before{top:-2px;left:-9px;width:16px;height:16px;background-color:#fff;border:2px solid #999;box-shadow:0 2px 0 0 #f7f7f4,0 -2px 0 0 #f7f7f4}
.track-list>li:first-child::before{border-color:#f90}
.track-list>li:first-child::after{background-color:#f90}
.track-list.signed-in>li:first-child::before{border-color:#f47920;background-color:#f47920}
.track-list.signed-in>li:first-child::after{content:'\e642';font-family:iconfont;font-size:.9em;color:#fff;width:0;height:0;left:-7px;top:-3px}
.track-list>li:first-child::before,.track-list>li:last-child::before{box-shadow:none}
.track-list>li::after{top:3px;left:-4px;width:6px;height:6px;background-color:#999}
.track-list>li:last-child::before{width:22px;height:22px;left:-12px;top:-4px}
.track-list>li:last-child::after{content:'\e66e';font-family:iconfont;font-size:.8em;color:#999;width:0;height:0;left:-7px;top:-2px}
.wk-tool-info{background-color:#fefeff;border:1px solid #bbb8b8;padding:1.5rem;border-radius:.25rem}
.wk-tool-info h3{font-weight:400;font-size:1.25rem;margin-bottom:.5rem}
.wk-tool-links{display:flex;align-items:center;font-size:.9em;padding-left:1.6rem}
.wk-tool-links>a,.wk-tool-links>a:visited{display:inline-flex;align-items:center;color:currentColor}
.wk-tool-links>a:hover{color:#157dd3}
.wk-tool-links a+a{margin-left:1.5em}
.wk-tool-links>a>svg{margin-right:4px}
.wk-main-frame{border-bottom:2px solid #ccc;border-top:2px solid #ccc;height:604px;overflow:hidden}
.shares{margin-top:8px;font-size:.8rem;color:#777}
.share-to,.share-to:hover,.share-to:visited{display:inline-block;width:22px;height:22px;line-height:23px;color:#fff;border-radius:100%;font-size:.85rem;transition:all .3s;text-align:center}
.share-to+.share-to{margin-left:6px}
.share-to-wechat{background-color:#52df8a}
.share-to-wechat:hover{background-color:#f47920}
.share-to-wechat-title{display:flex;align-items:center;margin-bottom:20px;text-align:left;line-height:1.5}
.share-to-wechat-title>img{margin-right:8px}
.tingle-modal-box__content .share-to-wechat-title>h4{margin-bottom:0}
.share-to-weibo{background-color:#f05d6e}
.share-to-weibo:hover{background-color:#e6162d}
.share-to-qq{background-color:#73d5f3}
.share-to-qq:hover{background-color:#48c5eb}
.share-to-qzone{background-color:#ffcd00}
.share-to-qzone:hover{background-color:#f0c417}
.share-tips{font-size:.9rem;font-weight:300}
.page-qrcode-container{margin-bottom:.5rem}
.tool-share{border:1px solid #ddd;border-radius:2px;padding:12px;background-color:#f8f8f8}
.tool-share h2{font-size:1rem;margin:0}
.tool-same {border: 1px solid #ddd;border-radius: 2px; background-color: #f8f8f8;}
.tool-url{position:relative;font-size:.9rem;border:1px solid #d8d8d8;padding:.3rem .5rem;border-radius:2px;background-color:#fff}
.tool-url>.btn{position:absolute;right:.3rem;top:.3rem;font-size:.8rem;padding:6px 6px;z-index:10}
.tool-url::after{content:'';position:absolute;width:20px;height:80%;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.8) 10%,#fff);right:42px;top:10%;z-index:5}
.relative{position:relative}
.relative .btn-copy{position:absolute;right:15px;bottom:7px}
.chinese-amount-words-wrap{border:1px solid #ddd;background-color:#fff;padding:20px 30px}
.chinese-amount-words{display:flex;flex-wrap:wrap;list-style:none;font-size:1.5rem;line-height:1.5}
.chinese-amount-words+.chinese-amount-words{margin-top:10px;padding-top:15px;border-top:1px dashed #ddd}
.chinese-amount-words>li{margin-right:1.75rem}
.page-error{padding-top:60px;padding-bottom:60px}
.page-error h1{font-size:1.5rem;margin-bottom:0;color:#e6162d}
.page-errro-btn-wrap{margin-top:30px}
.links-container>a+a{margin-left:.5rem}
.page-qrcode-container img{margin:0 auto}
.tingle-modal-box__content{position:relative;padding:1rem}
.tingle-modal-box__content .tingle-modal-title,.tingle-modal-box__content h4{margin-top:0;margin-bottom:.5rem;font-size:1.2rem}
.tingle-modal-box__content .modal-header{margin-bottom:1rem}
.tingle-modal-box__content .modal-header.underline{padding-bottom:.5rem;border-bottom:1px solid #e8e8e8}
.tingle-modal-box__content .modal-header h4{margin:0;line-height:1}
.tingle-modal-box__content>:last-child{margin-bottom:0}
.tingle-modal__close{position:absolute;font-family:inherit;font-size:1.8rem;color:#585858;width:2rem;height:2rem;top:5px;right:5px}
.tingle-modal-box__footer>.btn+.btn{margin-left:.75rem}
.tingle-modal__close:hover{color:inherit}
.custom-file{display:block;position:relative;width:100%;margin:0;cursor:pointer}
.custom-file::after,.custom-file::before{content:'';display:table}
.custom-file-input{position:absolute;display:block;width:100%;opacity:0}
.custom-file-control{display:flex;align-items:center;position:relative;overflow:hidden;height:auto;white-space:nowrap;color:#777;font-weight:400;font-size:.9rem;padding:4px 6px;border-radius:2px;line-height:1.8;-webkit-user-select:none;user-select:none}
.custom-file-lg .custom-file-control{padding:7px 6px}
.custom-file-lg .custom-file-control::after{padding:7px 12px}
.custom-file-control::after{content:'浏览...';position:absolute;top:0;right:0;bottom:0;display:block;color:#666;border:0 solid #d6d9d9;border-left-width:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;background-color:#e8e8e8;padding:4px 12px;line-height:1.8}
.custom-file-control:active,.custom-file-control:focus,.custom-file-control:hover,.custom-file-input:focus~.custom-file-control{border-color:#f47920}
.custom-file-control:hover::after{color:#242424}
.custom-file-control img{max-width:100%;width:24px;height:auto}
.custom-file-control .filename-preview{padding:0 6px}
@-webkit-keyframes loading{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
    50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
    100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@keyframes loading{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
    50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
    100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@-webkit-keyframes loading-rect-animate{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes loading-rect-animate{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@-webkit-keyframes xloading{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
    100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
@keyframes xloading{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
    100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.around-xs{-ms-flex-pack:distribute;justify-content:space-around}
.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.site-title{position:relative;top:10px}
@media only screen and (min-width:576px){
    .container{width:578px;max-width:100%}
    .col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-sm-offset-0{margin-left:0}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-sm{-ms-flex-pack:distribute;justify-content:space-around}
    .between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .code-snapshot-top-option-container>.top-option-item+.top-option-item{margin-left:3rem;margin-top:0}
}
@media only screen and (min-width:768px){
    .container{width:770px;max-width:100%;}
    .col-md,.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-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-md-offset-0{margin-left:0}
    .col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-2{margin-left:16.66666667%}
    .col-md-offset-3{margin-left:25%}
    .col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-6{margin-left:50%}
    .col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-8{margin-left:66.66666667%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-11{margin-left:91.66666667%}
    .start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-md{-ms-flex-pack:distribute;justify-content:space-around}
    .between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .hidden-md{display:none!important}
    .container.container-fw-xs{padding:auto!important}
    main>section+section{margin-top:20px}
    .hero{padding-bottom:0;background-position:right -112px center;}
    .hero-content h2{font-size:2.2rem;font-weight:400}
    .lead{font-size:1.5rem;font-weight:300;margin-bottom:15px}
    .alert{padding:1.25rem}
    .alert.alert-sm{padding:.8rem 1rem;font-size:.9rem}
    .form-group>.row>label.control-label:not(.text-left){text-align:right}
    .button-group{justify-content:flex-start}
    .button-group.button-group-center{justify-content:center}
    .button-group>.btn{width:auto;margin-bottom:0}
    .button-group>.btn+.btn{margin-left:15px}
    .row.row-layout>[class*=col-]+.col-xs-12{margin-top:0}
    .row.row-control-group{align-items:flex-start}
    .row-control-group:not(.no-margin)>[class*=col-]+[class*=col-]{padding-left:0;margin-top:0}
    .row-list>.row>label{text-align:right}
    .img-fw-xs{width:auto}
    .card-wrap+.card-wrap{margin-top:0}
    .ad-banner-section{margin-top:1rem;margin-bottom:1rem}
    .ad-banner-section a,.ad-banner-section a:visited{display:inline-flex;border-radius:4px}
    .ad-banner-section a.with-ad-text::after{position:absolute;content:'广告';bottom:0;right:0;background-color:rgba(248,248,248,.7);color:rgba(255,255,255,.9);font-size:12px;line-height:1.2;padding:3px 3px 2px 4px;border-top-left-radius:2px}
    .uploader-wrap{padding-top:90px;padding-bottom:90px}
    .uploader-content{flex-direction:row}
    .uploader-content .text-or{margin:0 1rem}
    .uploader-desc{font-size:1.1rem}
    .tabs::after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #e4e4e4;z-index:1}
    .tabs>li{margin-right:0;margin-bottom:0;border-bottom:0}
    .tabs>li:first-child{margin-left:10px}
    .tabs>li.active{border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:0;background-color:#fff;z-index:2}
    .tabs>li.active::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;border-top:3px solid #f29587}
    .tabs>li>a{padding:9px 12px}
    .tabs.tabs-simple>li>a{padding:2px 12px}
    .tabs.tabs-simple>li:not(:last-child){margin-right:1rem}
    .tabs.tabs-simple::after{content:none}
    .tabs.tabs-simple>li:first-child{margin-left:0}
    .tabs.tabs-simple>li.active{border:0;border-bottom:3px solid #f29587}
    .tabs.tabs-simple>li.active::before{border-top:0}
    .content-header{padding:10px 0}
    .post-section{padding-top:1rem;padding-bottom:1rem}
    .post-section .aside-box{font-size:.9em}
    .post-header>h1{font-size:2.5em}
    .post-header>.post-subtitle{font-size:1.15em}
    .post-entry,.post-header{padding-left:0;padding-right:0}
    .post-entry h2{font-size:1.5em}
    .post-entry h3{font-size:1.15em}
    .post-entry p{line-height:2em}
    .post-item+.post-item{border-top:1px solid #eee;margin-top:0}
    .post-item .post-title{font-size:1.3em}
    .post-excerpt{font-size:.95em}
    .related-posts{margin-top:1rem}
    .related-posts .post-title{font-size:1.2em}
    .related-posts .post-excerpt{line-height:inherit}
    .post-section-title{font-size:1em}
    .post-section-description{font-size:.9em}
    .post-single{padding:2em}
    .post-single .post-title{font-size:1.75em}
    .post-neighbour{flex-direction:row;padding:0}
    .post-neighbour *+*{margin-top:0}
    .post-neighbour>a,.post-neighbour>a:visited,.post-neighbour>div{width:50%;padding:1.2em}
    .post-neighbour>a:last-child,.post-neighbour>div:last-child{text-align:right}
    .post-neighbour strong{display:block;margin-right:0}
    .tag-list-header h1{font-size:1.75rem}
    .hz-list.three-col-xs>li,.hz-list>li{width:16.6666667%}
    .hot-tool-section{padding-top:40px}
    .hot-tool-section .tool-item-body{height:85px}
    .hot-tool-section .tool-item-header h3{font-size:1.2em;letter-spacing:-.5px}
    .tool-tips{font-size: 12px; color: #ccc; font-weight: normal; margin-top: 10px}
    .hot-category-wrap{width:65%}
    .hot-tool-wrap{padding:25px 20px 20px 20px}
    .tool-sponsor{top:2rem;bottom:auto}
    .tool-grid>li+li{margin-top:0;margin-bottom:20px}
    .hot-tool-section .tool-grid>li{margin-top:16px;margin-bottom:0}
    .tool-grid .tool-item-header{padding:1rem 1rem 0 1rem}
    .hot-tool-section .tool-grid .tool-item-header{padding:0}
    .category-title{font-size:1.2rem}
    .hot-tool-wrap .category-title{font-size:1.5rem}
    .category-info-header{padding:1.5em}
    .category-icon-box{width:56px;height:56px;font-size:2em;border-width:3px}
    .category-info-title h1{font-size:2em}
    .tool-grid .tool-item:hover{border-color:#cccdce}
    .tool-grid .tool-item-body{padding:0 1rem;height:60px;}
    .tool-grid .tool-item-body p{-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;overflow:hidden;}
    .tool-item-footer{margin-top:1.25rem}
    .tool-title{font-size:1.35rem}
    .tool-meta{font-size:1rem}
    .tool-summary{font-size:1rem;line-height:1.5rem}
    .tool-desc-entry h2{font-size:1.3em}
    .tool-desc-entry h3{font-size:1.2em}
    .tool-desc-entry ol,.tool-desc-entry ul{margin-left:3em}
    .tool-desc-footer{padding-left:2.2em;padding-right:2.2em}
    .alexa-rank>li>div{width:auto}
    .alexa-rank>li>div:first-child{font-weight:400}
    .alexa-rank>li>div:last-child{margin-top:0}
    .pornhub-logo-options{width:60%;margin:0 auto}
    .feature-section{padding:20px 0}
    .feature-header h3{font-size:1.8rem;font-weight:400}
    .feature-header h4{font-size:1.4rem;line-height:inherit;padding:0}
    .feature-header h4::after{width:12%}
    .feature-list li>h4{font-size:1.25rem;font-weight:400}
    .feature-list li>p{padding-left:25px;padding-right:15px}
    .content-container{padding:10px 0}
    .content-container aside{margin-top:0}
    aside>.aside-box+.aside-box:not(.is_stuck){margin-top:1rem}
    .aside-about{font-size:.9rem;padding-left:1.5rem}
    .track-info-header{padding:1rem 1.5rem 0 1.5rem}
    .track-title{font-size:2rem}
    .track-meta{font-size:.9rem}
    .track-info-body{padding:0 1rem 1rem 1.5rem}
    .track-list{font-size:1rem;margin-left:.8rem;margin-right:.8rem;margin-top:2rem}
    .track-list>li:not(:last-child)>div:last-child{padding-bottom:1rem}
    .track-list>li::before{top:-1px}
    .track-list>li::after{top:4px}
    .track-list>li:first-child::before{width:22px;height:22px;left:-12px;top:-4px}
    .track-list>li:first-child::after{width:10px;height:10px;left:-6px;top:2px}
    .track-list.signed-in>li:first-child::after{font-size:1em;left:-9px;top:-5px}
    .device-viewport{padding:5rem 2rem}
    .viewport-info{font-size:4rem}
    .device-feature-wrap{width:80%}
    .device-feature-title{font-size:2rem}
    .device-user-agent{margin-top:3rem;padding:3rem 0}
    .device-user-agent-text{font-size:1.35rem}
    .search-header{padding:10px 0;margin-bottom:20px}
    .search-header h1{font-size:1.5rem;margin-bottom:0}
    .search-result{border:1px solid #e8e8e8;border-radius:2px;padding:30px;background:#fafafa}
    .search-result-item+.search-result-item{margin-top:25px}
    .search-result-title{font-size:1.2rem}
    .search-result-summary{font-size:.9rem}
    .tool-content-body,.tool-content-wrap{padding:20px}
    .tool-content-body>.table-responsive{margin-left:-31px;margin-right:-31px}
    .tool-content-wrap+.tool-content-wrap{margin-top:1rem}
    .tool-content-wrap>.tool-content-header{padding:0 20px}
    .tool-content-header>h2,.tool-content-header>h3,.tool-content-header>h4{font-size:1.05rem}
    .tool-content-wrap .nit-title{font-size:1.35rem;margin-left:-30px;padding-left:26px}
    .http-status-code-group+.http-status-code-group{margin-top:3rem}
    .domain-more-info{font-size:1rem;padding-left:48px}
    .domain-content-wrap{padding:40px}
    .domain-content-wrap h3{font-size:1.5rem}
    .domain-whois>p>label{width:66px;margin-right:15px}
    .domain-whois>p>span{width:auto}
    .chinese-amount-words{font-size:2rem}
    .chinese-amount-words>li{margin-right:2.2rem}
    .form-control-group-matches{margin-top:0;height:100%}
    .logo-icon-list{margin-top:-10px}
    .link-icon,.link-icon:visited{padding:11px}
    .link-icon>img{width:36px}
    .random-numbers>b{width:15%}
    .barcode-buttons{display:flex;justify-content:space-between}
    .barcode-buttons>.btn+.btn{margin-left:15px;margin-top:0}
    .pm25-title{font-size:1.5rem}
    .weather-subtitle{font-size:1.6rem}
    .weather-7-days>li,.weather-7-days>li:first-child{width:12.428265%;margin-bottom:0}
    .weather-24-hours-chart{padding:40px 30px 20px 30px}
    .btn.btn-exchange{font-size:1.2rem}
    .rate-result{font-size:2rem}
    .timestamp-convert-wrap>fieldset{padding:.8rem 1.2rem 1.2rem 1.2rem}
    .timestamp-convert-wrap>fieldset>legend{font-size:1.4rem}
    .time-convert-result-wrap{font-size:1rem}
    .date-input-row [class^=col-xs]:nth-child(-n+3){margin-bottom:0}
    .source-code-wrap{padding:2.25rem}
    .source-code-watermark{bottom:5px;right:12px;width:146px}
    .district-wrap>.row>div{margin-bottom:1rem}
    .district-wrap>.row>div+div{margin-top:0}
    .image-info-list>li>label{width:15%}
    .info-list>li>span{width:75%}
    .base64-convert-result-item{padding:1.5rem}
    .modal-wechat-qrcode .tingle-modal-box{width:28%}
    .modal-icon .tingle-modal-box{width:40%}
    .tingle-modal-box__content{padding:2rem}
    .tingle-modal-box__footer{padding:1rem 1.5rem}
    .feedback-param{padding-left:3.5rem}
    .entrance-wrap{margin-top:.4em}
    .signup-form-wrap aside{min-height:586px}
    ul.cheatsheet>li>div:first-child{width:35%}
    ul.cheatsheet.git-cheatsheet>li{flex-wrap:nowrap}
    ul.cheatsheet.git-cheatsheet>li.cheatsheet-head{display:flex}
    ul.cheatsheet.git-cheatsheet>li>div:first-child{width:50%;margin-right:0}
    .svg-wave-container{min-height:450px}
    .svg-wave-title{font-size:2rem}
    .btn-svg-wave-refresh{top:2.75rem}
    .keycode-display{border-left:1px solid #e8e8e8}
    .file-hash-result-box{padding:2rem 4rem;margin-top:1.25rem}
    .file-hash-result.file-hash-md5{font-size:2.15rem}
    .file-hash-result.file-hash-sha1,.file-hash-result.file-hash-sha256,.file-hash-result.file-hash-sha384{font-size:1.75rem}
    .file-hash-result.file-hash-sha224{font-size:2rem}
    .hot-left a{display:block}
}
@media only screen and (min-width:992px){
    .container{width:994px;max-width:100%;padding-right:0;padding-left:0}
    .container-fluid{padding-right:0;padding-left:0}
    .random-numbers>b{width:10%;font-size:1.2rem}
    .col-lg,.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-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-lg-offset-0{margin-left:0}
    .col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-3{margin-left:25%}
    .col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-6{margin-left:50%}
    .col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-9{margin-left:75%}
    .col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-11{margin-left:91.66666667%}
    .start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-lg{-ms-flex-pack:distribute;justify-content:space-around}
    .between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media only screen and (min-width:1200px){
    .container{width:1202px;max-width:100%}
    .container.container-md{width:940px}
    .col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-xl{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-xl-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-xl-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-xl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-xl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-xl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-xl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-xl-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-xl-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-xl-offset-0{margin-left:0}
    .col-xl-offset-1{margin-left:8.33333333%}
    .col-xl-offset-2{margin-left:16.66666667%}
    .col-xl-offset-3{margin-left:25%}
    .col-xl-offset-4{margin-left:33.33333333%}
    .col-xl-offset-5{margin-left:41.66666667%}
    .col-xl-offset-6{margin-left:50%}
    .col-xl-offset-7{margin-left:58.33333333%}
    .col-xl-offset-8{margin-left:66.66666667%}
    .col-xl-offset-9{margin-left:75%}
    .col-xl-offset-10{margin-left:83.33333333%}
    .col-xl-offset-11{margin-left:91.66666667%}
    .start-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-xl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-xl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-xl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-xl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-xl{-ms-flex-pack:distribute;justify-content:space-around}
    .between-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-xl{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media only screen and (max-width:576px){
    .hidden-xs{display:none!important}
    .hidden-md{display:block!important;margin-top:10px}
    .site-title{height:60px;position:relative;left:0;top:10px;}
    .link-search{position: absolute; right: 70px; margin-top: 5px; padding: 0;}
    .link-category{position: absolute; right: 20px; margin-top: 5px; padding: 0;background-color: unset;}
    .link-search i,.link-category i{color: white;font-size: 25px !important;}
    .dropdown-panel.with-caret{margin-top: 45px;}
    .dropdown-panel{right: 50px;}
    .hero{padding-top:20px;}
    .tool-tips{margin-top: 10px;font-size: 12px;color: #ccc;font-weight: normal;}
    .category-title{font-size: 1.1rem}
    .btn-block-xs{display:block;width:100%;}
    .btn-block-xs+.btn-block-xs{margin-top:.7rem}
    .button-group>.btn.btn-block-xs{width:100%;margin-bottom:0}
    .tool-grid .tool-item-body{margin-bottom:1rem}
    hr{margin-top:15px;margin-bottom:15px}
    table{overflow-x: auto;}
    .category-info-header{padding:10px}
    .bx-cate dd{width:50%}
    .hot-left a{display: inline-block; width: 49%;}
    .setting-option2 {margin-top: 20px}
    .svg2png{margin-top: 20px;}
    .regex-book{margin-top: 15px;}
    #catch-the-cat canvas {width: 330px !important;height: 291px !important;}
    .emoji-list ul {display: grid;grid-template-columns: repeat(4, 1fr); gap: 0;}
    .symbol-list ul {display: grid;grid-template-columns: repeat(2, 1fr); gap: 0;}
    .symbol-list ul li {width: 8rem}
}
@media only screen and (min-width:576px) and (max-width:767px){
    .hidden-sm{display:none!important}
}
@media only screen and (min-width:576px){
    .hidden-gte-sm{display:none!important}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hidden-md{display:none!important}
}
@media only screen and (min-width:768px){
    .hidden-gte-md{display:none!important}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hidden-lg{display:none!important}
}
@media only screen and (min-width:992px){
    .hidden-gte-lg{display:none!important}
}
@media only screen and (min-width:1200px){
    .hidden-xl{display:none!important}
}
.tingle-modal *{box-sizing:border-box}
.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;visibility:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;cursor:pointer;transition:transform .2s ease}
.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}
.tingle-modal--confirm .tingle-modal-box{text-align:center}
.tingle-modal--noOverlayClose{cursor:default}
.tingle-modal__close{position:fixed;top:0;right:0;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;font-family:monospace;line-height:1;cursor:pointer;transition:color .3s ease}
.tingle-modal__close:hover{color:#000}
.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-ms-transform:scale(.8);transform:scale(.8)}
.tingle-modal-box__content{padding:3rem}
.tingle-modal-box__footer{padding:1rem 1rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}
.tingle-modal-box__footer::after{display:table;clear:both;content:""}
.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;transition:bottom .3s ease-in-out .3s}
.tingle-enabled{position:fixed;right:0;left:0;overflow:hidden}
.tingle-modal--visible .tingle-modal-box__footer{bottom:0}
.tingle-enabled .tingle-content-wrapper{filter:blur(8px)}
.tingle-modal--visible{visibility:visible;opacity:1}
.tingle-modal--visible .tingle-modal-box{-ms-transform:scale(1);transform:scale(1)}
.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}
.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;transition:background-color .4s ease}
.tingle-btn--primary{background-color:#3498db}
.tingle-btn--danger{background-color:#e74c3c}
.tingle-btn--default{background-color:#34495e}
.tingle-btn--pull-left{float:left}
.tingle-btn--pull-right{float:right}
@media (max-width:540px){
    .tingle-modal{top:0;display:block;padding-top:60px;width:100%}
    .tingle-modal-box{width:auto;border-radius:0}
    .tingle-modal-box__content{overflow-y:scroll}
    .tingle-modal--noClose{top:0}
    .tingle-modal--noOverlayClose{padding-top:0}
    .tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}
    .tingle-modal__closeLabel{display:none}
    .tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle}
}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){
    .tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
    @media (max-width :540px){
        .tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
    }
    .tingle-enabled .tingle-content-wrapper{filter:none}
}
code[class*=language-],pre[class*=language-]{color:#242424;background:0 0;text-align:left;text-shadow:none;word-spacing:normal;tab-size:4;hyphens:none;font-family:Consolas,'Liberation Mono',Menlo,Courier,monospace;line-height:1.6;direction:ltr;cursor:text}
code[class*=language-]{display:block;font-size:.95em;margin:0;padding:0;overflow-x:auto;white-space:pre}
.language-css .token.string,.token.entity,.token.url{color:#a71d5d}
.namespace{opacity:.7}
code[class*=language-]::before{content:'';position:absolute;top:6px;right:8px;color:rgba(0,0,0,.15);font-size:.85em}
code.language-c::before{content:'C'}
code.language-php::before{content:'PHP'}
code.language-java::before{content:'Java'}
code.language-html::before,code.language-markup::before{content:'HTML'}
code.language-javascript::before{content:'JS'}
code.language-css::before{content:'CSS'}
code.language-less::before{content:'LESS'}
code.language-sass::before{content:'SASS'}
code.language-xml::before{content:'XML'}
code.language-bash::before{content:'Bash'}
code.language-nginx::before{content:'Nginx'}
code.language-apacheconf::before{content:'Apache'}
code.language-python::before{content:'Python'}
.bx{position:fixed;right:22px;width:42px;height:42px;line-height:42px;text-align:center;font-size:18px;background:rgba(255,255,255,.92);color:var(--text-2,#4b5563);border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 10px 24px rgba(17,24,39,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;cursor:pointer;z-index:90;transition:transform .16s,color .16s,background .16s,border-color .16s,box-shadow .16s;}
.bx-share{bottom:144px;}
.bx-qrcode{bottom:92px;}
.bx-top{bottom:40px;display:none;}
.bx i{font-size:18px;line-height:1;vertical-align:-2px;}
.bx:hover{color:var(--primary,#2563eb);background:var(--primary-soft,#eff6ff);border-color:rgba(37,99,235,.24);box-shadow:0 12px 28px rgba(37,99,235,.16);transform:translateY(-2px);}
:root[data-theme="dark"] .bx{background:#181d1a;color:var(--text-2,#a7b0aa);border-color:var(--border,#2d3632);box-shadow:0 10px 24px rgba(0,0,0,.28);}
:root[data-theme="dark"] .bx:hover{background:var(--primary-soft,#123532);color:var(--primary,#4db6ac);border-color:var(--primary,#4db6ac);box-shadow:0 12px 28px rgba(77,182,172,.16);}
.bx-cate dd{display: inline-block;padding: 10px;font-size: 14px;}
.small-btn{font-size: .8rem;padding: 6px 6px; margin:0 0 5px 10px;}
.fl{float:left}
.fr{float:right}
.szj-table tr:nth-child(3n+2) {color: #d30312;font-size: 24px;font-weight: bold;letter-spacing: 7px;line-height: 35px;}
.szj-table td{text-align: center;}
.szj-table .fanyi{text-align: left;}
.editor{padding:6px 0 0 0;font-size:14px;height:550px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;}
.editor .jsoneditor{border:none}
.editor .jsoneditor-statusbar{padding-left:15px}
.ace-jsoneditor .ace_gutter{background:0 0}
.ace-jsoneditor .ace_gutter-active-line{background:0 0}
.full-names {width: 100%;padding: 10px;font-size: 1rem;border: 1px solid #ced4da;}
.full-names span.border {display: inline-block;border: 1px solid #ddd;width: 6rem;font-size: 1rem;margin: .35rem;padding: .375rem .75rem;border-radius: .15rem;background-color: #f7f9fb;text-align: center;}
.bk-category{background: #000;color:#fff;height: 40px;line-height: 40px;text-align: center;border-radius: 2px;}
.hot-left a{padding: 10px;}
.hot-left a:hover{background-color: #fff;border-radius: 5px;}
.hot-left a.selected{background-color: #f1f1f1;border: 1px dashed #ddd;border-radius: 5px;}
.hot-left a img{display: inline-block; width: 30px; height: 30px; vertical-align: middle}
.hot-left a span{display: inline-block;margin-left: 10px; font-size: 14px; line-height: 30px;vertical-align: middle;}
.hot-right{border: 1px solid #ddd; min-height: 820px;}
.hot-right .hidden{display:none}
.hot-right .loading-text{text-align: center;position: absolute;top:50%;left:50%;}
.hot-right .news-title{font-size:1.2rem;font-weight: bold;margin-bottom: 10px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;}
.hot-right .news-item a{display: block; padding: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;}
.hot-right .news-item a:hover{background-color: #fff;border-radius: 5px;}
.hot-right .news-item a code{font-size:14px;border-radius: 12px;width: 24px;height: 24px;display: inline-flex;background-color: #efeff5;color:#999;justify-content: center;align-items: center;}
.hot-right .news-item a code.index-1{background-color: #ff0000;color:#fff;}
.hot-right .news-item a code.index-2{background-color: #FF7F24;color:#fff;}
.hot-right .news-item a code.index-3{background-color: #ffe600;color:#fff;}
.hot-right .news-item a span{margin-left: 10px;}
.obfuscate {border: 1px solid #dde0d8;}
.obfuscate .js-title{display:flex;width: calc(100% + 2px);max-width: calc(100% + 2px);margin-bottom: 10px;}
.obfuscate .js-title a{vertical-align: middle;flex: 0 0 auto;padding: .9375em 1.125em;color: rgba(0, 0, 0, .87);font-weight: 400;transition: background .1s ease, box-shadow .1s ease, color .1s ease;width: 33.333%;text-align: center;justify-content: center;display: flex;align-items: center;}
.obfuscate .js-title a.active{background: rgba(0, 0, 0, .05);color: rgba(0, 0, 0, .95);font-weight: 400;margin: 0 -1px !important;}
.obfuscate .js-content{padding: 0 10px 10px 10px;}
.obfuscate-setting{padding:10px}
.obfuscate-setting input[type=checkbox],.obfuscate-setting input[type=radio]{margin:5px 0 0;line-height:normal}
.obfuscate-setting>h4{margin-bottom:0;font-size:16px}
.obfuscate-setting .t-mini-padding{padding-top:5px}
.obfuscate-setting .b-mini-margin{margin-bottom:5px}
.obfuscate-setting p{margin:0 0 10px}
.obfuscate-setting .setting-item{margin-bottom:10px}
.obfuscate-setting .setting-item2{margin-top:10px}
.obfuscate-setting .setting-item2 .setting-option2{padding:0 10px}
.obfuscate-setting .setting-item2 .setting-option2>p{font-weight:700;margin-bottom:10px}
.obfuscate-setting .setting-item2 .setting-option2 hr{margin:10px 0 15px 0}
.obfuscate-setting .setting-item2 .setting-option2 .input-group{padding-bottom:5px}
.obfuscate-setting .setting-item2 .setting-option2 .input-group-addon:hover{cursor:pointer}
.obfuscate-setting .setting-item2 .setting-option2 .label-box .label{display:inline-block;margin-bottom:5px;margin-right:5px}
.obfuscate-setting .setting-item2 .setting-option2 .label-box i{padding-left:5px}
.obfuscate-setting .setting-item2 .setting-option2 .label-box i:hover{cursor:pointer}
@font-face{font-family:ZenIcon;font-style:normal;font-weight:400;src:url(fonts/zenicon.eot?v=2.2.0);src:url(fonts/zenicon.eot?#iefix&v=2.2.0) format('embedded-opentype'),url(fonts/zenicon.woff?v=2.2.0) format('woff'),url(fonts/zenicon.ttf?v=2.2.0) format('truetype'),url(fonts/zenicon.svg#regular?v=2.2.0) format('svg')}
.checkbox-primary,.radio-primary{position:relative;display:block}
.checkbox-primary>input,.radio-primary>input{position:absolute;top:0;left:0;z-index:3;width:20px;height:100%;margin:0;opacity:0}
.checkbox-primary>label,.radio-primary>label{padding-left:25px;font-weight:400;cursor:pointer}
.checkbox-primary>label:after,.checkbox-primary>label:before,.radio-primary>label:after,.radio-primary>label:before{position:absolute;top:2px;right:0;left:0;display:block;width:16px;height:16px;line-height:16px;text-align:center;content:' ';border-radius:2px}
.checkbox-primary>label:after,.radio-primary>label:after{z-index:1;border:1px solid grey;-webkit-transition:.4s cubic-bezier(.175,.885,.32,1);-o-transition:.4s cubic-bezier(.175,.885,.32,1);transition:.4s cubic-bezier(.175,.885,.32,1);-webkit-transition-property:border,background-color;-o-transition-property:border,background-color;transition-property:border,background-color}
.checkbox-primary>label:before,.radio-primary>label:before{top:3px;z-index:2;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e60d';opacity:0;-webkit-transition:.2s cubic-bezier(.175,.885,.32,1);-o-transition:.2s cubic-bezier(.175,.885,.32,1);transition:.2s cubic-bezier(.175,.885,.32,1);-webkit-transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-o-transform;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.checkbox-primary.checked>label:after,.checkbox-primary>input:checked+label:after,.radio-primary.checked>label:after,.radio-primary>input:checked+label:after{background-color:#3280fc;border-color:#3280fc;border-width:4px}
.checkbox-primary.checked>label:before,.checkbox-primary>input:checked+label:before,.radio-primary.checked>label:before,.radio-primary>input:checked+label:before{color:#fff;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.checkbox-primary.focus>label:after,.checkbox-primary>input:focus+label:after,.radio-primary.focus>label:after,.radio-primary>input:focus+label:after{border-color:#3280fc;-webkit-box-shadow:0 0 8px #3280fc;box-shadow:0 0 8px #3280fc}
.checkbox-primary input:disabled+label:after,.checkbox-primary.disabled>label:after,.radio-primary input:disabled+label:after,.radio-primary.disabled>label:after{background-color:#e5e5e5;border-color:#bbb}
.checkbox-primary input:disabled:checked+label:after,.checkbox-primary.checked.disabled>label:after,.radio-primary input:disabled:checked+label:after,.radio-primary.checked.disabled>label:after{background-color:#bbb}
.radio-primary>label:after{border-radius:50%}
.radio-primary>label:before{top:7px;left:5px;width:6px;height:6px;content:' ';border:none;border-radius:50%}
.radio-primary.checked>label:after,.radio-primary>input:checked+label:after{background-color:transparent;border-color:#3280fc;border-width:2px}
.radio-primary.checked>label:before,.radio-primary>input:checked+label:before{background-color:#3280fc}
.radio-primary input:disabled:checked+label:after,.radio-primary.checked.disabled>label:after{background-color:transparent;border-color:#bbb}
.radio-primary input:disabled:checked+label:before,.radio-primary.checked.disabled>label:before{background-color:#bbb}
.obfuscate-ins h4{font-size:16px}
.obfuscate-ins table{font-size:13px}
.obfuscate-ins table td,.obfuscate-ins table th{padding:8px;vertical-align:top}
.obfuscate-ins p{margin:0 0 10px}
.obfuscate-ins .alert{padding:15px;font-size:13px;border:none;margin:0 0 10px 0;vertical-align:middle}
.obfuscate-ins .alert-warning{color:#ed980f;background-color:#fff0d5}
.preview-png{border:1px #ccc dashed;min-height:270px;display:flex;justify-content:center;align-items:center;color:#ccc;background: url(../images/transparent.png) repeat #fff;}
.preview-png img{max-height:260px}
.traffic .category span {padding: 5px 10px; border:1px solid #c2c2c2;border-radius:2px; margin:5px; background-color:#FFFAFA;cursor: pointer; display: inline-block;}
.traffic .category span.active {background-color: #FF7F24; color: #fff; border:1px solid #FF7F24;}
.traffic .items {margin-top: 20px; border: 1px solid #dde0d8; margin-left: 0; margin-right: 0;}
.traffic .items img {width: 50%; display:block; margin:10px auto;}
.traffic .items p {text-align: center; font-size: 12px; margin-bottom: 20px;}
.eat-wrap{margin: 0 auto;}
.eat-wrap h1{text-align: center;color: #ff6b6b;margin-bottom: 20px;font-size: 24px;}
.eat-wrap .food-display {width:60%;margin:0 auto; font-size: 1.5rem;height: 100px;display: flex;align-items: center;justify-content: center;padding: 10px;border: 2px dashed #ddd;border-radius: 8px;transition: all 0.3s;}
.eat-wrap .food-display.active {background-color: #fff9c4;border-color: #ffd600;}
.eat-wrap .detail{font-size: 16px; text-decoration: underline;color: #ff0000; margin-left: 20px;}
.eat-wrap .buttons {margin-top: 20px; text-align: center;}
.eat-wrap button {padding: 12px 24px;font-size: 18px;margin: 0 10px;cursor: pointer;border: none;border-radius: 5px;transition: all 0.3s;}
.eat-wrap #startBtn {background-color: #4caf50;color: white;}
.eat-wrap #startBtn:hover {background-color: #388e3c;}
.eat-wrap #stopBtn {background-color: #f44336;color: white;display: none;}
.eat-wrap #stopBtn:hover {background-color: #d32f2f;}
.eat-wrap #wayBtn {background-color: #333;color: #fff;display: none;}
.eat-wrap #wayBtn:hover {background-color: #666;}
.eat-wrap button:disabled {background-color: #cccccc;cursor: not-allowed;}
.solar-term-container{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;max-width:1200px;margin-bottom:10px}
.solar-term-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);width:calc(25% - 20px);overflow:hidden;transition:transform 0.3s}
.solar-term-card:hover{transform:translateY(-5px)}
@media (max-width:768px){
    .solar-term-card{width:calc(50% - 20px)}
    .popup-container {width: 90% !important;left: 5% !important;transform: none !important;}
}
@media (max-width:480px){
    .solar-term-card{width:100%}
}
.solar-term-img{width:100%;height:150px;object-fit:cover}
.solar-term-info{padding:15px}
.solar-term-name{font-size:18px;font-weight:bold;margin-bottom:5px}
.solar-term-date{font-size:14px;color:#666;margin-bottom:10px}
.solar-term-desc{font-size:14px;color:#444}
.answer-book {font-size: 24px; color: #e74c3c;margin: 20px 0; padding: 30px 0; border-radius: 5px;background-color: #fff;}
.answer-book .effect{display: none;}
.answer-book .effect p{font-size: 14px; color: #333; margin-top: 10px;}
.cl_15{width:40px;height:40px;border-radius:50%;display:inline-block;border-top:4px solid #ddd;border-right:4px solid transparent;animation:cl_15 1s linear infinite}
.cl_15:after{content:"";position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;border-bottom:4px solid #ff3d00;border-left:4px solid transparent}
@keyframes cl_15{0%{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.signature-tools{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px}
.signature-tools .tool-group{display:flex;flex-direction:column;min-width:120px}
.signature-tools .tool-group label{margin-bottom:8px;font-weight:600;color:#2c3e50}
.canvas-container{background:#fff;border-radius:10px;height:400px;position:relative}
.canvas-container canvas{background-color:white;width:100%;height:100%;cursor:crosshair;border:1px dashed #ddd}
.canvas-container .placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#aaa;font-size:1.2rem;pointer-events:none}
.signature-title{padding:20px 0}
.image-preview{background-color:white;border:1px dashed #ddd;min-height:200px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.image-preview img{max-width:100%;max-height:300px}
.preview-area {width: 100%;padding:5px;min-height: 300px;border: 1px dashed #ced4da;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;background: #f8f9fa;margin-top: 10px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);background-size: 20px 20px;background-position: 0 0, 0 10px, 10px -10px, -10px 0;}
.position-controls {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 2px;margin: 0 auto;}
.position-btn {background: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 14px;transition: all 0.2s;}
.position-btn:hover {background-color: #f0f0f0;}
/*遮罩层**/
.popup-mask{position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999}
.popup-container{position: fixed; background-color: #fff; border-radius:4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); z-index: 10000; overflow: hidden;}
.popup-container .popup-header{padding: 10px 15px; border-bottom: 1px solid #eee; position: relative;}
.popup-container .popup-close{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 20px;}
.popup-container .popup-content{padding: 15px; height: calc(100% - 42px); overflow: auto;}
.popup-toast{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #000;color: #fff;padding: 12px 24px;border-radius: 4px;display: flex;align-items: center;gap: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.3);z-index: 9999;transition: opacity 0.3s ease;}
/* Toast样式 **/
.toast-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:9999}
/* 导航菜单 **/
.nav-container{display:flex;justify-content:center}
#canvas{max-width: 100%;height: auto;display: block; margin: 0 auto; border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
#lang-switcher{position:relative; top:12px; width: 100px;}
.gradient-css li{display: inline-block;padding: 0.5rem;width: calc(100% / 5 - 5px);cursor: pointer;}
.gradient-css li>div:nth-child(1){width: 100%;height: 6rem;}
.gradient-css li>div:nth-child(2) span {width: 0.8rem;height: 0.8rem;display: inline-block;cursor: pointer;margin-left: 0.25rem;}
.gradient-css li>div:nth-child(2) {font-size: 0;padding: 0.3rem 0 0.3rem 0;color: #666;background-color: #666;}
/* 正则表达式 **/
.regex-flags {display: flex;gap: 10px;}
.regex-flags .flag-btn {cursor: pointer;padding: 5px 10px;border-radius: 2px;background: #e9ecef;border: 1px solid #ced4da;}
.regex-flags .flag-btn.active{background: #0d6efd;color: white;border-color: #0d6efd;}
.regex-cheatsheet {font-size: 0.9rem;padding-left: 15px;}
.regex-cheatsheet h5 {font-weight: bold;font-size: 14px;margin: 15px 0;}
.regex-cheatsheet ul {padding-left: 20px;margin-bottom: 5px;}
.regex-cheatsheet li {margin-bottom: 3px;}
.regex-cheatsheet code {background-color: #f1f1f1;padding: 2px 4px;border-radius: 3px;font-size: 0.85em;}
.group-highlight {background-color: #ffeb3b;padding: 0 2px;border-radius: 2px;}
.stopwatch{font-size: 3em;margin: 20px 0;font-family: monospace;background-color: #f5f5f5;padding: 20px;border-radius: 10px;display: inline-block;}
.stopwatch-laps{display:none;text-align: left;max-height: 300px;overflow-y: auto;border: 1px solid #ddd;padding: 10px;border-radius: 2px;background-color: #f9f9f9;margin: 20px auto;line-height: 30px;}
/* 心灵毒鸡汤 **/
.soul-container{background:white;border-radius:2px;box-shadow:0 20px 40px rgba(0,0,0,0.1);padding:20px;width:100%;text-align:center;position:relative;overflow:hidden;margin:0 auto}
.soul-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3)}
.soul-container h1{color:#333;font-size:2em;margin-bottom:10px;position:relative}
.soul-container .subtitle{color:#666;font-size:1.1em;margin-bottom:30px;position:relative}
.soul-container .quote-wrapper{background:#f8f9fa;border-radius:10px;padding:30px;margin:30px 0;position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}
.soul-container .quote-wrapper .quote{font-size:1.3em;line-height:1.6;color:#444;font-style:italic;position:relative;z-index:1}
.page-header .header-inner{min-height:64px;display:flex;align-items:center;gap:24px}.page-header .site-title{position:static;top:auto;left:auto;height:40px;display:inline-flex;align-items:center;line-height:1}.page-header .site-title img{width:auto;height:40px;display:block}.page-header .nav-container{flex:1 1 auto;display:flex;align-items:center}.page-header .navbar{display:flex;align-items:center;min-height:40px}.page-header .nav-item>a{height:40px;display:flex;align-items:center}.page-header .search-form{flex:0 0 300px;display:flex;justify-content:flex-end;min-width:260px}.page-header .search-form .input-group{height:40px;align-items:stretch}.page-header .search-form input{height:40px}.page-header .btn-search{height:40px}.page-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:6px;height:40px}.page-header .link-search,.page-header .link-category{position:static;right:auto;margin-top:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.page-header .link-search i,.page-header .link-category i{display:block;font-size:18px!important;line-height:1;color:inherit}@media (max-width:640px){.page-header .header-inner{min-height:58px;gap:12px}.page-header .site-title{height:38px}.page-header .site-title img{height:38px;max-width:58vw}.page-header .header-actions{height:38px}.page-header .link-search,.page-header .link-category{width:38px;height:38px}}
.page-header .search-form .input-group{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}.page-header .search-form .input-group:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.page-header .search-form input{border:0;border-radius:0;background:transparent}.page-header .search-form input:focus{border-color:transparent;box-shadow:none}.page-header .btn-search{border:0;border-left:1px solid var(--border);border-radius:0;background:transparent}
.page-header .nav-item>a{padding:0 16px;font-size:15.5px;font-weight:600}
body[data-id=home-index] .page-header .search-form{display:none}
.page-header .theme-toggle{position:static;right:auto;margin-top:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-2);cursor:pointer}.page-header .theme-toggle i{display:block;font-size:18px!important;line-height:1;color:inherit}.page-header .theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}:root[data-theme=dark] .page-header .theme-toggle{background:#181d1a!important;border-color:var(--border);color:var(--text-2)}:root[data-theme=dark] .page-header .theme-toggle:hover{background:var(--primary-soft)!important;border-color:var(--primary);color:var(--primary)}@media (max-width:640px){.page-header .site-title img{width:min(180px,calc(100vw - 170px));height:auto;max-height:38px}.page-header .theme-toggle{width:38px;height:38px}}