@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('preloader.css');



#fb5{
    font-family:Arial,sans-serif;
    font-size:14px;
    position:relative;
    overflow:hidden;
    margin:0 auto;
    display:block;
    width:100%;
    height:100%;      /* = 视口高度；onload.js 的 book_area() 会再写一次具体像素值 */
    opacity:0;
    margin-bottom:0;
}

#fb5.fullScreen,#fb5-ajax[data-template="true"] #fb5{
    margin-bottom:0;
}


#fb5 #fb5-container-book {
    position: absolute;
    z-index: 5;
    display: none;
    width: 1100px; height: 715px;
}


#fb5 fieldset{


}


#fb5 #fb5-deeplinking{
    display:none;
}


#fb5 .fb5-bcg-book{
    background: none no-repeat center center;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    width:100%;
    height:100%;
}

#test{
    margin:0 auto;
    width:100%;
}

#fb5 #page.mobile {
    width: 550px; height: 358px;
    margin: -210px 0 0 -275px;
}

#fb5 #page .padding { /*padding: 0 34px;*/ }



#fb5 .cursor-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}


#fb5 .fb5-overlay {
    position: absolute; left: -10000px; top: 0; z-index: 20;

    /*background: url(../img/bg-overlay.png);/*/
    background:rgba(0,0,0,0);

    width: 100%; height: 100%;
    display:none;
}

#fb5 .fb5-overlay.active { left: 0; display:block; }


/* = Back button
-------------------------------------------------------------- */
#fb5 #fb5-button-back{
    color:#FFFFFF;
    position:absolute;
    left:-5px;
    top:45px;
    background-color:#64C8D3;
    border-radius: 4px 4px 4px 4px;
    padding:5px;
    padding-left:15px;
    padding-right:10px;
    font-size:12px;
    font-weight:bold;
    margin-top:-45px;
}
#fb5 #fb5-button-back:hover{
    color:#64C8D3;
    background-color:#FFFFFF
}


/* = About
-------------------------------------------------------------- */

#fb5 #fb5-about {
    position: absolute; z-index: 5;
    width: 45%; display: none;
    /*padding-top: 6%;/*/
}

#fb5 #fb5-about h1,
#fb5 #fb5-about h2,
#fb5 #fb5-about h3,
#fb5 #fb5-about h4,
#fb5 #fb5-about h5,
#fb5 #fb5-about h6 {
    margin: 0 0 .5em 0;
    padding:0px;
    font-size: 1.375em;
    color: #64c8d3;
    -webkit-font-smoothing: antialiased;
    text-transform:none;
}

#fb5 #fb5-about h3{
    background: url(../../../front/ebook/arrow-right.png) no-repeat 0 50%;
    padding: 0 0 0 25px;
}

#fb5 #fb5-about ul,#fb5-about ol {
    list-style:disc;
    margin: 0;
    padding-left:10px;
    padding-top:0%;
    padding-bottom:2%;
}

#fb5 #fb5-about li {
    color: #cfeaee;
    margin-bottom:4px;
}


#fb5 #fb5-about p {
    /*font-size: 0.688em;/*/
    color: #cfeaee;
    margin-bottom:4%;
}

#fb5 #fb5-about a {
    color:#ffffff;
    text-decoration:underline;
}

#fb5 #fb5-about a:hover {
    /*color:#ffffff;/*/
    text-decoration:none;
}



/* = Book
-------------------------------------------------------------- */

#fb5 #fb5-book {
    position: relative; z-index: 10;
    width: 100%; height:100%;
}

#fb5 #fb5-book .turn-page {
    background-color:#FFF;
    background-size: 100% 100%;
}

#fb5 .fb5-double {
    background-size: 200% 100% !important;
}

#fb5 .fb5-double.fb5-first {
    background-position: 0% 0%;
}

#fb5 .fb5-double.fb5-second {
    background-position: -100% 0%;
}







/* = Nav Arrows
---------------------------------------- */

