header{color:#fff;background:#222}
.book-intro{width:100%;padding:1rem 1rem 0;background:#fff;overflow:hidden;box-sizing:border-box}
.book-intro .cover{float:left;width:5.25rem;height:7rem;margin-right:.625rem}
.book-intro .cover img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.book-intro .cell h1{color:#333;font-size:1.125rem}
.book-intro .cell div{color:#666;font-size:.875rem;line-height:1.375rem}
.book-intro .cell em{padding:0 .5rem}
.book-intro .cell .op span{color:#999;font-size:.75rem;border:1px solid #999;margin-right:.625rem;line-height:.875rem;height:.875rem;padding:.0625rem .3125rem 0 .3125rem;border-radius:.25rem;-webkit-border-radius:.25rem;vertical-align:middle;display:inline-block;box-sizing:content-box}
.book-intro .actbox{float:left;width:100%;margin:1.25rem 0}
.book-intro .actbox div{float:left;font-size:.875rem;height:1.875rem;line-height:1.875rem;width:calc(50% - .625rem);text-align:center;border-radius:.1875rem;webkit-border-radius:.1875rem}
.book-intro .actbox .addshelf{color:#1abc9c;border:1px solid #1abc9c}
.book-intro .actbox .already{color:#ccc;border:1px solid #ccc}
.book-intro .actbox .read{float:right;color:#fff;background:#1abc9c;border:1px solid #1abc9c}
.book-intro .desc{color:#333;font-size:.75rem;width:100%;line-height:1.25rem;overflow:hidden;position:relative;word-wrap:break-word;word-break:break-word}
.book-intro .desc p{width:100%}
.book-intro .desc .icon{width:.75rem;height:.75rem;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#969ba3;vertical-align:middle;fill:currentColor}
.book-intro .desc #detailClick{position:absolute;bottom:0;right:0;width:2rem;text-align:right;background:linear-gradient(to right,rgba(255,255,255,0),#fff 1rem)}
.book-intro .spread{-webkit-line-clamp:20 !important;-moz-line-clamp:20 !important;-o-line-clamp:20 !important}
.book-intro .tags{line-height:1.625rem;padding:.3125rem 0}
.book-intro .tags a{color:#999;border:1px solid #999;border-radius:.75rem;font-size:.75rem;padding:.125rem .625rem;margin-right:.5rem;white-space:nowrap}
.catalog{color:#333;background:#fff;padding:1.25rem 1rem 0 1rem;margin-top:.5rem}
.catalog .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.catalog .title .right{float:right}
.catalog .title .title-icon{width:.25rem;height:1.125rem;margin-right:0.3125rem;display:inline-block;border-radius:.125rem;vertical-align:-.125rem;background:#1abc9c}
.catalog .show ul li{font-size:.875rem;padding:.625rem 0;border-bottom:1px dashed #e7e7e7}
.catalog .show ul li:last-child{border-bottom:none}
.catalog .show .time{float:right;padding-left:0.2rem;}
.template-02{padding:1.25rem 1rem;margin-top:.5rem;background:#fff}
.template-02 .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.template-02 .title .title-icon{width:.25rem;height:1.125rem;margin-right:0.3125rem;display:inline-block;border-radius:.125rem;vertical-align:-.125rem;background:#1abc9c}
.template-02 .show ul li{padding:.625rem 0;border-bottom:1px solid #f5f5f5}
.template-02 .show ul li:last-child{border-bottom:none}
.template-02 .show .image{float:left;width:4.5rem;height:6rem;margin-right:.75rem}
.template-02 .show .image img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.template-02 .show .book{height:6rem}
.template-02 .show .book .name{font-size:1rem;color:#333;font-weight:bold}
.template-02 .show .book .desc{font-size:.75rem;color:#666;margin:.3125rem 0 0;padding-top:.0625rem;line-height:1rem}
.template-02 .show .book .tags{position:relative}
.template-02 .show .book .tags div{font-size:.75rem;float:left;color:#666;height:1.5rem;line-height:1.5rem}
.template-02 .show .book .tags div span{color:#1abc9c;padding:0 .125rem;margin-left:.625rem;border:1px solid #1abc9c;border-radius:.1875rem;box-sizing:border-box}
.template-02 .show .book .tags .msg{position:absolute;right:0;font-size:1.25rem;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right center;transform-origin:right center}
.template-02 .show .book .tags .msg .serial{color:#1abc9c;border:1px solid #1abc9c}
.template-02 .show .book .tags .msg .count{color:#f60;border:1px solid #f60}
.template-02 .show .book .tags .msg .type{color:#1e9fff;border:1px solid #1e9fff}

/* 浏览器警告提示样式 */
.browser-warning-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 15px 0;
    padding: 15px 20px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
    border: 3px solid #ff4757;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3), 0 0 20px rgba(255, 107, 107, 0.2);
    animation: warningPulse 2s ease-in-out infinite;
    position: relative;
    overflow: hidden;
}

.browser-warning-notice::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    animation: shine 3s infinite;
}

@keyframes warningPulse {
    0%, 100% {
        box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3), 0 0 20px rgba(255, 107, 107, 0.2);
    }
    50% {
        box-shadow: 0 4px 25px rgba(255, 71, 87, 0.5), 0 0 30px rgba(255, 107, 107, 0.4);
    }
}

@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

.warning-icon {
    font-size: 32px;
    line-height: 1;
    animation: iconBounce 1.5s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes iconBounce {
    0%, 100% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.1) rotate(-5deg);
    }
    75% {
        transform: scale(1.1) rotate(5deg);
    }
}

.warning-content {
    flex: 1;
    color: #fff;
}

.warning-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}

.warning-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.download-link {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-left: 4px;
}

.download-link:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* 移动端适配 */
@media (max-width: 767px) {
    .browser-warning-notice {
        flex-direction: column;
        text-align: center;
        padding: 12px 15px;
        margin: 12px 0;
    }
    
    .warning-icon {
        font-size: 28px;
    }
    
    .warning-title {
        font-size: 15px;
    }
    
    .warning-text {
        font-size: 13px;
    }
    
    .download-link {
        display: inline-block;
        margin-top: 5px;
        padding: 4px 10px;
        border-radius: 6px;
    }
}