/* ==========================================================================
   数贸港数据资产交易 · 新版视觉主题 theme.css
   浅色金融风 · 叠加在 main.css 之后加载，仅覆盖视觉，不改动任何结构与后端
   ========================================================================== */

:root{
    --wb-brand:#1256a0;
    --wb-brand-dark:#0d3d75;
    --wb-brand-soft:#eaf1fb;
    --wb-gold:#c1994c;
    --wb-up:#d5372b;
    --wb-down:#0f9d58;
    --wb-bg:#f4f6fa;
    --wb-surface:#ffffff;
    --wb-line:#e6ebf3;
    --wb-line-strong:#d4dbe7;
    --wb-t1:#16202e;
    --wb-t2:#5b6b82;
    --wb-t3:#93a1b5;
    --wb-r-sm:8px;
    --wb-r:12px;
    --wb-r-lg:16px;
    --wb-shadow:0 1px 2px rgba(16,34,62,.04), 0 6px 18px rgba(16,34,62,.06);
    --wb-shadow-hover:0 2px 6px rgba(16,34,62,.07), 0 14px 32px rgba(16,34,62,.12);
}

/* ---------- 基础 ---------- */
body{
    background:var(--wb-bg) !important;
    color:var(--wb-t1);
    font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    -webkit-font-smoothing:antialiased;
    padding-top:64px;
}
a{color:var(--wb-t1);}
a:hover,a:focus{color:var(--wb-brand);text-decoration:none;}
.text-muted{color:var(--wb-t3) !important;}
.text-red,.text-danger{color:var(--wb-up) !important;}
.text-primary{color:var(--wb-brand) !important;}
h1,h2,h3,h4{color:var(--wb-t1);}
.container{max-width:1240px;}
.help-block{color:var(--wb-t2);}
.mgt-15px{margin-top:15px;}

/* ---------- 顶部导航 ---------- */
.manual-header{
    background:rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter:saturate(180%) blur(12px);
    backdrop-filter:saturate(180%) blur(12px);
    border-bottom:1px solid var(--wb-line) !important;
    box-shadow:0 1px 0 rgba(16,34,62,.03);
    min-height:64px;
}
.manual-header .container{position:relative;}
.navbar{min-height:64px;}
.navbar-brand{padding:0 24px 0 0 !important;height:64px;display:flex;align-items:center;}
.navbar-brand>img.logo{height:38px !important;margin-top:0 !important;}
.manual-header a{color:var(--wb-t2);}
.manual-header .navbar-nav>li>a{
    font-size:14px !important;
    line-height:64px !important;
    padding:0 14px !important;
    color:var(--wb-t2);
    border-radius:0;
    transition:color .18s ease;
}
.manual-header .navbar-nav>li>a img{
    opacity:.5;
    filter:grayscale(1);
    transition:opacity .18s ease,filter .18s ease;
}
.manual-header .navbar-nav>li>a:hover{color:var(--wb-brand) !important;background:transparent !important;}
.manual-header .navbar-nav>li>a:hover img{opacity:1;filter:none;}
.manual-header .navbar-nav>li.active>a{
    color:var(--wb-brand) !important;
    background:transparent !important;
    font-weight:500;
    box-shadow:inset 0 -2px 0 var(--wb-brand);
}
.manual-header .navbar-nav>li.active>a img{opacity:1;filter:none;}
.manual-header .navbar-nav>li.active a{padding-bottom:0 !important;}
.manual-header .nav>li>a:focus,.manual-header .nav>li>a:hover{padding-bottom:0 !important;}