#fb5 .fb5-nav-arrow {
    position: absolute; top: 50%; z-index: 15;
    background: url(../../../front/ebook/arrow-navpage.png);
    width: 34px; height: 136px;
    margin-top: -68px;
}

#fb5 .fb5-nav-arrow.next			{ right: -34px; background-position: 0 0; }
#fb5 .fb5-nav-arrow.next:hover	{ background-position: 0 -186px; }

#fb5 .fb5-nav-arrow.prev			{ left: -34px; background-position: 0 -372px; display: none; }
#fb5 .fb5-nav-arrow.prev:hover	{ background-position: 0 -558px; }

#fb5 .fb5-nav-arrow.next{
    transform-origin:0 center;
    -ms-transform-origin:0 center;
    -webkit-transform-origin:0 center;
}

#fb5 .fb5-nav-arrow.prev{
    transform-origin:right center;
    -ms-transform-origin:right center;
    -webkit-transform-origin:right center;
}

/*#page.mobile .fb5-nav-arrow.next { right: -24px; }*/



/* = Cover
---------------------------------------- */

#fb5 #fb5-logo-cover {
    position: absolute; right: 10px; bottom: 10px; z-index: 5;
}

#fb5 #fb5-cover ul {
    position:absolute;
    top:50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    clear: both;
    width: 100%;
    list-style: none;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#fb5 #fb5-cover ul:after { clear: both; content: ''; display: block; }

#fb5 #fb5-cover li {
    float: left;
    width: 28.3%;
    margin: 0 2.5%;
    list-style:none;
}

#fb5 #fb5-cover li,
#fb5 #fb5-cover img {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-shadow:none;
}

#fb5 #fb5-cover li:last-child {
    margin-right: 0;
}

#fb5 #fb5-cover li img {
    float: left;
    width: 100%;
}

#fb5 #fb5-cover li a:hover img {
    /*opacity: .8;/*/
}



/* = End
---------------------------------------- */

#fb5 #end { text-align: center; }

#fb5 #end p { padding-top: 60%; }



/* = Meta data
---------------------------------------- */

#fb5 #fb5-book .fb5-meta {
    position: absolute; bottom: 1%;
}

#fb5 .fb5-meta .fb5-num {
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

#fb5 .fb5-meta .fb5-description {
    font-size: 11px;
    color: #666;
    font-family:Arial,sans-serif;
}

#fb5 .fb5-meta.fb5-left {
    left:3%;
}

#fb5 .fb5-meta.fb5-left .fb5-num {
    padding-right: 10px;
}

#fb5 .fb5-meta.fb5-right {
    right:3%;
    text-align: right;
}

#fb5 .fb5-meta.fb5-right .fb5-num {
    padding-left: 10px;
}




/*= Video in lightbox
----------------------------*/

#v5_lightbox {
    width:100%;
    height:100%;
    z-index:555789;
    position:fixed;
    display:block;
    top:0px;
}

#v5_lightbox .bcg{
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.7;
    position:absolute;
    cursor:pointer;
}


/* --------------------------*/

.fb5-cont-page-book{
    position:absolute;
}

#fb5 .fb5-page-book {

    position:absolute;
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    overflow:hidden;
}


#fb5 .fb5-page-book .center {
    /*text-align:center;
    padding-top:65%;/*/
}

#fb5 .fb5-page-book img {
    border:none;
    padding:0;
}

#fb5 .fb5-page-book p {
    -webkit-text-size-adjust:none;
    margin-bottom:20px;
    line-height:1.5;
}

#fb5 .fb5-page-book a {
    text-decoration:underline;
    color:#64C8D3;
    font-weight:bold;
}

#fb5 .fb5-page-book p a:hover {
    text-decoration:none;
}

#fb5 .fb5-page-book h1,
#fb5 .fb5-page-book h2,
#fb5 .fb5-page-book h3,
#fb5 .fb5-page-book h4,
#fb5 .fb5-page-book h5,
#fb5 .fb5-page-book h6 {
    font-family:Arial,sans-serif;
    text-transform:none;
    margin:0px;

}

