/* ============================================================
   论坛视觉增强（override）
   2026-10-29 新增：在 header.inc.php 里最后引入，
   只覆盖颜色/圆角/阴影/字体/间距，不改任何 DOM 与脚本。
   ============================================================ */

:root{
    --brand:#2b7cd3;
    --brand-d:#1c5fa8;
    --brand-l:#eaf3fd;
    --ink:#1f2a33;
    --ink-2:#5a6b78;
    --ink-3:#93a3af;
    --line:#e6edf3;
    --card:#ffffff;
    --bg:#f4f7fb;
    --shadow-sm:0 1px 2px rgba(20,44,70,.05),0 2px 8px rgba(20,44,70,.05);
    --shadow-md:0 2px 6px rgba(20,44,70,.06),0 10px 24px rgba(20,44,70,.07);
}

/* ---------- 基础 ---------- */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p,select,button{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Tahoma,Arial,sans-serif;
    font-size:14px;
    color:var(--ink);
}
body{
    background-color:var(--bg);
    background-image:
        radial-gradient(circle at 12% 0%,rgba(43,124,211,.10),rgba(43,124,211,0) 42%),
        radial-gradient(circle at 88% 4%,rgba(90,180,230,.10),rgba(90,180,230,0) 40%),
        linear-gradient(180deg,#f7fafd 0%,#f2f6fa 100%);
    background-attachment:fixed;
    color:var(--ink);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
}
a{color:var(--brand);transition:color .15s}
a:hover{color:var(--brand-d)}

/* ---------- 顶部导航 ---------- */
.header_wrap{
    background:linear-gradient(135deg,#2f86dd 0%,#1c5fa8 100%);
    box-shadow:0 2px 10px rgba(18,50,90,.22);
}
#header{height:48px;line-height:48px}
#header .logo{
    font-size:17px;
    font-weight:600;
    letter-spacing:.5px;
    color:#fff;
    width:auto;
    padding-right:16px;
}
#header .logo a{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15)}
#header .serarch{
    position:relative;
    background:rgba(255,255,255,.92);
    border-radius:9px;
    box-shadow:inset 0 1px 2px rgba(16,44,76,.14);
    height:30px;
    margin:9px 0 0 8px;
    width:190px;
    padding:0;
    box-sizing:border-box;
    transition:background .16s,box-shadow .16s;
}
#header .serarch:hover{background:#fff;box-shadow:inset 0 1px 2px rgba(16,44,76,.1),0 0 0 3px rgba(255,255,255,.25)}
#header .serarch input.keyword{
    float:none;
    display:block;
    width:calc(100% - 40px);
    height:20px;
    line-height:20px;
    margin:5px 0 0 12px;
    padding:0;
    border:0;
    font-size:13px;
    color:var(--ink);
    background:transparent;
}
#header .serarch input.keyword::placeholder{color:#9aabb8}
#header .serarch input.submit{
    position:absolute;
    right:2px;
    top:1px;
    width:28px;
    height:28px;
    float:none;
    margin:0;
    padding:0;
    border:0;
    background:url(style_icon.png) 2px -593px no-repeat;
    cursor:pointer;
}
#header .login{height:48px;line-height:48px}
#header .login a{
    color:rgba(255,255,255,.94);
    font-size:13.5px;
    padding:2px 2px;
    transition:color .15s,opacity .15s;
}
#header .login a:hover{color:#fff;text-decoration:none;opacity:.82}

/* ---------- 内容卡片 ---------- */
.auto{width:960px}

#hot{
    margin-top:18px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow-sm);
    padding:0 0 14px 0;
    overflow:hidden;
}
#hot .title{
    height:auto;
    line-height:1.5;
    padding:13px 18px 11px;
    margin:0 0 6px 0;
    color:var(--ink);
    font-size:15px;
    font-weight:650;
    border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,#fbfdff,#fff);
    text-indent:0;
    display:flex;
    align-items:center;
    gap:8px;
}
#hot .title::before{
    content:"";
    width:4px;height:15px;
    border-radius:2px;
    background:linear-gradient(180deg,#54a3ea,#2b7cd3);
    flex:0 0 auto;
}
#hot .newlist{padding:2px 8px}
#hot .newlist li{
    text-indent:0;
    line-height:1.6;
    padding:2px 0;
}
#hot .newlist li a{color:var(--ink-2);transition:color .15s}
#hot .newlist li a:hover{color:var(--brand);text-decoration:none}

