@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; border: 0; }

body {
    font: 14px/1.6 "微软雅黑", "Microsoft YaHei", "宋体";
    background: #F8F5FB; 
    color: #333;
}

a { color: #333; text-decoration: none; line-height: 1.5; }
a:hover { color: #6A1B9A; text-decoration: underline; }

/* 整体容器 */
.container {
    width: 1080px;
    margin: 0 auto;
    overflow: visible;
    padding-bottom: 0;
    transform-origin: top left;
}

@media screen and (min-width: 769px) {
    html, body { overflow-x: auto; min-width: 1080px; background: #F8F5FB; }
    .container { transform: none; }
}
@media screen and (max-width: 768px) {
    html, body { overflow-x: hidden; width: 100%; background: #F8F5FB; }
    .container { width: 1080px; transform: scale(0.42); transform-origin: top left; margin-left: calc((100vw - 453.6px) / 2); }
}
@media screen and (max-width: 375px) {
    .container { transform: scale(0.347); margin-left: calc((100vw - 374.76px) / 2); }
}
@media screen and (min-width: 376px) and (max-width: 414px) {
    .container { transform: scale(0.383); margin-left: calc((100vw - 413.64px) / 2); }
}
@media screen and (min-width: 415px) and (max-width: 768px) {
    .container { transform: scale(0.42); margin-left: calc((100vw - 453.6px) / 2); }
}

/* 顶部区域 */
.top-area {
    height: 88px;
    background: linear-gradient(#E1D5EE, #F8F5FB);
    padding: 0 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D1C4E9;
    border-top: none;
}

.brand-area { display: flex; align-items: center; }
.brand-area h1 { font-size: 27px; color: #6A1B9A; font-weight: bold; line-height: 1.2; }
.brand-area span { margin: 0 14px; color: #FF4081; font-size: 14px; line-height: 88px; }

/* 导航栏 */
.menu-area { position: relative; z-index: 10; }
.menu-area ul { display: flex; }
.menu-area ul li a {
    color: #6A1B9A;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    padding: 0 18px;
    display: block;
    position: relative;
}
.menu-area ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #FF4081;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.menu-area ul li a:hover::after { width: 100%; }
.menu-area ul li a:hover { background: #F3E5F5; color: #4A148C; text-decoration: none; }

/* 私服区域 */
.server-box, #server-list { overflow: hidden; }
.server-box { margin-bottom: 10px; }
.main-area { padding: 0; background: transparent; }

/* 页面布局 */
.content-layout { display: flex; gap: 10px; margin-bottom: 10px; align-items: stretch; }
.layout-left { flex: 1; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.layout-left-top .post-card { width: 100%; }
.layout-left-bottom { display: flex; gap: 10px; flex: 1; }
.layout-left-bottom .post-card { flex: 1; }
.layout-right { flex: 0 0 300px; display: flex; flex-direction: column; }
.layout-right .post-card { flex: 1; }

.post-card { background: #fff; border: 1px solid #D1C4E9; overflow: hidden; }

/* 区块标题 */
.post-header {
    background: #F3E5F5;
    border-bottom: 1px solid #CE93D8;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-header h2, .post-header h3 { font-size: 15px; font-weight: normal; color: #6A1B9A; }
.post-header a { font-size: 13px; color: #6A1B9A; line-height: 36px; }
.post-header a:hover { color: #FF4081; text-decoration: underline; }

/* 普通列表 */
.post-body ul { padding: 10px 12px; }
.post-body ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
}
.post-body ul li a {
    flex: 1;
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    padding: 4px 0;
    border-radius: 3px;
    transition: all 0.2s;
    line-height: 1.5;
}
.post-body ul li a:hover { background: #F3E5F5; color: #6A1B9A; text-decoration: underline; }
.post-body .date { flex-shrink: 0; color: #333; font-size: 11px; line-height: 1.5; }

/* 摘要模块 */
.summary-box { padding: 14px; }
.summary-list { display: flex; gap: 15px; align-items: center; }
.summary-left { flex: 0 0 218px; display: flex; justify-content: center; align-items: center; }
.summary-left img { width: 207px; height: 207px; object-fit: cover; border-radius: 50%; display: block; margin: 0 auto; }
.summary-right { flex: 1; min-width: 0; }
.summary-item { padding: 8px 0; border-bottom: 1px dashed #eee; }
.summary-item:last-child { border-bottom: none; }
.summary-title {
    display: block;
    font-size: 14px;
    color: #6A1B9A;
    line-height: 1.5;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.summary-title:hover { color: #FF4081; text-decoration: underline; }
.summary-desc {
    font-size: 12px;
    color: #888;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 图片模块 */
.image-box { padding: 14px; }
.image-item { text-align: center; padding: 10px 0; border-bottom: 1px dashed #eee; }
.image-item:last-child { border-bottom: none; }
.image-item img { width: 180px; height: 180px; object-fit: cover; display: block; margin: 0 auto 8px; }
.image-title {
    display: block;
    font-size: 14px;
    color: #6A1B9A;
    line-height: 1.5;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.image-title:hover { color: #FF4081; text-decoration: underline; }

/* 底部友情链接和版权 */
.link-block {
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #D1C4E9;
    overflow: hidden;
}
.block-title {
    height: 36px;
    line-height: 36px;
    background: #F3E5F5;
    padding: 0 14px;
    border-bottom: 1px solid #CE93D8;
    font-size: 15px;
    position: relative;
    display: flex;
    align-items: center;
}
.block-title h3 { font-size: 15px; font-weight: normal; color: #6A1B9A; }
.link-content { padding: 14px 10px; }
.link-list { display: flex; flex-wrap: wrap; gap: 10px; }
.link-list a {
    padding: 6px 16px;
    background: #f5f7fa;
    border: 1px solid #e0e6ed;
    color: #6A1B9A;
    font-size: 13px;
    line-height: 1.5;
}
.link-list a:hover { background: #6A1B9A; border-color: #6A1B9A; color: #fff; text-decoration: none; }

/* 分类列表页 */
.category-box { padding: 14px; }
.category-box ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}
.category-box ul li a { flex: 1; color: #6A1B9A; line-height: 1.5; }
.category-box ul li a:hover { color: #FF4081; text-decoration: underline; }
.category-box .date { flex-shrink: 0; color: #333; font-size: 12px; line-height: 1.5; }

/* 分页 */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 15px 0 5px;
    border-top: 1px dashed #eee;
    margin-top: 10px;
}
.pagination a,
.pagination .current {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #D1C4E9;
    background: #fff;
    color: #6A1B9A;
    border-radius: 3px;
}
.pagination a:hover { background: #F3E5F5; color: #FF4081; text-decoration: none; }
.pagination .current { background: #6A1B9A; border-color: #6A1B9A; color: #fff; }

/* 分类页 - 最新推荐模块 */
.latest-box { padding: 15px; text-align: center; }
.latest-item { border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-bottom: 10px; }
.latest-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

/* 修改点：将原来撑满的 100% 改为了 180x180，和首页一致 */
.latest-item img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin: 0 auto 8px;
}

.latest-title {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    color: #6A1B9A;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.latest-title:hover { color: #FF4081; text-decoration: underline; }
.latest-empty { text-align: center; padding: 20px; color: #999; }

/* 页面底部 */
.bottom-area {
    text-align: center;
    padding: 30px 0;
    background: linear-gradient(to top, #D1C4E9, #F8F5FB);
    color: #333;
    line-height: 1.6;
    font-size: 15px;
    border: 1px solid #D1C4E9;
    margin-top: 0;
}

/* 正文样式（文章详情页） */
.content-body { padding: 20px; line-height: 1.7; font-size: 14px; color: #333; }
.content-body p { margin-bottom: 15px; line-height: 1.7; }
.content-body img { max-width: 100%; height: auto; }
.page-nav { padding: 15px; border-top: 1px solid #eee; overflow: hidden; }

/* 游戏截图模块 */
.screen-card { margin-top: 10px; }
.screen-list { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px; }
.screen-item { flex: 0 0 138px; width: 138px; height: 139px; overflow: hidden; border-radius: 4px; cursor: pointer; }
.screen-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.screen-item:hover img { transform: scale(1.15); }

/* 隐藏左侧下面卡片里的配图，只保留文字摘要 */
.layout-left-bottom .summary-left { display: none; }
.layout-left-bottom .summary-list { gap: 0; }
.layout-left-bottom .summary-title { font-size: 13px; }
.layout-left-bottom .summary-desc { font-size: 12px; -webkit-line-clamp: 2; }