#fb5 .fb5-page-book h1 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h2 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h3 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h4 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h5 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h6 {
    -webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book ul,.fb5-page-book ol {
    list-style: disc inside;
    margin-bottom:3% !important;
}

#fb5 .fb5-page-book ul li {
    margin-bottom:2px;
    list-style: disc inside;
}

#fb5 .fb5-page-book ul li a {
    color:#77797F;
    font-weight:normal;
    text-decoration:none;
}

#fb5 .fb5-page-book ul li a:hover {
    text-decoration:underline;
}

#fb5 .fb5-page-book a:hover img {
    opacity:0.8;
}


/* =WordPress Core
-------------------------------------------------------------- */
#fb5 .fb5-page-book .alignnone,.#fb5-about .alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book.aligncenter,.fb5-page-book div.aligncenter,#fb5-about.aligncenter,#fb5-about div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book .alignright,#fb5-about .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

#fb5 .fb5-page-book .alignleft,#fb5-about .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .aligncenter,#fb5-about .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book a img.alignright,#fb5-about a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb5 #fb5 .fb5-page-book a img.alignnone,#fb5-about a img.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.alignleft,#fb5-about a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.aligncenter,#fb5-about a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#fb5 .fb5-page-book .wp-caption,#fb5-about .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

#fb5 .fb5-page-book .wp-caption.alignnone,#fb5-about .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignleft,#fb5-about .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignright,#fb5-about .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.fb5-page-book .wp-caption img,#fb5-about .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#fb5 .fb5-page-book .wp-caption p.wp-caption-text,#fb5-about .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
    /*
  .fb5-nav-arrow.next{
      transform-origin:0 center;
      -ms-transform-origin:0 center;
      -webkit-transform-origin:0 center;
  }

   .fb5-nav-arrow.prev{
      transform-origin:right center;
      -ms-transform-origin:right center;
      -webkit-transform-origin:right center;
  }

  .fb5-nav-arrow{
      transform:scale(2);
      ms-transform:scale(2);
      -webkit-transform:scale(2);
  }
  /*/
}




/* tools bar*/
#fb5 .fb5-bcg-book{
    background-image:url(../../../front/ebook/journal_background.png);
}

#fb5 .fb5-tooltip{
    background:#64C8D3 !important;
    color:#FFFFFF;
}
#fb5 .fb5-tooltip b { border-top: 10px solid #64C8D3 }
#fb5 #fb5-footer .bcg {
    background-color: #000000;
    opacity: 0.55;
}
#fb5 nav li.fb5-goto #fb5-label-page-number {
    color: #5F6F7B;
}
#fb5 nav li.fb5-goto button {
    color: #5F6F7B;
    background: linear-gradient(to bottom, #2B3E4D 0px, #1F303D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#fb5 nav li.fb5-goto input[type="text"] {
    background: none repeat scroll 0 0 #141F28 ;
    border: 1px solid #1E2F3C;
}

/* book /*/

#fb5 #fb5-book .turn-page {
    background-color:#FFFFFF;
}
#fb5 .fb5-meta .fb5-num {
    color: #666666;
}
#fb5 .fb5-meta .fb5-description {
    color: #666666;
}

/* list thumbs /*/
#fb5 #fb5-all-pages .fb5-container-pages {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 40px rgba(100,200, 211, 0.8);
}

/* form /*/
#fb5 #fb5-contact form {
    background: none repeat scroll 0 0 #161616;
    box-shadow: 0 0 60px rgba(100,200,211, 0.7);
}
#fb5 #fb5-contact form h3 {
    color: #FFFFFF;
}
#fb5 #fb5-contact button {
    background: none repeat scroll 0 0 #64C8D3;
    color: #FFFFFF;
}
#fb5 #fb5-contact form input, #fb5-contact form textarea {
    color: #737373;
}
#fb5 #fb5-contact .fb5-close {
    color: #000000;
    background: none repeat scroll 0 0 #64C8D3;
}

