body[data-menusn="0"] {--main-bgimg: url(/images/aaa/bg_sskpdmbpalea.jpg) no-repeat;}
body[data-menusn="4"] {--main-bgimg: url(/images/vertical/1726807582.jpeg) no-repeat;}
body[data-menusn="5"] {--main-bgimg: url(/images/aab/bg003.jpg) no-repeat;}

@-webkit-keyframes main_bg_fadein{
    0% { opacity: 1;    filter: blur(0px); -webkit-filter: blur(0px); }
    100% { opacity: var(--main-bgopacity); -webkit-filter: blur(var(--main-bgblur)); filter: blur(var(--main-bgblur));}
}

@-webkit-keyframes fadein1 {
    0% { opacity: 0.1;   -webkit-filter: blur(66px); filter: blur(66px); }
    100% { opacity: 1;   -webkit-filter: blur(0px); filter: blur(0px); }
}

:root{
    --main-input-focus-color:#303030;
    --focus-color:#00000080;
    --light-color:#00000080;
}




body[data-usercid="1"] {--main-bgimg: url(/images/webp/012/VIZ2Bgz.webp) no-repeat; }
body[data-usercid="2"] {--main-bgimg: url(/images/webp/012/VIZ9MHi.webp) no-repeat;}
body[data-sid="1"] {--main-bgimg: url(/images/webp/010/VCWfUNz.webp) no-repeat;}
body[data-sid="2"] {--main-bgimg: url(/images/webp/010/VCWaLkH.webp) no-repeat;}



