/* XC tool component styles (no global resets) — scoped for theme shell */
.fs-main--zxgj .tools-cent, body.fsgj-dark .tools-cent { color: inherit; }
.fs-main--zxgj .clear,
body.fsgj-dark .clear{clear:both;}
.fs-main--zxgj .clear:after,
body.fsgj-dark .clear:after{clear: both;display: table;content: " ";}
.fs-main--zxgj .uselect,
body.fsgj-dark .uselect{-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.fs-main--zxgj .marts0,
body.fsgj-dark .marts0{margin-top: 0px !important;}
.fs-main--zxgj .tools-info,
body.fsgj-dark .tools-info {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  padding: 0.5rem 20px 0.75rem;
  position: relative;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.fsgj-dark .tools-info .title,
body.fsgj-route .tools-info .title {
  height: auto !important;
  line-height: 1.35 !important;
  font-size: inherit !important;
  color: #eef0f4 !important;
}
.fs-main--zxgj .tools-info img,
body.fsgj-dark .tools-info img {
  width: 48px !important;
  height: 48px !important;
  float: none !important;
  border-radius: 10px;
  margin: 0 !important;
}
.fs-main--zxgj .tools-info .title h1,
body.fsgj-dark .tools-info .title h1 {
  font-size: 18px !important;
  color: #eef0f4 !important;
  display: inline !important;
  height: auto !important;
  line-height: 1.35 !important;
}
.fs-main--zxgj .tools-info .pingfens,
body.fsgj-dark .tools-info .pingfens{height: auto !important;line-height: 1.4 !important;vertical-align: baseline;}
.fs-main--zxgj .tools-info div p i:nth-child(1),
body.fsgj-dark .tools-info div p i:nth-child(1),
.fs-main--zxgj .tools-info div p i:nth-child(2),
body.fsgj-dark .tools-info div p i:nth-child(2),
.fs-main--zxgj .tools-info div p i:nth-child(3),
body.fsgj-dark .tools-info div p i:nth-child(3),
.fs-main--zxgj .tools-info div p i:nth-child(4),
body.fsgj-dark .tools-info div p i:nth-child(4){color:rgb(255, 194, 13);}
.fs-main--zxgj .tools-info .title span,
body.fsgj-dark .tools-info .title span{margin-left: 0.25rem;cursor: pointer;font-size: 0.7rem;font-weight: bold;color: #ff7503 !important;position: relative;z-index: 999;}
.fs-main--zxgj .tools-info .title span i,
body.fsgj-dark .tools-info .title span i{position: absolute;bottom: -2rem;left: calc(50% - 1.7rem);background-color: #555;color: #fff;font-size: 0.6rem;height: 1.2rem;line-height: 1.2rem;text-align: center;width: 3.4rem;border-radius: 6px;font-style: normal;display: none;}
.fs-main--zxgj .tools-info .title span i::before,
body.fsgj-dark .tools-info .title span i::before{content: '';border: 0.4rem solid transparent;border-bottom-color: #555555;position: absolute;left: calc(50% - 0.4rem);top: -0.8rem;width: 0.8rem;height: 0.8rem;}
.fs-main--zxgj .tools-info .title span:hover i,
body.fsgj-dark .tools-info .title span:hover i{display: block;}
.fs-main--zxgj .tools-info .title h1,
body.fsgj-dark .tools-info .title h1 {
  font-size: 18px !important;
  color: #eef0f4 !important;
  display: inline !important;
  height: auto !important;
  line-height: 1.35 !important;
  font-style: normal;
}
body.fsgj-dark.night .tools-info .title,
body.fsgj-route.night .tools-info .title,
body.fsgj-dark .tools-info .title{color:#eee;}
body.fsgj-dark.night .tools-info .title h1,
body.fsgj-route.night .tools-info .title h1,
body.fsgj-dark .tools-info .title h1{color:#eef0f4 !important;}
.fs-main--zxgj .tools-info>i,
body.fsgj-dark .tools-info>i{position: static;margin-left: auto;font-size: 1rem;color: #888;cursor: pointer;}
.fs-main--zxgj .tools-cent,
body.fsgj-dark .tools-cent {
  background-color: #151920 !important;
  color: #eef0f4 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.fs-main--zxgj .tuitool,
body.fsgj-dark .tuitool{-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.fs-main--zxgj .tuitool h6,
body.fsgj-dark .tuitool h6{font-family: PingFang SC;font-style: normal;font-weight: 600;font-size: 0.9rem;height: 6rem;line-height:  6rem;text-align: center;color: #444;position: relative;}
.fs-main--zxgj .tuitool h6 span,
body.fsgj-dark .tuitool h6 span{display: inline-block;padding: 0 1rem;background-color: #fff;position: relative;z-index: 99;}
.fs-main--zxgj .tuitool h6::after,
body.fsgj-dark .tuitool h6::after{position: absolute;background-color: #e8e8fd;width: 10rem;content: '';height: 1px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
body.fsgj-dark.night .tuitool h6 span,
body.fsgj-route.night .tuitool h6 span,
body.fsgj-dark .tuitool h6 span{background-color: #242627;color: #888;}
body.fsgj-dark.night .tuitool h6::after,
body.fsgj-route.night .tuitool h6::after,
body.fsgj-dark .tuitool h6::after{background-color: #444;}
.fs-main--zxgj .text_input,
body.fsgj-dark .text_input{width: 100%;padding: 0.5rem;height: 10rem;border: 1px solid #bebedd;resize: none;border-radius: 6px;display: block;color: #555;line-height: 1.42857143;font-size: 0.7rem;}
body.fsgj-dark.night .text_input,
body.fsgj-route.night .text_input,
body.fsgj-dark .text_input{width: 100%;padding: 0.5rem;height: 10rem;resize: none;border-radius: 6px;display: block;background-color: #181a1b;border: 1px solid #444;color: #aaa;}
.fs-main--zxgj .text_input::-webkit-scrollbar,
body.fsgj-dark .text_input::-webkit-scrollbar{width: 2px;height: 2px}
.fs-main--zxgj .text_input::-webkit-scrollbar-thumb,
body.fsgj-dark .text_input::-webkit-scrollbar-thumb{border: 1px solid transparent;background-clip: padding-box;border-radius: 7px;background: #e8e8fd;}
.fs-main--zxgj .text_input::-webkit-scrollbar-thumb:hover,
body.fsgj-dark .text_input::-webkit-scrollbar-thumb:hover{background-color: rgb(134,144,156);}
body.fsgj-dark.night .text_input::-webkit-scrollbar-thumb,
body.fsgj-route.night .text_input::-webkit-scrollbar-thumb,
body.fsgj-dark .text_input::-webkit-scrollbar-thumb{background-color: rgb(134,144,156);}
body.fsgj-dark.night .text_input::-webkit-scrollbar-thumb:hover,
body.fsgj-route.night .text_input::-webkit-scrollbar-thumb:hover,
body.fsgj-dark .text_input::-webkit-scrollbar-thumb:hover{background-color: rgb(134,144,156);}
.fs-main--zxgj .text_input::-webkit-input-placeholder,
body.fsgj-dark .text_input::-webkit-input-placeholder{color: #ccc;opacity: 0.9;}
.fs-main--zxgj .text_input::-moz-placeholder,
body.fsgj-dark .text_input::-moz-placeholder{color: #ccc;opacity: 0.9;}
.fs-main--zxgj .text_input:-moz-placeholder,
body.fsgj-dark .text_input:-moz-placeholder{color: #ccc;opacity: 0.9;}
.fs-main--zxgj .text_input:-ms-input-placeholder,
body.fsgj-dark .text_input:-ms-input-placeholder{color: #ccc;opacity: 0.9;}
body.fsgj-dark.night .text_input::-webkit-input-placeholder,
body.fsgj-route.night .text_input::-webkit-input-placeholder,
body.fsgj-dark .text_input::-webkit-input-placeholder{color:#444;}
body.fsgj-dark.night .text_input::-moz-placeholder,
body.fsgj-route.night .text_input::-moz-placeholder,
body.fsgj-dark .text_input::-moz-placeholder{color:#444;}
body.fsgj-dark.night .text_input:-moz-placeholder,
body.fsgj-route.night .text_input:-moz-placeholder,
body.fsgj-dark .text_input:-moz-placeholder{color:#444;}
body.fsgj-dark.night .text_input:-ms-input-placeholder,
body.fsgj-route.night .text_input:-ms-input-placeholder,
body.fsgj-dark .text_input:-ms-input-placeholder{color:#444;}
.fs-main--zxgj .text_input_rest,
body.fsgj-dark .text_input_rest{width: 100%;min-height: 7rem;color: #34495e;border: 1px solid #a0e5c6;background: #f8fafe;border-radius: 3px;resize: none;padding: 0.75rem;}
.fs-main--zxgj .text_input_rest p,
body.fsgj-dark .text_input_rest p{line-height: 1.3rem;padding: 0.4 0;display: block;border-bottom: 1px solid #dae6ef;}
body.fsgj-dark.night .resthtml,
body.fsgj-route.night .resthtml,
body.fsgj-dark .resthtml{background-color: #181a1b;border: 1px solid #444;}
body.fsgj-dark.night .resthtml::-webkit-scrollbar-thumb,
body.fsgj-route.night .resthtml::-webkit-scrollbar-thumb,
body.fsgj-dark .resthtml::-webkit-scrollbar-thumb{background-color: rgb(134,144,156);}
body.fsgj-dark.night .resthtml::-webkit-scrollbar-thumb:hover,
body.fsgj-route.night .resthtml::-webkit-scrollbar-thumb:hover,
body.fsgj-dark .resthtml::-webkit-scrollbar-thumb:hover{background-color: rgb(134,144,156);}
body.fsgj-dark.night .resthtml p,
body.fsgj-route.night .resthtml p,
body.fsgj-dark .resthtml p{border-bottom: 1px solid #444;color: #ddd;}
.fs-main--zxgj .butdiv span.clears,
body.fsgj-dark .butdiv span.clears{background-color: #FF5722;}
.fs-main--zxgj .formats,
body.fsgj-dark .formats{height: 1.9rem;line-height: 1.9rem;margin-top: 0.25rem;margin-bottom: 0.25rem;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.fs-main--zxgj .formats span,
body.fsgj-dark .formats span{height: 1.9rem;line-height: 1.9rem;background-color: #16b777;color: #fff;margin-right: 0.25rem;font-size: 0.65rem;display: inline-block;padding: 0 1rem;border-radius: 3px;cursor: pointer;float: left;}
.fs-main--zxgj .formats span.bais,
body.fsgj-dark .formats span.bais{background-color: #fff;color:#666;/*color: var(--xc-toolbox-fontcolor);*/border: 1px solid #eee;}
.fs-main--zxgj .formats .layui-form-checkbox,
body.fsgj-dark .formats .layui-form-checkbox{height: 1.9rem;line-height:1.9rem;vertical-align: top;margin-right: 0px;}
body.fsgj-dark.night .formats span.bais,
body.fsgj-route.night .formats span.bais,
body.fsgj-dark .formats span.bais{background-color: #444;color: #ddd;border: 1px solid #666;}
body.fsgj-dark.night .formats .layui-form-checkbox,
body.fsgj-route.night .formats .layui-form-checkbox,
body.fsgj-dark .formats .layui-form-checkbox{background-color: #181a1b;}
body.fsgj-dark.night .formats .layui-form-checkbox>div,
body.fsgj-route.night .formats .layui-form-checkbox>div,
body.fsgj-dark .formats .layui-form-checkbox>div{background-color: #444;color: #ddd;}
body.fsgj-dark.night .formats .layui-form-checkbox>i,
body.fsgj-route.night .formats .layui-form-checkbox>i,
body.fsgj-dark .formats .layui-form-checkbox>i{border:1px solid #444;}
.fs-main--zxgj .formats .layui-form,
body.fsgj-dark .formats .layui-form{display: inline-block;margin-right: 0.25rem;float: left;}
.fs-main--zxgj .formats .layui-form-select,
body.fsgj-dark .formats .layui-form-select{width: 6.5rem;font-size: 0.6rem;}
body.fsgj-dark.night .formats .layui-input,
body.fsgj-route.night .formats .layui-input,
body.fsgj-dark .formats .layui-input{background-color: #444;border: 1px solid #666;}
.fs-main--zxgj .formats span:first-child,
body.fsgj-dark .formats span:first-child{margin-top: 0px;}
.fs-main--zxgj .formats span,
body.fsgj-dark .formats span,
.fs-main--zxgj .formats div,
body.fsgj-dark .formats div{display: block;text-align: center;margin: 0.25rem 0 0 0;width: 100%;}
.fs-main--zxgj .formats .layui-form-select,
body.fsgj-dark .formats .layui-form-select,
.fs-main--zxgj .formats .layui-select-title,
body.fsgj-dark .formats .layui-select-title,
.fs-main--zxgj .formats .layui-form-checkbox,
body.fsgj-dark .formats .layui-form-checkbox,
.fs-main--zxgj .formats .layui-form-checkbox>div,
body.fsgj-dark .formats .layui-form-checkbox>div{margin-top: 0px;}
.fs-main--zxgj .formats .layui-form-select,
body.fsgj-dark .formats .layui-form-select{width: 100%;}
.fs-main--zxgj .resttips,
body.fsgj-dark .resttips{font-size: 0.6rem;padding: 0.75rem;background-color: #fcf7ef;margin-top: 0.75rem;border-radius: 6px;border: 1px solid #ebd3b0;}
.fs-main--zxgj .resttips span,
body.fsgj-dark .resttips span{margin-bottom: 0.5rem;display: inline-block;color: #ff7503;font-weight: bold;}
.fs-main--zxgj .resttips p,
body.fsgj-dark .resttips p{line-height: 1rem;color: #444;color: #ff7503;}
body.fsgj-dark.night .resttips,
body.fsgj-route.night .resttips,
body.fsgj-dark .resttips{background-color: #444;border: 1px solid #555;}
.fs-main--zxgj .rest p,
body.fsgj-dark .rest p{color: #17b777;line-height: 1rem;font-size: 0.6rem;}
.fs-main--zxgj .rest p span,
body.fsgj-dark .rest p span{color: #ff6500;margin-right: 1rem;width: 40px;font-size: 0.65rem;font-weight: bold;display: inline-block;}
body.fsgj-dark.night .rest,
body.fsgj-route.night .rest,
body.fsgj-dark .rest{background-color: #242627;border: 1px solid #444;}
.fs-main--zxgj .loglists,
body.fsgj-dark .loglists{margin-top: 0.75rem;border-radius: 2px;overflow: hidden;}
.fs-main--zxgj .loglists h2,
body.fsgj-dark .loglists h2{height: 1.75rem;line-height: 1.75rem;background-color: #ecf0f8;font-size: 0.65rem;padding-left: 0.5rem;color: #334065;}
.fs-main--zxgj .loglists ul,
body.fsgj-dark .loglists ul{border: 1px solid rgb(236 240 248);padding: 0.25rem;}
.fs-main--zxgj .loglists ul li,
body.fsgj-dark .loglists ul li{width: calc(100% / 6);float: left;text-align: center;padding: 0.25rem;}
.fs-main--zxgj .loglists ul li a,
body.fsgj-dark .loglists ul li a{border: 1px solid rgb(236 240 248);height: 1.8rem;line-height: 1.8rem;display: block;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #748594;}
body.fsgj-dark.night .loglists h2,
body.fsgj-route.night .loglists h2,
body.fsgj-dark .loglists h2{color: #ccc;background-color: #181a1b;}
body.fsgj-dark.night .loglists ul,
body.fsgj-route.night .loglists ul,
body.fsgj-dark .loglists ul{border: 1px solid #444;}
body.fsgj-dark.night .loglists ul li a,
body.fsgj-route.night .loglists ul li a,
body.fsgj-dark .loglists ul li a{border: 1px solid #444;color: #ccc;}
.fs-main--zxgj .tuitool h6,
body.fsgj-dark .tuitool h6{height: 2.5rem;line-height: 2.5rem;margin-bottom: 0.5rem;margin-top:1rem;}
.fs-main--zxgj .tools-info,
body.fsgj-dark .tools-info{
  padding: 0.5rem 20px 0.75rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 0;
}
.fs-main--zxgj .tools-cent,
body.fsgj-dark .tools-cent{padding: 16px !important;}
.fs-main--zxgj .tuitool h6,
body.fsgj-dark .tuitool h6{margin-top:0.25rem;}
body.fsgj-dark.night .tools,
body.fsgj-route.night .tools,
body.fsgj-dark .tools{background-color: transparent !important;}
body.fsgj-dark.night .tools-cent,
body.fsgj-route.night .tools-cent,
body.fsgj-dark .tools-cent{background-color: #151920 !important;}
body.fsgj-dark.night .tools-info,
body.fsgj-route.night .tools-info,
body.fsgj-dark .tools-info{border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;}
body.fsgj-dark.night .tuitool h6,
body.fsgj-route.night .tuitool h6,
body.fsgj-dark .tuitool h6{color: #ddd;}
body.fsgj-dark.night .layui-table,
body.fsgj-route.night .layui-table,
body.fsgj-dark .layui-table{background-color: #181a1b;}
body.fsgj-dark.night .layui-table td,
body.fsgj-route.night .layui-table td,
body.fsgj-dark .layui-table td,
body.fsgj-dark.night .layui-table th,
body.fsgj-route.night .layui-table th,
body.fsgj-dark .layui-table th,
body.fsgj-dark.night .layui-table-view,
body.fsgj-route.night .layui-table-view,
body.fsgj-dark .layui-table-view,
body.fsgj-dark.night .layui-table-header,
body.fsgj-route.night .layui-table-header,
body.fsgj-dark .layui-table-header{border-color: #444 !important;}
body.fsgj-dark.night .layui-table-header thead,
body.fsgj-route.night .layui-table-header thead,
body.fsgj-dark .layui-table-header thead{background-color: #333;}
body.fsgj-dark.night .layui-table,
body.fsgj-route.night .layui-table,
body.fsgj-dark .layui-table{color: #ddd !important;}
body.fsgj-dark.night .layui-table th,
body.fsgj-route.night .layui-table th,
body.fsgj-dark .layui-table th{color: #fff !important;}
.fs-main--zxgj .layui-table-hover,
body.fsgj-dark .layui-table-hover{background-color: transparent !important;}
body.fsgj-dark.night .layui-table-page,
body.fsgj-route.night .layui-table-page,
body.fsgj-dark .layui-table-page{border-top:1px solid #444;}
.fs-main--zxgj /**********************************************//******* layui *******//**********************************************/.tabletitle,
body.fsgj-dark /**********************************************//******* layui *******//**********************************************/.tabletitle{padding: 0.75rem 0;border: 1px solid #cee2ee;color: #244c64;border-bottom: 0;font-size: 0.65rem;display: block;width: 100%;text-align: center;margin-top: 0.75rem;}
body.fsgj-dark.night .tabletitle,
body.fsgj-route.night .tabletitle,
body.fsgj-dark .tabletitle{border: 1px solid #444;border-bottom: 0;color: #eee;}
.fs-main--zxgj .layui-table,
body.fsgj-dark .layui-table{color: #34495e !important;}
.fs-main--zxgj .layui-table-header thead,
body.fsgj-dark .layui-table-header thead{background: #f7faff;background-color: #e3eef8;}
.fs-main--zxgj .layui-table th,
body.fsgj-dark .layui-table th{font-weight: 400 !important;font-size: 0.7rem !important;color: #34495e !important;}
.fs-main--zxgj .layui-table td,
body.fsgj-dark .layui-table td,
.fs-main--zxgj .layui-table th,
body.fsgj-dark .layui-table th,
.fs-main--zxgj .layui-table-view,
body.fsgj-dark .layui-table-view,
.fs-main--zxgj .layui-table-header,
body.fsgj-dark .layui-table-header{border-color: #eff3f5 !important;border-color: #cee1ee !important;}
.fs-main--zxgj .layui-table-cell,
body.fsgj-dark .layui-table-cell{height: 2rem !important;line-height: 1.5rem !important;padding: 0.3rem 0.5rem;font-size: 0.6rem;}
.fs-main--zxgj .layui-table-view .layui-table td,
body.fsgj-dark .layui-table-view .layui-table td{border-bottom: 1px solid #e3eef8 !important;}
body.fsgj-dark.night .layui-table-view .layui-table td,
body.fsgj-route.night .layui-table-view .layui-table td,
body.fsgj-dark .layui-table-view .layui-table td{border-bottom: 1px solid #444 !important;}
.fs-main--zxgj .layui-table-body table tr:nth-child(2n),
body.fsgj-dark .layui-table-body table tr:nth-child(2n){background-color: #f0f5f8 !important;}
body.fsgj-dark.night .layui-table-body table tr,
body.fsgj-route.night .layui-table-body table tr,
body.fsgj-dark .layui-table-body table tr{background-color: #242627 !important;}
body.fsgj-dark.night .layui-table-body table tr:nth-child(2n),
body.fsgj-route.night .layui-table-body table tr:nth-child(2n),
body.fsgj-dark .layui-table-body table tr:nth-child(2n){background-color: #333 !important;}
.fs-main--zxgj .pingfens>span.layui-inline,
body.fsgj-dark .pingfens>span.layui-inline{color: #ffc20d;font-size: 0.55rem;vertical-align: -0.04rem;margin-left: 0.1rem;}
@media screen and (max-width: 1300px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: calc(100% / 4);}
}
@media screen and (max-width: 1100px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: calc(100% / 3);}
}
@media screen and (max-width: 950px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: calc(100% / 2);}
}
@media screen and (max-width: 870px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: calc(100% / 3);}
}
@media screen and (max-width: 630px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: calc(100% / 2);}
}
@media screen and (max-width: 330px){
.fs-main--zxgj .loglists ul li,body.fsgj-dark .loglists ul li{width: 100%;}
}

/* Ensure hexagram grid floats clear correctly in theme shell */
.fs-main--zxgj .loglists ul,
body.fsgj-dark .loglists ul {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0.25rem;
  box-sizing: border-box;
}
.fs-main--zxgj .loglists ul li,
body.fsgj-dark .loglists ul li {
  box-sizing: border-box;
  list-style: none;
}
.fs-main--zxgj .resttips,
body.fsgj-dark .resttips {
  box-sizing: border-box;
}