#fb5 #fb5-contact .fb5-thanks p{
    color:#444444
}
#fb5 #fb5-contact .fb5-thanks h1{
    color:#FFFFFF
}

/* preloader /*/
#fb5 .fb5-preloader .wBall .wInnerBall{
    background:#64C8D3;
}

/* arrow gif /*/
#fb5 .fb5-nav-arrow {
    background: url("../../../front/ebook/arrow-navpage.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* formatt page for flipbook  /*/
#fb5 .fb5-page-book p {
    color:#77797F;
    font-family:Arial;
    font-size:14px;
}
#fb5 .fb5-page-book a {
    color:#64C8D3;
}
#fb5 .fb5-page-book h1 {
    color:#77797F;
    font-family:Arial;
    font-size:28px;
}
#fb5 .fb5-page-book h2 {
    color:#77797F;
    font-family:Arial;
    font-size:26px;
}
#fb5 .fb5-page-book h3 {
    color:#77797F;
    font-family:Arial;
    font-size:24px;
}
#fb5 .fb5-page-book h4 {
    color:#77797F;
    font-family:Arial;
    font-size:22px;
}
#fb5 .fb5-page-book h5 {
    color:#77797F;
    font-family:Arial;
    font-size:20px;
}
#fb5 .fb5-page-book h6 {
    color:#77797F;
    font-family:Arial;
    font-size:18px;
}
#fb5 .fb5-page-book li {
    color:#77797F;
    font-family:Arial;
    font-size:14px;
}
#fb5 .fb5-page-book ul li a {
    color:#77797F;
}


/*  about style  /*/
#fb5 #fb5-about p,#fb5 #fb5-about li {
    color: #CFEAEE;
    font-family:Arial;
    font-size:11px;
}
#fb5 #fb5-about a {
    color:#FFFFFF
}
#fb5 #fb5-about h1 {
    color: #64C8D3;
    font-family:Arial;
    font-size:26px;
}
#fb5 #fb5-about h2 {
    color: #64C8D3;
    font-family:Arial;
    font-size:24px;
}
#fb5-about h3 {
    color: #64C8D3;
    font-family:Arial;
    font-size:22px;
}
#fb5 #fb5-about h4 {
    color: #64C8D3;
    font-family:Arial;
}
#fb5 #fb5-about h5 {
    color: #64C8D3;
    font-family:Arial;
    font-size:18px;
}
#fb5 #fb5-about h6 {
    color: #64C8D3;
    font-family:Arial;
    font-size:16px;
}
/* back  button  /*/
#fb5 #fb5-button-back {
    background-color: #F08519;
    color: #FFFFFF;
}
#fb5 #fb5-button-back:hover{
    color:#64C8D3;
    background-color:#FFFFFF 		}

/*  Other style   /*/
#fb5 .fb5-overlay {
    background:rgba(0,0,0,0.6);
}
/* ================= 顶部企业名称展示样式 ================= */
/* 纵向位置由 onload.js 的 book_position() 写入内联 top：
   默认贴在书本上沿 32px 处；屏幕不够高时自动压到离顶部 8px，保证任何分辨率都看得到。
   注意 top 不能写 !important，否则会盖掉 JS 算出来的内联值。 */
#ebook-top-header {
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 100;
    box-sizing: border-box;
    padding: 0 5px;
}

