body{background-color: #f8f8f8;}

.top{border-bottom: 1px solid #eeeeee;box-shadow: none;}
.middle{min-height: calc(100vh - 174px);padding: 60px 0 10px 0;}

/* 面包屑 */
.breadcrumb{width: 1180px;margin: 0 auto;padding: 16px 0;}
.breadcrumb>a{display: inline-block;line-height: 32px;font-size: 12px;color: #333;transition: color .2s linear;}
.breadcrumb>a:hover{color: #1e88e5;}
.breadcrumb>.last-item{font-size: 12px;color: #999999;}
.arrow-right{
    font-family: 'Hiragino Sans GB', "Simsun", serif;
    margin: 0 6px;display: inline-block;color: #b6b4b4;line-height: 32px;font-size: 12px;
}

/* 顶部信息区 */
.top-info-b-c{display: flex;width: 1180px;margin: 0 auto;padding: 0 0 30px 0;}
.book-info-b{width: 80%;}
.book-info-b.full-width{width: 100%;}

.book-cover-b{float: left;position: relative;}
.book-cover-b .book-img{
    display: inline-block;cursor: pointer;overflow: hidden;
    border-radius: 6px;box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
}
.book-img>img{height: 240px;border-radius: 6px;}
.book-info{margin-left: 206px;height: 240px;position: relative;}
.book-info.no-cover{margin-left: 0;}

.book-name{font-size: 24px;font-weight: bold;line-height: 36px;color: #333333;}

.book-tags{display: flex;margin-top: 8px;}
.book-tags>div{
    line-height: 20px;border-radius: 2px;margin-right: 6px;font-size: 14px;
    padding: 0 8px;cursor: auto;background-color: rgba(30, 136, 229, 0.1);color: #1e88e5;
}

.author-name{display: flex;}
.author-name>div{margin-top: 8px;font-size: 14px;color: #333333;margin-right: 2em;}
.author-name>div>a{font-size: 14px;color: #333333;display: inline-block;cursor: pointer;transition: color .2s linear;}
.author-name>div>a:hover{color: #1e88e5;}
.author-name>div>.separator{margin: 0 6px;color: #CCCCCC;font-size: 12px;}

.stat-data{display: flex;margin: 25px 0;line-height: 2em;height: 2em;}
.stat-data>div{margin-right: 40px;}
.stat-data .val{font-size: 20px;font-weight: bold;}
.stat-data .unit{font-size: 14px;color: #999999;padding-left: 6px;vertical-align: bottom;}

/* 按钮组：试读=蓝色，购买=橙色 */
.book-btn-group{display: flex;position: absolute;bottom: 0;left: 0;}
.book-btn-group>li{height: 36px;line-height: 36px;font-size: 14px;
    border-radius: 18px;margin-right: 20px;cursor: pointer;}
.book-btn-group>li>a{display: inline-block;padding: 0 30px;color: #FFFFFF;}

.book-btn-group>li.trial-read-btn{
    background-color: rgba(30, 136, 229, 0.1);font-weight: bold;
}
.book-btn-group>li.trial-read-btn>a{color: #1e88e5;}
.book-btn-group>li.trial-read-btn:hover{background-color: rgba(30, 136, 229, 0.16);}

.book-btn-group>li.buy-btn{
    background-image: linear-gradient(117deg, #ff9000 12%, #ff4f00 87%);font-weight: bold;
}
.book-btn-group>li.buy-btn>a{color: #FFFFFF;}
.book-btn-group>li.buy-btn:hover{background-image: linear-gradient(107deg, #ff6b22 1%, #e83800 100%);}

/* 作者卡片 */
.author-info-b{width: 20%;}
.author-info-b-c{background-color: #FFFFFF;padding: 25px 15px;display: flex;flex-direction: column;margin-top: 10px;border-radius: 4px;}
.basic-info-b{display: flex;padding: 0 5px;}
.basic-info>h2{font-size: 1.17em;}
.head-img{flex-shrink: 0;height: 60px;overflow: hidden;border-radius: 10px;}
.head-img>img{height: 60px;transition: all .2s ease-in;border-radius: 10px;}
.head-img:hover>img{transform: scale(1.2);}
.basic-info{margin-left: 20px;}
.auth-badge{
    display: inline-block;font-size: 12px;padding: 2px 6px;border-radius: 4px;
    background-color: #d6ede2;color: #13854e;margin-top: 4px;
}
.auth-badge>i{font-size: 14px;vertical-align: bottom;padding-right: 2px;}

/* 内容区 */
.content-b{background-color: #FFFFFF;}
.content-b-c{width: 1180px;margin: 0 auto;padding: 30px 0 50px 0;}
.book-desc{font-size: 20px;line-height: 1.8em;}
.book-desc>p{margin-bottom: 8px;}
.book-desc>p:last-child{margin-bottom: 0;}

/* 章节列表 */
.chapter-b{padding: 20px 0 30px 0;}
.b-title>h3{display: inline-block;font-size: 20px;font-weight: bold;line-height: 40px;}
.b-title>span{font-size: 14px;color: #777777;font-weight: normal;padding-left: 8px;}
.chapter-list{display: flex;flex-wrap: wrap;padding: 10px 0 0 0;border-top: 1px solid #f1f1f1;}
.chapter-list>li{font-size: 16px;width: 30%;line-height: 48px;height: 48px;
    border-bottom: 0.5px dashed #f2f2f2;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;margin-right: 5%;
}
.chapter-list>li:nth-child(3n){margin-right: 0;}
.chapter-list>li>a{color: #333333;transition: color .2s linear;}
.chapter-list>li>a:hover{color: #1e88e5;}

.chapter-list>li.locked .locked-chapter{color: #ccc;display: flex;align-items: center;}
.chapter-list>li.locked .locked-chapter>span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0;}
.chapter-lock{font-size: 14px;color: #ccc;margin-left: 4px;flex-shrink: 0;}

/* 购买引导卡片 */
.buy-card{margin-top: 10px;border-top: 1px solid #f1f1f1;padding-top: 30px;}
.buy-card-inner{
    display: flex;align-items: center;justify-content: space-between;
    padding: 24px 30px;border-radius: 8px;
    background: linear-gradient(135deg, #fff8f0 0%, #fff3e6 100%);
    border: 1px solid #ffe0b2;
}
.buy-card-title{font-size: 16px;font-weight: bold;color: #333;}
.buy-card-desc{font-size: 13px;color: #999;margin-top: 4px;}
.buy-card-btn{
    display: inline-block;padding: 8px 28px;font-size: 14px;color: #FFFFFF;flex-shrink: 0;
    background-image: linear-gradient(117deg, #ff9000 12%, #ff4f00 87%);
    border-radius: 18px;font-weight: bold;transition: all .2s linear;
}
.buy-card-btn:hover{background-image: linear-gradient(107deg, #ff6b22 1%, #e83800 100%);color: #FFFFFF;}

/* ========== 购买弹窗 ========== */
.buy-overlay{
    position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;
    background: rgba(0,0,0,0.5);
    display: flex;align-items: center;justify-content: center;
}
.buy-modal{
    background: #fff;border-radius: 16px;width: 580px;max-width: 90vw;
    position: relative;box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    animation: modalFadeIn 0.2s ease-out;
}
@keyframes modalFadeIn{
    from{opacity: 0;transform: translateY(-20px);}
    to{opacity: 1;transform: translateY(0);}
}
.buy-modal-close{
    position: absolute;top: 12px;right: 16px;font-size: 24px;color: #999;
    cursor: pointer;line-height: 1;transition: color .2s;z-index: 1;
}
.buy-modal-close:hover{color: #333;}

.buy-modal-header{text-align: center;padding: 28px 40px 0;}
.buy-modal-header>h3{font-size: 18px;color: #333;font-weight: bold;}
.buy-modal-price{font-size: 22px;color: #e53935;font-weight: bold;margin-top: 6px;}

.buy-modal-body{padding: 24px 40px;}
.buy-qr-list{display: flex;justify-content: center;gap: 28px;}
.buy-qr-card{
    flex: 1;text-align: center;padding: 20px 16px;border-radius: 12px;
    background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
    border: 2px solid #f0f0f0;transition: all .25s ease;
}
.buy-qr-card:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.1);transform: translateY(-3px);}
.buy-qr-card.douyin-card{border-color: rgba(0,0,0,0.06);}
.buy-qr-card.douyin-card:hover{border-color: #333;}
.buy-qr-card.wechat-card{border-color: rgba(7,193,96,0.12);}
.buy-qr-card.wechat-card:hover{border-color: #07c160;}
.buy-qr-card .qr-img{
    width: 160px;height: 160px;border-radius: 8px;margin-top: 12px;
    border: 1px solid #f0f0f0;
}
.qr-platform-b{display: flex;align-items: center;justify-content: center;gap: 6px;margin-bottom: 2px;}
.qr-platform-icon{width: 20px;height: 20px;vertical-align: middle;border-radius: 4px;}
.qr-platform{font-size: 14px;font-weight: bold;color: #333;}
.qr-tip{font-size: 12px;color: #aaa;margin-top: 10px;}

.buy-modal-footer{text-align: center;padding: 0 40px 28px;color: #bbb;font-size: 12px;}