/* 板块区 */
.box{
    background:var(--card);
    border:1px solid var(--line);
    border-left:1px solid var(--line);
    border-right:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow-sm);
    margin-top:16px;
    margin-bottom:0;
    overflow:hidden;
}
.box .title{
    background:linear-gradient(180deg,#fbfdff,#fff);
    border-top:0;
    border-bottom:1px solid var(--line);
    padding:13px 18px 11px;
    font-size:15px;
    font-weight:650;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:8px;
}
.box .title::before{
    content:"";
    width:4px;height:15px;
    border-radius:2px;
    background:linear-gradient(180deg,#54a3ea,#2b7cd3);
    flex:0 0 auto;
    margin-right:2px;
}
.box .title a{color:var(--ink)!important;text-decoration:none}
.box .title a:hover{color:var(--brand)!important}

.box .classList{
    background:transparent;
    padding:8px 14px 10px;
}
.box .classList .childBox{
    background-color:transparent;
    border-bottom:1px dashed #eef3f8;
    border-radius:10px;
    padding-left:46px;
    height:auto;
    min-height:52px;
    transition:background-color .16s;
}
.box .classList .childBox:hover{background-color:#f4f9ff}
.box .classList .childBox h2{padding-bottom:2px;font-size:14.5px;font-weight:600}
.box .classList .childBox h2 a{color:var(--ink);transition:color .15s}
.box .classList .childBox:hover h2 a{color:var(--brand)}
.box .classList .childBox h2 span{color:#e07b39;font-weight:500;font-size:12.5px}
.box .classList .childBox{
    color:var(--ink-3);
    font-size:12.5px;
}
/* 板块图标：保留原 gif，只做大小与位置微调 */
.box .classList .childBox.new,
.box .classList .childBox.old,
.box .classList .childBox.lock{
    background-position:12px center;
}

/* ---------- 分页 ---------- */
.pages a,.pages span{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    color:var(--ink-2);
    line-height:1.4;
    padding:5px 11px;
    font-size:13px;
    transition:all .15s;
}
.pages a:hover{
    background:var(--brand-l);
    border-color:#b9d7f5;
    color:var(--brand-d);
    text-decoration:none;
}
.pages span{
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
    font-weight:600;
}

/* ---------- 表单（登录/注册/发帖） ---------- */
input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{
    border:1px solid var(--line);
    border-radius:9px;
    background:#fbfdff;
    color:var(--ink);
    padding:8px 11px;
    font-size:14px;
    outline:none;
    transition:border-color .15s,box-shadow .15s,background-color .15s;
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select:focus{
    background:#fff;
    border-color:#7fc0f0;
    box-shadow:0 0 0 3px rgba(43,124,211,.13);
}
input[type=submit],input[type=button],button{
    cursor:pointer;
    font-family:inherit;
}
input[type=submit]:hover{filter:brightness(1.05)}

/* 登录 / 注册卡片 */
#register{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:var(--shadow-md);
    /* 登录框收窄居中：一片 520px 的卡片，比原来 950px 满宽更像登录页 */
    width:min(520px,92vw)!important;
    margin:34px auto 44px!important;
    overflow:hidden;
    padding-bottom:28px;
}
#register h2{
    border-bottom:1px solid var(--line);
    color:var(--ink);
    font-size:16px;
    font-weight:650;
    padding:15px 20px;
    background:linear-gradient(180deg,#fbfdff,#fff);
}
#register form{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:22px 0 0;
}
#register form label{
    float:none!important;
    margin:0 0 16px!important;
    width:340px;
    display:block;
    font-size:13.5px;
    color:var(--ink-2);
}
#register form label input{
    width:100%!important;
    box-sizing:border-box;
    height:auto!important;
    margin-top:6px;
    box-shadow:none!important;
    background-color:#fbfdff!important;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
    padding:9px 11px!important;
    font-size:14px!important;
}
#register form label input:focus{
    background-color:#fff!important;
    border-color:#7fc0f0!important;
    box-shadow:0 0 0 3px rgba(43,124,211,.13)!important;
}
#register form label span{
    width:auto!important;
    display:block;
    margin-top:4px;
    color:var(--ink-3);
    font-size:12px;
}
#register form img.vcode{
    display:block;
    margin:6px 0 0;
    border-radius:8px;
    border:1px solid var(--line);
}
#register form .btn,#register .btn{
    width:340px;
    /* 原样式表是 margin:20px 0 60px 115px，会整体右移 115px 看着明显偏右；
       这里清零并靠 form 的 align-items:center 居中，与上面输入框左右对齐 */
    margin:12px 0 22px!important;
    height:42px;
    line-height:42px;
    text-align:center;
    color:#fff;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
    background:linear-gradient(135deg,#2f86dd,#1c5fa8);
    border:0;
    border-radius:10px;
    box-shadow:0 5px 14px -4px rgba(28,95,168,.5);
    cursor:pointer;
    transition:filter .15s,transform .12s,box-shadow .18s;
}
#register form .btn:hover,#register .btn:hover{
    filter:brightness(1.05);
    transform:translateY(-1px);
    box-shadow:0 9px 20px -6px rgba(28,95,168,.55);
}