/* 搜索框 */
.searchbar{padding:0 !important;margin:14px 0 0 10px;}
.searchbar .form-inline{display:flex;align-items:center;gap:8px;}
.searchbar .form-control{
    width:200px;height:34px;border-radius:999px !important;
    border:1px solid var(--wb-line-strong) !important;
    background:var(--wb-bg) !important;
    box-shadow:none !important;
    font-size:13px;padding:6px 14px;color:var(--wb-t1);
}
.searchbar .form-control:focus{border-color:var(--wb-brand) !important;background:#fff !important;}
.searchbar .search-btn{
    margin:0 !important;width:34px;height:34px;border-radius:50%;
    background:var(--wb-brand) !important;color:#fff !important;
    line-height:34px;text-align:center;padding:0 !important;
}
.searchbar .search-btn>i.fa{padding:0 !important;line-height:34px !important;}

/* 用户信息 */
.user-info{border-radius:999px !important;padding:5px 14px 5px 6px !important;}
.user-info:hover{background:var(--wb-brand-soft) !important;}
.userbar-avatar{width:34px !important;height:34px !important;margin-right:10px !important;border:0 !important;}
.userbar-content span{font-size:13px !important;color:var(--wb-t1) !important;margin-right:6px !important;font-weight:500;}
.userbar-content div{font-size:11px !important;color:var(--wb-t3) !important;}
.dropdown-menu{
    border:1px solid var(--wb-line) !important;
    border-radius:var(--wb-r) !important;
    box-shadow:var(--wb-shadow) !important;
    padding:6px !important;
    min-width:200px;
}
.dropdown-menu>li>a{
    border-radius:var(--wb-r-sm) !important;
    line-height:32px !important;
    height:32px !important;
    padding:0 12px !important;
    color:var(--wb-t2) !important;
    font-size:13px !important;
}
.dropdown-menu>li>a:hover{background:var(--wb-brand-soft) !important;color:var(--wb-brand) !important;}

/* ---------- 主体容器 ---------- */
.manual-body{margin-top:0 !important;}
.manual-header .container{padding-top:0 !important;}
body#bookstack-intro>div.container,.manual-body.container{padding-top:20px;}
/* fixed header 高度随宽度变化（搜索框换行），由 footer 的 JS 动态设置 body padding-top，
   CSS 里的固定值仅作 JS 未执行时的兜底 */
.manual-body .page-left{top:64px !important;}
.category-index.fixed,.category-index .panel-default.fixed{top:74px !important;}

/* ---------- 首页 Hero ---------- */
#lunbo-container{
    border-radius:var(--wb-r-lg);
    overflow:hidden;
    height:220px !important;
    box-shadow:var(--wb-shadow);
    position:relative;
    background:#dde5f1;
}
#lunbo-container:after{
    content:"";
    position:absolute;inset:auto 0 0 0;height:35%;
    background:linear-gradient(180deg,rgba(9,26,50,0) 0%,rgba(9,26,50,.32) 100%);
    pointer-events:none;
}
#lunbo-container img{width:100%;height:100%;object-fit:cover;display:block;}
.manual-body .row{margin-bottom:0;}

