/* @charset "UTF-8"; */
/* 基础重置 */
@import "google_ad.css";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
body {
	font-family: "PingFang SC","宋体","Microsoft YaHei",SimSun, sans-serif;
    line-height: 1.6;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px;
}
/* 顶部导航样式 */
.top-nav {
    background-color: #f8f8f8;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
    max-width: 1000px; /* 从1200px改为1000px */
    margin: 0 auto;
    padding: 10px 20px;
}
.nav-links a, .nav-actions a {
    color: #333;
    text-decoration: none;
    margin-right: 10px;
    font-size: 14px;
    transition: color 0.2s ease;
}
.nav-links a:hover, .nav-actions a:hover {
    color: #0000ff;
}
/* 主要内容区域 */
.main-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
    background-color: #E6E6DD;
    box-shadow: none;
    border-radius: 0px;
    margin-top: 0px;
}
/* 标题区域样式 */
.title-section {
    text-align: center;
    /*padding: 20px 0;*/
    border-bottom: 1px solid #eee;
}
.main-title {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}
.subtitle-container {
    color: #666;
    font-size: 14px;
}
.subtitle-line {
    line-height: 1.8;
}
.title-link {
    color: #0000ff;
}

.title-usergrade {
    color: #666;
}
.title-usergrade:hover{
    text-decoration: underline;
}

