header.navbar > .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 1200px !important;
padding: 0 20px !important;
min-height: var(--cijian-header-height) !important;
}
header.navbar .navbar-brand {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--cijian-text) !important;
padding: 0 !important;
margin-right: 24px !important;
line-height: 1 !important;
height: auto !important;
}
header.navbar .navbar-brand img {
height: 34px !important;
width: auto !important;
border-radius: 6px !important;
}
header.navbar .navbar-nav {
display: flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
}
header.navbar .navbar-nav > li {
margin: 0 !important;
}
header.navbar .navbar-nav > li > a,
header.navbar .nav > li > a {
display: inline-flex !important;
align-items: center !important;
padding: 8px 14px !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
line-height: 1.4 !important;
}
header.navbar .navbar-nav > li > a:hover,
header.navbar .nav > li > a:hover {
background: var(--cijian-primary-light) !important;
color: var(--cijian-primary) !important;
}
header.navbar .navbar-nav > li.active > a,
header.navbar .nav > li.active > a {
background: var(--cijian-primary) !important;
color: #fff !important;
}
header.navbar .nav.navbar-right {
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
header.navbar .nav.navbar-right > li > a {
padding: 8px !important;
font-size: 16px !important;
}
header.navbar .avatar {
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
object-fit: cover !important;
border: 2px solid var(--cijian-border) !important;
}
.thread-list,
.media-list,
#body .col-md-8 > .card:first-child .list-group,
#body .col-md-8 > .card:first-child ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.thread-list-item,
.media,
.media-list .media,
.list-group-item {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
padding: 14px 16px !important;
border-bottom: 1px solid var(--cijian-border) !important;
background: transparent !important;
transition: background 0.2s ease !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
border-radius: 0 !important;
}
.thread-list-item:last-child,
.media:last-child,
.media-list .media:last-child,
.list-group-item:last-child {
border-bottom: none !important;
}
.thread-list-item:hover,
.media:hover,
.list-group-item:hover {
background: var(--cijian-primary-light) !important;
}
.thread-list-item .media-left,
.thread-list-item .pull-left,
.media .media-left,
.media .pull-left {
flex-shrink: 0 !important;
}
.thread-list-item .media-left img,
.thread-list-item .pull-left img,
.media .media-left img,
.media .pull-left img,
.media-object {
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
object-fit: cover !important;
border: 2px solid var(--cijian-border) !important;
}
.thread-list-item .media-heading,
.thread-list-item .subject,
.media .media-heading,
.media .subject,
.list-group-item .subject {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--cijian-text) !important;
margin-bottom: 6px !important;
line-height: 1.4 !important;
}
.thread-list-item .media-heading a,
.thread-list-item .subject a,
.media .media-heading a,
.media .subject a {
color: inherit !important;
text-decoration: none !important;
}
.thread-list-item .media-heading a:hover,
.thread-list-item .subject a:hover,
.media .media-heading a:hover,
.media .subject a:hover {
color: var(--cijian-primary) !important;
}
.thread-tag,
.label {
display: inline-block !important;
padding: 2px 8px !important;
font-size: 11px !important;
font-weight: 600 !important;
border-radius: 4px !important;
margin-right: 6px !important;
line-height: 1.4 !important;
}
.label-danger, .label.top { background: #fef3e2 !important; color: #e67e22 !important; }
.label-warning, .label.essence { background: #fde8e8 !important; color: #e74c3c !important; }
.label-success, .label.solved { background: #e8f5e9 !important; color: #27ae60 !important; }
.label-info, .label.hot { background: #fff0f0 !important; color: #ff6b6b !important; }
.label-default { background: var(--cijian-border) !important; color: var(--cijian-text-secondary) !important; }
.thread-list-item .media-body small,
.thread-list-item .meta,
.media .media-body small,
.media .meta,
.list-group-item .meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 14px !important;
font-size: 12px !important;
color: var(--cijian-text-muted) !important;
margin-top: 4px !important;
}
.thread-list-item .meta a,
.media .meta a {
color: var(--cijian-primary) !important;
font-weight: 500 !important;
text-decoration: none !important;
}
.thread-list-item .meta .stat,
.media .meta .stat {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
}
.card-header {
background: transparent !important;
border-bottom: 1px solid var(--cijian-border) !important;
padding: 14px 20px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.card-header h3,
.card-header .card-title {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--cijian-text) !important;
margin: 0 !important;
}
.card-header .nav-tabs,
.card-header .nav {
border-bottom: none !important;
display: flex !important;
gap: 4px !important;
margin-left: auto !important;
}
.card-header .nav-tabs > li > a,
.card-header .nav > li > a {
padding: 6px 14px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--cijian-text-secondary) !important;
border: none !important;
border-radius: 8px !important;
margin: 0 !important;
}
.card-header .nav-tabs > li > a:hover,
.card-header .nav > li > a:hover {
background: var(--cijian-primary-light) !important;
color: var(--cijian-primary) !important;
border: none !important;
}
.card-header .nav-tabs > li.active > a,
.card-header .nav > li.active > a {
background: var(--cijian-primary) !important;
color: #fff !important;
border: none !important;
}
#body .col-md-4 > .card,
#body .col-lg-4 > .card,
.sidebar .card {
margin-bottom: 20px !important;
}
#body .col-md-4 > .card .card-header,
#body .col-lg-4 > .card .card-header {
padding: 14px 18px !important;
}
#body .col-md-4 > .card .card-body,
#body .col-lg-4 > .card .card-body {
padding: 14px 18px !important;
}
#body .col-md-4 ul,
#body .col-lg-4 ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#body .col-md-4 ul li,
#body .col-lg-4 ul li {
padding: 9px 0 !important;
border-bottom: 1px dashed var(--cijian-border) !important;
}
#body .col-md-4 ul li:last-child,
#body .col-lg-4 ul li:last-child {
border-bottom: none !important;
}
#body .col-md-4 ul li a,
#body .col-lg-4 ul li a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-size: 13px !important;
color: var(--cijian-text-secondary) !important;
text-decoration: none !important;
}
#body .col-md-4 ul li a:hover,
#body .col-lg-4 ul li a:hover {
color: var(--cijian-primary) !important;
}
.hot-list li,
#body .col-md-4 .hot-list li {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
}
.hot-rank,
.rank-num {
flex-shrink: 0 !important;
width: 20px !important;
height: 20px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 11px !important;
font-weight: 700 !important;
border-radius: 4px !important;
background: var(--cijian-border) !important;
color: var(--cijian-text-muted) !important;
}
.hot-list li:nth-child(1) .hot-rank,
.hot-list li:nth-child(1) .rank-num { background: #ff6b6b !important; color: #fff !important; }
.hot-list li:nth-child(2) .hot-rank,
.hot-list li:nth-child(2) .rank-num { background: #ffa502 !important; color: #fff !important; }
.hot-list li:nth-child(3) .hot-rank,
.hot-list li:nth-child(3) .rank-num { background: #ffd93d !important; color: #fff !important; }
.user-card,
.panel-user {
text-align: center !important;
padding: 20px !important;
}
.user-card .avatar,
.panel-user .avatar {
width: 68px !important;
height: 68px !important;
border-radius: 50% !important;
margin: 0 auto 12px !important;
display: block !important;
border: 3px solid var(--cijian-primary-light) !important;
object-fit: cover !important;
}
.user-card .username,
.panel-user .username {
font-size: 16px !important;
font-weight: 600 !important;
color: var(--cijian-text) !important;
margin-bottom: 4px !important;
}
.user-card .user-level,
.panel-user .user-level {
font-size: 12px !important;
color: var(--cijian-accent) !important;
margin-bottom: 14px !important;
}
.user-stats,
.panel-user .stats {
display: flex !important;
justify-content: center !important;
gap: 24px !important;
padding-top: 14px !important;
border-top: 1px solid var(--cijian-border) !important;
}
.user-stats .stat,
.panel-user .stats > div {
text-align: center !important;
}
.user-stats .num,
.panel-user .stats .num {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--cijian-primary) !important;
display: block !important;
}
.user-stats .label,
.panel-user .stats .label {
font-size: 11px !important;
color: var(--cijian-text-muted) !important;
background: none !important;
padding: 0 !important;
}
.message-container,
#body .col-md-8 > .card:first-child {
padding: 28px 32px !important;
margin-bottom: 20px !important;
}
.thread-detail-title,
.message-container h1,
#body .col-md-8 > .card:first-child h1 {
font-size: 22px !important;
font-weight: 700 !important;
color: var(--cijian-text) !important;
line-height: 1.4 !important;
margin: 0 0 16px !important;
}
.thread-detail-meta,
.post-meta,
.message-meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 16px !important;
padding-bottom: 18px !important;
margin-bottom: 22px !important;
border-bottom: 1px solid var(--cijian-border) !important;
font-size: 13px !important;
color: var(--cijian-text-muted) !important;
}
.thread-detail-meta img,
.post-meta img {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
object-fit: cover !important;
}
.thread-detail-meta .username,
.post-meta .username {
font-weight: 600 !important;
color: var(--cijian-primary) !important;
}
.message,
.thread-body,
.post-body {
font-size: 15px !important;
line-height: 1.85 !important;
color: var(--cijian-text) !important;
word-break: break-word !important;
}
.message p,
.thread-body p,
.post-body p {
margin-bottom: 16px !important;
}
.message h1, .message h2, .message h3,
.thread-body h1, .thread-body h2, .thread-body h3 {
margin: 24px 0 12px !important;
font-weight: 700 !important;
color: var(--cijian-text) !important;
}
.message h2 { font-size: 20px !important; }
.message h3 { font-size: 17px !important; }
.message a,
.thread-body a,
.post-body a {
color: var(--cijian-primary) !important;
text-decoration: none !important;
border-bottom: 1px solid transparent !important;
transition: border-color 0.15s !important;
}
.message a:hover,
.thread-body a:hover {
border-bottom-color: var(--cijian-primary) !important;
}
.message code,
.thread-body code,
.post-body code {
background: #f4f4f4 !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-size: 13px !important;
font-family: Consolas, Monaco, monospace !important;
color: var(--cijian-text) !important;
}
.message pre,
.thread-body pre,
.post-body pre {
background: #2c3e50 !important;
color: #ecf0f1 !important;
padding: 18px !important;
border-radius: 8px !important;
overflow-x: auto !important;
margin: 16px 0 !important;
border: none !important;
}
.message pre code,
.thread-body pre code {
background: none !important;
padding: 0 !important;
color: inherit !important;
}
.message blockquote,
.thread-body blockquote,
.post-body blockquote {
border-left: 4px solid var(--cijian-primary) !important;
padding: 12px 20px !important;
margin: 16px 0 !important;
background: var(--cijian-primary-light) !important;
border-radius: 0 8px 8px 0 !important;
color: var(--cijian-text-secondary) !important;
}
.message img,
.thread-body img,
.post-body img {
border-radius: 8px !important;
margin: 14px 0 !important;
max-width: 100% !important;
height: auto !important;
}
.message ul, .message ol,
.thread-body ul, .thread-body ol {
margin-bottom: 16px !important;
padding-left: 24px !important;
}
.message li,
.thread-body li {
margin-bottom: 6px !important;
}
.attachlist,
.filelist,
.message .attachlist {
background: var(--cijian-primary-light) !important;
border: 2px dashed #b8d8cf !important;
border-radius: 12px !important;
padding: 18px !important;
margin: 20px 0 !important;
}
.attachlist li,
.filelist li {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
background: #fff !important;
border-radius: 8px !important;
padding: 12px 16px !important;
margin-bottom: 8px !important;
list-style: none !important;
border-bottom: none !important;
}
.attachlist li:last-child,
.filelist li:last-child {
margin-bottom: 0 !important;
}
.comment-list,
.post-list,
#post-list {
padding: 0 !important;
margin-bottom: 20px !important;
}
.comment-list .card-header,
.post-list .card-header {
padding: 14px 24px !important;
}
.comment-item,
.post-item,
.comment-list .media,
.post-list .media {
padding: 18px 24px !important;
border-bottom: 1px solid var(--cijian-border) !important;
}
.comment-item:last-child,
.post-item:last-child {
border-bottom: none !important;
}
.comment-item .media-body,
.post-item .media-body {
flex: 1 !important;
min-width: 0 !important;
}
.comment-item .comment-header,
.post-item .post-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 8px !important;
}
.comment-item .comment-author,
.post-item .post-author {
font-weight: 600 !important;
color: var(--cijian-primary) !important;
font-size: 14px !important;
}
.comment-item .comment-floor,
.post-item .post-floor {
font-size: 12px !important;
color: var(--cijian-text-muted) !important;
background: var(--cijian-border) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
}
.comment-item .comment-time,
.post-item .post-time {
font-size: 12px !important;
color: var(--cijian-text-muted) !important;
margin-left: auto !important;
}
.comment-item .comment-content,
.post-item .post-content {
font-size: 14px !important;
line-height: 1.7 !important;
color: var(--cijian-text) !important;
}
.comment-item .comment-actions,
.post-item .post-actions {
display: flex !important;
gap: 16px !important;
margin-top: 10px !important;
font-size: 13px !important;
}
.comment-item .comment-actions a,
.post-item .post-actions a {
color: var(--cijian-text-muted) !important;
text-decoration: none !important;
}
.comment-item .comment-actions a:hover,
.post-item .post-actions a:hover {
color: var(--cijian-primary) !important;
}
.reply-form,
.quick-reply,
#body .col-md-8 > .card:last-child {
padding: 20px 24px !important;
margin-bottom: 20px !important;
}
.reply-form h3,
.quick-reply h3 {
font-size: 16px !important;
font-weight: 600 !important;
margin-bottom: 14px !important;
color: var(--cijian-text) !important;
}
.reply-form textarea,
.quick-reply textarea,
textarea.form-control {
width: 100% !important;
min-height: 100px !important;
padding: 12px 14px !important;
border: 1px solid var(--cijian-border) !important;
border-radius: 8px !important;
font-size: 14px !important;
resize: vertical !important;
transition: all 0.2s ease !important;
background: var(--cijian-bg) !important;
color: var(--cijian-text) !important;
}
input.form-control,
select.form-control {
width: 100% !important;
min-height: 42px !important;
height: 42px !important;
padding: 0 14px !important;
border: 1px solid #dde5e1 !important;
border-radius: 8px !important;
font-size: 14px !important;
transition: all 0.2s ease !important;
background: #ffffff !important;
color: var(--cijian-text) !important;
line-height: 42px !important;
}
.reply-form textarea:focus,
.quick-reply textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
select.form-control:focus {
border-color: var(--cijian-primary) !important;
background: #fff !important;
box-shadow: 0 0 0 3px rgba(91,154,139,0.1) !important;
outline: none !important;
}
/* ===== 登录/注册页面美化 ===== */
.cijian-login-card {
max-width: 420px !important;
margin: 40px auto !important;
border-radius: 16px !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04) !important;
border: 1px solid rgba(91,154,139,0.12) !important;
overflow: hidden !important;
}
.cijian-login-card .card-header {
padding: 20px 24px !important;
text-align: center !important;
background: linear-gradient(135deg, #f7faf9 0%, #eef5f2 100%) !important;
border-bottom: 1px solid rgba(91,154,139,0.1) !important;
}
.cijian-login-card .card-header h3,
.cijian-login-card .card-header .card-title {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--cijian-primary) !important;
letter-spacing: 1px !important;
margin: 0 !important;
}
.cijian-login-card .card-body {
padding: 28px 24px !important;
background: #ffffff !important;
}
.cijian-login-card .form-group {
margin-bottom: 16px !important;
}
.cijian-login-card .btn.btn-primary,
.cijian-login-card .btn.btn-success {
width: 100% !important;
height: 44px !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
border-radius: 10px !important;
letter-spacing: 4px !important;
background: linear-gradient(135deg, var(--cijian-primary) 0%, #4a8577 100%) !important;
border: none !important;
box-shadow: 0 4px 14px rgba(91,154,139,0.35) !important;
transition: all 0.25s ease !important;
}
.cijian-login-card .btn.btn-primary:hover,
.cijian-login-card .btn.btn-success:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(91,154,139,0.45) !important;
background: linear-gradient(135deg, #65a898 0%, var(--cijian-primary-hover) 100%) !important;
}
.btn-primary,
.btn-success {
background: var(--cijian-primary) !important;
border-color: var(--cijian-primary) !important;
color: #fff !important;
padding: 8px 24px !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}
.btn-primary:hover,
.btn-success:hover {
background: var(--cijian-primary-hover) !important;
border-color: var(--cijian-primary-hover) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(91,154,139,0.3) !important;
}
.btn-default,
.btn-secondary {
background: #fff !important;
border-color: var(--cijian-border) !important;
color: var(--cijian-text-secondary) !important;
padding: 8px 20px !important;
font-size: 14px !important;
border-radius: 8px !important;
}
.btn-default:hover,
.btn-secondary:hover {
border-color: var(--cijian-text-muted) !important;
color: var(--cijian-text) !important;
}
.pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
list-style: none !important;
padding: 16px 0 !important;
margin: 0 !important;
flex-wrap: wrap !important;
}
.pagination li a,
.pagination li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 36px !important;
height: 36px !important;
padding: 0 10px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--cijian-text-secondary) !important;
background: #fff !important;
border: 1px solid var(--cijian-border) !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
}
.pagination li a:hover {
color: var(--cijian-primary) !important;
border-color: var(--cijian-primary) !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
.pagination li.active span {
background: var(--cijian-primary) !important;
color: #fff !important;
border-color: var(--cijian-primary) !important;
font-weight: 600 !important;
}
.pagination li.disabled span {
opacity: 0.4 !important;
cursor: not-allowed !important;
}
.breadcrumb,
#body .breadcrumb {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
padding: 0 0 16px !important;
margin: 0 !important;
list-style: none !important;
font-size: 13px !important;
color: var(--cijian-text-muted) !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.breadcrumb li {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.breadcrumb li::after {
content: '/' !important;
color: var(--cijian-text-muted) !important;
opacity: 0.5 !important;
}
.breadcrumb li:last-child::after {
content: none !important;
}
.breadcrumb a {
color: var(--cijian-text-secondary) !important;
text-decoration: none !important;
}
.breadcrumb a:hover {
color: var(--cijian-primary) !important;
}
.breadcrumb .active {
color: var(--cijian-text) !important;
font-weight: 500 !important;
}
.forum-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
gap: 20px !important;
}
.forum-card {
background: #fff !important;
border-radius: 12px !important;
box-shadow: var(--cijian-shadow) !important;
padding: 22px !important;
transition: all 0.3s ease !important;
border: 1px solid transparent !important;
text-decoration: none !important;
color: inherit !important;
display: block !important;
}
.forum-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
border-color: var(--cijian-primary-light) !important;
text-decoration: none !important;
color: inherit !important;
}
.forum-card-icon {
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
background: var(--cijian-primary-light) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 22px !important;
margin-bottom: 12px !important;
}
.forum-card-name {
font-size: 17px !important;
font-weight: 600 !important;
color: var(--cijian-text) !important;
margin-bottom: 6px !important;
}
.forum-card-desc {
font-size: 13px !important;
color: var(--cijian-text-secondary) !important;
margin-bottom: 14px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.forum-card-stats {
display: flex !important;
gap: 18px !important;
padding-top: 12px !important;
border-top: 1px solid var(--cijian-border) !important;
font-size: 13px !important;
color: var(--cijian-text-muted) !important;
}
.forum-card-stats strong {
color: var(--cijian-primary) !important;
font-weight: 600 !important;
}
.well, .alert {
background: var(--cijian-primary-light) !important;
border: 1px solid #b8d8cf !important;
border-radius: 8px !important;
padding: 14px 18px !important;
color: var(--cijian-text-secondary) !important;
}
.alert-info {
background: #e8f4fd !important;
border-color: #d4e9f7 !important;
color: #2980b9 !important;
}
.alert-success {
background: #e8f5e9 !important;
border-color: #c8e6c9 !important;
color: #27ae60 !important;
}
.alert-warning {
background: #fff8e1 !important;
border-color: #ffecb3 !important;
color: #f39c12 !important;
}
.alert-danger, .alert-error {
background: #fde8e8 !important;
border-color: #f5c6c6 !important;
color: #e74c3c !important;
}
.table {
color: var(--cijian-text) !important;
}
.table > thead > tr > th {
border-bottom: 2px solid var(--cijian-border) !important;
background: var(--cijian-bg) !important;
font-weight: 600 !important;
padding: 12px !important;
}
.table > tbody > tr > td {
border-top: 1px solid var(--cijian-border) !important;
padding: 12px !important;
}
.table-hover > tbody > tr:hover {
background: var(--cijian-primary-light) !important;
}
.dropdown-menu {
background: #fff !important;
border: 1px solid var(--cijian-border) !important;
border-radius: 8px !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
padding: 6px !important;
}
.dropdown-menu > li > a {
color: var(--cijian-text) !important;
padding: 8px 12px !important;
border-radius: 6px !important;
font-size: 13px !important;
}
.dropdown-menu > li > a:hover {
background: var(--cijian-primary-light) !important;
color: var(--cijian-primary) !important;
}
.modal-content {
background: #fff !important;
border: none !important;
border-radius: 12px !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
}
.modal-header {
border-bottom: 1px solid var(--cijian-border) !important;
padding: 18px 24px !important;
}
.modal-footer {
border-top: 1px solid var(--cijian-border) !important;
padding: 14px 24px !important;
}
::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
}
::-webkit-scrollbar-track {
background: transparent !important;
}
::-webkit-scrollbar-thumb {
background: var(--cijian-border) !important;
border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
background: var(--cijian-text-muted) !important;
}
.text-muted { color: var(--cijian-text-muted) !important; }
.text-primary { color: var(--cijian-primary) !important; }
.text-success { color: #27ae60 !important; }
.text-warning { color: #f39c12 !important; }
.text-danger { color: #e74c3c !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
@media (max-width: 992px) {
#body .col-md-4,
#body .col-lg-4 {
margin-top: 24px !important;
}
}
@media (max-width: 768px) {
body { padding-top: 56px !important; }
:root { --cijian-header-height: 56px; }
header.navbar .navbar-brand { font-size: 16px !important; }
header.navbar .navbar-nav { gap: 2px !important; }
header.navbar .navbar-nav > li > a { padding: 6px 10px !important; font-size: 13px !important; }
.message-container,
#body .col-md-8 > .card:first-child { padding: 20px !important; }
.thread-detail-title,
.message-container h1 { font-size: 18px !important; }
.thread-list-item,
.media,
.list-group-item { padding: 14px 16px !important; gap: 10px !important; }
.thread-list-item .media-left img,
.media .media-left img,
.media-object { width: 40px !important; height: 40px !important; }
.thread-list-item .media-heading,
.media .media-heading { font-size: 14px !important; }
.forum-grid { grid-template-columns: 1fr !important; }
.cijian-back-top { bottom: 20px !important; right: 20px !important; width: 40px !important; height: 40px !important; }
}
@media (max-width: 480px) {
.cijian-hero { height: 220px !important; min-height: 180px !important; }
.cijian-hero-title { font-size: 20px !important; }
.cijian-hero-actions { flex-direction: column !important; align-items: center !important; }
.cijian-hero-btn { margin: 4px 0 !important; }
}
@media print {
header.navbar,
.cijian-hero,
.cijian-back-top,
#body .col-md-4,
footer { display: none !important; }
body { padding-top: 0 !important; background: #fff !important; }
#body .col-md-8 { width: 100% !important; }
.card { box-shadow: none !important; border: 1px solid #ddd !important; }
}

/* ===== 发帖/编辑页面美化 ===== */
.cijian-thread-create-card {
max-width: 960px !important;
margin: 24px auto !important;
padding: 28px 32px !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}
.cijian-thread-create-card .card-header {
padding: 0 0 16px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid var(--cijian-border) !important;
background: transparent !important;
}
.cijian-thread-create-card .card-header h3,
.cijian-thread-create-card .card-header .card-title {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--cijian-text) !important;
margin: 0 !important;
}
.cijian-thread-create-card .form-group.row {
margin-bottom: 16px !important;
}
.cijian-thread-create-card textarea.form-control {
min-height: 320px !important;
background: #fff !important;
}
.cijian-thread-create-card .btn-primary {
margin-top: 16px !important;
}