/* ---------- 页脚 ---------- */
#footer{
    border-top:1px solid var(--line);
    margin-top:26px;
    padding:22px 0;
    color:var(--ink-3);
    font-size:12.5px;
}
#footer a{color:var(--ink-2)}
#footer a:hover{color:var(--brand)}
#footer .copyright{font-size:11.5px;color:var(--ink-3)}

/* ---------- 帖子页 / 列表页的通用美化 ---------- */
.wrap1,.wrap2{color:var(--ink)}
.quote{
    background:#f7fbff!important;
    border:1px solid var(--line)!important;
    border-left:3px solid #9ecbf0!important;
    border-radius:10px!important;
}
pre.prettyprint{
    border:1px solid var(--line);
    border-left:3px solid #bcd9f2;
    border-radius:10px;
    background:#f8fbfd;
    padding:12px 14px;
    font-size:13px;
    line-height:1.6;
}

/* 表格（管理/成员列表等） */
table{border-color:var(--line)}
table th{
    background:#f6fafd;
    color:#41586e;
    font-weight:600;
}
table td{border-color:#eef4f9}

/* 滚动条 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cfdae4;border-radius:6px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#b7c6d4}
::-webkit-scrollbar-track{background:transparent}

@media (max-width:1000px){
    .auto{width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box}
    #register form label{width:min(340px,86vw)}
    #register form .btn,#register .btn{width:min(340px,86vw)}
}

/* ---------- 列表页（帖子列表 + 侧栏） ---------- */
#main{
    background:#fff!important;
    border-radius:14px;
    /* 用 box-shadow 画 1px 边框：不占尺寸，避免左右两栏宽度被挤到换行 */
    box-shadow:0 0 0 1px var(--line),var(--shadow-sm);
    margin-top:16px;
    overflow:hidden;
}
#main #right{
    background:#fafdff;
    font-size:13px;
    /* 用 inset 阴影画左分隔线，不占宽度（282px 是固定值，加 border 会挤出换行） */
    box-shadow:inset 1px 0 0 #eef3f8;
}
#main #right a{color:var(--ink-2)}
#main #right a:hover{color:var(--brand)}
#main ul.postsList{border-top:0;margin:12px 0}
#main ul.postsList li{
    border-bottom:1px dashed #eef3f8;
    transition:background-color .15s;
}
#main ul.postsList li:hover{background-color:#f7fbff}
#main #left .box_wrap h3{color:var(--ink)!important;font-size:15px;font-weight:650}
#main #left .notice,.notice{
    background:var(--brand-l);
    border:1px solid #cfe4f8;
    border-radius:10px;
    color:var(--brand-d);
    padding:8px 12px;
}