.subtitle-line:last-child {
    margin-bottom: 5px;
}
.subtitle-line span {
    margin: 0 5px;
}
/* 帖子内容样式 */
.post-content {
    /*margin: 20px 0;*/
    /*padding: 20px;*/
    border-radius: 4px;
    margin-bottom: 20px;
    border-bottom:1px solid #eee;
}
.content-section {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.content-section pre {
    line-height: 1.6;
    font-size: 16px; /* 设置默认文字大小为16px */
    white-space: pre-wrap; /* 保持空格和换行 */
    word-wrap: break-word;
	word-break: break-all; /* 允许长链接在任意字符处换行 */
}
.content-section p {
    white-space: pre-wrap; /* 保持空格和换行 */
    margin-bottom: 1em; /* 移除段落间距 */
    text-indent: 0; /* 移除缩进 */
}
.content-section a {
    /*display: block;*/ /* 让链接独立成行 */
    /*margin: 10px 0;*/ /* 添加上下间距 */
    word-break: break-all; /* 允许长链接在任意字符处换行 */
}
.content-section img {
    display: block; /* 让图片独立成行 */
    margin: 10px auto; /* 上下间距10px，左右自动（实现居中） */
    max-width: 80%; /* 限制最大宽度 */
}
.content-section h1, h2, h3, h4 {
    font-size: 16px;
    font-weight: bold;
}
/* 最后一个段落不需要底部间距 */
.content-section p:last-child {
    margin-bottom: 0;
}
/* 投票区域 */
.vote-section,.view_tools_box{
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 4px;
    text-align: center;
    color: #666;
}
.view-gift{
    background-color: #f8f8f8;
    padding-top: 15px;
    margin-top:10px;
    border-radius: 4px;
    text-align: center;
    color: #666;
}
.vote-section,.view_tools_box p {
    margin: 0;
}
.view_tools_box{margin-top:10px;}

.view_tools_box .author-ext{
    display:flex;
    justify-content: space-between;
    font-size:14px;

}

.view_tools_box .author-ext a{color:#0000ff;}

.view_tools_box .warning-info{
    font-size:12px;
    color:#666;
}
/* 帖子列表样式 */
.post-list {
    margin: 20px 0;
    padding: 15px;
    background-color: #f8f8f8;
    border-radius: 4px;
}
.list-header {
    margin-bottom: 15px;
    font-weight: bold;
    color: #333;
}
.list-note {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}
.post-items {
    list-style: none;
    padding: 0;
}
.post-items li {
    /*margin-bottom: 10px;*/
    /*line-height: 0.4;
    padding: 8px 0;*/
    border-bottom: 1px dashed #ddd;
    font-size:14px;
}
.post-item:last-child {
    border-bottom: none;
}
.post-items li a {
    text-decoration: none;
}
.post-items li a:hover {
    text-decoration: underline;
}
.post-meta {
    color: #666;
    font-size: 12px;
    margin-left: 10px;
}
/* 评论区样式 */
.comment-section {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
.comment-area {
    flex: 2;
}
.welcome-text {
    padding: 10px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size:14px;
}
.welcome-text a {
    color: #0000ff;
    text-decoration: none;
}
.welcome-text-login .title-input{width:240px;margin-bottom: 0px;}
.welcome-text-login {display:flex;justify-content: space-between;}
.welcome-text-login .login-reg{line-height:30px;font-size:14px;}

.input-area {
    margin-bottom: 15px;
}
.title-input {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}
.content-input {
    width: 100%;
    height: 200px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
    font-size: 14px;
}
/* 编辑工具栏样式 */
.editor-toolbar {
    border: 1px solid #ddd;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
}
.tool-btn {
    padding: 6px 8px;
    /*margin-right: 5px;*/
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    border-radius: 3px;
    font-size: 12px;
    color:#666;
}
.tool-btn:hover {
    background: #f0f0f0;
}
/*.action-buttons {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}*/
.action-btn {
    padding: 6px 12px;
    margin-right: 10px;
    cursor: pointer;
    background: #0000ff;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 12px;
}

.action-buttons {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between; /* 两端对齐 */
    align-items: center;
    flex-wrap: wrap;
}

/* 确认发布按钮样式 */
.submit-btn {
    padding: 6px 12px;
    cursor: pointer;
    background: #0066cc;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 12px;
}

.submit-btn:hover {
    background: #0052a3;
}

/* 链接容器样式 */
.action-links {
    display: flex;
    gap: 15px; /* 链接之间的间距 */
}


.btn-submit{
    background: green;
}

.action-buttons a{font-size:12px;margin-left:15px;text-decoration: none;color:#666}

/* 右侧二维码区域样式 */
.qr-section {
    flex: 1;
    max-width: 300px;
}
.qr-code {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.qr-code img {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}
.qr-code p {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}
.author-posts {
    padding: 15px;
    background: #f8f8f8;
    border-radius: 4px;
}
.author-posts h4 {
    margin-bottom: 12px;
    font-size: 14px;
    color: #333;
}
.author-posts ul {
    list-style: none;
    padding: 0;
}
.author-posts li {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.0;
}
.author-posts a {
    color: #0000ff;
    text-decoration: none;
    display: inline-block;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.author-posts a:hover {
    text-decoration: underline;
}
.date {
    color: #666;
    font-size: 11px;
    margin-left: 5px;
}
.more-link {
    display: block;
    margin-top: 12px;
    color: #0000ff;
    text-decoration: none;
    font-size: 12px;
}
.more-link:hover {
    text-decoration: underline;
}
/* 底部导航样式 */
.bottom-nav {
    background-color: #f0f0f0;
    padding: 15px 20px;
    margin-top: 20px;
    border-radius: 4px;
}
.bottom-nav .nav-links {
    text-align: center;
    margin-bottom: 10px;
    color: #666;
}
.bottom-nav a {
    color: #666;
    text-decoration: none;
    margin: 0 5px;
}
.bottom-nav a:hover {
    text-decoration: underline;
}
.notice-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    padding: 0 20px;
}
/* 响应式设计 */
@media (max-width: 768px) {
    .comment-section {
        flex-direction: column;
    }
    .qr-section {
        max-width: 100%;
    }
    .main-content {
        padding: 10px;
    }
    .top-nav {
        flex-direction: column;
        text-align: center;
    }
    .nav-actions {
        margin-top: 10px;
    }
}
.top-nav-container {
    max-width: 1000px; /* 添加最大宽度限制 */
    margin: 0 auto; /* 居中对齐 */
    background-color: #f8f8f8;
    margin-bottom: 0; /* 确保没有底部间距 */
}

.top-nav .top-user-icon{font-size:18px;margin-right:3px;}
/* 广告区域样式 */
.ad-container {
    max-width: 1000px; /* 添加最大宽度限制 */
    margin: 0 auto; /* 居中对齐 */
    height: 140px;
    background-color: #f0f0f0;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
}