.top-company-title {
    font-size: 16px;                   /* 大屏/小屏由下方媒体查询微调 */
    font-weight: bold;
    color: #333333;
    letter-spacing: 0.5px;
    max-width: 46%;                    /* 限制最大宽度，防止单边文字过长溢出 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;           /* 超出部分显示省略号，避免截断错乱 */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

/* 高分辨率显示器（2K / 4K、或 1080P 但系统缩放 100%）：标题适当放大 */
@media screen and (min-width: 1800px) {
    .top-company-title { font-size: 18px; }
    #ebook-top-header { height: 30px; line-height: 30px; }
}
@media screen and (min-width: 2500px) {
    .top-company-title { font-size: 21px; }
    #ebook-top-header { height: 34px; line-height: 34px; }
}

/* 【新增】当文字改变时的过渡状态（变透明） */
.top-company-title.fade-out {
    opacity: 0 !important;
}

/* =================== 强化版：企业官网与一键直拨定制样式 =================== */
/* =================== 底部企业官网与一键直拨工具栏 =================== */
#ebook-custom-toolbar {
    position: absolute !important;
    /* 纵向位置（top）由 onload.js 的 book_position() 计算后写入内联样式，
       永远紧跟书本下沿，并且不会压住底部工具条；
       这里不要再写 bottom，否则 !important 会覆盖内联的 top/bottom，导致按钮被拉伸 */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 100 !important;
    display: flex !important;
    gap: 40px !important;
    transition: z-index 0.2s ease !important;
}

/* 【放大状态】书页压到按钮时：把按钮层级降到书本容器（z-index:5）之下，
   书页就会直接把它盖住（不再盖在书页上面） */
#ebook-custom-toolbar.is-zoomed {
    z-index: 1 !important;
}

/* 书页把按钮完全盖住时，连点击也一起关掉，避免“看不见却点到” */
#ebook-custom-toolbar.is-covered {
    pointer-events: none !important;
}


.custom-menu-group {
    position: relative !important;
}

/* 强化按钮样式：强制边框、宽度、内边距 */
.custom-action-btn {
    border: 2px solid #f08519 !important; /* 强制统一的橙色边框 */
    padding: 14px 30px !important;        /* 强制内边距 */
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    min-width: 260px !important;          /* 强制最小宽度，使其更大 */
    width: 260px !important;              /* 强制固定宽度，确保两边完全一致 */
    text-align: center !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box !important;    /* 确保边框和内边距计算在宽度内 */
}

/* 1. “企业官网”按钮样式（白底、深色字） */
.btn-white {
    background: #ffffff !important;
    color: #000000 !important;
}
.btn-white:hover {
    background: #f9f9f9 !important;
}

/* 2. “一键直拨”按钮样式（橙底、白字） */
.btn-orange {
    background: #f08519 !important;
    color: #ffffff !important;
}
.btn-orange:hover {
    background: #d87514 !important;
}

/* =================== 上拉展开菜单样式 =================== */
.custom-dropdown-list {
    position: absolute !important;
    bottom: 100% !important;            /* 向上展开 */
    top: auto !important;
    left: 0 !important;
    width: 100% !important;             /* 宽度与按钮一致 */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.3) !important;
    display: none;
    z-index: 101 !important;            /* 随父级工具栏浮动 */
    box-sizing: border-box !important;
}

/* 统一上拉列表项 */
.custom-dropdown-list li {
    background: #ffffff !important;
    color: #111111 !important;
    padding: 14px 15px !important;
    font-size: 15px !important;
    text-align: center !important;
    cursor: pointer !important;
    border: 1px solid #f08519 !important;
    border-top: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

.custom-dropdown-list li:first-child {
    border-top: 1px solid #f08519 !important;
}

.custom-dropdown-list li:hover {
    background: #fff5eb !important;
}

/* 确保单页内的图片能高清晰、按比例完美铺满整个页面区域 */
.fb5-page-item img,
.turn-page img,
#fb5-book img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important; /* 让图片完全贴合页面尺寸 */
}


/* ==========================================================
   布局约定（重要，改之前请先读这里）
   ----------------------------------------------------------
   1. #fb5 的高度 = 视口高度（onload.js 的 book_area() 设置），
      底部工具条 #fb5-footer 绝对定位，永远贴在最下方；
   2. 书本 #fb5-container-book 的“尺寸”和“位置”全部由 onload.js 计算
      （zoomAuto 负责缩放，book_position 负责摆放）。
      CSS 里绝对不要再对 #fb5-container-book 使用 transform: scale()，
      否则会和 JS 的缩放叠加：书本变小、上下留白、按钮与书页脱节。
   3. “企业官网 / 一键直拨”的纵向位置由 book_position() 写入内联 top，
      CSS 只负责样式与横向居中（left:50% + translateX(-50%)）。
   ========================================================== */