/* ---------- 帖子详情 ---------- */
.wrap1 .title,.wrap2 .title{color:var(--ink)}
.quote .title{color:var(--brand-d)!important}

/* ---------- 个人资料页（member.php） ---------- */
#main #right .member_big{
    margin:8px auto 0;
    width:100%!important;
    text-align:center;
}
#main #right .member_big dt img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    box-shadow:0 4px 16px rgba(20,44,70,.18);
}
#main #right .member_big dd{
    margin:0;
    line-height:1.9;
    font-size:13px;
    color:var(--ink-2);
}
#main #right .member_big dd.name{
    font-size:18px;
    font-weight:600;
    color:var(--ink);
    padding:12px 0 6px;
    line-height:1.4;
}
#main #right .member_big dd a{
    color:var(--brand);
    font-size:13px;
}
#main #right .member_big dd a:hover{color:var(--brand-d)}

/* 帖子条目里的头像与标题 */
#main ul.postsList li div.smallPic img{
    border-radius:50%;
    object-fit:cover;
}
#main ul.postsList li div.subject h2{
    font-size:14.5px;
    font-weight:600;
    margin:0 0 4px;
    border:0;
    padding:0;
    display:block;
}
#main ul.postsList li div.subject h2::before{display:none}
#main ul.postsList li div.subject h2 a{color:var(--ink)}
#main ul.postsList li:hover div.subject h2 a{color:var(--brand)}
#main ul.postsList li div.subject p{color:var(--ink-3);font-size:12.5px;margin:0}
#main ul.postsList li div.count p{color:var(--ink-3);font-size:12px;text-align:center;margin:0}
#main ul.postsList li div.count p span{color:var(--ink);font-weight:600}

/* 验证码图片：提示可点击刷新 */
.vcode{cursor:pointer}

/* ============================================================
   发帖 / 回复 / 编辑帖子页（#publish 容器）
   2026-10-29 新增：卡片化 + 版块与标题排成一行 + 编辑器圆角 + 渐变按钮
   只覆盖颜色/尺寸/圆角，表单字段与 JS 未改
   ============================================================ */
#publish{
    box-sizing:border-box!important;
    width:min(1020px,94vw)!important;
    margin:20px auto 40px!important;
    padding:22px 24px 24px!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    box-shadow:0 2px 6px rgba(20,44,70,.06),0 14px 34px -12px rgba(20,44,70,.18)!important;
}
#publish form{width:100%!important;margin:0!important;padding:0!important}

/* 回复页顶部的「回复：由 xx 发布的：标题」一行 */
#publish > div:first-child:not(form){
    margin:0 0 14px;
    padding:0 0 12px;
    font-size:13.5px;
    line-height:1.7;
    color:var(--ink-2);
    border-bottom:1px solid #eef3f8;
}

/* 版块下拉 + 标题输入框：同一行、等高等风格 */
#publish form > select{
    display:inline-block!important;
    width:200px!important;
    height:42px!important;
    line-height:39px!important;
    margin:0 10px 12px 0!important;
    padding:0 34px 0 12px!important;
    box-sizing:border-box;
    font-family:inherit!important;
    font-size:14px!important;
    color:var(--ink);
    background-color:#fbfdff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238fa6ba' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:12px 12px;
    border:1.5px solid var(--line)!important;
    border-radius:10px!important;
    vertical-align:top;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    transition:border-color .16s,box-shadow .16s,background-color .16s;
}
#publish input.title{
    display:inline-block!important;
    width:calc(100% - 222px)!important;
    height:42px!important;
    margin:0 0 12px!important;
    padding:0 14px!important;
    box-sizing:border-box;
    font-family:inherit!important;
    font-size:15px!important;
    color:var(--ink);
    background-color:#fbfdff;
    border:1.5px solid var(--line)!important;
    border-radius:10px!important;
    vertical-align:top;
    transition:border-color .16s,box-shadow .16s,background-color .16s;
}
#publish form > select:focus,
#publish input.title:focus{
    outline:none;
    background-color:#fff!important;
    border-color:#7fc0f0!important;
    box-shadow:0 0 0 3px rgba(43,124,211,.14);
}
#publish input.title::placeholder{color:#a6b7c4}

