.adspop .popup-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.adspop .popup-container .popup-content{max-width:80vw;width:100%;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.adspop .popup-container .popup-close{width:42px;height:42px;margin-bottom:30px}
.adspop .popup-container .popup-close img{width:100%;height:100%}
.adspop .popup-container .popup-picture{width:100%;height:100%;text-align:center}
.adspop .popup-container .popup-picture img{max-width:50vw;max-height:70vh}
@media screen and (max-width:768px){.adspop .popup-container .popup-picture img{max-width:80vw;width:100%}}
.application-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.application-popup .application-content{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.application-popup .application-header img{max-width:510px;width:100%;vertical-align:top}
.application-popup .application-list{max-width:510px;width:100%;display:grid;gap:10px;background:linear-gradient(-45deg,#000,#313131);padding:15px 10px;border-bottom-left-radius:35px;border-bottom-right-radius:35px;box-sizing:border-box}
.application-popup .application-list a{text-decoration:none;box-sizing:border-box;color:#fff;text-align:center}
.application-popup .application-list a img{width:2.8rem;height:2.8rem;position:relative;border-radius:9px;}
.application-popup .application-list a img::before{content:"";display:block}
.application-popup .application-list a img::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:100%;background-color:#353535}
.application-popup .application-list a p{font-size:12px;white-space:nowrap;margin-top: 0.3rem;}
@media (max-width:767.98px){.application-popup .application-content{max-width:80vw}}
.a2a_hide{display:none}.a2a_logo_color{background-color:#0166ff}.a2a_menu,.a2a_menu*{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;float:none;margin:0;padding:0;position:static;height:auto;width:auto}.a2a_menu{border-radius:6px;display:none;direction:ltr;background:#FFF;font:16pxsans-serif-light,HelveticaNeue-Light,"HelveticaNeueLight","HelveticaNeue",Arial,Helvetica,"LiberationSans",sans-serif;color:#000;line-height:12px;border:1pxsolid#CCC;vertical-align:baseline;overflow:hidden}.a2a_mini{min-width:200px;position:absolute;width:300px;z-index:9999997}.a2a_overlay{display:none;background:#616c7deb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999998;-webkit-tap-highlight-color:transparent;transition:opacity.14s,backdrop-filter.14s}.a2a_full{background:#FFF;border:1pxsolid#FFF;box-shadow:#2a2a2a1a0020px10px;height:auto;height:calc(320px);top:15%;left:50%;margin-left:-320px;position:fixed;text-align:center;width:640px;z-index:9999999;transition:transform.14s,opacity.14s}.a2a_full_footer,.a2a_full_header,.a2a_full_services{border:0;margin:0;padding:12px;box-sizing:border-box}.a2a_full_header{padding-bottom:8px}.a2a_full_services{height:280px;overflow-y:scroll;padding:012px;-webkit-overflow-scrolling:touch}.a2a_full_services.a2a_i{display:inline-block;float:none;width:181px;width:calc(33.334%-18px)}div.a2a_full_footer{font-size:12px;text-align:center;padding:8px14px}div.a2a_full_footer a,div.a2a_full_footer a:visited{display:inline;font-size:12px;line-height:14px;padding:8px14px}div.a2a_full_footer a:focus,div.a2a_full_footer a:hover{background:00;border:0;color:#0166FF}div.a2a_full_footer aspan.a2a_s_a2a,div.a2a_full_footer aspan.a2a_w_a2a{background-size:14px;border-radius:3px;display:inline-block;height:14px;line-height:14px;margin:03px00;vertical-align:top;width:14px}.a2a_modal{height:0;left:50%;margin-left:-320px;position:fixed;text-align:center;top:15%;width:640px;z-index:9999999;transition:transform.14s,opacity.14s;-webkit-tap-highlight-color:transparent}.a2a_modal_body{background:00;border:0;font:24pxsans-serif-light,HelveticaNeue-Light,"HelveticaNeueLight","HelveticaNeue",Arial,Helvetica,"LiberationSans",sans-serif;position:relative;height:auto;width:auto}.a2a_thanks{color:#fff;height:auto;margin-top:20px;width:auto}.a2a_thanks>div:first-child{margin:0040px0}.a2a_thanksdiv*{height:inherit}#a2a_copy_link{background:#FFF;border:1pxsolid#FFF;cursor:pointer;margin-top:15%}label.a2a_s_link#a2a_copy_link_icon,label.a2a_w_link#a2a_copy_link_icon{background-size:48px;border-radius:0;display:inline-block;height:48px;left:0;line-height:48px;margin:03px00;position:absolute;vertical-align:top;width:48px}#a2a_modalinput#a2a_copy_link_text{background-color:transparent;border:0;color:#2A2A2A;cursor:pointer;font:inherit;height:48px;left:62px;max-width:initial;min-height:auto;padding:0;position:relative;width:564px;width:calc(100%-76px)}#a2a_copy_link_copied{background-color:#0166ff;color:#fff;display:none;font:inherit;font-size:16px;margin-top:1px;padding:3px8px}@media(forced-colors:active){.a2a_color_buttons a,.a2a_svg{forced-color-adjust:none}}@media(prefers-color-scheme:dark){.a2a_menu a,.a2a_menu a.a2a_i,.a2a_menu a.a2a_i:visited,.a2a_menu a.a2a_more,i.a2a_i{border-color:#2a2a2a!important;color:#fff!important}.a2a_menu a.a2a_i:active,.a2a_menu a.a2a_i:focus,.a2a_menu a.a2a_i:hover,.a2a_menu a.a2a_more:active,.a2a_menu a.a2a_more:focus,.a2a_menu a.a2a_more:hover,.a2a_menu_find_container{border-color:#444!important;background-color:#444!important}.a2a_menu:not(.a2a_thanks){background-color:#2a2a2a;border-color:#2a2a2a}.a2a_menu_find{color:#fff!important}.a2a_menulabel.a2a_s_findsvg{background-color:transparent!important}.a2a_menulabel.a2a_s_findsvgpath{fill:#fff!important}.a2a_full{box-shadow:#000000660020px10px}.a2a_overlay{background-color:#373737eb}}@media print{.a2a_floating_style,.a2a_menu,.a2a_overlay{visibility:hidden}}@keyframes a2aFadeIn{from{opacity:0}to{opacity:1}}.a2a_starting{opacity:0}.a2a_starting.a2a_full,.a2a_starting.a2a_modal{transform:scale(.8)}@media(max-width:639px){.a2a_full{border-radius:0;top:15%;left:0;margin-left:auto;width:100%}.a2a_modal{left:0;margin-left:10px;width:calc(100%-20px)}}@media(min-width:318px)and(max-width:437px){.a2a_full.a2a_full_services.a2a_i{width:calc(50%-18px)}}@media(max-width:317px){.a2a_full.a2a_full_services.a2a_i{width:calc(100%-18px)}}@media(max-height:436px){.a2a_full{bottom:40px;height:auto;top:40px}}@media(max-height:550px){.a2a_modal{top:30px}}@media(max-height:360px){.a2a_modal{top:20px}.a2a_thanks>div:first-child{margin-bottom:20px}}.a2a_menu a{color:#0166FF;text-decoration:none;font:16pxsans-serif-light,HelveticaNeue-Light,"HelveticaNeueLight","HelveticaNeue",Arial,Helvetica,"LiberationSans",sans-serif;line-height:14px;height:auto;width:auto;outline:0}.a2a_menu a.a2a_i:visited,.a2a_menu a.a2a_more{color:#0166FF}.a2a_menu a.a2a_i:active,.a2a_menu a.a2a_i:focus,.a2a_menu a.a2a_i:hover,.a2a_menu a.a2a_more:active,.a2a_menu a.a2a_more:focus,.a2a_menu a.a2a_more:hover{color:#2A2A2A;border-color:#EEE;border-style:solid;background-color:#EEE;text-decoration:none}.a2a_menulabel.a2a_s_find{background-size:24px;height:24px;left:8px;pointer-events:auto;position:absolute;top:7px;width:24px}.a2a_menulabel.a2a_s_findsvg{background-color:#FFF}.a2a_menulabel.a2a_s_findsvgpath{fill:#CCC}#a2a_menu_container{display:inline-block}.a2a_menu_find_container{border:1pxsolid#CCC;border-radius:6px;padding:2px24px2px0;position:relative;text-align:left}.a2a_cols_container.a2a_col1{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#a2a_modalinput,#a2a_modalinput[type=text],.a2a_menuinput,.a2a_menuinput[type=text]{display:block;background-image:none;box-shadow:none;line-height:100%;margin:0;outline:0;overflow:hidden;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none}#a2afeed_find_containerinput,#a2afeed_find_containerinput[type=text],#a2apage_find_containerinput,#a2apage_find_containerinput[type=text]{background-color:transparent;border:0;box-sizing:content-box;color:#2A2A2A;float:none;font:inherit;font-size:16px;height:28px;line-height:20px;left:38px;outline:0;margin:0;max-width:initial;min-height:initial;padding:2px0;position:relative;width:99%}.a2a_clear{clear:both}.a2a_svg{background-repeat:no-repeat;display:block;overflow:hidden;height:32px;line-height:32px;padding:0;pointer-events:none;width:32px}.a2a_svg svg{background-repeat:no-repeat;background-position:50%50%;border:none;display:block;left:0;margin:0auto;overflow:hidden;padding:0;position:relative;top:0;width:auto;height:auto}a.a2a_i,i.a2a_i{display:block;float:left;border:1pxsolid#FFF;line-height:24px;padding:6px8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:132px}a.a2a_ispan,a.a2a_morespan{display:inline-block;overflow:hidden;vertical-align:top}a.a2a_i.a2a_svg{margin:06px00}a.a2a_i.a2a_svg,a.a2a_more.a2a_svg{background-size:24px;height:24px;line-height:24px;width:24px}a.a2a_sss:hover{border-left:1pxsolid#CCC}a.a2a_more{border-bottom:1pxsolid#FFF;border-left:0;border-right:0;line-height:24px;margin:6px00;padding:6px;-webkit-touch-callout:none}a.a2a_morespan{height:24px;margin:06px00}.a2a_kit.a2a_svg{background-repeat:repeat}.a2a_default_style a:empty,.a2a_flex_style a:empty,.a2a_floating_style a:empty,.a2a_overlay_style a:empty{display:none}.a2a_color_buttons a,.a2a_floating_style a{text-decoration:none}.a2a_default_style:not(.a2a_flex_style) a{float:left;line-height:16px;padding:02px}.a2a_default_style a:hover.a2a_svg,.a2a_floating_style a:hover.a2a_svg,.a2a_overlay_style a:hover.a2a_svg svg{opacity:.7}.a2a_overlay_style.a2a_default_style a:hover.a2a_svg{opacity:1}.a2a_default_style.a2a_count,.a2a_default_style.a2a_svg,.a2a_floating_style.a2a_svg,.a2a_menu.a2a_svg,.a2a_vertical_style.a2a_count,.a2a_vertical_style.a2a_svg{border-radius:4px}.a2a_default_style.a2a_counterimg,.a2a_default_style.a2a_dd,.a2a_default_style.a2a_svg{float:left}.a2a_default_style.a2a_img_text{margin-right:4px}.a2a_default_style.a2a_divider{border-left:1pxsolid#000;display:inline;float:left;height:16px;line-height:16px;margin:05px}.a2a_kita{cursor:pointer;transition:none}.a2a_floating_style{background-color:#fff;border-radius:6px;position:fixed;z-index:9999995}.a2a_overlay_style{z-index:2147483647}.a2a_floating_style,.a2a_overlay_style{animation:a2aFadeIn.2sease-in;padding:4px}.a2a_vertical_style:not(.a2a_flex_style) a{clear:left;display:block;overflow:hidden;padding:4px}.a2a_floating_style.a2a_default_style{bottom:0}.a2a_floating_style.a2a_default_style a,.a2a_overlay_style.a2a_default_style a{padding:4px}.a2a_count{background-color:#fff;border:1pxsolid#ccc;box-sizing:border-box;color:#2a2a2a;display:block;float:left;font:12pxArial,Helvetica,sans-serif;height:16px;margin-left:4px;position:relative;text-align:center;width:50px}.a2a_count:after,.a2a_count:before{border:solidtransparent;border-width:4px4px4px0;content:"";height:0;left:0;line-height:0;margin:-4px00-4px;position:absolute;top:50%;width:0}.a2a_count:before{border-right-color:#ccc}.a2a_count:after{border-right-color:#fff;margin-left:-3px}.a2a_count span{animation:a2aFadeIn.14sease-in}.a2a_vertical_style.a2a_counterimg{display:block}.a2a_vertical_style.a2a_count{float:none;margin-left:0;margin-top:6px}.a2a_vertical_style.a2a_count:after,.a2a_vertical_style.a2a_count:before{border:solidtransparent;border-width:04px4px4px;content:"";height:0;left:50%;line-height:0;margin:-4px00-4px;position:absolute;top:0;width:0}.a2a_vertical_style.a2a_count:before{border-bottom-color:#ccc}.a2a_vertical_style.a2a_count:after{border-bottom-color:#fff;margin-top:-3px}.a2a_color_buttons.a2a_count,.a2a_color_buttons.a2a_count:after,.a2a_color_buttons.a2a_count:before,.a2a_color_buttons.a2a_vertical_style.a2a_count:after,.a2a_color_buttons.a2a_vertical_style.a2a_count:before{background-color:transparent;border:none;color:#fff;float:none;width:auto}.a2a_color_buttons.a2a_vertical_style.a2a_count{margin-top:0}.a2a_flex_style{display:flex;align-items:flex-start;gap:0}.a2a_default_style.a2a_flex_style{left:0;right:0;width:100%}.a2a_vertical_style.a2a_flex_style{flex-direction:column;top:0;bottom:0}.a2a_flex_style a{display:flex;justify-content:center;flex:1;padding:4px}.a2a_flex_style.a2a_vertical_stylea{flex-direction:column}.a2a_floating_style.a2a_color_buttons,.a2a_floating_style.a2a_flex_style{border-radius:0;padding:0}.a2a_floating_style.a2a_default_style.a2a_flex_style{bottom:0}.a2a_kit.a2a_flex_style.a2a_counterimg,.a2a_kit.a2a_flex_style.a2a_dd,.a2a_kit.a2a_flex_style.a2a_svg{float:none}.a2a_nowrap{white-space:nowrap}.a2a_note{margin:0auto;padding:9px;font-size:12px;text-align:center}.a2a_note.a2a_note_note{margin:0;color:#2A2A2A}.a2a_wide a{display:block;margin-top:3px;border-top:1pxsolid#EEE;text-align:center}.a2a_label{position:absolute!important;clip-path:polygon(0px0px,0px0px,0px0px);-webkit-clip-path:polygon(0px0px,0px0px,0px0px);overflow:hidden;height:1px;width:1px}.a2a_kit,.a2a_menu,.a2a_modal,.a2a_overlay{-ms-touch-action:manipulation;touch-action:manipulation;outline:0}.a2a_dd{-webkit-user-drag:none}.a2a_ddimg{border:0}.a2a_button_facebook_likeiframe{max-width:none}

.h5_search-btn{width:1.875rem;height:1.875rem;cursor:pointer}.collapse.navbar-collapse .nav-search-container{display:inline-flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;min-width:2.5rem;border-radius:50%;line-height:normal;background:#222;color:#ccc;font-size:.75rem;overflow:hidden;padding:0;transition:width .2s ease,padding .2s ease,border-radius .2s ease;position:relative}.collapse.navbar-collapse .nav-search-container.expand{width:min(100%,32rem);flex:0 1 32rem;border-radius:1.1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 1rem;overflow:visible;min-width:30vw}.nav-search-container .xqbj-icon-search{display:block;width:1.25rem;height:1.25rem;background-image:url("/themes/x/usr/themes/Mirages/images/search_btn.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%;flex:0 0 auto;transition:margin .2s ease}.nav-search-container.expand .xqbj-icon-search{margin-right:.25rem}.nav-search-container .input-control{flex:1 1 auto;border:0;outline:0;background:transparent;color:var(--c-hex-fff);font-size:.9375rem;line-height:1.15;-webkit-appearance:none;appearance:none;min-width:0;opacity:0;width:0;padding:0;transition:opacity .15s ease,width .2s ease,padding .2s ease}.nav-search-container .input-control{display:none}.nav-search-container.expand .input-control{display:block;opacity:1;width:100%;padding:0 .5rem 0 .25rem}.nav-search-container .nav-search-list{display:none;width:100%}.nav-search-container.expand .nav-search-list{display:block;position:absolute;top:calc(100% - .625rem);left:0;right:0;z-index:30}.nav-search-container .container-hot-search,.nav-search-container .container-list-search{background:#222;color:#333;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 10px 20px rgba(0,0,0,0.25);max-height:70vh;min-width:30vw;overflow-y:auto;padding:0 1rem}.nav-search-container .container-hot-search .search-title{position:relative;display:flex;align-items:flex-end;justify-content:space-between;font-size:.9375rem;font-weight:500;padding-block:1rem;color:#777;border-bottom:1px solid rgba(255,255,255,0.1)}.nav-search-container .container-hot-search .search-title.search-border{border-top:1px solid rgba(255,255,255,0.1);border-bottom:0;padding-top:1rem;padding-bottom:0}.nav-search-container .container-hot-search .search-title .r-text{display:inline-flex;align-items:center;gap:.25rem;font-size:.9375rem;cursor:pointer;color:#888}.nav-search-container .container-hot-search .search-title .on-history-clear{font-size:smaller}.nav-search-container .container-hot-search .search-title .r-text .icon{width:1rem;height:1rem}.nav-search-container .container-hot-search .container-search-tags{min-height:3rem;margin:.75rem 0 .35rem}.nav-search-container .container-hot-search .history-record{display:flex;flex-wrap:wrap}.nav-search-container .container-hot-search .history-record .no-data{width:100%;text-align:center;color:#777;font-size:.875rem;margin-top:10px}.nav-search-container .container-hot-search .history-record a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;width:fit-content;max-width:100%;min-width:4rem;height:1.75rem;line-height:1.75rem;padding:0 .9rem;margin:0 .75rem .5rem 0;text-align:center;font-size:.875rem;color:#bababa;border:1px solid #ccc;border-radius:.31rem;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.nav-search-container .container-hot-search .rank-list{display:flex;flex-direction:column;gap:.5rem;height:32rem}.nav-search-container .container-hot-search .rank-card{display:flex;align-items:center;padding:.5rem 0;font-size:.9rem;color:#c78500}.nav-search-container .container-hot-search .rank-card .rank-card-icon{flex:0 0 2rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#999;font-size:.94rem;font-weight:500}.nav-search-container .container-hot-search .rank-card .rank-card-title{flex:0 1 auto;min-width:0;font-size:.88rem;line-height:1.05rem;color:#ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search-container .container-hot-search .rank-card .flex{display:flex;align-items:center;justify-content:flex-end;width:6.25rem;margin-right:0;overflow:hidden;color:#666}.nav-search-container .text-line-ellipsis-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.nav-search-container .container-hot-search .rank-card .rank-card-title.text-line-ellipsis-1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-card .view{position:absolute;top:1.875rem;left:1.875rem;font-size:.75rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#888}.xqbj-icon-delete{width:6.875rem;height:5rem;background-image:url(/themes/x/usr/themes/Mirages/images/icon-delete@3x.png);cursor:pointer;position:relative;display:inline-block}.xqbj-icon-rank-1{background-image:url(/themes/x/usr/themes/Mirages/images/rank-1.png)}
.xqbj-icon-rank-2{background-image:url(/themes/x/usr/themes/Mirages/images/rank-2.png)}.xqbj-icon-rank-3{background-image:url(/themes/x/usr/themes/Mirages/images/rank-3.png)}.xqbj-icon-hot{background-image:url(/themes/x/usr/themes/Mirages/images/hot.png);width:.8375rem;height:.8375rem;display:inline-block;background-size:100% 100%;background-repeat:no-repeat;background-position:center;vertical-align:middle;flex:0 0 .9rem;margin-left:.25rem}.xqbj-icon-rank-1,.xqbj-icon-rank-2,.xqbj-icon-rank-3{width:1.875rem;height:1.875rem}.nav-search-container .container-hot-search .rank-card .xqbj-icon-rank-1,.nav-search-container .container-hot-search .rank-card .xqbj-icon-rank-2,.nav-search-container .container-hot-search .rank-card .xqbj-icon-rank-3{flex:0 0 1.875rem;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.nav-search-container .container-list-search{overflow-y:auto;padding:0 1.0rem}.nav-search-container .text-line-ellipsis-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}#navbar .nav-search-list .container-list-search{display:none}#navbar .nav-search-list .container-list-search.show{display:block}.nav-search-container .rank-list{display:block}.nav-search-container .rank-list a{color:#c9c9c9;height:2.5rem}.nav-search-container .rank-list a .keyword{color:#ff3159}.nav-search-container .rank-list .rank-card{position:relative;display:flex;align-items:center;gap:.5rem;padding:var(--sp-0d75rem) 0}.nav-search-container .rank-list .xqbj-icon-search1{flex:0 0 auto}.nav-search-container .rank-list .rank-card-title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.search-header--mobile .mobile-nav{position:sticky;top:0;z-index:50;background:#2a2a2a;padding:.65rem .9rem}.search-header--mobile .search-header__content{display:flex;align-items:center;gap:.75rem}.search-header--mobile .search-header__back{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center}.search-header--mobile .search-header__back .xqbj-icon-back{background-image:url("/themes/x/usr/themes/Mirages/images/icon-back@3x.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.search-header--mobile .mobile-search-wrap{flex:1 1 auto;display:flex;align-items:center;gap:.65rem}.search-header--mobile .mobile-search-bar{flex:1 1 auto;height:2.9rem;background:#1f1f1f;border-radius:1.5rem;display:flex;align-items:center;padding:0 1rem;border:1px solid rgba(255,255,255,0.08);position:relative}.search-header--mobile .xqbj-icon-search{position:absolute;left:1rem;width:1.4rem;height:1.4rem;background-image:url("/themes/x/usr/themes/Mirages/images/search_btn.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;opacity:.9}.search-header--mobile .mobile-search-input{flex:1 1 auto;background:transparent;border:0;outline:0;color:#e4e4e4;font-size:1rem;padding-left:2.2rem;padding-right:4.6rem}.search-header--mobile .mobile-search-input::placeholder{color:#8c8c8c}.search-header--mobile .mobile-search-btn{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);height:2.2rem;min-width:4.2rem;border-radius:1.25rem;border:0;background:#3d3d3d;color:#f6f6f6;font-size:1rem;padding:0 1rem}.search-header--mobile .mobile-search-btn:active{background:#4a4a4a}#navbar .nav-search-list .container-list-search{display:none}.nav-search-container .container-list-search .container-search-context{display:flex;align-items:center;width:100%;font-size:16px}.nav-search-container .text-line-ellipsis-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}@media(max-width:767.98px){.h-menu-item{background-image:url(/themes/x/usr/themes/Mirages/images/menu_btn.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;width:1.5625rem;height:1.5625rem}}@media(max-width:767.98px){header .h5_header .menu{display:flex;align-items:center}header .h5_header .menu .h-menu-item{flex-shrink:0;margin-left:auto}}.xqbj-icon-back{width:1.625rem;height:1.625rem;background-image:url(/themes/x/usr/themes/Mirages/images/icon-back@3x.png)}.search-header--mobile .mobile-search-wrap{position:relative}.search-header--mobile .mobile-search-bar{background:#222;border-radius:1.5rem;border:1px solid rgba(255,255,255,0.08)}.search-header--mobile .mobile-search-suggest{position:absolute;left:0;right:0;top:100%;margin-top:0;background:#222;border-radius:0 0 1.5rem 1.5rem;max-height:calc(100vh - 7rem);overflow-y:auto;padding:.25rem 0 .75rem;border:0 solid rgba(255,255,255,0.08);display:none;z-index:40}.search-header--mobile .mobile-search-suggest.show{display:block}.search-header--mobile .mobile-suggest-item{display:flex;align-items:center;padding:.85rem 1.25rem;font-size:.9375rem;line-height:1.4;color:#f5f5f5;background:transparent}
.search-header--mobile .mobile-suggest-item+.mobile-suggest-item{border-top:0}.search-header--mobile .mobile-suggest-item .xqbj-icon-search1{flex:0 0 auto;width:.875rem;height:.875rem;margin-right:.75rem;opacity:.5}.search-header--mobile .mobile-suggest-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2rem}.search-header--mobile .mobile-suggest-text .keyword{color:#ff1553}.search-header--mobile .mobile-search-wrap:has(.mobile-search-suggest.show) .mobile-search-bar{border-radius:1.5rem 1.5rem 0 0;border-width:1px 1px 0 1px}.search-header--mobile .mobile-search-wrap:has(.mobile-search-suggest.show) .mobile-search-suggest{border-radius:0 0 1.5rem 1.5rem;border-style:solid;border-color:rgba(255,255,255,0.08);border-width:0 1px 1px 1px}

/* PC 搜索弹窗：按 Figma 13:462 对齐 */
@media (min-width: 768px) {
  #navbar .collapse.navbar-collapse .nav-search-container.expand {
    box-sizing: border-box;
    width: 2.5rem;
    min-width: 2.5rem;
    max-width: none;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    align-items: center;
    padding: 0;
    border-radius: 50%;
    background: #222;
    font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
  }

  #navbar .collapse.navbar-collapse .nav-search-container.expand::before {
    position: absolute;
    top: calc(100% + 5px);
    right: -234px;
    z-index: 29;
    width: 576px;
    height: 69px;
    border-radius: 12px 12px 0 0;
    background: #222 url("/themes/x/usr/themes/Mirages/images/search_btn.png") no-repeat 20px 19px / 20px 20px;
    content: "";
  }

  #navbar .collapse.navbar-collapse .nav-search-container.expand .xqbj-icon-search {
    width: 20px;
    height: 20px;
    margin: 0;
  }

  #navbar .collapse.navbar-collapse .nav-search-container.expand .input-control {
    position: absolute;
    top: calc(100% + 24px);
    right: -210px;
    z-index: 31;
    width: 502px;
    height: 30px;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
  }

  #navbar .collapse.navbar-collapse .nav-search-container.expand .input-control::placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
  }

  #navbar .collapse.navbar-collapse .nav-search-container.expand .nav-search-list {
    top: calc(100% + 74px);
    right: -234px;
    left: auto;
    width: 576px;
  }

  #navbar .collapse.navbar-collapse .nav-search-container .container-hot-search {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 576px;
    height: 779px;
    max-height: calc(100vh - 69px);
    padding: 0 24px 23px 20px;
    border-radius: 0 0 12px 12px;
    background: #222;
    box-shadow: none;
    color: #fff;
    font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
    scrollbar-color: #777 transparent;
    scrollbar-width: thin;
  }

  #navbar .collapse.navbar-collapse .nav-search-container .container-hot-search::-webkit-scrollbar {
    width: 4px;
  }

  #navbar .collapse.navbar-collapse .nav-search-container .container-hot-search::-webkit-scrollbar-track {
    background: transparent;
  }

  #navbar .collapse.navbar-collapse .nav-search-container .container-hot-search::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #777;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .search-title {
    box-sizing: border-box;
    height: 42px;
    padding: 0;
    align-items: center;
    flex: 0 0 42px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .search-title.search-border {
    height: 42px;
    margin-top: 20px;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 0;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .search-title .r-text {
    gap: 4px;
    color: rgba(255, 255, 255, 0.5);
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .search-title .on-history-clear {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .search-title .r-text .icon {
    width: 18px;
    height: 18px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .container-search-tags {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 60px;
    margin: 20px 0 0;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .history-record {
    gap: 15px 12px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .history-record .no-data {
    margin: 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    line-height: 60px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .history-record a {
    box-sizing: border-box;
    display: flex;
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    height: 30px;
    margin: 0;
    padding: 3px 4px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .history-record a span {
    width: 100%;
    text-align: center;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .container-search-hots {
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-list {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    gap: 12px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-card {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0;
    color: #fff;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .rank-card-icon,
  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .xqbj-icon-rank-1,
  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .xqbj-icon-rank-2,
  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .xqbj-icon-rank-3 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 24px;
    height: 24px;
    margin: 0;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
    font-family: inherit;
    font-size: 14.176px;
    font-weight: 600;
    line-height: 16.36px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .rank-card-title {
    position: absolute;
    top: 0;
    left: 36px;
    display: block;
    width: calc(100% - 108px);
    max-width: calc(100% - 108px);
    height: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .view {
    position: absolute;
    top: 30px;
    left: 36px;
    color: rgba(255, 255, 255, 0.3);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
  }

  #navbar .collapse.navbar-collapse .container-hot-search .rank-card .xqbj-icon-hot {
    position: absolute;
    top: 3px;
    right: 0;
    left: auto;
    width: 24px;
    height: 24px;
    margin: 0;
  }
}
.search-header--mobile .mobile-search-input::placeholder {
  color: #8c8c8c;
}
.search-header--mobile .mobile-search-btn {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  height: 2.2rem;
  min-width: 4.2rem;
  border-radius: 1.25rem;
  border: 0;
  background: #3d3d3d;
  color: #f6f6f6;
  font-size: 1rem;
  padding: 0 1rem;
}
.search-header--mobile .mobile-search-btn:active {
  background: #4a4a4a;
}
#navbar .nav-search-list .container-list-search {
  display: none;
}
.nav-search-container .container-list-search .container-search-context {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
}
.nav-search-container .text-line-ellipsis-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
@media (max-width: 767.98px) {
  .h-menu-item {
    background-image: url(/themes/x/usr/themes/Mirages/images/menu_btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
@media (max-width: 767.98px) {
  header .h5_header .menu {
    display: flex;
    align-items: center;
  }
  header .h5_header .menu .h-menu-item {
    flex-shrink: 0;
    margin-left: auto;
  }
}
.xqbj-icon-back {
  width: 1.625rem;
  height: 1.625rem;
  background-image: url(/themes/x/usr/themes/Mirages/images/icon-back@3x.png);
}
.search-header--mobile .mobile-search-wrap {
  position: relative;
}
.search-header--mobile .mobile-search-bar {
  background: #222;
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.search-header--mobile .mobile-search-suggest {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 0;
  background: #222;
  border-radius: 0 0 1.5rem 1.5rem;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  padding: 0.25rem 0 0.75rem;
  border: 0 solid rgba(255, 255, 255, 0.08);
  display: none;
  z-index: 40;
}
.search-header--mobile .mobile-search-suggest.show {
  display: block;
}
.search-header--mobile .mobile-suggest-item {
  display: flex;
  align-items: center;
  padding: 0.85rem 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #f5f5f5;
  background: transparent;
}
.search-header--mobile .mobile-suggest-item + .mobile-suggest-item {
  border-top: 0;
}
.search-header--mobile .mobile-suggest-item .xqbj-icon-search1 {
  flex: 0 0 auto;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.75rem;
  opacity: 0.5;
}
.search-header--mobile .mobile-suggest-text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2rem;
}
.search-header--mobile .mobile-suggest-text .keyword {
  color: #ff1553;
}
.search-header--mobile .mobile-search-wrap:has(.mobile-search-suggest.show) .mobile-search-bar {
  border-radius: 1.5rem 1.5rem 0 0;
  border-width: 1px 1px 0 1px;
}
.search-header--mobile .mobile-search-wrap:has(.mobile-search-suggest.show) .mobile-search-suggest {
  border-radius: 0 0 1.5rem 1.5rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.08);
  border-width: 0 1px 1px 1px;
}

/* H5 搜索页：按 Figma 108:1238（375px 画板）对齐 */
@media (max-width: 767.98px) {
  body.search-page-mobile > #wrap > header {
    height: 48px;
  }

  body:has(.search-header--mobile),
  body:has(.search-header--mobile) #wrap,
  body:has(.search-header--mobile) #body {
    width: 100vw;
    background: #2c2a2a;
  }

  .search-header--mobile .mobile-nav {
    height: 48px;
    box-sizing: border-box;
    padding: 7.5px 10.39px;
    background: #2a2a2a;
  }

  .search-header--mobile .search-header__content {
    gap: 7.82px;
  }

  .search-header--mobile .search-header__back {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
  }

  .search-header--mobile .search-header__back .xqbj-icon-back {
    width: 20.22px;
    height: 20.22px;
  }

  .search-header--mobile .mobile-search-wrap {
    min-width: 0;
  }

  .search-header--mobile .mobile-search-bar {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    padding: 0 10.42px;
    border: 0.65px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: #222;
  }

  .search-header--mobile .xqbj-icon-search {
    left: 7.72px;
    width: 20px;
    height: 20px;
  }

  .search-header--mobile .mobile-search-input {
    height: 100%;
    padding: 0 47.95px 0 22.93px;
    font-family: "MiSans", "PingFang SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }

  .search-header--mobile .mobile-search-btn {
    top: 4px;
    right: 6.28px;
    width: 53.76px;
    min-width: 0;
    height: 28px;
    padding: 0;
    transform: none;
    border-radius: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.72px;
  }

  body:has(.search-header--mobile) #body,
  body:has(.search-header--mobile) #body .container,
  body:has(.search-header--mobile) #body .row,
  body:has(.search-header--mobile) #index,
  body:has(.search-header--mobile) .nav-search-container,
  body:has(.search-header--mobile) .container-search-context {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  body:has(.search-header--mobile) #body {
    min-height: 498.5px;
  }

  body.card:has(.search-header--mobile) #index {
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  body:has(.search-header--mobile) .nav-search-container .container-hot-search {
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    /* height: 500px; */
    max-height: none;
    margin: 6px 0px 0;
    padding: 0 10.5px 13px;
    overflow: visible;
    border-radius: 8px;
    background: #222;
    box-shadow: none;
  }

  body:has(.search-header--mobile) .container-hot-search .search-title {
    min-height: 38px;
    box-sizing: border-box;
    padding: 11.76px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 12.68px;
  }

  body:has(.search-header--mobile) .container-hot-search .search-title .r-text {
    gap: 2.94px;
    color: #888;
    font-size: inherit;
    line-height: inherit;
  }

  body:has(.search-header--mobile) .container-hot-search .search-title .on-history-clear {
    font-size: 12px;
    line-height: 10.57px;
  }

  body:has(.search-header--mobile) .container-hot-search .search-title .r-text .icon {
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
  }

  body:has(.search-header--mobile) .container-hot-search .container-search-tags {
    height: auto;
    min-height: 64px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  body:has(.search-header--mobile) .container-hot-search .history-record {
    box-sizing: border-box;
    height: auto;
    min-height: 64px;
    padding-bottom: 8px;
    align-items: center;
    align-content: center;
  }

  body:has(.search-header--mobile) .container-hot-search .history-record .no-data {
    margin: 0;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 64px;
  }

  body:has(.search-header--mobile) .container-hot-search .history-record a {
    min-width: 0;
    height: 26px;
    margin: 8px 10px 0 0;
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #bababa;
    font-size: 12px;
    line-height: 24px;
  }

  body:has(.search-header--mobile) .container-hot-search .search-title.search-border {
    min-height: 13px;
    margin-top: 16px;
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    color: #777;
  }

  body:has(.search-header--mobile) .container-hot-search .container-search-hots {
    margin: 12px 0 0;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-list {
    height: auto;
    gap: 8px;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-card {
    display: grid;
    grid-template-columns: 20px 7.5px minmax(0, 1fr) 4.5px 16px;
    grid-template-rows: 12px 8px 15px;
    gap: 0;
    align-items: start;
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    padding: 0;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-card .rank-card-icon,
  body:has(.search-header--mobile) .container-hot-search .rank-card .xqbj-icon-rank-1,
  body:has(.search-header--mobile) .container-hot-search .rank-card .xqbj-icon-rank-2,
  body:has(.search-header--mobile) .container-hot-search .rank-card .xqbj-icon-rank-3 {
    grid-column: 1;
    grid-row: 1;
    width: 20px;
    height: 20px;
    margin: 2px 0 0;
    flex: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: "PingFang SC", sans-serif;
    font-size: 11.82px;
    font-weight: 600;
    line-height: 13.64px;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-card .rank-card-title {
    grid-column: 3;
    grid-row: 1;
    color: rgba(255, 255, 255, 0.8);
    font-family: "PingFang SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-card .view {
    position: static;
    grid-column: 3;
    grid-row: 3;
    color: rgba(255, 255, 255, 0.3);
    font-family: "PingFang SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }

  body:has(.search-header--mobile) .container-hot-search .rank-card .xqbj-icon-hot {
    grid-column: 5;
    grid-row: 1;
    width: 16px;
    height: 16px;
    margin: 0;
    flex: none;
    border-radius: 6px;
  }

  body.search-page-mobile #foot-menu {
    width: 100vw;
  }

  body.search-page-mobile #foot-menu .line-container {
    width: calc(100vw - 7.35px);
    max-width: none;
    height: 1px;
    margin: 0;
    padding: 0;
  }

  body.search-page-mobile #foot-menu > .container:not(.line-container) {
    width: 100vw;
    max-width: none;
    padding: 23.53px 18.39px 0;
  }

  body.search-page-mobile #foot-menu .footer-desc {
    width: 330.88px;
    max-width: 100%;
    margin: 0;
    padding: 11.76px 0;
  }

  body.search-page-mobile #foot-menu .footer-desc p {
    font-family: "Open Sans", sans-serif;
    font-size: 10.588px;
    font-weight: 400;
    line-height: normal;
  }
}

/* H5 首页与内页共用顶部 */
@media (max-width: 767.98px) {
  body.home-page-mobile,
  body.home-page-mobile #wrap,
  body.home-page-mobile #body {
    width: 100vw;
    background: #2c2a2a;
  }

  body.home-page-mobile #wrap {
    background-image: none;
  }

  /* 所有常规 H5 页面共用顶部，搜索页使用独立 search-header */
  body:has(.h5_header) > #wrap > header {
    height: 60px;
    border: 0 !important;
    outline: 0;
  }

  body:has(.h5_header) .h5_header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 0 13px 0 9.6px;
    border: 0 !important;
    background: #343232;
    box-shadow: none;
  }

  body:has(.h5_header) .h5_header .menu {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0;
    width: 74.25px;
    height: 25.95px;
    box-sizing: border-box;
    padding: 0.6px 12px;
    border: 0.75px solid #fff !important;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: none;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 22.5px;
    white-space: nowrap;
  }

  body:has(.h5_header) .h5_header .menu .h-menu-item {
    flex: 0 0 18.75px;
    width: 18.75px;
    height: 18.75px;
    margin: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
  }

  body:has(.h5_header) .h5_header .logo {
    position: absolute;
    top: 10px;
    left: calc(50% + 0.5px);
    width: 134px;
    height: 40px;
    transform: translateX(-50%);
  }

  body:has(.h5_header) .h5_header .logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
  }

  body:has(.h5_header) .h5_header .h5_search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body:has(.h5_header) .h5_header .h5_search-btn img {
    width: 26px;
    height: 26px;
  }

  body.home-page-mobile #body,
  body.home-page-mobile #body > .container,
  body.home-page-mobile #body > .container > .row {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  body.home-page-mobile #masthead {
    position: static;
    width: 100%;
    height: 95px !important;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: #343232;
  }

  body.home-page-mobile #masthead .blog-background {
    display: none;
  }

  body.home-page-mobile #masthead .inner,
  body.home-page-mobile #masthead .inner > .container {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    transform: none;
  }

  body.home-page-mobile #masthead .inner > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  body.home-page-mobile #masthead .blog-title {
    width: 100%;
    height: 47.9px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-family: "MiSans", "PingFang SC", sans-serif;
    font-size: 17.964px;
    font-weight: 500;
    line-height: 23.952px;
    text-align: center;
  }

  body.home-page-mobile #masthead .blog-description {
    width: 100%;
    height: 25.45px;
    margin: 0;
    padding: 5.988px 0;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 11.228px;
    font-weight: 400;
    line-height: 12.912px;
    text-align: center;
    white-space: nowrap;
  }

  body.home-page-mobile.card #index {
    width: calc(100% - 15px);
    margin: 16px auto 0;
    padding: 0;
    overflow: visible;
  }

  body.home-page-mobile.card #index article {
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
  }

  body.home-page-mobile.card #index article .post-card,
  body.category-page-mobile.card #index article .post-card {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 360 / 148;
    overflow: hidden;
    border-radius: 3.797px;
    background: #2c2a2a;
  }

  body.home-page-mobile.card #index article .post-card > img.blog-background,
  body.category-page-mobile.card #index article .post-card > img.blog-background {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  body.home-page-mobile.card #index article .post-card-mask,
  body.category-page-mobile.card #index article .post-card-mask {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }

  body.home-page-mobile.card #index article .post-card-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    height: 100%;
    padding: 0;
  }

  body.home-page-mobile.card #index article .post-card-title {
    position: static;
    display: -webkit-box;
    width: calc(100% - 24.304px);
    max-width: 335.696px;
    max-height: 32.492px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14.127px;
    font-weight: 400;
    line-height: 16.246px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  body.home-page-mobile.card #index article .post-card-info {
    position: static;
    width: calc(100% - 24.304px);
    max-width: 335.696px;
    height: 12.228px;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 10.633px;
    font-weight: 400;
    line-height: 12.228px;
    text-align: center;
    white-space: nowrap;
  }

  body.home-page-mobile.card #index article:nth-of-type(-n + 2) .post-card::after {
    display: none;
  }

  body.category-page-mobile,
  body.category-page-mobile #wrap,
  body.category-page-mobile #body,
  body.category-page-mobile #body > .container,
  body.category-page-mobile #body > .container > .row {
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  body.category-page-mobile.card #index {
    width: calc(100% - 15px);
    max-width: none;
    margin: 16px auto 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.category-page-mobile.card #index article {
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
  }

  body.article-page-mobile #body > .container,
  body.article-page-mobile #body > .container > .row {
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  body.article-page-mobile #post {
    width: calc(100% - 15px);
    margin: 16px auto 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.article-page-mobile #body > .article-footer-container {
    width: calc(100% - 15px);
    margin-left: auto;
    margin-right: auto;
  }

  body.home-page-mobile .page-nav {
    position: relative;
    width: 348px;
    height: 34px;
    margin: 0 auto;
    line-height: normal;
  }

  body.home-page-mobile .page-jump,
  body.home-page-mobile .page-jump form {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transform: none;
    text-align: left;
  }

  body.home-page-mobile .page-jump .page-info {
    position: absolute;
    top: 6.5px;
    left: 98px;
    width: 38px;
    height: 18px;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
  }

  body.home-page-mobile .page-jump input {
    position: absolute;
    top: 0;
    left: 144px;
    width: 56px;
    max-width: none;
    height: 34px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
  }

  body.home-page-mobile .page-jump button {
    position: absolute;
    top: 0;
    left: 208px;
    width: 44px;
    height: 34px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
  }

  body.home-page-mobile .page-navigator {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 54px;
    height: 34px;
    margin: 0;
    padding: 0;
  }

  body.home-page-mobile .page-navigator li:not(.next) {
    display: none;
  }

  body.home-page-mobile .page-navigator .next,
  body.home-page-mobile .page-navigator .next a {
    display: block;
    width: 54px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
    float: none;
  }

  body.home-page-mobile .page-navigator .next {
    border: 0;
    border-radius: 0;
  }

  body.home-page-mobile #foot-menu {
    width: 343px;
    margin: 20px auto 0;
    padding: 0;
    background: transparent;
  }

  body.home-page-mobile #foot-menu > .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  body.home-page-mobile #foot-menu .line-container {
    margin: 0 0 22.5px;
    background: #444;
  }

  body.home-page-mobile #foot-menu .footer-desc {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #444;
  }

  body.home-page-mobile #foot-menu .footer-desc p {
    margin: 0;
    padding: 0;
    color: #c0bfbf;
    font-family: "PingFang SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
  }

  body.home-page-mobile #foot-menu .contact-link {
    min-height: 66px;
    padding: 0;
    border-bottom: 1px solid #444;
  }
}