/* ================= 底部工具条（放大/复原/首页 + 页码/全屏） =================
   固定在屏幕最下方：不随书页翻动、不随滚动条变化，任何分辨率都贴底。
   高度改动请只改这里，onload.js 的 insets() 会用 outerHeight() 自动读取。 */
#fb5 #fb5-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 80px !important;
    z-index: 50 !important;
}

/* ---------- 底栏内的三块内容（logo / 中间图标组 / 右侧页码）统一垂直居中 ----------
   做法：top:50% 把盒子推到中线，再 translateY(-50%) 拉回自身高度的一半。
   这样无论底栏是 80px（普通屏）还是 96/112px（2K/4K），图标都正好在底栏正中。 */
#fb5 #fb5-logo {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 去掉 inline 图片自带的基线空隙，logo 才是真正的“几何居中” */
#fb5 #fb5-logo img {
    display: block !important;
}

#fb5 #fb5-center {
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-50%) scale(1.15) !important;
    transform-origin: center center !important;
}

#fb5 #fb5-right {
    position: relative !important;
    top: 50% !important;
    margin: 0 6px 0 0 !important;
    transform: translateY(-50%) scale(1.1) !important;
    transform-origin: right center !important;
}

/* 菜单里的 li 是浮动的，ul 会“塌陷”成 0 高，导致上面的 translateY(-50%) 失效；
   这里把浮动包起来，让 ul 有真实高度 */
#fb5 #fb5-center ul::after,
#fb5 #fb5-right ul::after {
    content: '' !important;
    display: block !important;
    clear: both !important;
}
/* 屏幕高度不足 800px 时，只收紧按钮间距与尺寸（纵向位置仍由 JS 计算） */
@media screen and (max-height: 800px) {
    #ebook-custom-toolbar {
        gap: 20px !important;
    }
    .custom-action-btn {
        min-width: 220px !important;
        width: 220px !important;
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}

/* ==========================================
   小屏幕（笔记本 / 分屏 / 平板）适配
   注意：这里不缩放书本容器，缩放统一交给 JS 的 zoomAuto()
   ========================================== */
@media screen and (max-width: 1200px), screen and (max-height: 850px) {

    /* 只调字号与内边距，top 由 JS 控制 */
    #ebook-top-header {
        padding: 0 10px !important;
    }
    .top-company-title {
        font-size: 14px;
        max-width: 42%;
    }

    #ebook-custom-toolbar {
        gap: 60px !important;
    }

    .custom-action-btn {
        min-width: 180px !important;
        width: 180px !important;
        padding: 8px 16px !important;
        font-size: 14px !important;
    }
}

/* 针对高度极低窗口（如笔记本半屏）的再次精简 */
@media screen and (max-height: 650px) {
    #ebook-custom-toolbar {
        gap: 16px !important;
    }
    .custom-action-btn {
        min-width: 130px !important;
        width: 130px !important;
        padding: 6px 12px !important;
        font-size: 13px !important;
    }
}

/* ==========================================
   底部工具栏：图标上下文字说明及响应式适配
   ========================================== */

/* 1. 让菜单项改为纵向排列（图标在上，文字在下） */
#fb5 .fb5-menu li {
    float: left !important;
    position: relative !important;
    width: auto !important;          /* 自动适应宽度，防止挤压文字 */
    min-width: 36px !important;
    margin: 0 6px !important;
    list-style: none !important;
    background: none !important;
    display: flex !important;
    flex-direction: column !important; /* 上下垂直结构 */
    align-items: center !important;    /* 居中对齐 */
    text-align: center !important;
}

/* 2. 调整图标链接样式，使其在容器内居中 */
#fb5 .fb5-menu li a {
    display: block !important;
    margin: 0 auto !important;
}

