/* pages styles */
.container {
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto;
}

.home-section {
    padding: 48px 0;
    border-bottom: 1px solid #e5e5e5;
}

.home-section + .home-section {
    margin-top: -1px;
}

.home-section__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #666;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.home-section__header h2 {
    margin: 0;
}

.home-section__intro {
    margin: -4px 0 20px;
    color: #666;
}

.home-grid {
    display: grid;
    gap: 20px;
}

.home-grid--two {
    grid-template-columns: 2fr 1fr;
}

.home-grid--three {
    grid-template-columns: repeat(3, 1fr);
}

.home-grid--four {
    grid-template-columns: repeat(4, 1fr);
}

.home-stack {
    display: grid;
    gap: 20px;
}

.home-hero__inner,
.home-vip-guide__inner {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 24px;
    align-items: center;
}

.home-hero {
    background: linear-gradient(180deg, #fafafa 0%, #fff 70%, #f8fafc 100%);
}

.home-hero__content {
    display: grid;
    gap: 18px;
}

.home-hero__content h1 {
    margin: 0;
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1.15;
}

.home-hero__content > p {
    margin: 16px 0 0;
    max-width: 640px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.8;
}

.home-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.home-hero__primary-action {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.home-hero__bridge {
    display: grid;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #dbe2ea;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.home-hero__bridge-label {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.04em;
}

.home-hero__bridge-flow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.home-hero__bridge-flow span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

.home-hero__bridge-flow span:not(:last-child)::after {
    content: '→';
    color: #98a2b3;
    font-weight: 400;
}

.home-hero__bridge p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}

.home-hero__meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.home-hero__meta-card,
.home-hero__subcard,
.home-hero__entry-card,
.home-featured__summary-main,
.home-featured__summary-tags,
.home-latest__summary {
    padding: 14px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fff;
}

.home-hero__meta-card strong,
.home-hero__subcard a,
.home-hero__entry-card strong {
    display: block;
    margin-bottom: 6px;
}

.home-hero__meta-card span,
.home-hero__subcard span,
.home-hero__entry-card span,
.home-featured__summary-main p,
.home-latest__summary span {
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.home-hero__entry-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.home-hero__entry-card,
.home-hero__subcard a {
    color: inherit;
    text-decoration: none;
}

.home-hero__entry-card--featured,
.home-hero__subcard--featured-link {
    border-color: #d0d5dd;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.home-hero__entry-card--featured strong,
.home-hero__subcard--featured-link a {
    color: #111827;
}

.home-hero__entry-card:hover,
.home-hero__subcard a:hover {
    text-decoration: underline;
}

.home-hero__subgrid {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.home-hero__subcard-meta {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 8px;
}

.home-featured,
.home-latest,
.home-pictures,
.home-ranking,
.home-topic {
    scroll-margin-top: 24px;
}

.home-featured {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.home-featured__summary {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 16px;
    margin-bottom: 20px;
}

.home-featured__summary-main strong,
.home-latest__summary strong {
    display: block;
    margin-bottom: 8px;
}

.home-featured__summary-main p {
    margin: 0;
}

.home-featured__summary-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.home-featured__summary-tags span {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f3f4f6;
    font-size: 13px;
}

.home-featured__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(280px, 0.72fr);
    gap: 20px;
    align-items: start;
}

.home-featured__lead,
.home-featured__support {
    display: grid;
    gap: 16px;
}

.home-featured__item--lead .srk-card {
    min-height: 100%;
    padding: 22px;
    border-color: #cfd4dc;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

.home-featured__item--lead .srk-card__thumb img,
.home-featured__item--lead .srk-card__thumb {
    min-height: 280px;
}

.home-featured__item--lead .srk-card__title {
    font-size: 28px;
    line-height: 1.3;
}

.home-featured__item--lead .srk-card__desc {
    font-size: 15px;
    line-height: 1.8;
}

.home-featured__item--lead .srk-card__resource-strip {
    gap: 12px;
}

.home-featured__item--support .srk-card {
    padding: 16px;
    border-color: #e4e7ec;
    box-shadow: none;
}

.home-featured__item--support .srk-card__thumb img,
.home-featured__item--support .srk-card__thumb {
    min-height: 180px;
}

.home-featured__item--support .srk-card__title {
    font-size: 20px;
    line-height: 1.4;
}

.home-featured__item--support .srk-card__desc {
    font-size: 13px;
    line-height: 1.7;
}

.home-latest__summary {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.home-latest__grid {
    align-items: start;
}

.home-latest__stack {
    gap: 0;
    padding: 18px 18px 6px;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    background: #fff;
}

.home-latest__stack-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eef2f6;
}

.home-latest__stack-label {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
}

.home-latest__stack-note {
    color: #667085;
    font-size: 13px;
}

.home-latest__stack-item {
    padding: 14px 0;
    border-bottom: 1px solid #eef2f6;
}

.home-latest__stack-item:last-child {
    border-bottom: 0;
    padding-bottom: 6px;
}

.home-latest__stack-item-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: #667085;
    font-size: 12px;
}

.home-latest__stack-item .srk-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.home-latest__stack-item .srk-card__thumb {
    width: 112px;
}

.home-latest__stack-item .srk-card__thumb img,
.home-latest__stack-item .srk-card__thumb {
    width: 112px;
    min-height: 84px;
    border-radius: 12px;
    object-fit: cover;
}

.home-latest__stack-item .srk-card__body {
    display: grid;
    gap: 8px;
}

.home-latest__stack-item .srk-card__meta {
    order: 1;
    gap: 8px;
    color: #667085;
    font-size: 12px;
}

.home-latest__stack-item .srk-card__title {
    order: 2;
    font-size: 17px;
    line-height: 1.45;
}

.home-latest__stack-item .srk-card__desc {
    order: 3;
    font-size: 13px;
    line-height: 1.7;
    color: #667085;
}

.home-pictures .home-section__intro,
.home-ranking .home-section__intro,
.home-topic .home-section__intro {
    max-width: 760px;
}

.home-ranking__grid .srk-card,
.home-topic__grid .srk-card {
    min-height: 100%;
}

.button {
    display: inline-block;
    padding: 10px 16px;
    background: #111;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
}

.button--ghost {
    background: transparent;
    border: 1px solid #111;
    color: #111;
}

.placeholder-box,
.placeholder-card {
    min-height: 140px;
    padding: 20px;
    border: 1px dashed #bcbcbc;
    border-radius: 12px;
    background: #fafafa;
}

.placeholder-card--wide {
    min-height: 300px;
}

.archive-page {
    padding: 48px 0;
}

.archive-header {
    margin-bottom: 28px;
}

.archive-header__title {
    margin: 0 0 12px;
}

.archive-header__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.archive-header__desc {
    color: #666;
}

.archive-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
}

.archive-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.archive-sidebar__block {
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fff;
}

.archive-pagination {
    margin-top: 24px;
}

.single-page {
    padding: 48px 0;
}

.single-header {
    margin-bottom: 16px;
}

.single-header__main {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 420px);
    gap: 24px;
    align-items: stretch;
}

.single-header__content,
.single-header__cover,
.single-header__overview-item,
.single-download-box__meta-item,
.single-download-box__note-item,
.single-content__panel,
.single-related__header {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #fff;
}

.single-header__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.single-header__eyebrow,
.single-download-box__eyebrow,
.single-content__eyebrow,
.single-related__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.single-header__category-row,
.single-header__meta-row,
.single-download-box__header,
.single-download-box__actions,
.single-related__header {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.single-header__category {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

.single-header__category-tip,
.single-header__meta-item,
.single-download-box__desc,
.single-download-box__action-tip,
.single-content__intro,
.single-content__section p,
.single-related__intro {
    color: #666;
}

.single-header__title,
.single-download-box__title,
.single-content__title {
    margin: 0;
}

.single-header__summary-meta {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.single-header__author-avatar .srk-avatar,
.single-header__author-avatar img {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.single-header__summary-text {
    display: grid;
    gap: 10px;
}

.single-header__tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.single-header__tag,
.single-download-box__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
}

.single-header__tag {
    background: #f3f4f6;
}

.single-header__cover {
    overflow: hidden;
}

.single-header__cover img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    border-radius: 12px;
}

.single-header__cover-placeholder {
    display: grid;
    gap: 8px;
    align-content: center;
    min-height: 100%;
    color: #666;
    background: #fafafa;
    border-radius: 12px;
    padding: 24px;
}

.single-header__overview {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.single-header__overview-item {
    display: grid;
    gap: 8px;
}

.single-header__overview-item span,
.single-download-box__meta-item span {
    color: #666;
    font-size: 13px;
}

.single-meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 0;
    color: #666;
}

.single-meta__item {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f5f5f5;
    line-height: 1.5;
}

.single-content__thumb {
    margin-bottom: 20px;
}

.single-content__thumb img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.single-content__body {
    line-height: 1.8;
}

.single-download-box,
.single-related,
.single-comments {
    margin-top: 32px;
}

.single-content {
    display: grid;
    gap: 20px;
}

.single-content__panel {
    display: grid;
    gap: 20px;
}

.single-content__panel-head {
    display: grid;
    gap: 10px;
}

.single-content__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.single-content__media img {
    display: block;
    width: 100%;
    border-radius: 16px;
}

.single-content__sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.single-content__section {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #fafafa;
}

.single-download-box__inner {
    padding: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #fafafa;
}

.single-download-box__status-group,
.single-download-box__notes,
.single-content__sections {
    display: grid;
    gap: 16px;
}

.single-download-box__permission-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.single-download-box__permission-item,
.single-related__strategy-item {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #475467;
    font-size: 13px;
}

.single-download-box__status-group {
    justify-items: end;
}

.single-download-box__badge.is-ready,
.single-download-box__badge.is-open {
    background: #ecfdf3;
    color: #027a48;
}

.single-download-box__badge.is-pending,
.single-download-box__badge.is-locked {
    background: #fef3f2;
    color: #b42318;
}

.single-download-box__meta-grid,
.single-download-box__notes,
.single-related__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.single-download-box__buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.single-download-box__lines {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.single-download-box__routes {
    display: grid;
    gap: 16px;
    margin-top: 20px;
}

.single-download-box__primary-route,
.single-download-box__backup-routes {
    padding: 18px 20px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
}

.single-download-box__primary-route {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-color: #d0d5dd;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.single-download-box__route-head,
.single-download-box__route-actions,
.single-download-box__backup-routes summary {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.single-download-box__route-head h3,
.single-download-box__backup-routes summary span {
    margin: 6px 0 0;
}

.single-download-box__route-head p,
.single-download-box__route-tip,
.single-download-box__backup-routes summary small {
    color: #667085;
}

.single-download-box__route-eyebrow {
    display: inline-block;
    font-size: 12px;
    color: #475467;
    text-transform: uppercase;
}

.single-download-box__route-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
}

.single-download-box__route-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    color: #475467;
    font-size: 14px;
}

.single-download-box__route-actions {
    margin-top: 16px;
}

.single-download-box__line-item {
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    display: grid;
    gap: 10px;
}

.single-download-box__line-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.single-download-box__line-main strong {
    display: block;
}

.single-download-box__line-main p {
    margin: 6px 0 0;
    color: #667085;
}

.single-download-box__line-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #667085;
    font-size: 14px;
}

.single-download-box__helper-button {
    pointer-events: none;
}

.single-download-box__backup-routes summary {
    cursor: pointer;
    list-style: none;
}

.single-download-box__backup-routes summary::-webkit-details-marker {
    display: none;
}

.single-content__summary-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #f5f7fa;
    color: #475467;
    font-size: 14px;
    line-height: 1.6;
}

.single-content__summary-item strong {
    color: #111827;
}

.single-content__fold {
    display: grid;
    gap: 16px;
}

.single-content__fold summary {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    cursor: pointer;
    padding: 14px 16px;
    border: 1px dashed #d0d5dd;
    border-radius: 14px;
    background: #fafafa;
    color: #344054;
}

.single-content__fold summary small {
    color: #667085;
}

.single-content__sections--folded {
    margin-top: 0;
}

.single-content__section {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #fafafa;
}

.single-content__section--intro {
    background: #fff;
}

.single-content__list {
    margin: 10px 0 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
    color: #666;
}

.single-content__list li {
    line-height: 1.75;
}

.single-content__body {
    padding: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #fff;
}

.single-related__grid {
    margin-top: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.single-related__strategy {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.user-center-page,
.user-posts-page,
.user-favorites-page,
.user-vip-page-wrapper,
.submit-page-wrapper {
    padding: 48px 0;
}

.user-center-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
}

.user-center-grid,
.user-overview-grid,
.user-vip-overview,
.submit-guide-grid,
.submit-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.user-center-grid {
    margin-top: 24px;
}

.user-center-section {
    margin-top: 32px;
}

.user-panel {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fff;
}

.user-panel__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.user-panel__title {
    margin: 0 0 12px;
}

.user-panel__desc {
    color: #666;
}

.user-panel__desc + .user-panel__desc {
    margin-top: 8px;
}

.user-page-intro {
    display: grid;
    gap: 0;
}

.user-page-intro .user-posts-summary,
.user-page-intro .user-vip-overview {
    margin-top: 16px;
}

.user-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-menu__item + .user-menu__item {
    margin-top: 10px;
}

.user-menu__link {
    display: block;
    padding: 12px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    background: #fafafa;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.user-menu__link:hover {
    text-decoration: none;
    border-color: #d5d5d5;
    background: #f3f3f3;
}

.user-menu__link.is-active,
.user-menu__item.is-active .user-menu__link {
    border-color: #111;
    background: #111;
    color: #fff;
}

.user-menu__label {
    display: block;
    font-weight: 600;
}

.user-quick-links-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.user-quick-link-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    background: #fafafa;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.user-quick-link-card:hover {
    transform: translateY(-2px);
    border-color: #d5d5d5;
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
}

.user-quick-link-card__title {
    font-size: 18px;
}

.user-quick-link-card__desc,
.user-quick-link-card__action {
    color: #666;
    font-size: 13px;
}

.user-quick-link-card__action {
    color: #111;
    font-weight: 600;
}

.user-section-actions,
.user-related-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.user-related-links {
    margin-top: 16px;
}

.user-related-links--header {
    margin: 16px 0 0;
}

.user-posts-list {
    display: grid;
    gap: 20px;
}

.user-status-grid,
.user-posts-toolbar,
.user-posts-summary,
.submit-process-list {
    display: grid;
    gap: 16px;
}

.user-posts-toolbar,
.user-posts-summary,
.submit-process-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.user-posts-summary--workbench {
    margin-bottom: 16px;
}

.user-posts-workbench-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.user-overview-item,
.user-posts-toolbar__item,
.user-posts-summary__item,
.user-vip-status__item,
.submit-guide-item,
.submit-process-step,
.submit-metric-item,
.user-posts-workbench-strip__item {
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fafafa;
}

.user-overview-item strong,
.user-posts-toolbar__item strong,
.user-posts-summary__item strong,
.user-vip-status__item strong,
.submit-metric-item strong,
.user-posts-workbench-strip__item strong {
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
}

.user-overview-item span,
.user-posts-toolbar__item span,
.user-posts-summary__item span,
.user-vip-status__item span,
.submit-guide-item p,
.submit-process-step p,
.submit-metric-item span,
.user-posts-workbench-strip__item span {
    color: #666;
    font-size: 13px;
}

.user-posts-section-header,
.user-vip-section-header,
.submit-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.user-posts-section-header h2,
.user-vip-section-header h2,
.submit-section-header h2 {
    margin: 0 0 8px;
}

.user-vip-benefits,
.submit-note-list,
.submit-field-list {
    margin: 0;
    padding-left: 20px;
    color: #666;
}

.user-vip-note {
    margin-top: 12px;
}

.submit-action-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.submit-panel + .submit-panel {
    margin-top: 24px;
}

.submit-meta-grid {
    display: grid;
    gap: 16px;
    margin-top: 12px;
}

.submit-meta-item h3,
.submit-guide-item h3,
.submit-process-step h3 {
    margin: 0 0 8px;
}

.submit-layout {
    display: grid;
    gap: 24px;
}

.submit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
}

.submit-return-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fafafa;
}

.submit-return-strip__content {
    display: grid;
    gap: 6px;
}

.submit-return-strip__content span,
.submit-status-handover__item span,
.user-posts-workflow__item span,
.user-posts-guide-item span {
    color: #666;
    font-size: 13px;
}

.submit-status-handover,
.user-posts-workflow,
.user-posts-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.user-posts-workflow,
.user-posts-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.submit-status-handover {
    margin-top: 16px;
}

.submit-status-handover__item,
.user-posts-workflow__item,
.user-posts-guide-item {
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fafafa;
}

.submit-status-handover__item strong,
.user-posts-workflow__item strong,
.user-posts-guide-item strong,
.user-posts-empty-state__title {
    display: block;
    margin-bottom: 6px;
}

.submit-process-actions,
.user-posts-guide-panel {
    margin-top: 20px;
}

.user-posts-empty-state .user-related-links {
    margin-top: 20px;
}

.user-posts-switcher {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.user-posts-switcher__item {
    display: grid;
    gap: 8px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fafafa;
    color: inherit;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.user-posts-switcher__item:hover {
    text-decoration: none;
    border-color: #d5d5d5;
    background: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(17, 17, 17, 0.05);
}

.user-posts-switcher__item strong {
    display: block;
    font-size: 16px;
}

.user-posts-switcher__item span {
    color: #666;
    font-size: 13px;
}

.user-posts-switcher__item.is-active {
    border-color: #111;
    background: #111;
    color: #fff;
    box-shadow: 0 16px 32px rgba(17, 17, 17, 0.14);
}

.user-posts-switcher__item.is-active strong::after {
    content: ' · 当前工作区';
    font-size: 12px;
    font-weight: 500;
}

.user-posts-switcher__item.is-active span,
.user-posts-switcher__item.is-active .user-posts-switcher__count {
    color: rgba(255, 255, 255, 0.82);
}

.user-posts-switcher__count {
    color: #111;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
}

.user-post-card__topline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 14px 0 10px;
}

.user-post-card__stage,
.user-post-card__action,
.user-posts-group-panel__action-badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.4;
}

.user-post-card__stage {
    font-weight: 600;
}

.user-post-card__action {
    background: #f5f5f5;
    color: #555;
}

.user-post-card__stage--is-draft,
.user-posts-group-panel__action-badge--draft {
    background: #f2f4f7;
    color: #344054;
}

.user-post-card__stage--is-pending,
.user-posts-group-panel__action-badge--pending {
    background: #fef3f2;
    color: #b42318;
}

.user-post-card__stage--is-publish,
.user-posts-group-panel__action-badge--publish {
    background: #ecfdf3;
    color: #027a48;
}

.user-posts-group-panel,
.user-posts-group-empty {
    margin-top: 20px;
}

.user-posts-group-panel__title {
    margin-bottom: 8px;
}

.user-posts-group-panel__desc {
    margin: 0;
}

.user-posts-group-panel__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.user-posts-group-panel__count,
.user-posts-group-panel__hint {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
}

.user-posts-group-panel__count {
    background: #111;
    color: #fff;
    font-weight: 600;
}

.user-posts-group-panel__hint {
    background: #f5f5f5;
    color: #555;
}

.user-posts-group-panel__focus,
.user-posts-group-empty__next-step {
    display: grid;
    gap: 6px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fafafa;
}

.user-posts-group-panel__focus strong,
.user-posts-group-empty__next-step strong {
    display: block;
    margin: 0;
}

.user-posts-group-panel__focus span,
.user-posts-group-empty__next-step span {
    color: #666;
    font-size: 13px;
}

.user-posts-group-empty .user-related-links {
    margin-top: 20px;
}

.user-posts-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.4;
}

.user-posts-status-badge.is-draft,
.srk-card--user-post.is-draft {
    border-color: #d0d5dd;
}

.user-posts-status-badge.is-draft {
    background: #f2f4f7;
    color: #344054;
}

.user-posts-status-badge.is-pending,
.srk-card--user-post.is-pending {
    border-color: #fda29b;
}

.user-posts-status-badge.is-pending {
    background: #fef3f2;
    color: #b42318;
}

.user-posts-status-badge.is-publish,
.srk-card--user-post.is-publish {
    border-color: #86efac;
}

.user-posts-status-badge.is-publish {
    background: #ecfdf3;
    color: #027a48;
}