/* ---------- 行情统计条 ---------- */
.wb-market{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;margin:18px 0 6px;
}
.wb-market .wb-m{
    background:var(--wb-surface);
    border:1px solid var(--wb-line);
    border-radius:var(--wb-r);
    padding:16px 18px;
    box-shadow:var(--wb-shadow);
}
.wb-market .wb-m .k{font-size:12px;color:var(--wb-t3);margin:0 0 6px;letter-spacing:.02em;}
.wb-market .wb-m .v{
    font-size:24px;font-weight:600;color:var(--wb-t1);
    margin:0;font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.wb-market .wb-m .v small{font-size:12px;font-weight:400;color:var(--wb-t3);margin-left:4px;}
.wb-market .wb-m .d{font-size:12px;color:var(--wb-up);margin-left:8px;font-weight:500;}

/* ---------- 分类 chips（蓝色系） ---------- */
.lang-explore{margin:18px 0 0 !important;line-height:2.4;}
.lang-explore .text-muted{font-size:13px;margin-right:4px;}
.lang-explore a{
    display:inline-flex;align-items:center;gap:4px;
    padding:5px 12px;
    margin:0 6px 8px 0 !important;
    border-radius:999px;font-size:12.5px;line-height:1.4;color:var(--wb-t2);
    border:1px solid var(--wb-line);
    background:var(--wb-surface);
    transition:all .16s ease;
    vertical-align:middle;
    white-space:nowrap;
}
/* 分类胶囊内的小图标（与数据大屏入口同款线性图标） */
.lang-explore a>svg{
    width:13px;height:13px;flex:0 0 13px;
    stroke:currentColor;fill:none;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round;
}
@media (max-width:1199px){
    .lang-explore a{font-size:12px;padding:4px 9px;margin-right:4px !important;gap:3px;}
    .lang-explore a>svg{width:12px;height:12px;flex:0 0 12px;}
}
.lang-explore a:hover{border-color:var(--wb-brand);color:var(--wb-brand);}
.lang-explore a.active{
    background:var(--wb-brand);border-color:var(--wb-brand);
    color:#fff;font-weight:500;
    box-shadow:0 4px 12px rgba(18,86,160,.24);
}
.category-menu,.category-menu1{
    background:transparent !important;margin-top:12px;border-bottom:1px solid var(--wb-line);
    -webkit-user-select:none;user-select:none;
    -webkit-overflow-scrolling:touch;
    /* 两行统一：可横向滚动但隐藏滚动条，避免市级行因滚动条占位导致下划线间距不一致 */
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.category-menu::-webkit-scrollbar,.category-menu1::-webkit-scrollbar{
    display:none;width:0;height:0;
}
.menu-container,.menu-container1{gap:4px;padding-bottom:2px;}
/* 省市行：文字 Tab 风格（无底、无边框、下划线激活），与分类胶囊区分。
   注意 .menu-container 嵌套在 .lang-explore 内，必须显式重置继承来的胶囊样式 */
.menu-container a,.menu-container1 a{
    background:transparent !important;
    border:0 !important;border-bottom:2px solid transparent !important;
    border-radius:0 !important;box-shadow:none !important;
    transform:none !important;
    /* 关键：市级外层 .help-block 有内联 text-indent:45px，会继承进来把文字推右、
       造成下划线与文字错位，必须显式归零 */
    text-indent:0 !important;
    font-size:14px !important;color:var(--wb-t2) !important;
    line-height:1.4 !important;
    padding:9px 12px 8px !important;margin:0 !important;
    transition:color .16s ease;
}
.menu-container a:hover,.menu-container1 a:hover{
    color:var(--wb-brand) !important;background:transparent !important;
    border-color:transparent !important;border-bottom:2px solid transparent !important;
    box-shadow:none !important;transform:none !important;
}
.menu-container a.active,.menu-container1 a.active{
    color:var(--wb-brand) !important;font-weight:600 !important;
    background:transparent !important;
    border-bottom:2px solid var(--wb-brand) !important;
    box-shadow:none !important;
}
.cate-intro{
    border:1px solid var(--wb-line) !important;border-left:3px solid var(--wb-brand) !important;
    background:var(--wb-surface);border-radius:var(--wb-r-sm);
    padding:14px 18px !important;color:var(--wb-t2) !important;
    margin:18px 0 !important;font-size:13px;line-height:1.7;
}

/* ---------- 通用 Tab ---------- */
.nav-tabs{
    border-bottom:1px solid var(--wb-line);
    margin-top:22px;
    margin-bottom:18px;
}
.nav-tabs>li{margin-bottom:0 !important;}
.nav-tabs>li>a{
    border:0 !important;border-radius:0 !important;
    color:var(--wb-t2);font-size:14px;
    padding:12px 18px 16px !important;margin-right:8px;
    background:transparent !important;
    border-bottom:2px solid transparent !important;
    transition:all .16s ease;
}
.nav-tabs>li>a:hover{color:var(--wb-brand);background:transparent !important;}
.nav-tabs>li.active>a{
    color:var(--wb-brand) !important;font-weight:600;
    border-bottom:2px solid var(--wb-brand) !important;
    background:transparent !important;
}

/* ---------- 资产卡片 ---------- */
.manual-list{margin:0 !important;padding:0 !important;}
/* 筛选切换时的局部刷新：保持内容高度不塌陷（避免页面变矮后滚动位置跳顶），
   封面预取完成后再淡入，消除整页刷新式闪烁 */
.manual-list.wb-loading{opacity:.45;transition:opacity .12s ease;min-height:340px;}
.manual-list{transition:opacity .18s ease;}
.manual-list .list-item{padding-left:12px;padding-right:12px;height:auto !important;margin:0 0 24px;}
.manual-list>.col-xs-6,.manual-list>.col-sm-3,.manual-list>.col-md-2{
    padding-left:12px;padding-right:12px;margin-bottom:24px;
}
.manual-list .manual-item-standard{
    width:100% !important;float:none !important;
    background:var(--wb-surface);
    border:1px solid var(--wb-line);
    border-radius:var(--wb-r);
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    box-shadow:var(--wb-shadow);
}
.manual-list .manual-item-standard:hover{
    transform:translateY(-4px);
    box-shadow:var(--wb-shadow-hover);
    border-color:var(--wb-line-strong);
}
.manual-list .manual-item-standard>dt{
    margin:0 !important;height:auto !important;position:relative;
}
/* 注意：真实 DOM 中卡片外层无 .list-item，且 a 标签带内联 display:inline-block，
   必须 !important 强制块级全宽，否则封面收缩不占满卡片。
   这里同时把封面区定高 + overflow:hidden，做成"顶部对齐的取景框"：
   图片按宽度铺满、自然高度往下长，超出 150px 的下半部分被裁掉。 */
.manual-list .manual-item-standard>dt>a{
    display:block !important;width:100% !important;position:relative;
    height:150px;overflow:hidden;
}
/* 封面：横向占满卡片宽度，纵向顶部对齐，下部裁切。
   用"容器定高 + overflow:hidden + 图片 width:100%/height:auto"而不是 object-fit:cover，
   因为 cover 遇到横版图会改成裁左右、上下铺满，与"横向占满"的要求相反；
   容器裁切则无论横竖图都保证左右铺满、只切底部。
   资产封面是海报，标题与主体都在上方，裁底部不丢关键信息。 */
.manual-list .list-item .manual-item-standard .cover,.manual-list .manual-item-standard>dt>a>img{
    width:100% !important;height:auto !important;
    max-height:none !important;
    display:block;
    border-radius:0 !important;box-shadow:none !important;
    border:0 !important;background:#eef2f8;
}
.manual-list .manual-item-standard dd{margin:0 !important;padding:14px 16px 16px;}
.manual-list .manual-item-standard dd a{
    display:block !important;height:auto !important;
    margin:0 !important;font-size:13px !important;
    -webkit-line-clamp:unset !important;
}
.manual-list .manual-item-standard dd a.name:first-child{
    font-size:15px !important;font-weight:600;color:var(--wb-t1) !important;
    line-height:1.45;margin-bottom:10px !important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.manual-list .manual-item-standard dd a.name:first-child:hover{color:var(--wb-brand) !important;}
.manual-list .manual-item-standard dd a .description{
    color:var(--wb-t3) !important;font-size:12px !important;
}
.manual-list .manual-item-standard dd a .text{
    color:var(--wb-t1) !important;font-size:13px !important;font-weight:500;
    font-variant-numeric:tabular-nums;
}
.manual-list .manual-item-standard dd a .text.price{
    color:var(--wb-up) !important;font-size:16px !important;font-weight:600;
}
/* 卡片信息行 */
.manual-list .manual-item-standard dd>a.name~a.name{
    display:flex !important;justify-content:space-between;align-items:center;
    padding:4px 0;
}

/* ---------- 卡片四指标 ----------
   查看人数 / 经营权价 / 资产价值 / 贡献值。
   卡宽固定（col-md-2 ≈ 171px，内容区约 139px），2×2 网格每格只有 55px
   放不下「254.95万元」，所以用「标签左 · 数值右」的四行指标条：
   等宽数字右对齐、行高压到 20px，比原来四行各占一行松排版省一半高度，
   且长数值只在本格内省略，不会撑破卡片。
   未评估的资产保留「资产价值 / 贡献值」标签、数值显示「--」并弱化为灰
   （规则在下方 .is-empty 处），四行结构固定，同排卡片天然等高，
   不用写死 min-height，改字号也不会错位。 */
.manual-list .manual-item-standard dd .wb-metrics{
    display:flex;
    flex-direction:column;
    gap:1px;
    margin-top:8px;
    padding-top:8px;
    border-top:1px dashed var(--wb-line);
}
.manual-list .manual-item-standard dd .wb-metric{
    display:flex !important;
    flex-direction:row;
    align-items:baseline;
    justify-content:space-between;
    gap:6px;
    min-width:0;
    padding:2px 0 !important;
    margin:0 !important;
    line-height:1.3 !important;
}
.manual-list .manual-item-standard dd .wb-metric .k{
    flex:0 0 auto;
    font-size:11px !important;
    color:var(--wb-t3) !important;
    font-weight:400;
    letter-spacing:.02em;
    white-space:nowrap;
}
.manual-list .manual-item-standard dd .wb-metric .v{
    flex:1 1 auto;
    min-width:0;
    text-align:right;
    font-size:13px !important;
    font-weight:600;
    color:var(--wb-t1);
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.manual-list .manual-item-standard dd .wb-metric .v small{
    font-size:10px !important;
    font-weight:400;
    color:var(--wb-t3);
    margin-left:1px;
}
.manual-list .manual-item-standard dd .wb-metric.m-price .v{color:var(--wb-up);}
.manual-list .manual-item-standard dd .wb-metric.m-asset .v{color:#2e7d32;}
.manual-list .manual-item-standard dd .wb-metric.m-contrib .v{color:#1565c0;}
/* 未评估：标签照常显示，数值用「--」占位并弱化成灰，
   四行指标结构不变，同排卡片上下严格对齐（不再用 visibility:hidden 藏整行） */
.manual-list .manual-item-standard dd .wb-metric.is-empty{visibility:visible;}
.manual-list .manual-item-standard dd .wb-metric.is-empty .v{
    color:var(--wb-t3);
    font-weight:500;
    letter-spacing:.08em;
}

/* 待评估小圆点：数据已更新、等平台出值，数值还是上次的 */
.wb-dot-pending{
    display:inline-block;width:5px;height:5px;border-radius:50%;
    background:#e08b2d;margin-left:4px;vertical-align:middle;
}

/* 状态角标：左上角不再显示文字标签，仅保留封面右下角印章图 */
.manual-list .manual-item-standard dt>a:before,
.pending-evaluation:before,
.reviewed:before,
.in-transaction:before,
.transacted:before{
    content:none !important;
}
.recommend-book:before{
    content:"推荐" !important;
    position:absolute;z-index:3;
    top:10px;left:auto !important;right:10px !important;
    font-size:11px;line-height:1;padding:5px 9px;border-radius:6px;
    color:#fff;font-weight:500;letter-spacing:.02em;
    background:var(--wb-up) !important;
    box-shadow:0 2px 8px rgba(16,34,62,.18);
}
.pin-book:after{
    content:none !important;
}

/* 状态印章（右下角，恢复原站印章图效果，与文字标签叠加）
   封面高度压到 132px 后，印章按原图 68×57 渲染会占掉近一半，
   这里固定宽度等比缩放，保持"角标"观感 */
.manual-list .manual-item-standard dt>a:after{
    position:absolute;right:6px;bottom:6px;
    left:auto !important;top:auto !important;
    width:44px !important;height:auto !important;
    z-index:3;
    filter:drop-shadow(0 2px 6px rgba(16,34,62,.25));
}
.pending-evaluation:after{content:url(../images/pending-evaluation.png) !important;}
.reviewed:after{content:url(../images/reviewed.png) !important;}
.in-transaction:after{content:url(../images/in-transaction.png) !important;}
.transacted:after{content:url(../images/transacted.png) !important;}
/* 资产评估状态印章（右下角）
   已评估 → evaluated.png（绿）；未评估 → 沿用原有的 pending-evaluation.png（橙）。
   home/index.html 按有无评估结果在这两个 class 之间切换。 */
.evaluated:after{content:url(../images/evaluated.png) !important;}

/* 置顶标识：资产标题前小标签（避免与状态印章争用 :after） */
.manual-list .manual-item-standard:has(dt>a.pin-book) dd a.name:first-child::before{
    content:"置顶";
    display:inline-block;vertical-align:2px;
    font-size:11px;line-height:1;
    padding:2px 5px;margin-right:6px;
    border-radius:4px;
    color:var(--wb-gold);
    border:1px solid var(--wb-gold);
    background:rgba(193,153,76,.08);
    font-weight:500;
}

/* ---------- 资产详情页 ---------- */
#bookstack-intro .bookstack-info{
    background:var(--wb-surface);
    border:1px solid var(--wb-line);
    border-radius:var(--wb-r-lg);
    box-shadow:var(--wb-shadow);
    padding:26px 28px 22px;
    margin-bottom:22px;
}
#bookstack-intro h1{
    font-size:26px !important;font-weight:600 !important;
    color:var(--wb-t1) !important;line-height:1.35 !important;
    margin:0 0 14px !important;letter-spacing:-.01em;
}
#bookstack-intro h1 small{opacity:.45;}
#bookstack-intro .bookstack-info .border-cover-img{
    border-radius:var(--wb-r) !important;box-shadow:var(--wb-shadow) !important;
    width:100%;
}
#bookstack-intro .bookstack-info .col-sm-3{margin-bottom:10px;}
#bookstack-intro .none-listyle li{
    line-height:2.2 !important;
    border-bottom:1px dashed var(--wb-line) !important;
    font-size:13.5px;color:var(--wb-t2);
}
#bookstack-intro .none-listyle li:last-child{border-bottom:0 !important;}
#bookstack-intro .none-listyle li>span:first-child{color:var(--wb-t3);}
#bookstack-intro .none-listyle li>span:last-child,#bookstack-intro .none-listyle li>span{
    color:var(--wb-t1);
}
#bookstack-intro .bookstack-info span{color:var(--wb-t1) !important;}
#bookstack-intro .bookstack-info>div>.none-listyle>li>span:first-child{color:var(--wb-t3) !important;}
#bookstack-intro .bookstack-info .btn-group{
    display:flex;flex-wrap:wrap;gap:9px;
    margin-top:18px !important;padding:0 !important;
}
#bookstack-intro .comments-form{border-bottom:0 !important;}
#bookstack-intro .none-listyle li.wb-asset-row em{
    font-style:normal;color:var(--wb-t2) !important;
    font-size:12.5px;word-break:break-all;
}
/* 资产评分行排版 */
#bookstack-intro .none-listyle li.bookstack-score{
    line-height:1.9 !important;
    padding:4px 0 10px;
}
#bookstack-intro .bookstack-score .bookstack-star{vertical-align:-1px;margin-right:5px;}
#bookstack-intro .bookstack-score .wb-score-num{
    font-size:17px;font-weight:600;color:var(--wb-t1) !important;
    margin-left:9px;font-variant-numeric:tabular-nums;
}
#bookstack-intro .bookstack-score .wb-score-cnt{
    color:var(--wb-t3) !important;font-size:12px;margin-left:7px;
}
#bookstack-intro .none-listyle li.wb-price{border-bottom:0 !important;line-height:1.5 !important;padding:8px 0 2px;}
#bookstack-intro .none-listyle li.wb-price>span:first-child{color:var(--wb-t3) !important;}
#bookstack-intro .none-listyle li.wb-price b{
    font-size:24px;font-weight:600;color:var(--wb-up) !important;
    letter-spacing:-.01em;font-variant-numeric:tabular-nums;
}

/* 详情页标签栏 */
.bookstack-menu{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:var(--wb-r) var(--wb-r) 0 0;border-bottom:0;}
.bookstack-menu .nav-tabs{
    border-bottom:1px solid var(--wb-line) !important;
    padding:0 10px;margin-top:0 !important;
    display:flex;flex-wrap:wrap;
}
.bookstack-menu .nav-tabs>li{margin-bottom:0 !important;}
.bookstack-menu .nav-tabs>li>a{padding:14px 16px 17px !important;font-size:13.5px;}
.bookstack-menu .help-block{
    background:var(--wb-surface);
    border:1px solid var(--wb-line);border-top:0;
    border-radius:0 0 var(--wb-r) var(--wb-r);
    padding:20px 22px;margin:0;
}

/* 详情页表格 */
.bookstack-menu .table,.table-responsive .table{
    border:1px solid var(--wb-line);border-radius:var(--wb-r-sm);
    overflow:hidden;margin-bottom:0;
}
.table>thead>tr>th{
    background:#f7f9fc !important;color:var(--wb-t2) !important;
    font-weight:500 !important;font-size:12.5px !important;
    border-bottom:1px solid var(--wb-line) !important;
    padding:12px 14px !important;white-space:nowrap;
}
.table>tbody>tr>td{
    padding:11px 14px !important;font-size:13px;
    border-top:1px solid var(--wb-line) !important;
    color:var(--wb-t1);vertical-align:middle !important;
}
.table-striped>tbody>tr:nth-of-type(odd){background:#fbfcfe !important;}
.table-hover>tbody>tr:hover{background:var(--wb-brand-soft) !important;}

/* 评论区 */
.comments-list li{border-bottom:1px solid var(--wb-line) !important;padding:22px 0 !important;}
.comments-list .comments-content{color:var(--wb-t2) !important;font-size:13.5px;line-height:1.8;}
.comments-form .score .fa-star-o{font-size:20px;color:#d8dee9;cursor:pointer;}
.comments-form .score .fa-star-o:hover{color:var(--wb-gold);}

/* 资产标签 */
.bookstack-labels a{
    display:inline-block;padding:4px 11px;margin:0 6px 6px 0 !important;
    background:var(--wb-brand-soft);color:var(--wb-brand) !important;
    border-radius:999px;font-size:12px;
}
.bookstack-labels a:hover{background:var(--wb-brand);color:#fff !important;}

/* ---------- 按钮 ---------- */
.btn{
    border-radius:var(--wb-r-sm) !important;
    font-size:13px !important;
    padding:8px 16px !important;
    border:1px solid transparent !important;
    transition:all .16s ease;
}
.btn-success{background:var(--wb-brand) !important;border-color:var(--wb-brand) !important;color:#fff !important;}
.btn-success:hover,.btn-success:focus{background:var(--wb-brand-dark) !important;border-color:var(--wb-brand-dark) !important;}
.btn-info{background:#2f7fd1 !important;border-color:#2f7fd1 !important;color:#fff !important;}
.btn-info:hover{background:#2569b0 !important;}
.btn-danger{background:var(--wb-up) !important;border-color:var(--wb-up) !important;color:#fff !important;}
.btn-danger:hover{background:#b52c22 !important;}
.btn-warning{background:#fff !important;border-color:var(--wb-line-strong) !important;color:var(--wb-t2) !important;}
.btn-warning:hover{border-color:var(--wb-brand) !important;color:var(--wb-brand) !important;background:#fff !important;}
.btn-primary{background:var(--wb-brand) !important;border-color:var(--wb-brand) !important;color:#fff !important;}
.btn-default{background:#fff !important;border-color:var(--wb-line-strong) !important;color:var(--wb-t2) !important;}
.btn-default:hover{border-color:var(--wb-brand) !important;color:var(--wb-brand) !important;}

/* ---------- 分页 ---------- */
.pagination-container{margin:28px auto 8px !important;display:flex;justify-content:center;}
.pagination>li>a,.pagination>li>span{
    border:1px solid var(--wb-line) !important;
    color:var(--wb-t2) !important;
    padding:8px 14px !important;
    margin:0 3px;
    border-radius:var(--wb-r-sm) !important;
    font-size:13px;
}
.pagination>li>a:hover{background:var(--wb-brand-soft) !important;color:var(--wb-brand) !important;border-color:var(--wb-brand) !important;}
.pagination>.active>a,.pagination>.active>span,
.pagination>.active>a:hover,.pagination>.active>span:hover{
    background:var(--wb-brand) !important;border-color:var(--wb-brand) !important;color:#fff !important;
}

/* ---------- 榜单页 ---------- */
#page-rank .rank-head h1,#page-rank .rank-head h2{font-weight:600;}
#page-rank .panel{
    background:var(--wb-surface);border:1px solid var(--wb-line) !important;
    border-radius:var(--wb-r) !important;box-shadow:var(--wb-shadow) !important;
    overflow:hidden;
}
#page-rank .panel-default>.panel-heading{
    background:#f7f9fc !important;border-bottom:1px solid var(--wb-line) !important;
    font-weight:600;color:var(--wb-t1);padding:14px 18px;
}
#page-rank .panel-body li a{border-bottom:1px solid var(--wb-line) !important;padding:12px 18px 0 !important;}
#page-rank .panel-body li a:hover{background:var(--wb-brand-soft) !important;}
#page-rank .rank-order{border-radius:var(--wb-r-sm);font-weight:600;}

/* ---------- 搜索页 ---------- */
.manual-search-reader .search-item{
    background:var(--wb-surface);border:1px solid var(--wb-line);
    border-radius:var(--wb-r);margin:0 0 12px !important;padding:16px 20px !important;
    transition:box-shadow .16s ease,border-color .16s ease;
}
.manual-search-reader .search-item:hover{background:var(--wb-surface) !important;box-shadow:var(--wb-shadow);border-color:var(--wb-line-strong);}
.manual-search-reader .search-item .title{font-weight:600;color:var(--wb-t1);}
.manual-search-reader .search-item a{color:var(--wb-brand);}
.manual-search-reader .search-item em{color:var(--wb-up);background:rgba(213,55,43,.08);border-radius:3px;padding:0 2px;}

/* ---------- 分类页 ---------- */
.cate-list .panel-body .cate-item{
    background:var(--wb-surface);border:1px solid var(--wb-line) !important;
    border-radius:var(--wb-r) !important;box-shadow:var(--wb-shadow);
    transition:transform .18s ease,box-shadow .18s ease;
}
.cate-list .panel-body .cate-item:hover{background:var(--wb-surface) !important;transform:translateY(-3px);box-shadow:var(--wb-shadow-hover);}
.cate-list .cate-item>div a{font-weight:600;color:var(--wb-t1);}

/* ---------- 登录页 ---------- */
.login .login-body{
    border:1px solid var(--wb-line) !important;
    border-radius:var(--wb-r-lg) !important;
    box-shadow:var(--wb-shadow);
    padding:26px 28px !important;
    margin:80px auto !important;
}
.login .login-body .form-control{border-radius:var(--wb-r-sm) !important;height:42px;}

/* ---------- 表单 ---------- */
.form-control{
    border:1px solid var(--wb-line-strong) !important;
    border-radius:var(--wb-r-sm) !important;
    box-shadow:none !important;
    color:var(--wb-t1);
    transition:border-color .16s ease,box-shadow .16s ease;
}
.form-control:focus{
    border-color:var(--wb-brand) !important;
    box-shadow:0 0 0 3px rgba(18,86,160,.1) !important;
}
textarea.form-control{border-radius:var(--wb-r-sm) !important;}

/* ---------- 用户中心 ---------- */
.ucenter .panel,.ucenter .well{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:var(--wb-r);box-shadow:none !important;}
.ucenter-content li.clearfix{border-bottom:1px dashed var(--wb-line) !important;}
.ucenter-content li.clearfix:hover{background:var(--wb-brand-soft) !important;}

/* ---------- 页脚 ---------- */
.footer{
    margin-top:56px !important;
    background:var(--wb-brand-dark);
    color:rgba(255,255,255,.72);
    padding:8px 0 24px;
}
.footer .container .row{border-top:0 !important;padding-top:26px !important;padding-bottom:10px !important;}
.footer a{color:rgba(255,255,255,.72) !important;}
.footer a:hover{color:#fff !important;}
.footer .text-muted{color:rgba(255,255,255,.6) !important;}
.footer .help-block{color:rgba(255,255,255,.6) !important;margin-bottom:6px;}
.footer .help-block a{margin:0 6px;}
.footer small{color:rgba(255,255,255,.6);}
.footer small a.text-muted{color:rgba(255,255,255,.66) !important;}
.footer_info{color:rgba(255,255,255,.55);font-size:12px;line-height:1.9;}
.footer_info a{color:rgba(255,255,255,.7) !important;}
.footer_info img{filter:brightness(0) invert(1);opacity:.75;}

/* ---------- 返回顶部 / 其他 ---------- */
.backtop{border:1px solid var(--wb-line) !important;border-radius:var(--wb-r-sm) !important;box-shadow:var(--wb-shadow);color:var(--wb-t2);}
.backtop:hover{background:var(--wb-brand) !important;color:#fff !important;border-color:var(--wb-brand) !important;}
.single-search .search-form{margin:120px auto !important;}
.single-search .input-group-addon{background:var(--wb-brand) !important;border-color:var(--wb-brand) !important;color:#fff !important;}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
    .wb-market{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
    body{padding-top:56px;}
    .navbar-brand,.manual-header .navbar-brand{height:56px;}
    .manual-header .navbar-brand>img.logo{height:32px !important;}
    #lunbo-container{height:150px !important;}
    .wb-market{gap:10px;margin:12px 0 4px;}
    .wb-market .wb-m{padding:12px 14px;}
    .wb-market .wb-m .v{font-size:19px;}
    /* 移动端搜索行：内联 margin:30px 收窄 */
    .manual-body .row.visible-xs{margin:12px 0 10px !important;}
    .manual-list>.col-xs-6{margin-bottom:16px;}
    /* 移动端封面取景框：高度收窄，仍按宽度铺满、只裁底部 */
    .manual-list .manual-item-standard>dt>a{height:112px;}
    .manual-list .manual-item-standard>dt>a>img{height:auto !important;max-height:none !important;}
    #bookstack-intro .bookstack-info{padding:18px;}
    #bookstack-intro h1{font-size:21px !important;}
    .bookstack-menu .nav-tabs{overflow-x:auto;flex-wrap:nowrap;}
    .footer{margin-top:32px !important;}
}

/* ===== 数据大屏入口（智慧住区驾驶舱）=====
   图标与配色已由 .lang-explore a / .lang-explore a>svg 统一控制，
   此处仅保留语义标记，无额外样式 */