293 lines
5.3 KiB
CSS
293 lines
5.3 KiB
CSS
/* Empty state */
|
||
.aksrt-forum__empty {
|
||
text-align: center;
|
||
padding: 48px 24px;
|
||
color: var(--color-ink-3, #999);
|
||
}
|
||
|
||
.aksrt-forum__empty i {
|
||
font-size: 48px;
|
||
margin-bottom: 16px;
|
||
opacity: 0.3;
|
||
}
|
||
|
||
.aksrt-forum-header {
|
||
text-align: left;
|
||
}
|
||
|
||
.aksrt-forum-header__content {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: flex-end;
|
||
justify-content: space-between;
|
||
gap: 20px;
|
||
width: min(1200px, calc(100% - 32px));
|
||
margin: 0 auto 20px;
|
||
}
|
||
|
||
.aksrt-forum-header__actions {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
}
|
||
|
||
.aksrt-forum-header__action {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 10px 16px;
|
||
border-radius: 999px;
|
||
border: 1px solid var(--color-line, #d9e2f2);
|
||
background: rgba(255, 255, 255, 0.78);
|
||
color: var(--color-ink);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.aksrt-forum-header__action--primary {
|
||
border-color: var(--color-primary);
|
||
background: var(--color-primary);
|
||
color: #fff;
|
||
}
|
||
|
||
.aksrt-forum-header__stats {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.aksrt-forum-header__stat {
|
||
min-width: 92px;
|
||
}
|
||
|
||
.aksrt-forum-ops {
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.aksrt-forum-ops__card {
|
||
padding: 20px;
|
||
background: var(--surface-1, #fff);
|
||
border: 1px solid var(--color-line, #e8e8e8);
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.aksrt-forum-ops__list {
|
||
margin: 0;
|
||
padding-left: 18px;
|
||
color: var(--color-ink-2, #666);
|
||
line-height: 1.7;
|
||
}
|
||
|
||
.aksrt-forum-board-card__link {
|
||
display: flex;
|
||
gap: 12px;
|
||
width: 100%;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.aksrt-forum-board-card__head {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 10px;
|
||
}
|
||
|
||
.aksrt-forum-board-card__status {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 2px 8px;
|
||
border-radius: 999px;
|
||
background: var(--surface-2, #f0f5ff);
|
||
color: var(--color-primary);
|
||
font-size: 11px;
|
||
}
|
||
|
||
.aksrt-forum-topic-row__title-wrap {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 6px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.aksrt-forum-topic-row__badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 2px 8px;
|
||
border-radius: 999px;
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.aksrt-forum-topic-row__badge--sticky {
|
||
background: #e6f4ff;
|
||
color: #1677ff;
|
||
}
|
||
|
||
.aksrt-forum-topic-row__badge--featured {
|
||
background: #f6ffed;
|
||
color: #389e0d;
|
||
}
|
||
|
||
.aksrt-forum-topic-row__board {
|
||
color: var(--color-primary);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.aksrt-forum-sidebar-card__empty {
|
||
margin: 0;
|
||
color: var(--color-ink-3, #999);
|
||
font-size: 13px;
|
||
}
|
||
|
||
.aksrt-forum-sidebar-card__item--stack {
|
||
display: block;
|
||
}
|
||
|
||
.aksrt-forum-sidebar-card__item--stack strong,
|
||
.aksrt-forum-sidebar-card__item--stack span {
|
||
display: block;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.aksrt-forum-header__content {
|
||
width: calc(100% - 24px);
|
||
}
|
||
|
||
.aksrt-forum-header__actions {
|
||
width: 100%;
|
||
}
|
||
|
||
.aksrt-forum-header__action {
|
||
width: 100%;
|
||
justify-content: center;
|
||
}
|
||
}
|
||
|
||
/* ============================================================
|
||
* 文章归档(page-archives.php + [aksrt_archive] 短代码)
|
||
* Phase 10 视觉收口:此前 .aksrt-archives 无样式。
|
||
* ============================================================ */
|
||
.aksrt-archives__year {
|
||
font-size: 1.5rem;
|
||
font-weight: 700;
|
||
color: var(--color-ink);
|
||
margin: 28px 0 12px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 2px solid var(--color-line);
|
||
}
|
||
|
||
.aksrt-archives__year:first-child {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.aksrt-archives__month {
|
||
font-size: 0.95rem;
|
||
font-weight: 600;
|
||
color: var(--color-ink-3, #666);
|
||
margin: 16px 0 8px;
|
||
}
|
||
|
||
.aksrt-archives__list {
|
||
list-style: none;
|
||
margin: 0 0 8px;
|
||
padding: 0;
|
||
}
|
||
|
||
.aksrt-archives__item {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: 12px;
|
||
padding: 6px 0;
|
||
border-bottom: 1px dashed var(--color-line);
|
||
}
|
||
|
||
.aksrt-archives__date {
|
||
flex-shrink: 0;
|
||
font-variant-numeric: tabular-nums;
|
||
font-size: 0.8125rem;
|
||
color: var(--color-ink-4, #999);
|
||
}
|
||
|
||
.aksrt-archives__link {
|
||
color: var(--color-ink);
|
||
text-decoration: none;
|
||
transition: color 0.15s ease;
|
||
}
|
||
|
||
.aksrt-archives__link:hover {
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-archives--empty {
|
||
padding: 24px;
|
||
text-align: center;
|
||
color: var(--color-ink-4, #999);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 个人资料卡短代码([aksrt_profile])
|
||
* ============================================================ */
|
||
.aksrt-profile-card {
|
||
display: flex;
|
||
gap: 14px;
|
||
align-items: flex-start;
|
||
padding: 16px;
|
||
border: 1px solid var(--color-line);
|
||
border-radius: var(--radius, 8px);
|
||
background: var(--surface-1, #fff);
|
||
}
|
||
|
||
.aksrt-profile-card--guest {
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
}
|
||
|
||
.aksrt-profile-card__avatar img {
|
||
width: 64px;
|
||
height: 64px;
|
||
border-radius: 50%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.aksrt-profile-card__body {
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
|
||
.aksrt-profile-card__name {
|
||
font-size: 1rem;
|
||
font-weight: 600;
|
||
color: var(--color-ink);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.aksrt-profile-card__name:hover {
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.aksrt-profile-card__bio {
|
||
margin: 4px 0 8px;
|
||
font-size: 0.8125rem;
|
||
color: var(--color-ink-3, #666);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.aksrt-profile-card__stats {
|
||
display: flex;
|
||
gap: 18px;
|
||
}
|
||
|
||
.aksrt-profile-card__stat {
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-size: 0.75rem;
|
||
color: var(--color-ink-4, #999);
|
||
}
|
||
|
||
.aksrt-profile-card__stat strong {
|
||
font-size: 1.05rem;
|
||
color: var(--color-ink);
|
||
line-height: 1.2;
|
||
}
|
||
|