ul{
    list-style: none;
}
#search_bar{
    background: url("../image/banner_bg.png") no-repeat center top;
    height: 420px;
    padding-top: 128px;
}
.search_tit{
    font-size: 34px;
    margin-bottom: 50px;
}
.search_box{
    display: flex;
    margin: 0 160px;
    position: relative;
}
.seacrch_txt{
    padding: 0 20px;
    background: #fff;
    height: 74px;
    flex: 1;
    border: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.search_drop{
    width: 119px;
    line-height: 54px;
    text-align: center;
    color: #333;
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    position: relative;
    padding-top: 10px;
}
.search_drop:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 1px;
    height: 45px;
    background: #c8c8c8;
}
.search_drop:after {
    content: "";
    position: absolute;
    background: url("../image/search_icon_arrow.png") no-repeat center;
    right: 11px;
    top: 50%;
    margin-top: -2px;
    width: 12px;
    height: 8px;
    transition: transform 0.3s ease;
}
.search_drop.active:after {
    transform: rotate(180deg);
}
.search_btn{
    width: 20%;
    height: 74px;
    border: none;
    background-color: #0080ff;
    line-height: 74px;
    font-size: 18px;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.search_list {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 74px;
    z-index: 10;
    padding: 20px 19px;
    border: 1px solid #c8c8c8;
    background: #f5f5f5;
    max-height: 400px;
    overflow-y: scroll;
}
.search_list.active {
    display: block;
}
.checkbox_item {
    width: 10%;
    height: 16px;
    margin-bottom: 17px;
    line-height: 16px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    float: left;
}
.operate_area{
    border-top: 1px solid #c8c8c8;
    padding-top: 20px;
}
.help_bar{
    height: 70px;
    -moz-box-shadow: 0px 0px 15px #b7b7b7; /* 老的 Firefox */
    box-shadow: 0px 0px 15px #b7b7b7;
}
.help_box{
    padding-top: 23px;
}
.help_box a:first-child{
    border-left: none;
}
.help_box a{
    display: inline-block;
    border-left: 1px solid #bbc1c5;
    padding: 0 18px;
    font-size: 13px;
    line-height: 2em;
}
.rec_tit{
    margin-bottom: 60px;
    margin-top: 60px;
}
.rec_suffix{
    overflow: hidden;
    margin-bottom: 95px;
}
div.swiper-slide{
    float: left;
    list-style: none;
    position: relative;
    width: 290px;
    border: 1px solid #e1e6f0;
    border-radius: 5px;
    padding: 20px 35px 25px 35px;
}
.rec_suffix_tit{
    color: #f0f2f5;
    font-size: 60px;
    position: relative;
}
.rec_suffix_icon{
    height: 80px;
}
.rec_suffix_icon:after{
    content: "";
    position: absolute;
    left: 0px;
    top:-20px;
    width: 65px;
    height: 5px;
    background: #2b3f7e;
}
.suffix_txt{
    font-size: 50px;
    font-weight: bold;
    color: #f24000;
    max-width: 135px;
    overflow: hidden;
    display: flex;
}
.rec_suffix_desc{
    height: 120px;
    line-height: 1.5em;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e6f1;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 135px;
}
.rec_suffix_price{
    line-height: 2em;
}
div.swiper-slide:hover{
    box-shadow: 0 0 15px rgba(43,63,126,.15);
}
.gn_bar{
    background: #f1f2f6;
    padding-bottom: 100px;
}
.gn_item_bar{
    margin-left: -2%;
}
.gn_item{
    width: 23%;
    height: 230px;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    margin-left: 2%;
}
.gn_item h2{
    padding: 10px 0;
}
.gn_item p{
    padding-top: 10px;
}
div.gn_item:hover{
    transform: translate(0,-5px);
    box-shadow: 0 0 15px rgba(43,63,126,.15);
}
.suffix_bar{
    border: 1px solid #e2e6f1;
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
}
.suffix_tab{
    list-style: none;
}
.suffix_tab li{
    flex: 1;
    border-right: 1px solid #e2e6f1;
    line-height: 60px;
    font-size: 16px;
}
.suffix_tab li.active{
    background: #2b3f7e;
    color: #fff;
}
.suffix_tab li i{
   padding-right: 10px;
    font-size: 18px;
}
.suffix_tab li:last-child{
    border-right: none;
}
.suffix_table tr th,.suffix_table tr td{
    line-height: 50px;
    padding: 5px 0;
}
.suffix_table tr td{
    border-right: 1px solid #e2e6f1;
}
.suffix_table tr td:first-child{
    text-align: left;
    width: 360px;
}
.suffix_table tr td:first-child a{
    font-weight: bold;
    display: block;
    width: 60px;
    margin-left: 30px;
}
.suffix_table tr td:last-child{
    border-right: none;
}
.suffix_table tr th{
    background: #e0e9f8;
    color: #2b3f7e;
}
.suffix_table tbody tr:nth-child(even){
    background: #f8f9fe;
}
.operate_area a{
    margin-right: 10px;
}
.pageTop{
    background: url("../image/banner_bg.png") no-repeat center top;
    height: 180px;
}
.topso {
    padding: 22px;
    background: #f0f2f5;
    border-radius: 6px;
    position: relative;
    z-index: 200;
    margin-top: -56px;
}
.search_top_tit{
    width: 1300px;
    margin: 0 auto;
    padding-top: 80px;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.type_tab{
    margin-left: 20px;
}
.type_tab li{
    cursor: pointer;
    padding: 15px 10px;
    background: #e5e5e5;
    margin-right: 10px;
    font-size: 14px;
    color: #000;
    border-radius: 5px 5px 0 0;

}
.search_bar{
    border-radius: 8px;
    overflow: hidden;
    height: 60px;
    width: 100%;
}
.search_bar input[type=text] {
    background: #fff;
    height: 60px;
    padding-left: 20px;
}
.type_tab li.active{
    background: #fff;
    color: #2B3F7E;
}
.search_bar textarea{
    padding: 10px;
    border: none;
    background: #fff;
    width: 100%;
    line-height: 2em;
    border-radius: 8px;
}
.batch_bar{
    height: auto;
    border-radius: 0px;
}
.batch_bar  .search_btn{
    margin-top: 10px;
    border-radius: 8px;
    line-height: 44px;
    height: 44px;
    font-size: 16px;
    padding: 0 15px;
}
.operate_area a{
    margin-right: 10px;
}
.search_suffix{
    padding-top: 15px;
}
.result_list li{
    padding: 10px;
    border-bottom: 1px dashed #e5e5e5;
}
.result_box h2{
    margin: 15px 0;
}
.whois_table{
    margin: 0 auto;
    margin-top: 30px;
}
.whois_table td,.whois_table th{
    border: 1px solid #ddd;
}
.whois_table tr td{
    padding: 15px;
    line-height: 1.4em;
}
.whois_table .table-left{
    width: 30%;
}
.whois_table .table-left span{
    color: #989898;
}
@media only screen and (max-width:999px) {
    #search_bar{
        padding-top: 78px;
        padding-bottom: 30px;
        height: auto;
    }
    .search_box{
        margin: 0 10px;
    }
    .seacrch_txt{
        height: 54px;
    }
    .batch_bar  .search_btn{
        width: 120px;
    }
    .search_tit{
        font-size: 16px;
        margin-bottom: 25px;
    }
    .search_drop{
        height: 54px;
        line-height: 34px;
        width: 80px;
        font-size: 14px;
    }
    .checkbox_item{
        width: 25%;
    }
    .search_drop:before {
        top: 8px;
        height: 35px;
    }
    .search_drop:after{
        right: 6px;
    }
    .search_btn{
        height: 54px;
        line-height: 54px;
        font-size: 14px;
    }
    .rec_tit{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    div.swiper-slide{
        width: 180px;
    }
    .rec_suffix_tit .fr{
        display: none;
    }
    .rec_suffix{
        margin-bottom: 35px;
    }
    .help_box a{
        padding: 0 6px;
    }
    .gn_item{
        width: 100%;
        margin-bottom: 20px;
        height: 190px;
        padding: 15px;
    }
    .gn_bar{
        background: #f1f2f6;
        padding-bottom: 20px;
    }
    .suffix_table tr th{
        font-weight: normal;
    }
    .suffix_table tr th, .suffix_table tr td{
        line-height: 2em;
    }
    .suffix_table tr td:first-child{
        width: 30%;
    }
    .suffix_table tr td:first-child a{
        margin: 0 5px 0 10px;
    }
}

/* ============ 域名搜索页·内容区现代化（覆盖旧样式，走 site.css 主题变量，自适应深浅色） ============ */
/* 内容区整体收窄（仅本页 #main-body 生效，不影响其它用到 .w1280 的地方） */
#main-body .w1280{ width:auto !important; max-width:1120px !important; margin-left:auto; margin-right:auto; }
/* 搜索卡片 */
#main-body .topso{ background:var(--surface,#fff) !important; border:1px solid var(--line,#e6e9f0); border-radius:16px; box-shadow:0 10px 40px rgba(9,24,74,.10); padding:6px 24px 22px; margin-top:-44px; }
#main-body .search_top_tit{ width:auto; max-width:1120px; }
/* 标签（单域名/批量）改下划线式 */
#main-body .type_tab{ margin-left:0; display:flex; gap:4px; border-bottom:1px solid var(--line,#e6e9f0); }
#main-body .type_tab li{ background:transparent; color:var(--muted,#8892a6); padding:13px 18px; margin:0; border-radius:0; font-size:14px; font-weight:500; border-bottom:2px solid transparent; }
#main-body .type_tab li.active{ background:transparent; color:var(--blue,#2f6bff); border-bottom-color:var(--blue,#2f6bff); }
/* 搜索框 */
#main-body .search_bar{ border:1px solid var(--line,#e6e9f0); border-radius:12px; height:54px; margin-top:18px; background:var(--surface,#fff); overflow:hidden; }
#main-body .search_bar input[type=text]{ height:52px; font-size:15px; color:var(--ink,#1a2233); background:transparent; }
#main-body .search_btn{ background:var(--blue,#2f6bff); height:54px; line-height:54px; font-size:15px; font-weight:600; border-radius:0; transition:.18s; }
#main-body .search_btn:hover{ filter:brightness(1.06); }
#main-body .batch_bar{ height:auto; border:1px solid var(--line,#e6e9f0); border-radius:12px; padding:8px; overflow:visible; }
#main-body .batch_bar textarea,#main-body .search_bar textarea{ background:var(--surface,#fff); color:var(--ink,#1a2233); border-radius:8px; }
#main-body .search_bar input[type=text]::placeholder,#main-body .seacrch_txt::placeholder,#main-body .search_bar textarea::placeholder{ color:var(--muted,#8892a6); }
#main-body .batch_bar .search_btn{ border-radius:10px; }
/* 后缀勾选 → 药丸切换 */
#main-body .search_suffix{ padding-top:16px; }
#main-body .checkbox_item{ width:auto; height:auto; float:none; display:inline-flex; align-items:center; margin:0 8px 8px 0; padding:7px 14px; border:1px solid var(--line,#e6e9f0); border-radius:999px; background:var(--surface-2,#f6f8fc); color:var(--text,#48506a); cursor:pointer; transition:.15s; }
#main-body .checkbox_item:hover{ border-color:var(--blue,#2f6bff); }
#main-body .checkbox_item:has(input:checked){ background:var(--blue,#2f6bff); border-color:var(--blue,#2f6bff); color:#fff; }
#main-body .checkbox_item input{ display:none; }
#main-body .checkbox_item .item-name{ font-size:13px; }
/* 全选/反选/常用 */
#main-body .operate_area{ border-top:1px solid var(--line,#e6e9f0); padding-top:15px; margin-top:4px; }
#main-body .operate_area a{ color:var(--muted,#8892a6); font-size:13px; margin-right:18px; }
#main-body .operate_area a:hover,#main-body .operate_area a.blue{ color:var(--blue,#2f6bff); }
/* 结果区间距（与搜索卡拉开、标题与内容拉开、底部留白） */
#main-body .w1280.mt35{ margin-top:30px; padding-bottom:42px; }
#main-body .pagertitle{ margin-bottom:18px; }
#main-body .pagertitle h2{ font-size:20px; font-weight:600; color:var(--ink,#1a2233); margin:0; }
#main-body .pageR .p-tb-20{ padding:50px 0 !important; }
/* 结果分组卡 */
#main-body .result_box{ background:var(--surface,#fff); border:1px solid var(--line,#e6e9f0); border-radius:16px; overflow:hidden; margin-bottom:16px; box-shadow:0 4px 22px rgba(9,24,74,.05); }
#main-body .result_box h2{ margin:0; padding:15px 22px; font-size:14px; font-weight:600; border-bottom:1px solid var(--line,#e6e9f0); }
#main-body .result_box h2.green{ color:var(--ok,#16a34a); background:color-mix(in srgb,var(--ok,#16a34a) 9%,var(--surface,#fff)); }
#main-body .result_box h2.yellow{ color:var(--warn,#e0a800); background:color-mix(in srgb,var(--warn,#e0a800) 10%,var(--surface,#fff)); }
#main-body .result_box h2.gray{ color:var(--muted,#8892a6); }
/* 结果行 */
#main-body .result_list li{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 22px; border-bottom:1px solid var(--line,#e6e9f0); border-top:0; transition:background .15s; }
#main-body .result_list li:last-child{ border-bottom:0; }
#main-body .result_list li:hover{ background:var(--surface-2,#f6f8fc); }
#main-body .result_list .fl > span:first-child,#main-body .result_list li > span:first-child{ font-size:16px; font-weight:600; color:var(--ink,#1a2233); }
/* 可注册标记 → 绿色药丸 */
#main-body .result_list .fl .blue{ color:var(--ok,#16a34a) !important; background:color-mix(in srgb,var(--ok,#16a34a) 14%,var(--surface,#fff)); font-size:11.5px; padding:2px 9px; border-radius:20px; margin-left:8px; }
#main-body .result_list .gray{ color:var(--muted,#8892a6) !important; font-size:12px; }
/* 价格 + CTA */
#main-body .result_list .fr{ display:flex; align-items:center; gap:10px; }
#main-body .result_list .fr b.yellow{ color:var(--price,#f24000) !important; font-size:20px; font-weight:700; }
#main-body .result_list .fr > span{ color:var(--muted,#8892a6); font-size:12px; margin:0 4px 0 -4px; }
#main-body .result_list .btn-blue{ background:var(--blue,#2f6bff); color:#fff; border-radius:9px; padding:8px 18px; font-size:13px; font-weight:600; border:0; cursor:pointer; transition:.18s; box-shadow:0 5px 14px color-mix(in srgb,var(--blue,#2f6bff) 26%,transparent); }
#main-body .result_list .btn-blue:hover{ filter:brightness(1.06); transform:translateY(-1px); }
/* 已注册行的 whois 链接 */
#main-body .result_list a.blue{ color:var(--blue,#2f6bff) !important; font-size:13px; }
#main-body .result_list a.blue:hover{ text-decoration:underline; }

/* ============ 域名首页·内容区现代化（同一套主题变量，克制、适配各外壳/深浅色） ============ */
/* Hero 搜索框 */
#main-body #search_bar{ height:auto !important; padding-top:100px; padding-bottom:46px; }
#main-body #search_bar .search_tit{ font-size:30px; font-weight:600; margin-bottom:34px; }
#main-body .search_box{ margin:0 auto; max-width:840px; background:var(--surface,#fff); border-radius:14px; box-shadow:0 18px 48px rgba(9,24,74,.22); }
#main-body .seacrch_txt{ height:64px; font-size:16px; color:var(--ink,#1a2233); background:transparent; border-radius:14px 0 0 14px; }
#main-body .search_drop{ height:64px; line-height:64px; padding-top:0; color:var(--text,#48506a); }
#main-body .search_drop:before{ top:20px; height:24px; background:var(--line,#e6e9f0); }
#main-body #search_bar .search_btn{ height:64px; line-height:64px; width:150px; background:var(--blue,#2f6bff); border-radius:0 14px 14px 0; font-weight:600; font-size:16px; }
#main-body .search_list{ border:1px solid var(--line,#e6e9f0); border-radius:12px; background:var(--surface,#fff); box-shadow:0 16px 40px rgba(9,24,74,.18); top:70px; }
/* 快捷链接条 */
#main-body .help_bar{ box-shadow:none; border-bottom:1px solid var(--line,#e6e9f0); background:var(--surface,#fff); }
#main-body .help_box a{ border-left-color:var(--line,#e6e9f0); color:var(--text,#48506a); }
#main-body .help_box a:hover{ color:var(--blue,#2f6bff); }
/* 区块标题 */
#main-body .rec_tit{ color:var(--ink,#1a2233) !important; font-size:24px; font-weight:600; margin:56px 0 30px; }
/* 推荐域名卡 · 新样式（顶部色条 + 圆形序号 + 描述截断 + 底部价格栏，等高对齐） */
#main-body .swiper-slide{ width:296px; padding:0; border:1px solid var(--line,#e6e9f0); border-radius:16px; background:var(--surface,#fff); overflow:hidden; transition:.2s; display:flex; flex-direction:column; min-height:286px; }
#main-body div.swiper-slide:hover{ border-color:var(--blue,#2f6bff); box-shadow:inset 0 0 0 1px var(--blue,#2f6bff); }
#main-body .swiper-slide::before{ content:''; display:block; height:4px; flex-shrink:0; background:linear-gradient(90deg,var(--blue,#2f6bff),color-mix(in srgb,var(--blue,#2f6bff) 55%,#8b85ff)); }
/* 头部：后缀 + 圆形序号 */
#main-body .rec_suffix_tit{ display:flex; align-items:center; justify-content:space-between; padding:22px 22px 4px; color:inherit; flex-shrink:0; }
#main-body .rec_suffix_icon{ height:auto; float:none; }
#main-body .rec_suffix_icon:after{ display:none; }
#main-body .rec_suffix_icon img{ height:38px; }
#main-body .suffix_txt{ display:inline-block; font-size:32px; font-weight:700; color:var(--blue,#2f6bff); max-width:none; }
#main-body .rec_suffix_tit .fr{ float:none; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:600; color:var(--blue,#2f6bff); background:color-mix(in srgb,var(--blue,#2f6bff) 12%,var(--surface,#fff)); }
/* 描述（撑满中部、最多3行截断） */
#main-body .rec_suffix_desc{ flex:1; min-height:0; height:auto; margin:0; padding:8px 22px 18px; border-bottom:0; color:var(--muted,#8892a6); font-size:13px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
/* 底部价格栏 */
#main-body .rec_suffix_price{ display:flex; align-items:center; justify-content:space-between; padding:15px 22px; border-top:1px solid var(--line,#e6e9f0); line-height:normal; flex-shrink:0; }
#main-body .rec_suffix_price .fl,#main-body .rec_suffix_price .fr{ float:none; }
#main-body .rec_suffix_price .yellow{ color:var(--price,#f24000) !important; font-size:24px; font-weight:700; }
#main-body .rec_suffix_price .fl > span:last-child{ color:var(--muted,#8892a6); font-size:12px; }
#main-body .swiper-slide .btn-blue{ background:var(--blue,#2f6bff); color:#fff; border-radius:9px; padding:9px 18px; font-size:13px; font-weight:600; }
#main-body .swiper-slide .btn-blue:hover{ filter:brightness(1.06); }
/* 产品优势 · 4列网格 + 简洁卡（自动等高、响应式） */
#main-body .gn_bar{ background:var(--surface-2,#f4f6fb); }
#main-body .gn_item_bar{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-left:0; }
#main-body .gn_item{ width:auto; height:auto; margin:0; padding:30px 22px; background:var(--surface,#fff); border:1px solid var(--line,#e6e9f0); border-radius:16px; text-align:center; transition:.2s; }
#main-body div.gn_item:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(9,24,74,.10); border-color:color-mix(in srgb,var(--blue,#2f6bff) 25%,var(--line,#e6e9f0)); }
#main-body .gn_item img{ height:50px; margin:0 auto; }
#main-body .gn_item h2{ color:var(--ink,#1a2233) !important; font-size:16px; font-weight:600; margin:12px 0 8px; padding:0; }
#main-body .gn_item p{ color:var(--muted,#8892a6); font-size:13px; line-height:1.8; margin:0; padding:0; }
@media(max-width:900px){ #main-body .gn_item_bar{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ #main-body .gn_item_bar{ grid-template-columns:1fr; } }
/* 价格表 */
#main-body .suffix_bar{ border:1px solid var(--line,#e6e9f0); border-radius:14px; background:var(--surface,#fff); }
#main-body .suffix_tab li{ border-right-color:var(--line,#e6e9f0); color:var(--text,#48506a); line-height:56px; }
#main-body .suffix_tab li.active{ background:var(--blue,#2f6bff); color:#fff; }
#main-body .suffix_table tr th{ background:var(--surface-2,#f4f6fb); color:var(--ink,#1a2233); font-weight:600; }
#main-body .suffix_table tr td{ border-right-color:var(--line,#e6e9f0); color:var(--text,#48506a); }
#main-body .suffix_table tbody tr:nth-child(even){ background:color-mix(in srgb,var(--blue,#2f6bff) 3%,var(--surface,#fff)); }
#main-body .suffix_table tbody tr:hover td{ background:var(--surface-2,#f4f6fb); }
#main-body .suffix_table td:first-child a{ color:var(--blue,#2f6bff); }
/* ============ WHOIS 信息表 · 现代化（走主题变量，自适应深浅色） ============ */
#main-body .whois_table{ width:100%; margin:0 auto; background:var(--surface,#fff); border:1px solid var(--line,#e6e9f0); border-radius:16px; overflow:hidden; box-shadow:0 4px 22px rgba(9,24,74,.05); border-collapse:separate; border-spacing:0; }
#main-body .whois_table td,#main-body .whois_table th{ border:0; border-bottom:1px solid var(--line,#e6e9f0); }
#main-body .whois_table tr:last-child td{ border-bottom:0; }
#main-body .whois_table tr td{ padding:15px 22px; line-height:1.55; color:var(--text,#48506a); vertical-align:top; }
#main-body .whois_table .table-left{ width:220px; background:var(--surface-2,#f6f8fc); color:var(--ink,#1a2233); font-weight:600; }
#main-body .whois_table .table-left span{ display:block; margin-top:2px; color:var(--muted,#8892a6); font-weight:400; font-size:12px; }
#main-body .whois_table .table-right .domaininfo{ color:var(--text,#48506a); word-break:break-all; }
@media(max-width:640px){ #main-body .whois_table .table-left{ width:120px; } #main-body .whois_table tr td{ padding:12px 14px; } }

/* ============ 暗色模式补丁 ============ */
/* 域名模块横幅：浅蓝横幅图在暗色下偏亮 → 换深色渐变（与 site 域名主题一致） */
[data-theme="dark"] #main-body #search_bar,
[data-theme="dark"] #main-body .pageTop{ background:linear-gradient(135deg,#121236 0%,#201f57 55%,#2c2a70 100%) !important; }
/* 暗色下卡片阴影改用深色，避免浅色投影发灰 */
[data-theme="dark"] #main-body .topso,
[data-theme="dark"] #main-body .search_box,
[data-theme="dark"] #main-body .result_box,
[data-theme="dark"] #main-body .whois_table,
[data-theme="dark"] #main-body .suffix_bar,
[data-theme="dark"] #main-body .swiper-slide,
[data-theme="dark"] #main-body .gn_item{ box-shadow:none; }
[data-theme="dark"] #main-body .topso,
[data-theme="dark"] #main-body .search_box{ box-shadow:0 10px 34px rgba(0,0,0,.4); }