/* 3. 新增的文字说明样式 */
#fb5 .fb5-menu li .tool-text {
    display: block !important;
    font-size: 11px !important;        /* 默认字号 */
    color: #ffffff !important;         /* 白色文字，清晰醒目 */
    line-height: 14px !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    font-family: Arial, sans-serif !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important; /* 增加文字阴影，防止背景亮时看不清 */
}

/* 4. 针对“页码跳转”li 项的特殊宽度恢复，避免影响原有输入框 */
#fb5 .fb5-menu li.fb5-goto {
    display: block !important;         /* 保持原本的块级或行内逻辑 */
    width: auto !important;
    flex-direction: row !important;
}

/* ==========================================
   响应式媒体查询：适配中小屏幕与移动端
   ========================================== */
@media screen and (max-width: 1200px), screen and (max-height: 850px) {
    /* 在小屏幕下适当缩小工具栏文字字号与左右间距 */
    #fb5 .fb5-menu li {
        margin: 0 3px !important;
        min-width: 30px !important;
    }
    #fb5 .fb5-menu li .tool-text {
        font-size: 10px !important;     /* 小屏幕下字号缩至 10px */
        margin-top: 1px !important;
    }
}

@media screen and (max-height: 650px) {
    /* 极小屏幕下，如果高度实在有限，可以隐藏文字或进一步缩小 */
    #fb5 .fb5-menu li .tool-text {
        display: none !important;       /* 高度极低时自动隐藏文字，退化为纯图标，防止撑破底部工具栏 */
    }
}
/* ==========================================
   专属电脑端（PC Display）显示器规格自适应方案
   再次强调：书本的缩放由 JS(zoomAuto) 负责，
   这里只调整按钮尺寸，不对 #fb5-container-book 做 transform。
   ========================================== */

/* 窗口高度小于 950px 或宽度小于 1400px（24 寸显示器非最大化、分屏、1080P 窗口） */
@media screen and (max-width: 1400px), screen and (max-height: 950px) {

    #ebook-custom-toolbar {
        gap: 40px !important;
        z-index: 999 !important;
    }

    .custom-action-btn {
        min-width: 220px !important;
        width: 220px !important;
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}

/* 高度更低的电脑屏幕（窄屏笔记本 / 浏览器分屏） */
@media screen and (max-height: 750px) {
    #ebook-custom-toolbar {
        gap: 20px !important;
    }
    .custom-action-btn {
        min-width: 180px !important;
        width: 180px !important;
        padding: 6px 14px !important;
        font-size: 14px !important;
    }
}

/* ==========================================
   大屏显示器（1080P 全屏 / 2K / 4K）适配
   书本本身按可用区域等比放大（见 onload.js 的 ZOOM_MAX），
   这里把“配件”一起放大：底部工具条、按钮、图标、文字
   ========================================== */
@media screen and (min-width: 1800px) {
    #fb5 #fb5-footer {
        height: 96px !important;
    }
    #fb5 #fb5-center {
        transform: translateY(-50%) scale(1.35) !important;
    }
    #fb5 #fb5-right {
        transform: translateY(-50%) scale(1.25) !important;
    }
    .custom-action-btn {
        min-width: 300px !important;
        width: 300px !important;
        font-size: 20px !important;
        padding: 14px 24px !important;
    }
    #fb5 .fb5-menu li .tool-text {
        font-size: 13px !important;
        line-height: 16px !important;
    }
}

@media screen and (min-width: 2500px) {
    #fb5 #fb5-footer {
        height: 112px !important;
    }
    #fb5 #fb5-center {
        transform: translateY(-50%) scale(1.6) !important;
    }
    #fb5 #fb5-right {
        transform: translateY(-50%) scale(1.45) !important;
    }
    .custom-action-btn {
        min-width: 380px !important;
        width: 380px !important;
        font-size: 24px !important;
        padding: 18px 28px !important;
    }
    #fb5 .fb5-menu li .tool-text {
        font-size: 15px !important;
        line-height: 18px !important;
    }
}