/* 编辑器外框（editormd） */
#publish .editormd{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    border:1.5px solid var(--line)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
#publish .editormd-toolbar{
    border-bottom:1px solid #eef3f8!important;
    border-radius:12px 12px 0 0!important;
    background:#fafdff!important;
}
#publish .editormd-preview,
#publish .editormd-html-preview{border-left:1px solid #eef3f8!important;background:#fbfdff!important}

/* 编辑器外框（KindEditor） */
#publish .ke-container{
    border:1.5px solid var(--line)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
#publish .ke-toolbar{border-bottom:1px solid #eef3f8!important;background:#fafdff!important}

/* 原生 textarea（未启用编辑器时） */
#publish textarea.content{
    width:100%!important;
    box-sizing:border-box;
    padding:12px 14px!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.75;
    color:var(--ink);
    background-color:#fbfdff;
    border:1.5px solid var(--line)!important;
    border-radius:11px!important;
    margin-top:0!important;
    resize:vertical;
}
#publish textarea.content:focus{
    outline:none;
    background-color:#fff;
    border-color:#7fc0f0!important;
    box-shadow:0 0 0 3px rgba(43,124,211,.14);
}

/* 提交按钮：原来是一张 70×30 的背景图，这里改成渐变按钮 + 文字 */
#publish input.publish,#publish input.reply{
    float:none!important;
    display:inline-block!important;
    width:auto!important;
    height:42px!important;
    margin:16px 0 0!important;
    padding:0 34px!important;
    font-family:inherit!important;
    font-size:14.5px!important;
    font-weight:600!important;
    letter-spacing:2px!important;
    color:#fff!important;
    background-color:transparent!important;
    background-image:linear-gradient(135deg,#2f86dd 0%,#1c5fa8 100%)!important;
    background-position:0 0!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    border:0!important;
    border-radius:10px!important;
    text-indent:0!important;
    cursor:pointer;
    box-shadow:0 5px 14px -5px rgba(28,95,168,.55);
    transition:filter .16s,transform .12s,box-shadow .18s;
}
#publish input.publish:hover,#publish input.reply:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
    box-shadow:0 10px 22px -6px rgba(28,95,168,.6);
}
#publish input.publish:active,#publish input.reply:active{transform:translateY(1px)}

@media (max-width:680px){
    #publish{width:94vw!important;padding:16px 14px 18px!important}
    #publish form > select{width:100%!important;margin:0 0 10px!important}
    #publish input.title{width:100%!important}
}

/* 登录页：验证码输入框与图片同一行（2026-10-29） */
#register form label .vc-row{
    display:flex!important;
    align-items:center;
    gap:9px;
    margin-top:6px;
    width:100%;
}
#register form label .vc-row input[name="vcode"]{
    flex:1 1 auto;
    width:auto!important;
    min-width:0;
    margin-top:0!important;
    height:40px!important;
    padding:9px 11px!important;
    font-size:14px!important;
    letter-spacing:2px;
    font-weight:600;
    color:var(--ink);
    background-color:#fbfdff!important;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
    box-sizing:border-box;
}
#register form label .vc-row input[name="vcode"]:focus{
    background-color:#fff!important;
    border-color:#7fc0f0!important;
    box-shadow:0 0 0 3px rgba(43,124,211,.13)!important;
}
#register form label .vc-row img.vcode{
    flex:0 0 auto;
    display:block!important;
    width:104px!important;
    height:40px!important;
    margin:0!important;
    object-fit:cover;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
    background:#f3f7fb;
    cursor:pointer;
}

/* 登录页：前端校验不通过时的红框 */
#register form label input.err{
    border-color:#e0574c!important;
    box-shadow:0 0 0 3px rgba(224,87,76,.14)!important;
    background-color:#fffaf9!important;
}

