/* cute_nav.css - 重构后 */
.portal-bar{
	position:relative;
	width:1000px;
	height:335px;
}
.portal-bar-info-plate, .portal-bar-common-plate{
	position:absolute;
	top:0px;
	height:335px;
}
.portal-bar-info-plate{
	width:320px;
	left:0px;
}
.portal-bar-common-plate{
	width:675px;
	left:325px;
}
.portal-bar-info-plate-bg, .portal-bar-common-plate-bg{
	position:absolute;
	top:0px;
	left:0px;
	height:320px;
	opacity:0.95;
	border: 2px solid #ffd1dc;
	background: linear-gradient(135deg, #fff5f7, #f8f7ff);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(255, 182, 193, 0.2);
}
.portal-bar-info-plate-bg{
	width:320px;
}
.portal-bar-common-plate-bg{
	width:675px;
}


.main-item-list-container{
	position:absolute;
	top:10px;
	left:27px;
	height:147px;
	width:618px;
}
.main-item{
	float:left;
	height:40px;
	width:99px;
	margin-left:4px;
	margin-top:9px;
	transition: all 0.3s ease;
}
.main-item:hover {
	transform: translateY(-5px);
}
.main-item-split-text{
	position:relative;
	top:10px;
	text-align:center;
	color:#ff85a2;
	min-width:10px;
}
.main-item-url-text{
	position:relative;
	top:10px;
	text-align:center;
	color:#ff85a2;
	cursor:pointer;
	text-decoration:none;
	font-weight: bold;
	transition: all 0.3s ease;
}
.main-item-url-text:hover {
	color: #ff5c8d;
	text-shadow: 0 0 10px rgba(255, 92, 141, 0.3);
}
.dotted-line{
	position:absolute;
	top:160px;
	left:32px;
	hight:1px;
	width:611px;
}
.dotted-line-img{
	zoom: 1;
	width: 100%;
	height: 1px;
	min-width:611px;
	background:  top center repeat;
	background-image: url(../images/dot_line.png);
}
.nonmain-item-list-container{
	position:absolute;
	top:160px;
	left:27px;
	height:147px;
	width:618px;
}
.nonmain-item{
	float:left;
	height:40px;
	width:99px;
	margin-left:4px;
	margin-top:9px;
	transition: all 0.3s ease;
}
.nonmain-item:hover {
	transform: translateY(-5px);
}
.nonmain-item-text{
	position:relative;
	top:10px;
	text-align:center;
	color:#ff85a2;
	text-decoration:none;
	font-weight: bold;
	transition: all 0.3s ease;
}
.nonmain-item-text:hover {
	color: #ff5c8d;
	text-shadow: 0 0 10px rgba(255, 92, 141, 0.3);
}
 .turnRow {
	position:absolute;
 	top:9px;
 	left:9px;
	width:304px;
	height:174px;
} 
.hotnews{
	position:absolute;
 	top:190px;
 	left:8px;
	width:304px;
	height:89px;
}
.hotnews-ul{
	display: block;
}

.hotnews-item{
 	position:relative; 
	left:20px;
	list-style-type:disc;
	color:#ff85a2;
	text-align: left;
	padding: 5px 0;
	transition: all 0.3s ease;
}
.hotnews-item:hover {
	transform: translateX(10px);
}
.hotnews-item-text{
	word-break:keep-all;
	white-space:nowrap;
	text-decoration:none; 
	color:#ff85a2;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	max-width:274px;
 	vertical-align: middle; 
	height:23px; 
	transition: all 0.3s ease;
}
.hotnews-item-text:hover {
	color: #ff5c8d;
}
.morenews-container{
	position:absolute;
	width:93px;
	height:26px;
	top:283px;
	left:116px;
	cursor:pointer;
	transition: all 0.3s ease;
}
.morenews-container:hover {
	transform: scale(1.1);
}
.morenews-bg{
	position:absolute;
	width:93px;
	height:26px;
	border-radius: 50px;
	background: linear-gradient(45deg, #ff85a2, #ffb6c1);
	box-shadow: 0 4px 15px rgba(255, 133, 162, 0.3);
	transition: all 0.3s ease;
}
.morenews-container:hover .morenews-bg {
	background: linear-gradient(45deg, #ff5c8d, #ff85a2);
}
.morenews-text{
	position:relative;
	top:4px;
	text-align:center;
	font-size:13px;
	color:#ffffff;
	font-weight: bold;
}
.banner-bar-1{
	position: relative;
	width:1000px;
	height:160px;
	margin-top:2px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 8px 25px rgba(255, 182, 193, 0.2);
}
.banner-bar-1-bg{
	position:absolute;
 	left:0px;
  	top:0px;
	width:1000px;
	hight:160px;
	border:none;
}
.page-link-bar{
	position: relative;
	width:1000px;
	margin-top:15px;
}
.page-link-bar-bg{
	position:absolute;
	width:1000px;
	height:100%;
	opacity:0.95;
	border: 2px solid #ffd1dc;
	background: linear-gradient(135deg, #fff5f7, #f8f7ff);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(255, 182, 193, 0.2);
}
.page-link-bar-block {
    position: relative;
    width: 1000px;
    padding-top: 3px;
    padding-bottom: 10px;
    min-height: 50px; /* 添加最小高度 */
}
.page-link-bar-block-split{
	position:relative;
	margin-left:5px;
	min-height: 20px;
	min-width:990px;
}
.page-link-bar-block-split-bg{
	position:absolute;
	top:10px;
	left:0px;
	min-height: 10px;
	min-width:990px;
	background: linear-gradient(90deg, #ffd1dc, #a6e3e9);
	border-radius: 5px;
}
.page-link-row-bar{
	position:relative;
	width:984px;
	margin-top:10px;
	margin-left:8px;
	height:34px;
}
.barrage-container{
	float:left;
	width:127px;
	height:34px;
	cursor:pointer; 
	transition: all 0.3s ease;
}
.barrage-container:hover {
	transform: translateY(-3px);
}
.barrage-rect-bg{
	position:absolute;
	left:0px;
	min-width:117px;
	min-height:34px;
	background: linear-gradient(45deg, #ff85a2, #ffb6c1);
	border-radius: 20px 0 0 20px;
	transition: all 0.3s ease;
}
.barrage-circle-bg{
	position:absolute;
	right:0px;
  	left:98px;
	width:34px;
  	height:34px;
	border: 0 none;
	background:url('../images/barrage_open.png');
	border-radius: 50%;
	transition: all 0.3s ease;
}
.barrage-text{
	position:absolute;
	top:6px;
	width:100px;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	font-weight: bold;
}
.barrage-container:hover .barrage-circle-bg{
	background:url('../images/barrage_open_highlight.png');
	transform: rotate(360deg);
}
.barrage-container:hover .barrage-rect-bg{
	background: linear-gradient(45deg, #ff5c8d, #ff85a2);
}
.barrage-link-item-container{
	float:left;
	height:34px;
	width:132px;
	margin-left:9px;
	transition: all 0.3s ease;
}
.barrage-link-item-container:hover {
	transform: translateY(-3px);
}
.barrage-link-item-text{
	position:relative;
	top:6px;
	color:#ff85a2;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	transition: all 0.3s ease;
}
.barrage-link-item-text:hover {
	color: #ff5c8d;
	text-shadow: 0 0 10px rgba(255, 92, 141, 0.3);
}
.page-link-row-bar-open{
	position:relative;
	width:984px;
	margin-top:10px; 
	left:8px;
	display:none;
}
.page-link-row-bar-open-menu-plate{
	position:relative;
  	left:0px;
	width:134px;
}
.page-link-row-bar-open-menu-container{
	position:absolute;
  	left:0px;
	width:134px;
	cursor:pointer; 
	transition: all 0.3s ease;
}
.page-link-row-bar-open-menu-container:hover {
	transform: translateY(-3px);
}
.page-link-row-bar-open-menu-rect-bg{
	position:absolute;
	left:0px;
	min-width:117px;
	min-height:34px;
	background: linear-gradient(45deg, #ff85a2, #ffb6c1);
	border-radius: 20px 0 0 20px;
	transition: all 0.3s ease;
}
.page-link-row-bar-open-menu-circle-bg{
	position:absolute;
	right:0px;
  	left:98px;
	width:34px;
  	height:34px;
	border: 0 none;
	background:url('../images/barrage_close.png');
	border-radius: 50%;
	transition: all 0.3s ease;
}
.page-link-row-bar-open-menu-text{
	position:absolute;
	top:6px;
	width:100px;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	font-weight: bold;
}
.page-link-row-bar-open-content-plate{
	position:relative;
  	left:135px;
	max-width:860px;
}
.page-link-row-bar-open-content-bar-container {
    position: relative;
    display: flex; /* 使用flex布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: flex-start; /* 左对齐 */
    align-items: stretch; /* 项目高度一致 */
    gap: 12px; /* 项目之间的间距 */
    height: auto; /* 自动高度 */
    width: 860px;
    left: 0px;
    margin-top: 6px;
    padding-bottom: 10px; /* 添加底部内边距 */
}
.page-link-row-bar-open-content-bar-container:after {
    content: "";
    display: table;
    clear: both;
}
.page-link-row-bar-open-content-bar-item-container {
    flex: 0 0 calc(25% - 9px); /* 每行4个项目，减去间距 */
    height: 133px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    border: 2px solid #ffd1dc;
    transition: all 0.3s ease;
    margin-left: 0; /* 移除浮动时的左边距 */
    box-sizing: border-box; /* 包含边框和内边距在宽度计算中 */
}

@media (max-width: 1200px) {
    .page-link-row-bar-open-content-bar-item-container {
        flex: 0 0 calc(33.333% - 8px); /* 每行3个项目 */
    }
}

@media (max-width: 900px) {
    .page-link-row-bar-open-content-bar-item-container {
        flex: 0 0 calc(50% - 6px); /* 每行2个项目 */
    }
}

@media (max-width: 600px) {
    .page-link-row-bar-open-content-bar-item-container {
        flex: 0 0 100%; /* 每行1个项目 */
    }
}

.page-link-row-bar-open-content-bar-item-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(255, 182, 193, 0.3);
}
.page-link-row-bar-open-content-bar-item-head-container:hover .page-link-row-bar-open-content-bar-item-head-bg{
	background: linear-gradient(45deg, #ff85a2, #ffb6c1);
} 
.page-link-row-bar-open-content-bar-item-head-container:hover .page-link-row-bar-open-content-bar-item-head-more{
	color:#ffffff;
}
.page-link-row-bar-open-content-bar-item-head-container:hover .page-link-row-bar-open-content-bar-item-head-title{
	color:#ffffff;
}
.page-link-row-bar-open-content-bar-item-head-container{
	position:relative;
	left:0px;
	top:0px;
	min-width:200px;
	min-height:32px;
}
.page-link-row-bar-open-content-bar-item-head-bg{
	position:absolute;
	left:0px;
	top:0px;
	min-width:200px;
	min-height:32px;
	background: linear-gradient(90deg, #ffd1dc, #a6e3e9);
	border-radius: 13px 13px 0 0;
	transition: all 0.3s ease;
}
.page-link-row-bar-open-content-bar-item-head-title{
	position:absolute;
	left:8px;
	top:7px;
	width:192px;
	color:#ff85a2;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	transition: all 0.3s ease;
}
.page-link-row-bar-open-content-bar-item-head-more{
	position:absolute;
	left:167px;
	top:7px;
	width:20px;
	color:#ff85a2;
	transition: all 0.3s ease;
}
.page-link-row-bar-open-content-bar-item-body-container{
	position:relative;
	left:0px;
	top:8px;
	min-width:180px;
	min-height:70px;
}
.page-link-row-bar-open-content-bar-item-body-text{
	position:absolute;
	left:10px;
	top:0px;
	width:180px;
	color:#ff85a2;
	font-size:12px;
	text-align:left;
}
.page-link-row-bar-open-content-bar-item-btn-container{
	position:relative;
	left:0px;
	top:10px;
	min-width:200px;
	min-height:20px;
}
.page-link-row-bar-open-content-bar-item-wa{
	position:absolute;
	left:172px;
	top:0px;
	width:16px;
	height:16px;
	background:url('../images/wa-normal.png');
	transition: all 0.3s ease;
}
.page-link-row-bar-open-content-bar-item-wa:hover {
	transform: scale(1.2);
}
.page-link-row-bar-open-content-bar-item-love{
	position:absolute;
	left:151px;
	top:0px;
	width:16px;
	height:16px;
	background:url('../images/love-normal.png');
	transition: all 0.3s ease;
}
.page-link-row-bar-open-content-bar-item-love:hover {
	transform: scale(1.2);
}

/* 添加可爱的星星装饰 */
.cute-star {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #ffb6c1;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
	animation: twinkle 2s infinite;
}

@keyframes twinkle {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 1; }
}