/*  首页主目录  */
.topmenu { margin:0px; padding:0px; width:100%; display:block; background-color:#3385ff22;  flex-grow:0;flex-shrink:0;   }
.topmenu .menutext { position:relative;  margin:0px;  padding:3vmin 2vmin 1vmin 2vmin ; color:#ffffff; overflow:hidden; display:flex; align-items: center; justify-content: center;    }

.topmenu .logor {
    margin:0px;  padding:3vmin 2vmin 1vmin 2vmin ;
    overflow:hidden;
    display:flex; align-items: center; justify-content: center; 
}

.topmenu .logor img {
    opacity: .33;  width:4rem; height:4rem;
    border-radius:5px; overflow:hidden;
}


.topmenu .menulist {  margin:0px; padding:1vmin 2vmin 3vmin 2vmin ;  overflow:hidden; display:flex; flex-wrap: wrap;  justify-content:space-around;      }

.topmenu .menulist div { margin:0px; padding:0px;  flex-grow:1; display:flex; flex-wrap: wrap;  justify-content:space-around;      }
.topmenu .menulist a {
    margin:1.5vmin ; padding:1.5vmin;  position:relative; flex-grow:1; overflow:visible; display:flex; flex-direction: column;
    color: #ffffffe0; background:#ffffff20;  border:1px solid #00000000;  border-radius:.3rem;  
    transition-property: background,border-radius,box-shadow,transform; transition-duration: 200ms; transition-timing-function: linear,ease; 
    backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); 
} 
.topmenu .menulist a span { margin:0; padding:0; width:100%; overflow:visible; display:flex; justify-content:center; align-items:center; line-height:100%;  }
.topmenu .menulist a span:nth-child(1) {  flex-grow:1;  }
.topmenu .menulist a span:nth-child(2) { padding:1vmin 0 .5vmin 0; font-size:.75rem; }
.topmenu .menulist a span:nth-child(1) .icon { width:1.5rem; height:1.5rem; background:#ffffe0; mask-size:100%; }
.topmenu .menulist a span:nth-child(3) { position:absolute; left:3px; top:3px; z-index:66; transform: translateX(99vw) ;   background:#000000; width:5px; height:5px; border:1px solid #ff0000; display:none; }
.topmenu .menulist a:hover{ color: #ffffff; }

    body[data-sid="0"][data-usercid="0"] .topmenu .menulist a[data-sid="0"][data-usercid="0"],
    body[data-sid="1"] .topmenu .menulist a[data-sid="1"],
    body[data-sid="2"] .topmenu .menulist a[data-sid="2"],
    body[data-usercid="1"] .topmenu .menulist a[data-usercid="1"],
    body[data-usercid="2"] .topmenu .menulist a[data-usercid="2"] { color:#ffffff;  border:1px solid #ffffff60; font-weight:700; }
    
    body[data-sid="0"][data-usercid="0"] .topmenu .menulist a[data-sid="0"][data-usercid="0"]  span ,
    body[data-sid="1"] .topmenu .menulist a[data-sid="1"]  span ,
    body[data-sid="2"] .topmenu .menulist a[data-sid="2"]  span ,
    body[data-usercid="1"] .topmenu .menulist a[data-usercid="1"]  span ,
    body[data-usercid="2"] .topmenu .menulist a[data-usercid="2"] span { filter:drop-shadow(0px 0px 5px #fffff0);  -webkit-filter:drop-shadow(0px 0px 5px #fffff0); }
    
/* ============================  */

@-webkit-keyframes bbarmove {
    0% { transform:translate(0,200%) }
    100% { transform:translate(0,0%); }
}






/*  首页虚拟搜索框  */
.seabuts {
    position:relative;
    margin:0px;
    padding:.25rem 0 .5rem 0 ;
    background-color:#ffffff;
    border:0px solid #000000;
}


.seabuts a { margin:0px;  width:100%;  padding:calc(.5vmin + 2px ); ; position:relative; background-color:#00000010; overflow:hidden; display:flex; justify-content:center; border-radius:10rem;  }
.seabuts a span { margin:0; padding:1px; display:block; overflow:hidden; display:flex; justify-content:center; align-items: center }
.seabuts a span.inpview {  color:#00000099; flex-grow:1; font-size:.75rem;  display:flex; justify-content:center; align-items: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   }
.seabuts a span.seaico {  color:#00000099;  }
.seabuts a span.seaico .icon { height:1.25rem; width:1.25rem; background:#303030; }

@keyframes breathing-animation {
  0% { opacity: 0.1; }
  50% {  opacity: .7; }
  100% {  opacity: 0.1;  }
}


/* 容器简化 */
.info-list {
    padding:1px 0 0 0;
    display: flex;
    flex-direction: column;
    gap:1px;
}

.listing-card {
    margin:0;
}

.listing-card > a {
    margin:0;
    padding:2vmin 0 2vmin 3vmin;
    g.ap:max(.25rem,2vmin);
    color: #303030;
    vertical-align: top;
    background:#ffffff;
    display:flex;
    overflow:visible;
    justify-content:space-between;
    transition: transform,border-radius,background 300ms ease;
    border:0px solid #00000095;
}

.listing-card > a .icon {
    width:1.25rem; height:1.25rem; background:#00000020;
}


.listing-link {
    display: flex;
    padding: 1rem 0 1rem 1rem;
    color: #303030;
    text-decoration: none;
    justify-content: space-between;
}

/* 业务类型：垂直排列文字 */
.listing-category {
    margin-top: .2rem;
    width: 1.2rem;
    font-size: .8125rem;
    font-weight:bold;
    color: var(--infs-default-fc);
    line-height: 1.2;
    flex-shrink: 0;
           opacity: .6;
}

article[data-typeid="1"] .listing-category {
    color: var(--infs-sale-fc);
}
article[data-typeid="2"] .listing-category {
    color: var(--infs-rent-fc);
}




/* 主体部分 */
.listing-main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 2px 0;
    padding: 0 0 0 .5rem;
}

/* 标题区：修复旧代码中 float 导致的布局崩坏 */
.listing-header {
    /*
    display: flex;
    align-items: flex-start;
    gap: 0;
    
    */
    display: block;    

}

.listing-thumbnail {
    width: 6rem;
    height: 4rem;
    margin: 0;
    margin-top: .2rem;
    margin-right: .5rem;
    flex-shrink: 0;
    float:left; 
}

.listing-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.listing-title {
    margin: 0;
    display:inline;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: normal;
}

/* 亮点标签 */
.listing-tags {
    font-size: 0.8rem;
    color: rgba(0,0,0,0.6);  
/*    color: var(--light-color); */
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tag-verified {
    color: #009900;
    font-weight: bold;
}

/* 底部元数据 */
.listing-meta {
    display: flex;
    font-size: 0.75rem;
    color: rgba(0,0,0,0.5);
    gap: .5em;
}

.listing-actions {
    width:calc(1rem + 3.3vmin);
    
    display: flex;
    flex-shrink: 0;
}



/* 主容器 */
.main-content { 
    padding: 0; 
    width: 100%; 
    overflow: hidden; 
    background-color: rgba(200,200,200,.6); 
}

/* 翻页导航区 */
.pagination-container { 
    margin: 0; 
    padding: 0 0 6rem 0; 
    width: 100%; 
    overflow: hidden; 
    background: #FFFFFF; 
}

/* 进度条 */
.load-progress { 
    margin: 0; 
    padding: 3px; 
    overflow: hidden; 
    width: 100%; 
    height: 2px; 
}

.curr-progress {
    height: 2px;
    padding: 2px; 
    background:var(--focus-color);
/*    -webkit-filter: blur(2px); filter: blur(2px); */
    border-radius: 10px;
    opacity: 0.5; 
    
    

    b.ox-shadow: 0 0 1px var(--focus-color);
    transition: width 2s ease-in-out;
    
    /* 添加闪烁动效 */
    animation: glow-animation 3.5s infinite alternate;    
    
}
@keyframes glow-animation {
  from {
        opacity: 0.7;
  }
  to {
        opacity: .1;
  }
}





.progress-bar { 
    margin: 0; 
    padding: 0; 
    display: block; 
    background: #778899; 
    height: 2px; 
    width: 0%; 
    transition: width 2000ms linear; 
}

/* 按钮包装 */
.next-page-wrapper { 
    display: flex; 
    justify-content: center; 
    overflow: hidden; 
    width: 100%; 
    padding: 3vmin 5vmin; 
}

/* 加载按钮：优化为 button 样式 */
.btn-load-more { 
    appearance: none; /* 清除默认样式 */
    border: none;
    width: 100%; 
    margin: 0; 
    text-align: center; 
    padding: 3vmin;
    display: flex; 
    justify-content: center;
    font-size: 1rem; 
    border-radius: 5px; 
    color: #303030; 
    background: #f0f0f0;  
    cursor: pointer;
    transition: width 300ms ease, background 500ms ease;
} 

.btn-load-more:active { 
    background: #ffffff; 
    width: 50%; /* 保持你原来的趣味性收缩效果 */
} 

.btn-load-more .icon { 
    width: 1.5rem; 
    height: 1.5rem; 
    background: #303030; /* 确保图标颜色 */
}

.pagination-container[data-ended="false"] button i:nth-child(1) { display:inline-block;}
.pagination-container[data-ended="false"] button i:nth-child(2) { display:none;}
.pagination-container[data-ended="true"] button i:nth-child(1) { display:none;}
.pagination-container[data-ended="true"] button i:nth-child(2) { display:inline-block;}





/* 优化原本的图标展示，确保遮罩层在语义标签上依然有效 */



/* 搜索框容器语义化 */
.seabuts .search-trigger-wrapper {
    padding: 3.3vmin 3.6vmin 1.5vmin 3.6vmin;
}

/* 进度条容器 */
.loading-status {
    height: 1.6vmin;
    display: flex;
    align-items: center;
    justify-content: center;
}




.web-logor  {
    padding:1.5vmin 0 1.5vmin 0;
    overflow:visible;
    display:flex;
    justify-content: center;
    align-items: stretch;
    
    
    
    
    
}
.web-logor h1 {
    display: flex;
    align-items: center;
     margin:0px; padding:0; 
    font-size:1rem;
    font-weight:400;
    color: #fffffff0;
    filter: drop-shadow(0px 0px 5px #fffff0);
    -webkit-filter: drop-shadow(0px 0px 5px #fffff0);
    
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;    
    gap:3px;
    
}
.web-logor small {
    font-size:12px;
    font-weight:400;
    color: #ffffffc0;
}

.web-logor > div  { margin:0px; padding:.25rem;  overflow:visible;  display:flex; align-items: center;  color:#ffffff; border:0px solid #ff000060; font-size:.75rem; filter:drop-shadow(0px 0px .5rem #ffffffc0);  }
.web-logor > div img { width:3rem; hiehgt:3rem;  border-radius:.25rem;   }
.web-logor > div:nth-child(1) { justify-content: center; }
.web-logor > div:nth-child(2) { min-width:12rem; }
.web-logor  .icon { background:#ffffff; mask-size:150%;   overflow:visible; }

.web-logor span:has(img) {  display:flex; align-items: center; justify-content: center; width:2rem; hiehgt:2rem; overflow:hidden; flex-grow:0;flex-shrink:0;   }
.web-logor span:has(img) img { display:block; width:2rem; hiehgt:2rem; -webkit-transform:scale(1.5); transform:scale(1.5); border:0px solid #00000000; }

.menulist .icon {
    width: 1.5rem;
    height: 1.5rem;
    background: #ffffe0;
    mask-size: 100%;
}









.bottom-navs {
    position:fixed;
    z-index:66;
    left:0; bottom:0; right:0;    
    
    margin:0px;
    padding:.25vmin 2vmin 1vmin 2vmin;
    width:100%;
    overflow:hidden;
    border-top:1px solid #00000060;
    background-color:#ffffff;  
    -webkit-animation: bbarmove 220ms linear 1;
}
.bottom-navs nav {
    margin:0; padding:0;
    width:100%;
    overflow:hidden;
    display:flex;
    justify-content:space-around;
    align-items: center;
}





.bottom-navs a { margin:1.5vmin ; padding:.25rem .5rem ; float:right; text-align:center;  flex-grow:1; color:#303030; border:0px solid #F8F8F8;   overflow:visible;  display:flex; flex-direction: column;  align-items:center; } 
.bottom-navs a:hover{ color: #303030;   } 
.bottom-navs a .icon { width:1.25rem; height:1.25rem;  background:#303030e0; }

.bottom-navs a span {   display:block;  overflow:visible;  margin:0px; padding:0px; border:0px solid #999999; width:100%;  display:flex;  justify-content:center;  line-height:100%;   }
.bottom-navs a span:nth-child(1)  { width:100%;   display:flex;  justify-content:center; align-items:center; }
.bottom-navs a span:nth-child(1) img {   display:block;  margin:0px; width:1.25rem; height:1.25rem;}
.bottom-navs a span:nth-child(2) {  padding:.25rem 0 0 0;  font-size:0.75rem; }

.bottom-navs a[data-browserusers],
.bottom-navs a[data-appusers] { display:none; }
body[data-browserusers] .bottom-navs a[data-browserusers] { display:flex; }
body[data-appusers] .bottom-navs a[data-appusers] { display:flex; }






/* ===== 全屏搜索层 ===== */

.search-overlay{
    position:fixed;
    inset:0;
    z-index:90;

    padding:9vh 6vmin;

    overflow-x:hidden;
    overflow-y:auto;

    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);

    animation:search_overlay_fadein 300ms linear;
}

@keyframes search_overlay_fadein{
    from{
        backdrop-filter:blur(0);
        -webkit-backdrop-filter:blur(0);
    }
    to{
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
    }
}


/* ===== 顶部工具栏 ===== */

.search-toolbar{
    display:flex;
    justify-content:flex-end;
    gap:2vmin;

    padding:3vmin 0 2vmin 0;
}

.search-toolbar .toolbar-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:.25rem;

    margin:0;
    padding:.25rem .4rem;

    border:none;
    border-radius:.5rem;

    background:#ffffff20;
    border:1px solid #ffffff20; 
    
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);

    box-shadow:1px 1px 1.5rem rgba(0,0,0,0.3);
}

.search-toolbar .toolbar-icon{
    display:flex;
    align-items:center;
    justify-content:center;
}

.search-toolbar .toolbar-icon .icon{
    width:1.5rem;
    height:1.5rem;

    background:#ffffff;
    mask-size:75%;
}

.search-toolbar .toolbar-text{
    font-size:.75rem;
    color:#ffffff;
}


/* ===== 搜索主体 ===== */

.search-panel{
    position:relative;

    width:100%;

    border-radius:.5rem;

    background:#ffffffc0;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);

    box-shadow:1px 1px .75rem rgba(0,0,0,0.2);
}


/* ===== 标题 ===== */

.search-header{
    padding:3.5vmin 3.5vmin 0 3.5vmin;
}

.search-title{
    margin:0;

    font-size:.75rem;
    font-weight:700;
}


/* ===== 分类筛选 ===== */

.search-filter{
    display:flex;
    flex-wrap:wrap;
    gap:3.3vmin;

    padding:3vmin 3.5vmin 1.5vmin 3.5vmin;
}

.search-filter button{
    display:flex;
    align-items:center;
    justify-content:center;

    padding:0.9vmin 1.33vmin;

    border:none;
    border-radius:5rem;

    background:#ffffffe0;

    font-size:.75rem;

    box-shadow:0 1px 3px rgba(0,0,0,0.13);

    transition:background 300ms,color 300ms;
}

.search-filter button > span{
    padding:.25rem;
}


body[data-sid="0"][data-usercid="0"] .search-filter button[data-sid="0"][data-usercid="0"],
body[data-sid="1"]  .search-filter button[data-sid="1"],
body[data-sid="2"]  .search-filter button[data-sid="2"],
body[data-usercid="1"]  .search-filter button[data-usercid="1"],
body[data-usercid="2"]  .search-filter button[data-usercid="2"] {
    color:#ffffff;  
    background:var(--focus-color);
}







/* ===== 搜索表单 ===== */

.sear-form{
    padding:0 2vmin 2vmin 2vmin;
}

.search-fieldset{
    margin:0;
    padding:1.5vmin;
    border:none;
}

.search-input-wrap{
    position:relative;
    margin:0; padding:0;
    border:1px solid #aacceee0;
    border-color:var(--light-color);
    border-radius:.25rem;
    overflow:hidden;
}
.search-input-wrap:focus-within {
    border-color:var(--focus-color);
}


.search-input{
    width:100%;
    height:2rem;
    padding:.3rem;
    border-radius:.25rem;
    border:none;
    outline:none;

    font-size:1rem;
    -webkit-user-select:text !important;
    user-select:text !important;
    -webkit-touch-callout:default !important;
    touch-action:auto !important;
}
.search-input::placeholder {
    font-size:0.8125rem;
    color:#00000080;
}




.search-input:focus{
    border-color:#303030;
}


.search-submit{
    position:absolute;
    top:0;
    right:0;
    bottom:0;

    padding:0 .75rem;

    border:none;
    background:#ffffff;


    
    font-size:.75rem;
    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;
}

.formbox form .butbox {  position:absolute; padding:0 .75rem; top:0; right:0;  bottom:0; border:0px solid #C2D0E7;  background:var(--main-input-color);  background:#00000000; color:#303030;  font-weight:700; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content:center;  }
.search-input-wrap:focus-within .search-submit { background:var(--main-input-focus-color);  color:#ffffff; }

.search-input-wrap:focus-within  font.corner  { color:var(--main-input-focus-color);}






/* ===== 搜索建议 ===== */





.search-suggest{
    padding:3vmin 3.5vmin;
}

.search-suggest .explain {
    padding:.25rem;
    font-size:.8125rem;
    line-height:150%;
}
.search-suggest .explain a {
    color:#303030c0;
}



.suggest-list { 
    margin:0;
    padding:.25rem 1rem .25rem 0 ;

    max-height:50vh;
    overflow-y:auto;
    list-style:none;
}

.suggest-list li{
    margin:0;
    padding:0 .5rem 0 .5rem ;
}

.suggest-list button{
    width:100%;

    padding:1.3vmin 1.5vmin;

    border:none;
    border-bottom:1px solid #00000030;

    background:none;

    text-align:left;

    color:#000000e0;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.suggest-list button:hover,
.suggest-list button:active{
    color:#cc6600;
}





/* ===== 无障碍隐藏 ===== */

.visually-hidden{
    position:absolute !important;

    width:1px;
    height:1px;

    margin:-1px;
    padding:0;

    overflow:hidden;

    clip:rect(0 0 0 0);

    white-space:nowrap;

    border:0;
}