/* ============================================================
   2026-10-29 追加：
   ① 首页「最新帖子」列表排版
   ② 列表页/帖子页的发帖、回复按钮（原来是 70×30 的雪碧图，无文字）
   ============================================================ */

/* ① 最新帖子：两列；每条压成一行（点号 + 标题 + 作者 + 日期）
   DOM 顺序是 日期在前，用 flex order 重排；日期带内联 float:right，需覆盖 */
/* 用 grid 两列，同一行两条自动等高，不会像 float 那样上下错位 */
.box .classList > ul:not(.listWrap){
    display:grid!important;
    grid-template-columns:1fr 1fr;
    column-gap:12px;
    overflow:hidden;
}
.box .classList > ul:not(.listWrap) li{
    display:flex!important;
    flex-wrap:nowrap;
    align-items:center;
    column-gap:7px;
    position:relative;
    width:auto!important;
    float:none!important;
    margin:0!important;
    padding:7px 4px 7px 15px!important;
    box-sizing:border-box;
    list-style:none!important;
    line-height:1.5;
    border-bottom:1px dashed #eef3f8;
    transition:background-color .15s;
}
.box .classList > ul:not(.listWrap) li:nth-child(even){margin:0!important}
.box .classList > ul:not(.listWrap) li:hover{background-color:#f7fbff}
/* 小方块代替原来的 list-style:square；垂直居中于这一行，不再悬在顶部 */
.box .classList > ul:not(.listWrap) li::before{
    content:"";
    position:absolute;
    left:4px;top:50%;
    transform:translateY(-50%);
    width:4px;height:4px;
    border-radius:1px;
    background:#c2d2e0;
    transition:background-color .15s;
}
.box .classList > ul:not(.listWrap) li:hover::before{background:var(--brand)}
/* 标题：占满剩余宽度、超长省略 */
.box .classList > ul:not(.listWrap) li a{
    order:1;
    flex:1 1 auto;
    min-width:0;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--ink)!important;
    font-size:13px;
    text-decoration:none!important;
    transition:color .15s;
}
.box .classList > ul:not(.listWrap) li a:hover{color:var(--brand)!important}
/* 作者：固定宽度，让标题截断位置和日期列在左右两列都对齐 */
.box .classList > ul:not(.listWrap) li span:not([style*="float:right"]){
    order:2;
    flex:0 0 64px;
    width:64px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11.5px!important;
    color:#93a3af!important;
    line-height:1.5;
}
/* 日期 */
.box .classList > ul:not(.listWrap) li span[style*="float:right"]{
    order:3;
    flex:0 0 auto;
    margin-left:0!important;
    float:none!important;
    font-size:11px!important;
    color:#aebdc9!important;
    line-height:1.5;
    white-space:nowrap;
}

/* ② 发帖 / 回复按钮 */
a.btn.publish, a.btn.reply{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:auto!important;
    height:36px!important;
    min-width:86px;
    padding:0 18px!important;
    box-sizing:border-box;
    font-size:13.5px;
    font-weight:600;
    letter-spacing:2px;
    color:#fff!important;
    background-image:linear-gradient(135deg,#2f86dd 0%,#1c5fa8 100%)!important;
    background-position:0 0;
    background-repeat:no-repeat;
    border-radius:9px;
    text-decoration:none!important;
    box-shadow:0 4px 12px -4px rgba(28,95,168,.5);
    transition:filter .15s,transform .12s,box-shadow .18s;
    vertical-align:middle;
}
a.btn.publish::after{content:"发 帖"}
a.btn.reply::after{content:"回 复"}
a.btn.publish:hover, a.btn.reply:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
    color:#fff!important;
    box-shadow:0 9px 20px -6px rgba(28,95,168,.6);
}
a.btn.publish:active, a.btn.reply:active{transform:translateY(1px)}

/* 窄屏：首页「最新帖子」两列会被挤成一小截，改单列（一行内仍放得下标题+作者+日期） */
@media (max-width:860px){
    .box .classList > ul:not(.listWrap){grid-template-columns:1fr!important}
}