.BKi9Ew {
	fill: currentColor
}

.EQ4QDH a:focus-visible {
	outline-offset: -1px
}

.h0zeef:focus-visible {
	outline-offset: -1px
}

.Q16idm:focus-visible {
	outline-offset: -1px
}

@media screen and (min-width:48em) {
	.dH3_E6:focus-visible {
		outline-offset: -1px
	}
}

.OnOrkq:focus-visible {
	outline-offset: -1px
}

.qgMeLx:focus-visible {
	outline-offset: -1px
}

.Z4jBeS:focus-visible {
	outline-offset: -1px
}

.VVrSAf {
	color: #fff;
	background-color: #009e61;
	border-radius: 8px;
	gap: 12px;
	padding: 10px 12px;
	display: inline-flex;
	position: relative
}

@media screen and (min-width:48em) {
	.VVrSAf {
		min-height: 40px
	}
}

.VVrSAf:hover {
	color: #fff;
	background-color: #008551
}

.BBSl1m {
	flex: auto;
	justify-content: center;
	align-items: center;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
	display: inline-flex
}

@media screen and (min-width:48em) {
	.BBSl1m {
		justify-content: flex-start
	}
}

.Qbtxih {
	width: 100%
}

.vtOVxd .BBSl1m {
	justify-content: center
}

.j458eK {
	border-block-start: 1px solid #e0e0e0;
	padding: 16px 0
}

.j458eK:last-child {
	border-block-end: 1px solid #e0e0e0
}

.KZ6uoY,
.yEqoXC {
	flex-direction: column;
	gap: 16px;
	display: flex
}

@media screen and (min-width:64em) {
	.yEqoXC {
		flex-flow: wrap;
		gap: 24px
	}
}

.dEJVTE,
.PbVVCI {
	flex-direction: column;
	display: flex
}

@media screen and (min-width:64em) {

	.dEJVTE,
	.PbVVCI {
		flex: calc(100% - 244px)
	}
}

.Og0Vvj {
	flex-direction: column;
	justify-content: center;
	display: flex
}

@media screen and (min-width:64em) {
	.Og0Vvj {
		flex: 1 0 220px
	}
}

.D6CbSw {
	font-size: .875rem
}

@media screen and (min-width:64em) {
	.D6CbSw {
		margin-inline: 96px 220px
	}
}

.xRbG7B {
	text-transform: uppercase;
	color: #009a48;
	font-weight: 600
}

.LkehHz {
	color: #b71c1c
}

.dJLzNv {
	margin-block-end: 8px
}

.V0vUWY:focus-visible {
	outline-offset: -1px
}

.XFU9tR {
	column-gap: 16px;
	display: flex
}

.z7UEv8 {
	 display: flex;
    /* 移除 align-items: center; 或者改为 flex-start */
    align-items: flex-start; /* 子项顶部对齐 */
}

.UzUkPA {
	background: #f5f5f5 var(--img-placeholder)no-repeat center/contain;
	object-fit: cover;
	aspect-ratio: 1;
	border-radius: 8px
}

@supports not (aspect-ratio:calc(1 / 1)) {
	.UzUkPA:after {
		float: inline-start;
		content: "";
		padding-block-start: 100%
	}
}

.cDKXIR {
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #00805e;
	font-family: Inter, Arial Fallback, arial, sans-serif;
	font-size: .875rem;
	overflow: hidden
}

.jmS8L8 {
	color: #ffb901;
	width: 18px;
	height: 18px
}

.JmohCz {
	align-items: stretch;
	column-gap: 2px;
	font-size: .875rem;
	display: inline-flex
}

.F6fJez {
	display: block
}


.P7KaI4 {
	align-items: center;
	display: inline-flex
}

.P7KaI4:after {
	color: #3b3d40;
	content: "·";
	margin-inline-start: 4px;
	font-size: .875rem
}

.P7KaI4:last-child:after {
	content: none
}




        /* 主容器样式 */
        .novel-container {
            
            overflow: hidden;
            max-width: 800px;
            width: 100%;
        }
        
        /* 顶部信息区域 */
        .novel-header {
            padding: 6px;
            display: flex;
            gap: 20px;
            border-bottom: 1px solid #eaeaea;
        }
        
        /* 封面区域 */
        .cover-section {
            flex-shrink: 0;
        }
        
        .cover-wrapper {
            position: relative;
            width: 100px;
            height: 140px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .cover-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* 信息区域 */
        .info-section {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-width: 0; 
        }
        
        /* 标题样式 */
        .novel-title {
           white-space: nowrap;  
          overflow: hidden;    
           text-overflow: ellipsis; 
            min-width: 0;
           font-size: 14px;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 12px;
            line-height: 1.3;
        }
        
        /* 评分区域 */
        .rating-section {
            margin-bottom: 16px;
        }
        
        .rating-stars {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .stars-container {
            position: relative;
            width: 120px;
            height: 24px;
        }
        
        .stars-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #e0e0e0;
            border-radius: 12px;
        }
        
        .stars-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%; /* 通过JS动态设置 */
            background: linear-gradient(90deg, #ffd700, #ffcc00);
            border-radius: 12px;
        }
        
        .rating-value {
            font-size: 0.875rem;
            color: #666;
            font-weight: 500;
        }
        
        /* 分类标签区域 */
        .genre-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        
        .genre-tag {
            display: inline-block;
            padding: 6px 12px;
            background-color: #f0f8ff;
            color: #0066cc;
            text-decoration: none;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 500;
            border: 1px solid #cce0ff;
            transition: all 0.2s ease;
        }
        
        .genre-tag:hover {
            background-color: #e1f0ff;
            transform: translateY(-1px);
            box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);
        }
        
        .genre-tag.adult {
            background-color: #fff0f0;
            color: #cc3333;
            border-color: #ffcccc;
        }
        
        .genre-tag.adult:hover {
            background-color: #ffe6e6;
        }
        
        .genre-tag.adventure {
            background-color: #f0fff0;
            color: #339933;
            border-color: #ccffcc;
        }
        
        .genre-tag.adventure:hover {
            background-color: #e6ffe6;
        }
        
        /* 描述区域 */
        .novel-description {
            padding: 24px;
        }
        
        .description-text {
            font-size: 0.875rem;
            line-height: 1.6;
            color: #444;
            text-align: left;
        }
        
        /* 元信息区域（可选） */
        .novel-meta {
            padding: 0 24px 24px;
            display: flex;
            gap: 20px;
            font-size: 0.875rem;
            color: #666;
        }
        
        .meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        
        .meta-label {
            font-weight: 500;
        }
        
        .meta-value {
            color: #333;
        }
        
        /* 响应式设计 */
        @media (max-width: 640px) {
            .novel-header {
                flex-direction: row;
                gap: 16px;
            }
            
            .cover-wrapper {
                width: 80px;
                height: 112px;
            }
            
            .novel-title {
                font-size: 14px;
                font-weight: 600;
            }
            
            .novel-description {
                padding: 20px;
            }
            
            .novel-meta {
                flex-direction: column;
                gap: 12px;
            }
        }
        
        /* 链接效果 */
        .novel-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        
        .novel-link:hover .novel-title {
            color: #0066cc;
        }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 10px 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
/*.pagelist a:nth-child(1) { display: none }*/
.pagelist a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #ff5555; }
.pagelist > b { display: inline-block;padding: 5px 10px;margin: 0 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }