/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgAlert.razor.rz.scp.css */
.cg-alert[b-peothv4tff] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-sm);
    line-height: 1.6;
    border: 1px solid transparent;
    border-left: 4px solid transparent;
    align-items: center;
}

[b-peothv4tff] .cg-alert__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.cg-alert__content[b-peothv4tff] {
    flex: 1;
    min-width: 0;
}

/* ── info ── */
.cg-alert--info[b-peothv4tff] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 8%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
    border-left-color: var(--cg-color-primary);
    color: #1e40af;
}

/* ── success ── */
.cg-alert--success[b-peothv4tff] {
    background-color: color-mix(in oklab, var(--cg-color-success) 8%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-success) 25%, transparent);
    border-left-color: var(--cg-color-success);
    color: #166534;
}

/* ── warning ── */
.cg-alert--warning[b-peothv4tff] {
    background-color: color-mix(in oklab, var(--cg-color-warning) 8%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 25%, transparent);
    border-left-color: var(--cg-color-warning);
    color: var(--cg-color-editor-warning-text);
}

/* ── error ── */
.cg-alert--error[b-peothv4tff] {
    background-color: color-mix(in oklab, var(--cg-color-error) 8%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-error) 25%, transparent);
    border-left-color: var(--cg-color-error);
    color: var(--cg-color-editor-error-text);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgAtmosphere.razor.rz.scp.css */
/*
 * CgAtmosphere — 页面背景氛围图
 *
 * 使用 absolute 定位覆盖父页面容器（父容器需 position:relative）。
 * 通过 mask-image 渐隐 + 低 opacity 保证内容可读性。
 * top 使用负值以向上扩展到页眉区域。
 *
 * 默认仅显示大背景图；小背景图隐藏，页面可通过
 * 响应式媒体查询覆盖 .cg-atmosphere-bg--small 的
 * display 属性来启用。
 */

.cg-atmosphere[b-9vhcsxgi39] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
}

.cg-atmosphere-bg[b-9vhcsxgi39] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
}

.cg-atmosphere-bg--small[b-9vhcsxgi39] {
    display: none;
}

/* 小屏：显示小背景图，隐藏大背景图 */
@media (max-width: 767px) {
    .cg-atmosphere-bg:not(.cg-atmosphere-bg--small)[b-9vhcsxgi39] {
        display: none;
    }

    .cg-atmosphere-bg--small[b-9vhcsxgi39] {
        display: block;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgAudioUpload.razor.rz.scp.css */
/* ── 根容器 ── */
.cg-audio-upload[b-r8rya10b59] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── 操作区 ── */
.cg-audio-upload__actions[b-r8rya10b59] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
}

.cg-audio-upload__file-input[b-r8rya10b59] {
    display: none;
}

/* ── 上传按钮（styled label） ── */
.cg-audio-upload__upload-btn[b-r8rya10b59] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-6);
    border: 1px solid transparent;
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-medium);
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.cg-audio-upload__upload-btn:hover[b-r8rya10b59] {
    background: var(--cg-color-primary-hover);
}

.cg-audio-upload__upload-btn--disabled[b-r8rya10b59] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── 消息提示 ── */
.cg-audio-upload__message[b-r8rya10b59] {
    font-size: var(--cg-font-size-sm);
    line-height: 1.4;
}

.cg-audio-upload__message--error[b-r8rya10b59] {
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgAutoComplete.razor.rz.scp.css */
.cg-autocomplete[b-8662se14ye] {
    position: relative;
    width: 100%;
}

.cg-autocomplete__input[b-8662se14ye] {
    width: 100%;
    min-height: 2.4rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 0.4rem 0.7rem;
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text);
    font-family: inherit;
    font-size: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-sizing: border-box;
}

.cg-autocomplete__input:focus[b-8662se14ye] {
    outline: 2px solid color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
    border-color: var(--cg-color-primary);
}

.cg-autocomplete__input:disabled[b-8662se14ye] {
    background-color: var(--cg-color-surface-2, color-mix(in oklab, var(--cg-color-surface) 92%, black));
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
    cursor: not-allowed;
    opacity: 0.85;
}

.cg-autocomplete__input[b-8662se14ye]::placeholder {
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
}

.cg-autocomplete__menu[b-8662se14ye] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    width: 100%;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0.25rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    box-shadow: 0 10px 30px color-mix(in oklab, var(--cg-color-text) 12%, transparent);
    max-height: 16rem;
    overflow-y: auto;
    z-index: 1010;
}

.cg-autocomplete__option[b-8662se14ye] {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--cg-color-text);
    text-align: left;
    padding: 0.45rem 0.5rem;
    border-radius: var(--cg-radius-sm);
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.cg-autocomplete__option:hover[b-8662se14ye] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgBarChart.razor.rz.scp.css */
.cg-bar-chart[b-qhw35fmlri] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

.cg-bar-chart__header[b-qhw35fmlri] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--cg-spacing-3);
}

.cg-bar-chart__title[b-qhw35fmlri] {
    font-weight: var(--cg-font-weight-semibold);
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-primary);
}

.cg-bar-chart__body[b-qhw35fmlri] {
    display: flex;
    justify-content: center;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgBottomNav.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   CgBottomNav — Mobile bottom navigation bar (< 768px)
   ══════════════════════════════════════════════════════════ */

.cg-bottom-nav[b-yxwfep1gsw] {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: calc(var(--cg-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: color-mix(in oklab, var(--cg-color-surface) 92%, transparent);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-top: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.04);
    align-items: stretch;
    justify-content: space-around;
}

@media (min-width: 768px) {
    .cg-bottom-nav[b-yxwfep1gsw] {
        display: none;
    }
}

.cg-bottom-nav__item[b-yxwfep1gsw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    flex: 1;
    text-decoration: none;
    color: var(--cg-color-text-muted);
    font-size: 0.625rem;
    font-weight: 500;
    transition: color var(--cg-transition-fast);
    padding: 0.375rem 0;
    min-width: 0;
    position: relative;
}

.cg-bottom-nav__item:hover[b-yxwfep1gsw] {
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-bottom-nav__item--active[b-yxwfep1gsw] {
    color: var(--cg-color-primary);
    font-weight: 600;
}

/* Active indicator dot */
.cg-bottom-nav__item--active[b-yxwfep1gsw]::after {
    content: '';
    position: absolute;
    bottom: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-primary);
    animation: cg-dot-scale-b-yxwfep1gsw 0.3s ease-out;
}

@keyframes cg-dot-scale-b-yxwfep1gsw {
    0% { transform: translateX(-50%) scale(0); opacity: 0; }
    100% { transform: translateX(-50%) scale(1); opacity: 1; }
}

/* Icon pop animation */
.cg-bottom-nav__item--active[b-yxwfep1gsw]  .cg-mdi-icon {
    animation: cg-bottom-nav-pop-b-yxwfep1gsw 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes cg-bottom-nav-pop-b-yxwfep1gsw {
    0% { transform: scale(0.85); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

.cg-bottom-nav__item[b-yxwfep1gsw]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

.cg-bottom-nav__item span[b-yxwfep1gsw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgButton.razor.rz.scp.css */
.cg-btn[b-49884064vl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--cg-spacing-4);
    height: 36px;
    border: 1px solid transparent;
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    text-decoration: none;
    gap: var(--cg-spacing-1);
    user-select: none;
    white-space: nowrap;
    background-color: transparent;
}

.cg-btn:disabled[b-49884064vl],
.cg-btn--disabled[b-49884064vl] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.cg-btn:active:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    transform: scale(0.98);
}

.cg-btn:focus-visible[b-49884064vl] {
    outline: none;
    box-shadow: 0 0 0 3px var(--cg-color-focus-ring);
}

/* ── primary ── */
.cg-btn--primary[b-49884064vl] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.cg-btn--primary:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    background: var(--cg-color-primary-hover);
}

/* ── secondary ── */
.cg-btn--secondary[b-49884064vl] {
    background: var(--cg-color-surface);
    border-color: var(--cg-color-border);
    color: var(--cg-color-text);
}

.cg-btn--secondary:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    background: var(--cg-color-bg);
}

/* ── outline ── */
.cg-btn--outline[b-49884064vl] {
    background-color: transparent;
    border-color: var(--cg-color-border);
    color: var(--cg-color-text-primary);
}

.cg-btn--outline:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    background-color: var(--cg-color-hover-overlay);
}

/* ── danger ── */
.cg-btn--danger[b-49884064vl] {
    background-color: var(--cg-color-error);
    color: var(--cg-color-on-primary);
}

.cg-btn--danger:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    opacity: 0.9;
}

/* ── ghost（无背景图标按钮） ── */
.cg-btn--ghost[b-49884064vl] {
    background: transparent;
    border-color: transparent;
    color: var(--cg-color-text-secondary);
    padding: var(--cg-spacing-1);
    border-radius: var(--cg-radius-md);
}

.cg-btn--ghost:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

/* ── ghost-danger ── */
.cg-btn--ghost-danger[b-49884064vl] {
    background: transparent;
    border-color: transparent;
    color: var(--cg-color-error);
    padding: var(--cg-spacing-1);
    border-radius: var(--cg-radius-md);
}

.cg-btn--ghost-danger:hover:not(:disabled):not(.cg-btn--disabled)[b-49884064vl] {
    background-color: color-mix(in oklab, var(--cg-color-error) 10%, transparent);
    color: var(--cg-color-error);
}

/* ── sm ── */
.cg-btn--sm[b-49884064vl] {
    height: 28px;
    padding: 0 var(--cg-spacing-3);
    font-size: 13px;
}

/* ── loading ── */
.cg-btn--loading[b-49884064vl] {
    gap: var(--cg-spacing-2);
}

.cg-btn--loading[b-49884064vl]  .cg-progress-ring {
    color: inherit;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgCarousel.razor.rz.scp.css */
.cg-carousel[b-9iy7d1trw5] {
    position: relative;
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-border);
}

/* ── 幻灯片基础 ── */

.cg-carousel__slide[b-9iy7d1trw5] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease,
                visibility 0s 0.5s;
}

.cg-carousel__slide--solo[b-9iy7d1trw5],
.cg-carousel__slide--active[b-9iy7d1trw5] {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease,
                visibility 0s 0s;
}

.cg-carousel__slide--solo[b-9iy7d1trw5] {
    position: relative;
}

/* ── 幻灯片链接 ── */

.cg-carousel__link[b-9iy7d1trw5] {
    display: block;
    width: 100%;
    height: 100%;
}

.cg-carousel__image[b-9iy7d1trw5] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    transition: transform 0.6s ease;
}

.cg-carousel:hover .cg-carousel__image[b-9iy7d1trw5] {
    transform: scale(1.03);
}

/* ── 导航按钮 ── */

.cg-carousel__btn[b-9iy7d1trw5] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--cg-transition-fast),
                background-color var(--cg-transition-fast),
                transform var(--cg-transition-fast);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cg-carousel__btn:hover[b-9iy7d1trw5] {
    background: rgba(0, 0, 0, 0.6);
}

.cg-carousel__btn:focus-visible[b-9iy7d1trw5] {
    opacity: 1;
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.cg-carousel:hover .cg-carousel__btn[b-9iy7d1trw5] {
    opacity: 1;
}

.cg-carousel__btn--prev[b-9iy7d1trw5] {
    left: 12px;
}

.cg-carousel__btn--next[b-9iy7d1trw5] {
    right: 12px;
}

[b-9iy7d1trw5] .cg-mdi-icon {
    width: 28px;
    height: 28px;
    color: #fff;
}

/* ── 无障碍 ── */

@media (prefers-reduced-motion: reduce) {
    .cg-carousel__slide[b-9iy7d1trw5] {
        transition: none;
    }

    .cg-carousel__image[b-9iy7d1trw5] {
        transition: none;
    }

    .cg-carousel__btn[b-9iy7d1trw5] {
        opacity: 1;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgCheckbox.razor.rz.scp.css */
.cg-checkbox[b-6izyjlxkqx] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    cursor: pointer;
    color: var(--cg-color-text-primary);
}

.cg-checkbox-input[b-6izyjlxkqx] {
    width: 16px;
    height: 16px;
    accent-color: var(--cg-color-primary);
    cursor: pointer;
}

.cg-checkbox-label[b-6izyjlxkqx] {
    font-size: var(--cg-font-size-sm);
    user-select: none;
}

.cg-checkbox--disabled[b-6izyjlxkqx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cg-checkbox--disabled .cg-checkbox-input[b-6izyjlxkqx] {
    cursor: not-allowed;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgDataTable.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   CgDataTable — 数据表格
   ═══════════════════════════════════════════ */

/* ── 容器 ── */
.cg-datatable[b-93n5o4xevy] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-md);
    /* overflow: hidden; 已移除以避免下拉框被截断 */
}

/* 确保内部元素不溢出圆角 */
.cg-datatable__toolbar:first-child[b-93n5o4xevy] {
    border-top-left-radius: var(--cg-radius-lg);
    border-top-right-radius: var(--cg-radius-lg);
}

.cg-datatable__footer:last-child[b-93n5o4xevy] {
    border-bottom-left-radius: var(--cg-radius-lg);
    border-bottom-right-radius: var(--cg-radius-lg);
}

.cg-datatable__body:last-child .cg-datatable__table tbody tr:last-child td:first-child[b-93n5o4xevy] {
    border-bottom-left-radius: var(--cg-radius-lg);
}

.cg-datatable__body:last-child .cg-datatable__table tbody tr:last-child td:last-child[b-93n5o4xevy] {
    border-bottom-right-radius: var(--cg-radius-lg);
}

.cg-datatable__loading:last-child[b-93n5o4xevy],
.cg-datatable__empty:last-child[b-93n5o4xevy] {
    border-bottom-left-radius: var(--cg-radius-lg);
    border-bottom-right-radius: var(--cg-radius-lg);
}

.cg-datatable__body:first-child .cg-datatable__th:first-child[b-93n5o4xevy] {
    border-top-left-radius: var(--cg-radius-lg);
}

.cg-datatable__body:first-child .cg-datatable__th:last-child[b-93n5o4xevy] {
    border-top-right-radius: var(--cg-radius-lg);
}

/* ── 工具栏 ── */
.cg-datatable__toolbar[b-93n5o4xevy] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);
    border-bottom: 1px solid var(--cg-color-border);
    flex-wrap: wrap;
}

.cg-datatable__title[b-93n5o4xevy] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
}

.cg-datatable__spacer[b-93n5o4xevy] {
    flex: 1;
}

.cg-datatable__actions[b-93n5o4xevy] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
}

/* ── 搜索框 ── */
.cg-datatable__search[b-93n5o4xevy] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-93n5o4xevy] .cg-datatable__search-icon {
    position: absolute;
    left: var(--cg-spacing-2);
    width: 18px;
    height: 18px;
    color: var(--cg-color-text-muted);
    pointer-events: none;
}

.cg-datatable__search-input[b-93n5o4xevy] {
    padding: var(--cg-spacing-1) var(--cg-spacing-3) var(--cg-spacing-1) calc(var(--cg-spacing-2) + 22px);
    border: 1px solid transparent;
    border-radius: var(--cg-radius-xl, 1.5rem);
    height: 36px;
    font-size: var(--cg-font-size-sm);
    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    outline: none;
    width: 200px;
    transition: all var(--cg-transition-fast);
}

.cg-datatable__search-input[b-93n5o4xevy]::placeholder {
    color: var(--cg-color-text-muted);
}

.cg-datatable__search-input:hover[b-93n5o4xevy] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
}

.cg-datatable__search-input:focus[b-93n5o4xevy] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
}

/* ── 表格滚动区 ── */
.cg-datatable__scroll[b-93n5o4xevy] {
    overflow-x: auto;
}

/* ── 表格 ── */
.cg-datatable__table[b-93n5o4xevy] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--cg-font-size-sm);
}

/* ── 表头 ── */
.cg-datatable__th[b-93n5o4xevy] {
    padding: var(--cg-spacing-3) var(--cg-spacing-3);
    text-align: left;
    vertical-align: middle;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-secondary);
    white-space: nowrap;
    letter-spacing: 0.03em;
    border-bottom: 2px solid var(--cg-color-border);
    background: var(--cg-color-section-bg);
    user-select: none;
}

.cg-datatable__th--sortable[b-93n5o4xevy] {
    cursor: pointer;
    transition: color var(--cg-transition-fast);
}

.cg-datatable__th--sortable:hover[b-93n5o4xevy] {
    color: var(--cg-color-primary);
}

.cg-datatable__th--sorted[b-93n5o4xevy] {
    color: var(--cg-color-primary);
}

.cg-datatable__th-content[b-93n5o4xevy] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
}

/* ── 排序图标 ── */
.cg-datatable__sort-icons[b-93n5o4xevy] {
    display: inline-flex;
    align-items: center;
    margin-left: 2px;
}

[b-93n5o4xevy] .cg-datatable__sort-icon {
    width: 16px !important;
    height: 16px !important;
    color: var(--cg-color-text-muted);
    opacity: 0.35;
    transition: opacity var(--cg-transition-fast), color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

[b-93n5o4xevy] .cg-datatable__sort-icon--active {
    opacity: 1;
    color: var(--cg-color-primary);
}

/* ── 数据行 ── */
.cg-datatable__table tbody tr[b-93n5o4xevy] {
    background: var(--cg-color-surface);
    transition: background-color var(--cg-transition-fast);
}

.cg-datatable__table tbody tr:hover[b-93n5o4xevy] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 4%, var(--cg-color-surface));
}

.cg-datatable__table tbody td[b-93n5o4xevy] {
    padding: var(--cg-spacing-3) var(--cg-spacing-3);
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--cg-color-border);
    color: var(--cg-color-text);
}

.cg-datatable__table tbody tr:last-child td[b-93n5o4xevy] {
    border-bottom: none;
}

/* ── 加载状态 ── */
.cg-datatable__loading[b-93n5o4xevy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
}

/* ── 空状态 ── */
.cg-datatable__empty[b-93n5o4xevy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

[b-93n5o4xevy] .cg-datatable__empty-icon {
    width: 40px;
    height: 40px;
    opacity: 0.4;
}

/* ── 底部工具栏 ── */
.cg-datatable__footer[b-93n5o4xevy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-3) var(--cg-spacing-5);
    border-top: 1px solid var(--cg-color-border);
    background: var(--cg-color-section-bg);
    flex-wrap: wrap;
}

.cg-datatable__info[b-93n5o4xevy] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-right: auto;
}

.cg-datatable__page-size[b-93n5o4xevy] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-1);
}

.cg-datatable__page-size-label[b-93n5o4xevy] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    white-space: nowrap;
}

/* 收窄 CgSelect 在 page-size 场景下的宽度 */
[b-93n5o4xevy] .cg-datatable__page-size .cg-select {
    min-width: auto;
}

[b-93n5o4xevy] .cg-datatable__page-size .cg-select__trigger {
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    min-width: 72px;
}

/* ── 响应式 ── */
@media (max-width: 640px) {
    .cg-datatable__toolbar[b-93n5o4xevy] {
        padding: var(--cg-spacing-3);
    }

    .cg-datatable__search-input[b-93n5o4xevy] {
        width: 140px;
    }

    .cg-datatable__footer[b-93n5o4xevy] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        gap: var(--cg-spacing-2);
    }

    .cg-datatable__th[b-93n5o4xevy],
    .cg-datatable__table tbody td[b-93n5o4xevy] {
        padding: var(--cg-spacing-2);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgDateInput.razor.rz.scp.css */
/* ── 容器 ── */
.cg-date-input[b-dhce006q4o] {
    position: relative;
    width: 100%;
}

/* ── 触发按钮（与 CgSelect / CgInput 一致） ── */
.cg-date-input__trigger[b-dhce006q4o] {
    width: 100%;
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 0.4rem 0.7rem;
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text);
    font-family: inherit;
    font-size: var(--cg-font-size-md);
    cursor: pointer;
    text-align: left;
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.cg-date-input__trigger:focus-visible[b-dhce006q4o] {
    outline: 2px solid color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
    border-color: var(--cg-color-primary);
}

.cg-date-input__trigger:disabled[b-dhce006q4o] {
    background-color: var(--cg-color-surface-2, color-mix(in oklab, var(--cg-color-surface) 92%, black));
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
    border-color: var(--cg-color-border-muted, color-mix(in oklab, var(--cg-color-border) 75%, transparent));
    cursor: not-allowed;
    opacity: 0.85;
}

.cg-date-input__trigger:disabled[b-dhce006q4o]  .cg-mdi-icon {
    opacity: 0.5;
}

/* ── 触发值文本 ── */
.cg-date-input__value[b-dhce006q4o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.cg-date-input__value--placeholder[b-dhce006q4o] {
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
}

/* ── 背景遮罩（点击关闭面板） ── */
.cg-date-input__backdrop[b-dhce006q4o] {
    position: fixed;
    inset: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    z-index: 1009;
}

/* ── 下拉面板 ── */
.cg-date-input__panel[b-dhce006q4o] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    min-width: 280px;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    box-shadow: 0 10px 30px color-mix(in oklab, var(--cg-color-text) 12%, transparent);
    z-index: 1010;
    padding: var(--cg-spacing-3);
    animation: cg-date-slide-in-b-dhce006q4o 0.15s ease-out;
}

@keyframes cg-date-slide-in-b-dhce006q4o {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── 日历导航 ── */
.cg-date-input__nav[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--cg-spacing-2);
}

.cg-date-input__nav-title[b-dhce006q4o] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    user-select: none;
    border: none;
    background: transparent;
    padding: 0.2rem 0.5rem;
    border-radius: var(--cg-radius-sm);
}

.cg-date-input__nav-title--clickable[b-dhce006q4o] {
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__nav-title--clickable:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

/* ── 月份选择网格 ── */
.cg-date-input__month-grid[b-dhce006q4o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    padding: var(--cg-spacing-2) 0;
}

.cg-date-input__month-cell[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    padding: 0.5rem 0;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__month-cell:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-date-input__month-cell.is-selected[b-dhce006q4o] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.cg-date-input__month-cell.is-selected:hover[b-dhce006q4o] {
    background-color: var(--cg-color-primary-hover);
}

/* ── 年份选择网格 ── */
.cg-date-input__year-grid[b-dhce006q4o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    padding: var(--cg-spacing-2) 0;
}

.cg-date-input__year-cell[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    padding: 0.5rem 0;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__year-cell:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-date-input__year-cell.is-selected[b-dhce006q4o] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.cg-date-input__year-cell.is-selected:hover[b-dhce006q4o] {
    background-color: var(--cg-color-primary-hover);
}

.cg-date-input__nav-btn[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__nav-btn:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

/* ── 星期标题 ── */
.cg-date-input__weekdays[b-dhce006q4o] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    margin-bottom: var(--cg-spacing-1);
}

.cg-date-input__weekday[b-dhce006q4o] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
    padding: 2px 0;
    user-select: none;
}

/* ── 日期网格 ── */
.cg-date-input__grid[b-dhce006q4o] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.cg-date-input__cell[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
    padding: 0;
}

.cg-date-input__cell--empty[b-dhce006q4o] {
    cursor: default;
}

.cg-date-input__cell:not(.cg-date-input__cell--empty):hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-date-input__cell.is-today[b-dhce006q4o] {
    border: 1px solid var(--cg-color-primary);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.cg-date-input__cell.is-selected[b-dhce006q4o] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.cg-date-input__cell.is-selected:hover[b-dhce006q4o] {
    background-color: var(--cg-color-primary-hover);
}

/* ── 分隔线 ── */
.cg-date-input__divider[b-dhce006q4o] {
    height: 1px;
    background-color: var(--cg-color-border);
    margin: var(--cg-spacing-2) 0;
}

/* ── 时间选择器 ── */
.cg-date-input__time[b-dhce006q4o] {
    display: flex;
    gap: var(--cg-spacing-3);
}

.cg-date-input__time-col[b-dhce006q4o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.cg-date-input__time-label[b-dhce006q4o] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
    text-align: center;
    user-select: none;
}

.cg-date-input__scroll-col[b-dhce006q4o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    max-height: 160px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.cg-date-input__time-cell[b-dhce006q4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    padding: 0.3rem 0;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__time-cell:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-date-input__time-cell.is-selected[b-dhce006q4o] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
}

/* ── 底部操作栏 ── */
.cg-date-input__footer[b-dhce006q4o] {
    display: flex;
    justify-content: flex-end;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-2);
    padding-top: var(--cg-spacing-2);
    border-top: 1px solid var(--cg-color-border);
}

.cg-date-input__footer:empty[b-dhce006q4o] {
    display: none;
}

.cg-date-input__today-btn[b-dhce006q4o],
.cg-date-input__clear-btn[b-dhce006q4o] {
    border: none;
    background: transparent;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: var(--cg-radius-sm);
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-date-input__today-btn[b-dhce006q4o] {
    color: var(--cg-color-primary);
}

.cg-date-input__today-btn:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-date-input__clear-btn[b-dhce006q4o] {
    color: var(--cg-color-error);
}

.cg-date-input__clear-btn:hover[b-dhce006q4o] {
    background-color: color-mix(in oklab, var(--cg-color-error) 10%, transparent);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgFormGroup.razor.rz.scp.css */
.cg-form-group[b-4ikeu5b9wm] {
    margin-bottom: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
}

.cg-form-group__label[b-4ikeu5b9wm] {
    margin-bottom: var(--cg-spacing-2);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-primary);
    font-size: var(--cg-font-size-sm);
}

.cg-form-group__required[b-4ikeu5b9wm] {
    color: var(--cg-color-error, #ef4444);
    margin-left: 2px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgFormSection.razor.rz.scp.css */
.cg-form-section[b-yeic1ac2pd] {
    margin-bottom: var(--cg-spacing-6);
    padding: var(--cg-spacing-5);
    background-color: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    border-left: 3px solid color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
    transition: border-left-color var(--cg-transition-fast);
}

.cg-form-section:hover[b-yeic1ac2pd] {
    border-left-color: var(--cg-color-primary);
}

/* ── 扁平变体：去除卡片背景 / 边框 / 内边距 ── */
.cg-form-section--flat[b-yeic1ac2pd] {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: var(--cg-spacing-5);
}

.cg-form-section--flat:hover[b-yeic1ac2pd] {
    border-left-color: transparent;
}

.cg-form-section__header[b-yeic1ac2pd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-6);
    flex-wrap: wrap;
    border-bottom: 2px solid var(--cg-color-primary);
    padding-bottom: .5rem;
}

/* ── 扁平变体标题行 ── */
.cg-form-section--flat .cg-form-section__header[b-yeic1ac2pd] {
    border-bottom: none;
    padding-bottom: 0;
}

.cg-form-section--flat .cg-form-section__title-group[b-yeic1ac2pd] {
    width: 100%;
    border-bottom: 2px solid var(--cg-color-primary);
    padding-bottom: .5rem;
    margin-top: .5rem;
}

/* ── 标题行图标 + 文字排列 ── */
.cg-form-section__title-group[b-yeic1ac2pd] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

[b-yeic1ac2pd] .cg-form-section__icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.cg-form-section__title[b-yeic1ac2pd] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
}

/* ── 卡片底部操作区 ── */
.cg-form-section__footer[b-yeic1ac2pd] {
    display: flex;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-4);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgGrid.razor.rz.scp.css */
.cg-grid[b-ll85q3f84k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--cg-grid-min, 260px), 1fr));
    column-gap: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgHeatMap.razor.rz.scp.css */
.cg-heatmap[b-rkp9v9u7r3] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    overflow-x: auto;
}

.cg-heatmap__title[b-rkp9v9u7r3] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--cg-color-text-primary);
    margin-bottom: var(--cg-spacing-3);
}

.cg-heatmap__body[b-rkp9v9u7r3] {
    min-width: 680px;
}

.cg-heatmap__empty[b-rkp9v9u7r3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    color: var(--cg-color-text-muted);
    font-size: 0.875rem;
}

/* --- Grid layout --- */
.cg-heatmap__grid-wrapper[b-rkp9v9u7r3] {
    display: flex;
    gap: 4px;
}

.cg-heatmap__day-labels[b-rkp9v9u7r3] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 18px; /* align with grid cells below month row */
    flex-shrink: 0;
}

.cg-heatmap__day-label[b-rkp9v9u7r3] {
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    color: var(--cg-color-text-muted);
    text-align: right;
    padding-right: 4px;
    min-width: 16px;
}

.cg-heatmap__scroll-area[b-rkp9v9u7r3] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

.cg-heatmap__month-row[b-rkp9v9u7r3] {
    display: grid;
    gap: 3px;
    height: 15px;
    margin-bottom: 3px;
}

.cg-heatmap__month-label[b-rkp9v9u7r3] {
    font-size: 10px;
    color: var(--cg-color-text-muted);
    line-height: 15px;
    white-space: nowrap;
}

.cg-heatmap__grid[b-rkp9v9u7r3] {
    display: grid;
    grid-template-rows: repeat(7, 13px);
    grid-auto-flow: column;
    gap: 3px;
}

/* --- Cells --- */
.cg-heatmap__cell[b-rkp9v9u7r3] {
    width: 13px;
    height: 13px;
    border-radius: 2px;
    transition: outline 0.15s ease;
}

.cg-heatmap__cell:not(.cg-heatmap__cell--empty):hover[b-rkp9v9u7r3] {
    outline: 2px solid var(--cg-color-text-muted);
    outline-offset: -1px;
}

.cg-heatmap__cell--empty[b-rkp9v9u7r3] {
    background: transparent;
}

.cg-heatmap__cell--lv0[b-rkp9v9u7r3] {
    background: #ebedf0;
}

.cg-heatmap__cell--lv1[b-rkp9v9u7r3] {
    background: #9be9a8;
}

.cg-heatmap__cell--lv2[b-rkp9v9u7r3] {
    background: #40c463;
}

.cg-heatmap__cell--lv3[b-rkp9v9u7r3] {
    background: #30a14e;
}

.cg-heatmap__cell--lv4[b-rkp9v9u7r3] {
    background: #216e39;
}

/* --- Legend --- */
.cg-heatmap__legend[b-rkp9v9u7r3] {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: var(--cg-spacing-3);
    padding-left: 20px;
}

.cg-heatmap__legend-text[b-rkp9v9u7r3] {
    font-size: 10px;
    color: var(--cg-color-text-muted);
    margin: 0 2px;
}

.cg-heatmap__legend-cell[b-rkp9v9u7r3] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgHideToggleButton.razor.rz.scp.css */
.cg-hide-toggle-btn[b-mr682l9qn6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-warning);
    background: transparent;
    color: var(--cg-color-warning);
    white-space: nowrap;
}

.cg-hide-toggle-btn:hover[b-mr682l9qn6] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

.cg-hide-toggle-btn:disabled[b-mr682l9qn6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cg-hide-toggle-btn[b-mr682l9qn6]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgHtmlContent.razor.rz.scp.css */
/* ── CgHtmlContent 基础排版 ── */
.cg-html-content[b-3o89cvcspl] {
    line-height: 1.8;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text);
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ── 标题 ── */
.cg-html-content[b-3o89cvcspl]  h1,
.cg-html-content[b-3o89cvcspl]  h2,
.cg-html-content[b-3o89cvcspl]  h3,
.cg-html-content[b-3o89cvcspl]  h4,
.cg-html-content[b-3o89cvcspl]  h5,
.cg-html-content[b-3o89cvcspl]  h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

.cg-html-content[b-3o89cvcspl]  h1 {
    font-size: 1.75em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--cg-color-border);
}

.cg-html-content[b-3o89cvcspl]  h2 {
    font-size: 1.4em;
    padding-bottom: 0.25em;
    border-bottom: 1px solid var(--cg-color-border);
}

.cg-html-content[b-3o89cvcspl]  h3 {
    font-size: 1.2em;
}

.cg-html-content[b-3o89cvcspl]  h4 {
    font-size: 1.05em;
}

.cg-html-content[b-3o89cvcspl]  h5,
.cg-html-content[b-3o89cvcspl]  h6 {
    font-size: 0.95em;
    color: var(--cg-color-text-muted);
}

/* ── 段落 ── */
.cg-html-content[b-3o89cvcspl]  p {
    margin: 0.75em 0;
}

/* ── 链接 ── */
.cg-html-content[b-3o89cvcspl]  a {
    color: var(--cg-color-link);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.cg-html-content[b-3o89cvcspl]  a:hover {
    text-decoration: underline;
}

/* ── 图片 ── */
.cg-html-content[b-3o89cvcspl]  img {
    max-width: 100%;
    height: auto;
    border-radius: var(--cg-radius-md);
    display: block;
    margin: 1em 0;
}

/* ── 行内代码 ── */
.cg-html-content[b-3o89cvcspl]  code {
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-sm);
    padding: 0.15em 0.4em;
    font-size: 0.9em;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
}

/* ── 代码块 ── */
.cg-html-content[b-3o89cvcspl]  pre {
    background: var(--cg-color-section-bg);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 1em 1.25em;
    overflow-x: auto;
    margin: 1em 0;
    line-height: 1.6;
}

.cg-html-content[b-3o89cvcspl]  pre code {
    background: none;
    border-radius: 0;
    padding: 0;
    font-size: 0.875em;
}

/* ── 引用块 ── */
.cg-html-content[b-3o89cvcspl]  blockquote {
    margin: 1em 0;
    padding: 0.75em 1em;
    border-left: 4px solid var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 5%, var(--cg-color-surface));
    border-radius: 0 var(--cg-radius-sm) var(--cg-radius-sm) 0;
    color: var(--cg-color-text-muted);
}

.cg-html-content[b-3o89cvcspl]  blockquote p {
    margin: 0.25em 0;
}

/* ── 列表 ── */
.cg-html-content[b-3o89cvcspl]  ul,
.cg-html-content[b-3o89cvcspl]  ol {
    padding-left: 1.75em;
    margin: 0.75em 0;
}

.cg-html-content[b-3o89cvcspl]  li {
    margin: 0.25em 0;
}

.cg-html-content[b-3o89cvcspl]  li > ul,
.cg-html-content[b-3o89cvcspl]  li > ol {
    margin: 0.25em 0;
}

/* ── 水平线 ── */
.cg-html-content[b-3o89cvcspl]  hr {
    border: none;
    border-top: 1px solid var(--cg-color-border);
    margin: 1.5em 0;
}

/* ── 表格 ── */
.cg-html-content[b-3o89cvcspl]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 0.9em;
    overflow-x: auto;
    display: block;
}

.cg-html-content[b-3o89cvcspl]  thead {
    background: var(--cg-color-section-bg);
}

.cg-html-content[b-3o89cvcspl]  th,
.cg-html-content[b-3o89cvcspl]  td {
    border: 1px solid var(--cg-color-border);
    padding: 0.5em 0.75em;
    text-align: left;
}

.cg-html-content[b-3o89cvcspl]  th {
    font-weight: var(--cg-font-weight-semibold);
}

.cg-html-content[b-3o89cvcspl]  tbody tr:nth-child(even) {
    background: color-mix(in oklab, var(--cg-color-section-bg) 50%, transparent);
}

/* ── 其他 ── */
.cg-html-content[b-3o89cvcspl]  strong {
    font-weight: var(--cg-font-weight-bold);
}

.cg-html-content[b-3o89cvcspl]  em {
    font-style: italic;
}

.cg-html-content[b-3o89cvcspl]  del {
    text-decoration: line-through;
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgHumanMachineVerification.razor.rz.scp.css */
/* CgHumanMachineVerification — 纯代码组件，无 UI 样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgImageGallery.razor.rz.scp.css */
/* ─────────────────────────────────────────────
    CgImageGallery — 样式
    - 预览区 / 胶片条 / 全屏模态
   ───────────────────────────────────────────── */

/* ── 容器 ── */
.cg-image-gallery[b-ryvu2idji4] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── 空状态 ── */
.cg-image-gallery__empty[b-ryvu2idji4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10);
    color: var(--cg-color-text-muted);
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-lg);
    border: 1px dashed var(--cg-color-border);
}

.cg-image-gallery__empty[b-ryvu2idji4]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
}

.cg-image-gallery__empty p[b-ryvu2idji4] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
}

/* ── 大图预览区 ── */
.cg-image-gallery__preview[b-ryvu2idji4] {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--cg-radius-lg);
   
    cursor: zoom-in;
    -webkit-user-select: none;
    user-select: none;
}

.cg-image-gallery__preview:focus-visible[b-ryvu2idji4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

/* ── 预览幻灯片（堆叠） ── */
.cg-image-gallery__preview-slide[b-ryvu2idji4] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--cg-transition-normal),
                visibility 0s var(--cg-transition-normal);
}

.cg-image-gallery__preview-slide--active[b-ryvu2idji4] {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--cg-transition-normal),
                visibility 0s 0s;
}

.cg-image-gallery__preview-slide img[b-ryvu2idji4] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

/* ── 全屏按钮覆盖层 ── */
.cg-image-gallery__preview-fullscreen-btn[b-ryvu2idji4] {
    position: absolute;
    top: var(--cg-spacing-3);
    right: var(--cg-spacing-3);
    z-index: 2;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: rgba(0, 0, 0, 0.45);
    color: var(--cg-color-on-dark);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--cg-transition-fast),
                background-color var(--cg-transition-fast);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cg-image-gallery__preview:hover .cg-image-gallery__preview-fullscreen-btn[b-ryvu2idji4] {
    opacity: 1;
}

.cg-image-gallery__preview-fullscreen-btn:hover[b-ryvu2idji4] {
    background: rgba(0, 0, 0, 0.65);
}

.cg-image-gallery__preview-fullscreen-btn:focus-visible[b-ryvu2idji4] {
    opacity: 1;
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

[b-ryvu2idji4] .cg-image-gallery__preview-fullscreen-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-on-dark);
}

/* ── 胶片条 ── */
.cg-image-gallery__filmstrip[b-ryvu2idji4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

/* ── 胶片滚动按钮 ── */
.cg-image-gallery__filmstrip-btn[b-ryvu2idji4],
.cg-image-gallery__fullscreen-filmstrip-btn[b-ryvu2idji4] {
    flex-shrink: 0;
    width: 32px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast),
                color var(--cg-transition-fast);
}

.cg-image-gallery__filmstrip-btn:hover:not(:disabled)[b-ryvu2idji4],
.cg-image-gallery__fullscreen-filmstrip-btn:hover:not(:disabled)[b-ryvu2idji4] {
    background: var(--cg-color-border);
    color: var(--cg-color-primary);
}

.cg-image-gallery__filmstrip-btn:focus-visible[b-ryvu2idji4],
.cg-image-gallery__fullscreen-filmstrip-btn:focus-visible[b-ryvu2idji4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.cg-image-gallery__filmstrip-btn:disabled[b-ryvu2idji4],
.cg-image-gallery__fullscreen-filmstrip-btn:disabled[b-ryvu2idji4] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

[b-ryvu2idji4] .cg-image-gallery__filmstrip-btn .cg-mdi-icon,
[b-ryvu2idji4] .cg-image-gallery__fullscreen-filmstrip-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

/* ── 胶片轨道 ── */
.cg-image-gallery__filmstrip-track[b-ryvu2idji4],
.cg-image-gallery__fullscreen-filmstrip-track[b-ryvu2idji4] {
    flex: 1;
    overflow-x: auto;
    scroll-behavior: smooth;
    display: flex;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.cg-image-gallery__filmstrip-track[b-ryvu2idji4]::-webkit-scrollbar,
.cg-image-gallery__fullscreen-filmstrip-track[b-ryvu2idji4]::-webkit-scrollbar {
    display: none;
}

/* ── 缩略图 ── */
.cg-image-gallery__thumbnail[b-ryvu2idji4],
.cg-image-gallery__fullscreen-thumbnail[b-ryvu2idji4] {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: var(--cg-radius-sm);
    overflow: hidden;
    cursor: pointer;
    transition: border-color var(--cg-transition-fast),
                transform var(--cg-transition-fast);
}

.cg-image-gallery__thumbnail:hover[b-ryvu2idji4],
.cg-image-gallery__fullscreen-thumbnail:hover[b-ryvu2idji4] {
    transform: scale(1.05);
    border-color: var(--cg-color-border);
}

.cg-image-gallery__thumbnail--active[b-ryvu2idji4],
.cg-image-gallery__fullscreen-thumbnail--active[b-ryvu2idji4] {
    border-color: var(--cg-color-primary);
}

.cg-image-gallery__thumbnail:focus-visible[b-ryvu2idji4],
.cg-image-gallery__fullscreen-thumbnail:focus-visible[b-ryvu2idji4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.cg-image-gallery__thumbnail img[b-ryvu2idji4],
.cg-image-gallery__fullscreen-thumbnail img[b-ryvu2idji4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ─────────────────────────────────────────────
    全屏模态
   ───────────────────────────────────────────── */
.cg-image-gallery__fullscreen[b-ryvu2idji4] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    flex-direction: column;
}

.cg-image-gallery__fullscreen--open[b-ryvu2idji4] {
    display: flex;
    animation: cg-img-gallery-fs-fade-in-b-ryvu2idji4 0.25s ease-out;
}

.cg-image-gallery__fullscreen--closing[b-ryvu2idji4] {
    animation: cg-img-gallery-fs-fade-out-b-ryvu2idji4 0.2s ease-in forwards;
}

@keyframes cg-img-gallery-fs-fade-in-b-ryvu2idji4 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes cg-img-gallery-fs-fade-out-b-ryvu2idji4 {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* ── 全屏背景 ── */
.cg-image-gallery__fullscreen-backdrop[b-ryvu2idji4] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
}

/* ── 全屏顶栏 ── */
.cg-image-gallery__fullscreen-topbar[b-ryvu2idji4] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-4) var(--cg-spacing-4) 0;
}

.cg-image-gallery__fullscreen-counter[b-ryvu2idji4] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-on-dark-muted);
    font-weight: var(--cg-font-weight-medium);
    user-select: none;
}

/* ── 全屏关闭按钮 ── */
.cg-image-gallery__fullscreen-btn-close[b-ryvu2idji4] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--cg-color-on-dark);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast),
                border-color var(--cg-transition-fast),
                transform var(--cg-transition-fast);
}

.cg-image-gallery__fullscreen-btn-close:hover[b-ryvu2idji4] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
}

.cg-image-gallery__fullscreen-btn-close:focus-visible[b-ryvu2idji4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 4px;
}

[b-ryvu2idji4] .cg-image-gallery__fullscreen-btn-close .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-on-dark);
}

/* ── 全屏主图区 ── */
.cg-image-gallery__fullscreen-main[b-ryvu2idji4] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: var(--cg-spacing-4);
}

/* ── 全屏主图容器 ── */
.cg-image-gallery__fullscreen-image-wrap[b-ryvu2idji4] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cg-image-gallery__fullscreen-image[b-ryvu2idji4] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

/* ── 全屏导航按钮 ── */
.cg-image-gallery__fullscreen-nav[b-ryvu2idji4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: var(--cg-color-on-dark);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast),
                opacity var(--cg-transition-fast);
    opacity: 0.85;
}

.cg-image-gallery__fullscreen-nav:hover[b-ryvu2idji4] {
    background: rgba(255, 255, 255, 0.25);
    opacity: 1;
}

.cg-image-gallery__fullscreen-nav:focus-visible[b-ryvu2idji4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
    opacity: 1;
}

.cg-image-gallery__fullscreen-nav--prev[b-ryvu2idji4] {
    left: var(--cg-spacing-3);
}

.cg-image-gallery__fullscreen-nav--next[b-ryvu2idji4] {
    right: var(--cg-spacing-3);
}

[b-ryvu2idji4] .cg-image-gallery__fullscreen-nav .cg-mdi-icon {
    width: 28px;
    height: 28px;
    color: var(--cg-color-on-dark);
}

/* ── 全屏底部胶片条 ── */
.cg-image-gallery__fullscreen-filmstrip[b-ryvu2idji4] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4) var(--cg-spacing-4);
}

.cg-image-gallery__fullscreen-filmstrip-btn[b-ryvu2idji4] {
    width: 32px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--cg-color-on-dark-muted);
}

.cg-image-gallery__fullscreen-filmstrip-btn:hover[b-ryvu2idji4] {
    background: rgba(255, 255, 255, 0.25);
    color: var(--cg-color-on-dark);
}

[b-ryvu2idji4] .cg-image-gallery__fullscreen-filmstrip-btn .cg-mdi-icon {
    color: inherit;
}

/* ── 全屏缩略图 ── */
.cg-image-gallery__fullscreen-thumbnail[b-ryvu2idji4] {
    border-color: rgba(255, 255, 255, 0.15);
}

.cg-image-gallery__fullscreen-thumbnail:hover[b-ryvu2idji4] {
    border-color: rgba(255, 255, 255, 0.4);
}

.cg-image-gallery__fullscreen-thumbnail--active[b-ryvu2idji4] {
    border-color: var(--cg-color-on-dark);
}

/* ── 响应式 ── */
@media (max-width: 640px) {
    .cg-image-gallery__thumbnail[b-ryvu2idji4] {
        width: 64px;
        height: 48px;
    }

    .cg-image-gallery__filmstrip-btn[b-ryvu2idji4] {
        width: 28px;
        height: 48px;
    }

    .cg-image-gallery__fullscreen-nav[b-ryvu2idji4] {
        width: 40px;
        height: 40px;
    }

    .cg-image-gallery__fullscreen-nav--prev[b-ryvu2idji4] {
        left: var(--cg-spacing-2);
    }

    .cg-image-gallery__fullscreen-nav--next[b-ryvu2idji4] {
        right: var(--cg-spacing-2);
    }

    .cg-image-gallery__fullscreen-main[b-ryvu2idji4] {
        padding: var(--cg-spacing-2);
    }

    .cg-image-gallery__fullscreen-filmstrip[b-ryvu2idji4] {
        padding: var(--cg-spacing-2);
    }

    .cg-image-gallery__fullscreen-thumbnail[b-ryvu2idji4] {
        width: 64px;
        height: 48px;
    }

    .cg-image-gallery__fullscreen-filmstrip-btn[b-ryvu2idji4] {
        width: 28px;
        height: 48px;
    }
}

/* ── reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
    .cg-image-gallery__preview-slide[b-ryvu2idji4] {
        transition: none;
    }

    .cg-image-gallery__fullscreen--open[b-ryvu2idji4],
    .cg-image-gallery__fullscreen--closing[b-ryvu2idji4] {
        animation: none;
    }

    .cg-image-gallery__thumbnail:hover[b-ryvu2idji4],
    .cg-image-gallery__fullscreen-thumbnail:hover[b-ryvu2idji4] {
        transform: none;
    }

    .cg-image-gallery__preview-fullscreen-btn[b-ryvu2idji4] {
        opacity: 1;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgImageUpload.razor.rz.scp.css */
/* ── 根容器 ── */
.cg-image-upload[b-0t7ry5zliw] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── 可点击上传区域 ── */
.cg-image-upload__drop-zone[b-0t7ry5zliw] {
    position: relative;
    width: 100%;
    min-height: 10rem;
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--cg-transition-fast), background var(--cg-transition-fast);
}

.cg-image-upload__drop-zone:hover[b-0t7ry5zliw] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 55%, transparent);
    background: color-mix(in oklab, var(--cg-color-primary) 3%, var(--cg-color-surface));
}

.cg-image-upload__drop-zone--disabled[b-0t7ry5zliw] {
    opacity: 0.55;
    pointer-events: none;
}

/* 透明覆盖 label — 让整个区域可点击触发文件选择 */
.cg-image-upload__click-overlay[b-0t7ry5zliw] {
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
}

.cg-image-upload__drop-zone--disabled .cg-image-upload__click-overlay[b-0t7ry5zliw] {
    cursor: not-allowed;
}

/* ── 预览图 ── */
.cg-image-upload__preview[b-0t7ry5zliw] {
    width: 100%;
    max-height: 18rem;
    object-fit: contain;
    background: color-mix(in oklab, var(--cg-color-surface) 90%, black);
}

/* ── 占位区 ── */
.cg-image-upload__placeholder[b-0t7ry5zliw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    padding: var(--cg-spacing-6);
    user-select: none;
}

.cg-image-upload__placeholder-icon[b-0t7ry5zliw] {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--cg-color-text-muted);
    opacity: 0.6;
}

/* ── 清空圆形按钮（浮在图片右上角） ── */
.cg-image-upload__clear-btn[b-0t7ry5zliw] {
    position: absolute;
    top: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    z-index: 2;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--cg-radius-full);
    border: none;
    background: color-mix(in oklab, var(--cg-color-text) 65%, transparent);
    color: var(--cg-color-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    transition: background var(--cg-transition-fast), opacity var(--cg-transition-fast);
    opacity: 0;
}

.cg-image-upload__clear-btn svg[b-0t7ry5zliw] {
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    flex-shrink: 0;
}

.cg-image-upload__drop-zone:hover .cg-image-upload__clear-btn[b-0t7ry5zliw] {
    opacity: 1;
}

.cg-image-upload__clear-btn:hover[b-0t7ry5zliw] {
    background: var(--cg-color-error);
}

.cg-image-upload__clear-btn:disabled[b-0t7ry5zliw] {
    cursor: not-allowed;
    opacity: 0 !important;
}

/* ── 操作区（仅 ShowPreview=false 时） ── */
.cg-image-upload__actions[b-0t7ry5zliw] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
}

.cg-image-upload__file-input[b-0t7ry5zliw] {
    display: none;
}

/* ── 上传按钮（ShowPreview=false 时的 label） ── */
.cg-image-upload__upload-btn[b-0t7ry5zliw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--cg-spacing-4);
    height: 36px;
    border: 1px solid transparent;
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    gap: var(--cg-spacing-1);
    white-space: nowrap;
}

.cg-image-upload__upload-btn--primary[b-0t7ry5zliw] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.cg-image-upload__upload-btn--primary:hover[b-0t7ry5zliw] {
    background: var(--cg-color-primary-hover);
}

.cg-image-upload__upload-btn--ghost[b-0t7ry5zliw] {
    background: transparent;
    color: var(--cg-color-text-secondary);
}

.cg-image-upload__upload-btn--ghost:hover[b-0t7ry5zliw] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.cg-image-upload__upload-btn--disabled[b-0t7ry5zliw] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── 消息提示 ── */
.cg-image-upload__message[b-0t7ry5zliw] {
    font-size: var(--cg-font-size-sm);
    line-height: 1.4;
}

.cg-image-upload__message--error[b-0t7ry5zliw] {
    color: var(--cg-color-error);
}

/* ── 裁剪对话框 ── */
.cg-image-upload__cropper[b-0t7ry5zliw] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.cg-image-upload__crop-stage[b-0t7ry5zliw] {
    position: relative;
    user-select: none;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    line-height: 0;
}

.cg-image-upload__crop-preview[b-0t7ry5zliw] {
    width: auto;
    max-width: 100%;
    max-height: 28rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-surface) 88%, black);
    display: block;
}

.cg-image-upload__shade[b-0t7ry5zliw] {
    position: absolute;
    background: color-mix(in oklab, var(--cg-color-text) 35%, transparent);
    pointer-events: none;
}

.cg-image-upload__crop-overlay[b-0t7ry5zliw] {
    position: absolute;
    border: 2px solid var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    cursor: move;
    box-sizing: border-box;
}

.cg-image-upload__crop-handle[b-0t7ry5zliw] {
    position: absolute;
    right: -7px;
    bottom: -7px;
    width: 14px;
    height: 14px;
    border-radius: var(--cg-radius-sm);
    border: 1px solid var(--cg-color-on-primary);
    background: var(--cg-color-primary);
    cursor: nwse-resize;
    padding: 0;
}

.cg-image-upload__hint[b-0t7ry5zliw] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.cg-image-upload__crop-actions[b-0t7ry5zliw] {
    display: flex;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgInput.razor.rz.scp.css */
.cg-input[b-hmqncbw8gv] {
    width: 100%;
    min-height: 2.4rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 0.4rem 0.7rem;
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text);
}

.cg-input:focus[b-hmqncbw8gv] {
    outline: 2px solid color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
    border-color: var(--cg-color-primary);
}

.cg-input:disabled[b-hmqncbw8gv] {
    background-color: var(--cg-color-surface-2, color-mix(in oklab, var(--cg-color-surface) 92%, black));
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
    border-color: var(--cg-color-border-muted, color-mix(in oklab, var(--cg-color-border) 75%, transparent));
    cursor: not-allowed;
    opacity: 0.85;
}

.cg-input:disabled[b-hmqncbw8gv]::placeholder {
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 55%, transparent));
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgLineChart.razor.rz.scp.css */
.cg-line-chart[b-ouif2uut0t] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

.cg-line-chart--expanded[b-ouif2uut0t] {
    grid-column: 1 / -1;
}

.cg-line-chart__header[b-ouif2uut0t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--cg-spacing-3);
}

.cg-line-chart__title[b-ouif2uut0t] {
    font-weight: var(--cg-font-weight-semibold);
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-primary);
}

.cg-line-chart__actions[b-ouif2uut0t] {
    display: flex;
    gap: var(--cg-spacing-2);
    align-items: center;
}

/* CgSelect 紧凑模式 — 适配图表头部工具栏 */
[b-ouif2uut0t] .cg-select.cg-line-chart__select {
    width: auto;
    min-width: 100px;
}

[b-ouif2uut0t] .cg-select.cg-line-chart__select .cg-select__trigger {
    min-height: unset;
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-sm);
    border-radius: var(--cg-radius-sm);
}

.cg-line-chart__action-btn[b-ouif2uut0t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--cg-color-text-muted);
    border: 1px solid transparent;
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1);
    cursor: pointer;
    transition: color var(--cg-transition-fast), background var(--cg-transition-fast);
}

.cg-line-chart__action-btn:hover[b-ouif2uut0t] {
    color: var(--cg-color-text-primary);
    background: var(--cg-color-hover-overlay);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgMarkdownEditor.razor.rz.scp.css */
.cg-markdown-editor[b-6gcqv2n4je] {
    width: 100%;
}

/* ── 加载态 ── */
.cg-markdown-editor__loading[b-6gcqv2n4je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    min-height: 200px;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
}

.cg-markdown-editor__loading-text[b-6gcqv2n4je] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

/* ── Vditor 容器适配设计系统 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor {
    font-family: var(--cg-font-family), sans-serif;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    transition: border-color var(--cg-transition-fast);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor--fullscreen {
    border-radius: 0;
}

/* ── 工具栏 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-toolbar {
    background-color: var(--cg-color-surface);
    border-bottom: 1px solid var(--cg-color-border);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-toolbar__item button {
    color: var(--cg-color-text-primary);
    border-radius: var(--cg-radius-sm);
    transition: background-color var(--cg-transition-fast);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-toolbar__item button:hover {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text-primary);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-toolbar__item button.vditor-menu--current {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary)!important;
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-toolbar__divider {
    background-color: var(--cg-color-border);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-tip__content {
    margin-left: 0;
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-preview__action {
    display: none;
}

/* ── 编辑区域 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-ir,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-wysiwyg,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-sv {
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text-primary);
    font-family: var(--cg-font-family), sans-serif;
    font-size: var(--cg-font-size-md);
    line-height: 1.7;
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-ir pre.vditor-reset,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-wysiwyg pre.vditor-reset,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-sv pre.vditor-reset {
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text-primary);
    font-family: var(--cg-font-family), sans-serif;
    font-size: var(--cg-font-size-md);
    padding: var(--cg-spacing-4);
}

/* ── 预览面板（分屏模式） ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-preview {
    background-color: var(--cg-color-bg);
    padding: var(--cg-spacing-4);
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-preview .vditor-reset {
    color: var(--cg-color-text-primary);
    font-family: var(--cg-font-family), sans-serif;
    font-size: var(--cg-font-size-md);
    line-height: 1.7;
}

/* ── 标题 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset h1,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset h2,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset h3 {
    color: var(--cg-color-text-primary);
    font-weight: var(--cg-font-weight-bold);
}

/* ── 链接 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset a {
    color: var(--cg-color-link);
}

/* ── 行内代码 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset code:not(.hljs) {
    background-color: var(--cg-color-hover-overlay);
    padding: 2px 6px;
    border-radius: var(--cg-radius-sm);
    font-size: 0.9em;
}

/* ── 代码块 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset pre {
    background-color: var(--cg-color-bg);
    padding: var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    overflow-x: auto;
}

/* ── 引用 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset blockquote {
    border-left: 4px solid var(--cg-color-primary);
    padding-left: var(--cg-spacing-3);
    color: var(--cg-color-text-muted);
    margin: var(--cg-spacing-3) 0;
}

/* ── 图片 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset img {
    max-width: 100%;
    border-radius: var(--cg-radius-md);
}

/* ── 表格 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset table {
    border-collapse: collapse;
    width: 100%;
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset th,
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset td {
    border: 1px solid var(--cg-color-border);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    text-align: left;
}

.cg-markdown-editor[b-6gcqv2n4je]  .vditor-reset th {
    background-color: var(--cg-color-surface);
    font-weight: var(--cg-font-weight-semibold);
}

/* ── 占位文本 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-placeholder {
    color: var(--cg-color-text-muted);
    opacity: 0.6;
}

/* ── 大纲面板 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-outline {
    background-color: var(--cg-color-surface);
    border-left: 1px solid var(--cg-color-border);
}

/* ── 提示条 ── */
.cg-markdown-editor[b-6gcqv2n4je]  .vditor-tip {
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text-primary);
    box-shadow: var(--cg-shadow-md);
    border-radius: var(--cg-radius-md);
}

/* ── 错误信息 ── */
.cg-markdown-editor__error[b-6gcqv2n4je] {
    margin-top: var(--cg-spacing-2);
    color: var(--cg-color-error);
    font-size: var(--cg-font-size-sm);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgMdiIcon.razor.rz.scp.css */
.cg-mdi-icon[b-7pdrvwg029] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    vertical-align: middle;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgModal.razor.rz.scp.css */
.cg-modal-mask[b-8j7lykp64h] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
    z-index: 1000;
    animation: cg-modal-mask-fade-in-b-8j7lykp64h var(--cg-transition-normal);
}

.cg-modal-closing[b-8j7lykp64h] {
    animation: cg-modal-mask-fade-out-b-8j7lykp64h 0.25s ease-out forwards;
}

.cg-modal-panel[b-8j7lykp64h] {
    width: min(640px, 92vw);
    max-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-card-hover);
    border: 1px solid var(--cg-color-border);
    animation: cg-modal-panel-fade-in-b-8j7lykp64h var(--cg-transition-normal) cubic-bezier(0.16, 1, 0.3, 1);
}

.cg-modal-panel.cg-modal-panel-closing[b-8j7lykp64h] {
    animation: cg-modal-panel-fade-out-b-8j7lykp64h 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.cg-modal-header[b-8j7lykp64h] {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--cg-color-border);
}

.cg-modal-header h3[b-8j7lykp64h] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
}

.cg-modal-content[b-8j7lykp64h] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.5rem;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-md);
    line-height: 1.6;
}

.cg-modal-footer[b-8j7lykp64h] {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--cg-color-border);
    background: var(--cg-color-section-bg);
    border-bottom-left-radius: var(--cg-radius-lg);
    border-bottom-right-radius: var(--cg-radius-lg);
}

@keyframes cg-modal-mask-fade-in-b-8j7lykp64h {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes cg-modal-mask-fade-out-b-8j7lykp64h {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes cg-modal-panel-fade-in-b-8j7lykp64h {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes cg-modal-panel-fade-out-b-8j7lykp64h {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    to {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgPagination.razor.rz.scp.css */
/* ── Container ── */
.cg-pagination[b-3f3byldjqi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-4) 0;
    flex-wrap: wrap;
}

/* ── Base button (shared by page numbers and nav arrows) ── */
.cg-pagination__btn[b-3f3byldjqi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 var(--cg-spacing-2);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    font-family: var(--cg-font-family);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    user-select: none;
    text-decoration: none;
}

.cg-pagination__btn:hover:not(:disabled):not(.cg-pagination__btn--active)[b-3f3byldjqi] {
    background: var(--cg-color-hover-overlay);
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
}

.cg-pagination__btn:disabled[b-3f3byldjqi],
.cg-pagination__btn--disabled[b-3f3byldjqi] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Active page ── */
.cg-pagination__btn--active[b-3f3byldjqi] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-color: var(--cg-color-primary);
    box-shadow: var(--cg-shadow-sm);
    cursor: default;
}

/* ── Nav arrows ── */
.cg-pagination__nav[b-3f3byldjqi] {
    min-width: 36px;
    padding: 0;
}

[b-3f3byldjqi] .cg-pagination__nav .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

/* ── Ellipsis ── */
.cg-pagination__ellipsis[b-3f3byldjqi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    user-select: none;
    letter-spacing: 2px;
}

/* ── Adaptive: hide farther siblings on narrow viewports ── */

/* Distance 3: only show on wide screens (≥ 800px) */
.cg-pagination__page--s3[b-3f3byldjqi] {
    display: none;
}

@media (min-width: 800px) {
    .cg-pagination__page--s3[b-3f3byldjqi] {
        display: inline-flex;
    }
}

/* Distance 2: only show on medium+ screens (≥ 600px) */
.cg-pagination__page--s2[b-3f3byldjqi] {
    display: none;
}

@media (min-width: 600px) {
    .cg-pagination__page--s2[b-3f3byldjqi] {
        display: inline-flex;
    }
}

/* ── Small screens ── */
@media (max-width: 480px) {
    .cg-pagination__btn[b-3f3byldjqi] {
        min-width: 32px;
        height: 32px;
        font-size: var(--cg-font-size-xs);
    }

    .cg-pagination__ellipsis[b-3f3byldjqi] {
        min-width: 28px;
        height: 32px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgPieChart.razor.rz.scp.css */
.cg-pie-chart[b-9y5n9xcsmu] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

.cg-pie-chart__header[b-9y5n9xcsmu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--cg-spacing-3);
}

.cg-pie-chart__title[b-9y5n9xcsmu] {
    font-weight: var(--cg-font-weight-semibold);
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-primary);
}

.cg-pie-chart__body[b-9y5n9xcsmu] {
    display: flex;
    justify-content: center;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgPopupMenu.razor.rz.scp.css */
.cg-popup-menu[b-krvl6h5d21] {
    position: relative;
    display: inline-block;
    z-index: 20;
}

@keyframes cg-popup-backdrop-in-b-krvl6h5d21 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.cg-popup-menu-backdrop[b-krvl6h5d21] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 19;
}

@keyframes cg-popup-fade-in-b-krvl6h5d21 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.cg-popup-menu-panel[b-krvl6h5d21] {
    position: absolute;
    z-index: 20;
    min-width: 220px;
    margin: 0;
    padding: var(--cg-spacing-2);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 70%, transparent);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: var(--cg-shadow-lg), 0 0 0 1px rgba(0, 0, 0, 0.02);
    overflow: hidden;
    animation: cg-popup-fade-in-b-krvl6h5d21 0.2s ease-out;
}

/* ── Placement: bottom (below trigger) ── */
.cg-popup-menu-panel--bottom-end[b-krvl6h5d21] {
    top: calc(100% + var(--cg-spacing-2));
    right: 0;
    transform-origin: top right;
}

.cg-popup-menu-panel--bottom-start[b-krvl6h5d21] {
    top: calc(100% + var(--cg-spacing-2));
    left: 0;
    transform-origin: top left;
}

/* ── Placement: top (above trigger) ── */
.cg-popup-menu-panel--top-end[b-krvl6h5d21] {
    bottom: calc(100% + var(--cg-spacing-2));
    right: 0;
    transform-origin: bottom right;
}

.cg-popup-menu-panel--top-start[b-krvl6h5d21] {
    bottom: calc(100% + var(--cg-spacing-2));
    left: 0;
    transform-origin: bottom left;
}

/* ── Placement: right (right of trigger) ── */
.cg-popup-menu-panel--right-top[b-krvl6h5d21] {
    left: calc(100% + var(--cg-spacing-2));
    top: 0;
    transform-origin: left top;
}

.cg-popup-menu-panel--right-bottom[b-krvl6h5d21] {
    left: calc(100% + var(--cg-spacing-2));
    bottom: 0;
    transform-origin: left bottom;
}

/* ── Placement: left (left of trigger) ── */
.cg-popup-menu-panel--left-top[b-krvl6h5d21] {
    right: calc(100% + var(--cg-spacing-2));
    top: 0;
    transform-origin: right top;
}

.cg-popup-menu-panel--left-bottom[b-krvl6h5d21] {
    right: calc(100% + var(--cg-spacing-2));
    bottom: 0;
    transform-origin: right bottom;
}

.cg-popup-menu-list[b-krvl6h5d21] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg-popup-menu-item[b-krvl6h5d21] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    border-radius: var(--cg-radius-md);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text-primary);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-popup-menu-item:hover[b-krvl6h5d21] {
    background: var(--cg-color-hover-overlay);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgProgressRing.razor.rz.scp.css */
/* ── CgProgressRing ── */
.cg-progress-ring[b-erkvqw4ebl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.cg-progress-ring__svg[b-erkvqw4ebl] {
    width: 100%;
    height: 100%;
}

.cg-progress-ring__track[b-erkvqw4ebl] {
    stroke: color-mix(in oklab, currentColor 15%, transparent);
}

.cg-progress-ring__indicator[b-erkvqw4ebl] {
    stroke: var(--cg-progress-ring-color, currentColor);
    transition: stroke-dashoffset var(--cg-transition-normal);
    transform: rotate(-90deg);
    transform-origin: center;
}

/* ── 无限进度旋转 ── */
.cg-progress-ring--indeterminate[b-erkvqw4ebl] {
    animation: cg-progress-ring-spin-b-erkvqw4ebl 0.8s linear infinite;
}

.cg-progress-ring--indeterminate .cg-progress-ring__indicator[b-erkvqw4ebl] {
    transition: none;
}

@keyframes cg-progress-ring-spin-b-erkvqw4ebl {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ── sm (16px) ── */
.cg-progress-ring--sm[b-erkvqw4ebl] {
    width: 16px;
    height: 16px;
}

/* ── lg (32px) ── */
.cg-progress-ring--lg[b-erkvqw4ebl] {
    width: 32px;
    height: 32px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgRankBadge.razor.rz.scp.css */
/* ── 基础头衔徽章（文本类型） ── */
.user-rank[b-rs0xhuhtuv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: #ffffff;
    white-space: nowrap;
    line-height: 1.5;
    background-color: var(--cg-color-primary);
}

/* ── 等级头衔颜色（Lv10 → Lv0） ── */
.user-rank.rank-lv10[b-rs0xhuhtuv] { background-color: #F44336; }  /* Red */
.user-rank.rank-lv9[b-rs0xhuhtuv]  { background-color: #E91E63; }  /* Pink */
.user-rank.rank-lv8[b-rs0xhuhtuv]  { background-color: #9C27B0; }  /* Purple */
.user-rank.rank-lv7[b-rs0xhuhtuv]  { background-color: #673AB7; }  /* Deep Purple */
.user-rank.rank-lv6[b-rs0xhuhtuv]  { background-color: #3F51B5; }  /* Indigo */
.user-rank.rank-lv5[b-rs0xhuhtuv]  { background-color: #2196F3; }  /* Blue */
.user-rank.rank-lv4[b-rs0xhuhtuv]  { background-color: #03A9F4; }  /* Light Blue */
.user-rank.rank-lv3[b-rs0xhuhtuv]  { background-color: #00BCD4; }  /* Cyan */
.user-rank.rank-lv2[b-rs0xhuhtuv]  { background-color: #009688; }  /* Teal */
.user-rank.rank-lv1[b-rs0xhuhtuv]  { background-color: #4CAF50; }  /* Green */
.user-rank.rank-lv0[b-rs0xhuhtuv]  { background-color: #607D8B; }  /* Blue Grey */

/* ── 特殊角色头衔颜色 ── */
.user-rank.rank-judges[b-rs0xhuhtuv]  { background-color: #0091EA; }  /* 评选者 */
.user-rank.rank-editor[b-rs0xhuhtuv]  { background-color: #4CAF50; }  /* 编辑者 */
.user-rank.rank-verify[b-rs0xhuhtuv]  { background-color: #BF360C; }  /* 已认证 */

/* ── 旧版 Masa Blazor 兼容（自动生成的头衔可能使用 bg-* 类名） ── */
.user-rank.bg-main[b-rs0xhuhtuv]     { background-color: #3976ef; }
.user-rank.bg-primary[b-rs0xhuhtuv]  { background-color: #3976ef; }
.user-rank.bg-success[b-rs0xhuhtuv]  { background-color: #16a34a; }

/* ── 图片徽章 ── */
.cg-rank-badge-img[b-rs0xhuhtuv] {
    height: 1.25rem;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgRankList.razor.rz.scp.css */
.cg-rank-list[b-b667kpfw32] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
    align-items: center;
}

.cg-rank-list--center[b-b667kpfw32] {
    justify-content: center;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgRating.razor.rz.scp.css */
.cg-rating[b-mcfargcybz] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) 0;
}

.cg-rating__label[b-mcfargcybz] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    min-width: 2.5em;
    flex-shrink: 0;
}

.cg-rating__stars[b-mcfargcybz] {
    display: flex;
    gap: 2px;
}

.cg-rating__star[b-mcfargcybz] {
    width: 20px;
    height: 20px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: none;
    position: relative;
    transition: transform var(--cg-transition-fast);
}

.cg-rating__star[b-mcfargcybz]::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background-color: var(--cg-color-border);
    transition: background-color var(--cg-transition-fast);
}

.cg-rating__star--filled[b-mcfargcybz]::before {
    background-color: #f59e0b;
}

.cg-rating__star:not(:disabled):hover[b-mcfargcybz] {
    transform: scale(1.2);
}

.cg-rating__star:not(:disabled):hover[b-mcfargcybz]::before {
    background-color: #fbbf24;
}

.cg-rating__value[b-mcfargcybz] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    min-width: 1.5em;
    text-align: center;
}

.cg-rating--disabled .cg-rating__star[b-mcfargcybz] {
    cursor: default;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgSelect.razor.rz.scp.css */
.cg-select[b-a6o21wd5tz] {
    position: relative;
    width: 100%;
}

.cg-select__trigger[b-a6o21wd5tz] {
    width: 100%;
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 0.4rem 0.7rem;
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text);
    cursor: pointer;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.cg-select__trigger:focus-visible[b-a6o21wd5tz] {
    outline: 2px solid color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
    border-color: var(--cg-color-primary);
}

.cg-select__value[b-a6o21wd5tz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg-select__value--placeholder[b-a6o21wd5tz] {
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
}

.cg-select__arrow[b-a6o21wd5tz] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid currentColor;
    flex-shrink: 0;
    opacity: 0.7;
}

.cg-select__backdrop[b-a6o21wd5tz] {
    position: fixed;
    inset: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    z-index: 1009;
}

.cg-select__menu[b-a6o21wd5tz] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0.25rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    box-shadow: 0 10px 30px color-mix(in oklab, var(--cg-color-text) 12%, transparent);
    max-height: 16rem;
    overflow-y: auto;
    z-index: 1010;
}

.cg-select--dropup .cg-select__menu[b-a6o21wd5tz] {
    top: auto;
    bottom: calc(100% + 0.25rem);
    box-shadow: 0 -10px 30px color-mix(in oklab, var(--cg-color-text) 12%, transparent);
}

.cg-select__option[b-a6o21wd5tz] {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--cg-color-text);
    text-align: left;
    padding: 0.45rem 0.5rem;
    border-radius: var(--cg-radius-sm);
    cursor: pointer;
}

.cg-select__option:hover[b-a6o21wd5tz] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.cg-select__option.is-selected[b-a6o21wd5tz] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 18%, transparent);
    color: var(--cg-color-primary);
}

.cg-select__trigger:disabled[b-a6o21wd5tz] {
    background-color: var(--cg-color-surface-2, color-mix(in oklab, var(--cg-color-surface) 92%, black));
    color: var(--cg-color-text-muted, color-mix(in oklab, var(--cg-color-text) 65%, transparent));
    border-color: var(--cg-color-border-muted, color-mix(in oklab, var(--cg-color-border) 75%, transparent));
    cursor: not-allowed;
    opacity: 0.85;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgSlider.razor.rz.scp.css */
/* ── Container ── */
.cg-slider[b-wgjmu4hiq2] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    width: 100%;
}

.cg-slider--disabled[b-wgjmu4hiq2] {
    opacity: 0.5;
    pointer-events: none;
}

/* ── Label ── */
.cg-slider__label[b-wgjmu4hiq2] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-muted);
    user-select: none;
}

/* ── Track wrapper ── */
.cg-slider__track-wrap[b-wgjmu4hiq2] {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
}

/* Thin background track */
.cg-slider__track-wrap[b-wgjmu4hiq2]::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    border-radius: 3px;
    background: var(--cg-color-border);
    pointer-events: none;
}

/* ── Fill bar ── */
.cg-slider__fill[b-wgjmu4hiq2] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    border-radius: 3px;
    background: var(--cg-color-primary);
    pointer-events: none;
    transition: width 60ms ease-out;
}

/* ── Native range input ── */
.cg-slider__input[b-wgjmu4hiq2] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 24px;
    background: transparent;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 0;
}

/* ── Thumb – WebKit ── */
.cg-slider__input[b-wgjmu4hiq2]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-primary);
    border: 2px solid var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    cursor: pointer;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.cg-slider__input:hover[b-wgjmu4hiq2]::-webkit-slider-thumb {
    transform: scale(1.15);
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.cg-slider__input:active[b-wgjmu4hiq2]::-webkit-slider-thumb {
    transform: scale(1.1);
}

/* ── Thumb – Firefox ── */
.cg-slider__input[b-wgjmu4hiq2]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-primary);
    border: 2px solid var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    cursor: pointer;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.cg-slider__input:hover[b-wgjmu4hiq2]::-moz-range-thumb {
    transform: scale(1.15);
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.cg-slider__input[b-wgjmu4hiq2]::-moz-range-track {
    height: 6px;
    border-radius: 3px;
    background: transparent;
    border: none;
}

/* ── Make native track transparent so fill shows through ── */
.cg-slider__input[b-wgjmu4hiq2]::-webkit-slider-runnable-track {
    background: transparent;
}

/* ── Value badge ── */
.cg-slider__value[b-wgjmu4hiq2] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    padding: 0.15rem 0.5rem;
    border-radius: var(--cg-radius-full);
    width: fit-content;
    align-self: flex-end;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgTable.razor.rz.scp.css */
/* ── 表格容器 ── */
.cg-table-wrap[b-emfigmgvu3] {
    overflow-x: auto;
}

/* ── 表格主体 ── */
[b-emfigmgvu3] .cg-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    font-size: var(--cg-font-size-sm);
}

/* ── 单元格通用 ── */
[b-emfigmgvu3] .cg-table th,
[b-emfigmgvu3] .cg-table td {
       padding: var(--cg-spacing-1) var(--cg-spacing-1);
    text-align: left;
    vertical-align: middle;
}

/* ── 表头 ── */
[b-emfigmgvu3] .cg-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--cg-color-surface);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-secondary);
    white-space: nowrap;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--cg-color-border);
}

/* ── 数据行 ── */
[b-emfigmgvu3] .cg-table tbody tr {
    background: var(--cg-color-surface);
    transition: background-color var(--cg-transition-fast);
    box-shadow: inset 0 -1px 0 var(--cg-color-border);
}

[b-emfigmgvu3] .cg-table tbody tr:last-child {
    box-shadow: none;
}

[b-emfigmgvu3] .cg-table tbody tr:hover {
    background-color: color-mix(in oklab, var(--cg-color-primary) 4%, var(--cg-color-surface));
}

/* ── 首尾单元格圆角 ── */
[b-emfigmgvu3] .cg-table tbody tr td:first-child {
    border-radius: var(--cg-radius-md) 0 0 var(--cg-radius-md);
}

[b-emfigmgvu3] .cg-table tbody tr td:last-child {
    border-radius: 0 var(--cg-radius-md) var(--cg-radius-md) 0;
}

/* ── 操作列（内建） ── */
[b-emfigmgvu3] .cg-actions {
    white-space: nowrap;
    display: flex;
    gap: var(--cg-spacing-1);
    align-items: center;
    height: 100%;
}

/* ── 空状态 ── */
.cg-table-empty[b-emfigmgvu3] {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgTabs.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   CgTabs — 通用 Tab 切换组件
   纯 CSS radio-driven，SSR 友好
   ═══════════════════════════════════════════════ */

/* ── Radio inputs (hidden) ── */
.cg-tabs__radio[b-90n2p8wkva] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

/* ── Tab 栏 ── */
.cg-tabs__bar[b-90n2p8wkva] {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-bottom: var(--cg-spacing-4);
}

.cg-tabs__bar[b-90n2p8wkva]::-webkit-scrollbar {
    display: none;
}

/* ── Tab 项 ── */
.cg-tabs__tab[b-90n2p8wkva] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    font-family: var(--cg-font-family);
    text-decoration: none;
    color: inherit;
    transition: color var(--cg-transition-fast),
                background-color var(--cg-transition-fast),
                box-shadow var(--cg-transition-fast);
}

.cg-tabs__tab[b-90n2p8wkva]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* ── Badge ── */
.cg-tabs__badge[b-90n2p8wkva] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    background-color: var(--cg-color-border);
    color: var(--cg-color-text-secondary);
    padding: 1px 7px;
    border-radius: var(--cg-radius-full);
    line-height: 1.4;
    transition: background-color var(--cg-transition-fast),
                color var(--cg-transition-fast);
}

/* ── Panels: hidden by default ── */
.cg-tabs__panel[b-90n2p8wkva] {
    display: none;
}

/* ── Link mode: active panel always visible ── */
.cg-tabs__panel--active[b-90n2p8wkva] {
    display: block;
}


/* ═══════════════════════════════════════════════
   Variant: pill（药丸填充）
   ═══════════════════════════════════════════════ */
.cg-tabs--pill > .cg-tabs__bar[b-90n2p8wkva] {
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-2);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
}

.cg-tabs--pill .cg-tabs__tab[b-90n2p8wkva] {
    padding: var(--cg-spacing-2) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    background: transparent;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
}

.cg-tabs--pill .cg-tabs__tab:hover[b-90n2p8wkva] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

/* ═══════════════════════════════════════════════
   Variant: underline（底部下划线）
   ═══════════════════════════════════════════════ */
.cg-tabs--underline > .cg-tabs__bar[b-90n2p8wkva] {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    position: relative;
}

.cg-tabs--underline > .cg-tabs__bar[b-90n2p8wkva]::-webkit-scrollbar {
    display: none;
}

.cg-tabs--underline .cg-tabs__tab[b-90n2p8wkva] {
    padding: var(--cg-spacing-3) var(--cg-spacing-5);
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    position: relative;
}

.cg-tabs--underline .cg-tabs__tab[b-90n2p8wkva]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--cg-spacing-5);
    right: var(--cg-spacing-5);
    height: 2px;
    background-color: var(--cg-color-primary);
    border-radius: 1px 1px 0 0;
    transform: scaleX(0);
    transition: transform var(--cg-transition-fast);
}

.cg-tabs--underline .cg-tabs__tab:hover[b-90n2p8wkva] {
    color: var(--cg-color-text-primary);
    background-color: var(--cg-color-hover-overlay);
}

/* ═══════════════════════════════════════════════
   Radio :checked → Active Tab 样式 + Panel 显示
   每条规则用 :nth-of-type 映射 radio ↔ label ↔ panel
   支持最多 10 个 Tab
   ═══════════════════════════════════════════════ */

/* ── Pill variant: active tab styles ── */
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9)[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10)[b-90n2p8wkva] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    box-shadow: var(--cg-shadow-sm);
}

.cg-tabs--pill > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9):hover[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10):hover[b-90n2p8wkva] {
    background-color: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
}

/* ── Underline variant: active tab styles ── */
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9)[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10)[b-90n2p8wkva] {
    color: var(--cg-color-primary);
}

.cg-tabs--underline > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9)[b-90n2p8wkva]::after,
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10)[b-90n2p8wkva]::after {
    transform: scaleX(1);
}

/* ── Underline variant: active badge ── */
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--underline > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10) .cg-tabs__badge[b-90n2p8wkva] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
    color: var(--cg-color-primary);
}

/* ── Pill variant: active badge ── */
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(1) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(2) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(3) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(4) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(5) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(6) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(7) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(8) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(9) .cg-tabs__badge[b-90n2p8wkva],
.cg-tabs--pill > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__bar > .cg-tabs__tab:nth-child(10) .cg-tabs__badge[b-90n2p8wkva] {
    background-color: color-mix(in oklab, var(--cg-color-on-primary) 25%, transparent);
    color: var(--cg-color-on-primary);
}

/* ═══════════════════════════════════════════════
   Panel 显隐（:checked ~ section:nth-of-type）
   section 元素的 nth-of-type 独立于 input 和 nav 计数
   ═══════════════════════════════════════════════ */
.cg-tabs > .cg-tabs__radio:nth-of-type(1):checked ~ .cg-tabs__panel:nth-of-type(1)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(2):checked ~ .cg-tabs__panel:nth-of-type(2)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(3):checked ~ .cg-tabs__panel:nth-of-type(3)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(4):checked ~ .cg-tabs__panel:nth-of-type(4)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(5):checked ~ .cg-tabs__panel:nth-of-type(5)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(6):checked ~ .cg-tabs__panel:nth-of-type(6)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(7):checked ~ .cg-tabs__panel:nth-of-type(7)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(8):checked ~ .cg-tabs__panel:nth-of-type(8)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(9):checked ~ .cg-tabs__panel:nth-of-type(9)[b-90n2p8wkva],
.cg-tabs > .cg-tabs__radio:nth-of-type(10):checked ~ .cg-tabs__panel:nth-of-type(10)[b-90n2p8wkva] {
    display: block;
}

/* ═══════════════════════════════════════════════
   Link mode: class-based active tab styles
   Must come AFTER variant base styles for correct cascade
   ═══════════════════════════════════════════════ */

/* ── Pill variant: link-mode active ── */
.cg-tabs--pill .cg-tabs__tab--active[b-90n2p8wkva] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    box-shadow: var(--cg-shadow-sm);
}

.cg-tabs--pill .cg-tabs__tab--active:hover[b-90n2p8wkva] {
    background-color: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
}

.cg-tabs--pill .cg-tabs__tab--active .cg-tabs__badge[b-90n2p8wkva] {
    background-color: color-mix(in oklab, var(--cg-color-on-primary) 25%, transparent);
    color: var(--cg-color-on-primary);
}

/* ── Underline variant: link-mode active ── */
.cg-tabs--underline .cg-tabs__tab--active[b-90n2p8wkva],
.cg-tabs--underline .cg-tabs__tab--active:hover[b-90n2p8wkva] {
    color: var(--cg-color-primary);
}

.cg-tabs--underline .cg-tabs__tab--active[b-90n2p8wkva]::after {
    transform: scaleX(1);
}

.cg-tabs--underline .cg-tabs__tab--active .cg-tabs__badge[b-90n2p8wkva] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
    color: var(--cg-color-primary);
}

/* ═══════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════ */
@media (max-width: 768px) {
    .cg-tabs--pill > .cg-tabs__bar[b-90n2p8wkva] {
        padding: var(--cg-spacing-1);
        gap: 2px;
    }

    .cg-tabs--pill .cg-tabs__tab[b-90n2p8wkva] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
    }

    .cg-tabs--underline .cg-tabs__tab[b-90n2p8wkva] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
    }

    .cg-tabs--underline .cg-tabs__tab[b-90n2p8wkva]::after {
        left: var(--cg-spacing-3);
        right: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgTextarea.razor.rz.scp.css */
.cg-textarea[b-1dvq9gg99w] {
    padding: var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-sm);
    background-color: var(--cg-color-surface);
    color: var(--cg-color-text-primary);
    font-family: inherit;
    font-size: var(--cg-font-size-sm);
    transition: border-color var(--cg-transition-fast);
    resize: vertical;
    width: 100%;
    box-sizing: border-box;
    min-height: 72px;
    line-height: 1.6;
}

.cg-textarea:focus[b-1dvq9gg99w] {
    border-color: var(--cg-color-primary);
    outline: 2px solid var(--cg-color-focus-ring);
}

.cg-textarea--mono[b-1dvq9gg99w] {
    font-family: monospace;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgToast.razor.rz.scp.css */
/* ── Toast container (stacks from bottom-right) ── */
.cg-toast-container[b-zzafnlm120] {
    position: fixed;
    bottom: var(--cg-spacing-6);
    right: var(--cg-spacing-6);
    z-index: 9999;
    max-width: 400px;
    width: calc(100% - var(--cg-spacing-8));

    display: flex;
    flex-direction: column-reverse;
    gap: var(--cg-spacing-3);
    pointer-events: none;
}

/* ── Individual toast ── */
.cg-toast[b-zzafnlm120] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);

    background: var(--cg-color-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-lg), 0 0 0 1px rgba(0, 0, 0, 0.03);

    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    animation: cg-toast-slide-in-b-zzafnlm120 0.35s ease-out;
    pointer-events: auto;
}

/* ── Exit animation ── */
.cg-toast--exit[b-zzafnlm120] {
    animation: cg-toast-slide-out-b-zzafnlm120 0.3s ease-in forwards;
}

/* ── Icon ── */
[b-zzafnlm120] .cg-toast__icon {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
}

/* ── Content ── */
.cg-toast__content[b-zzafnlm120] {
    flex: 1;
    min-width: 0;
}

.cg-toast__title[b-zzafnlm120] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

.cg-toast__detail[b-zzafnlm120] {
    margin: 0.15rem 0 0;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    line-height: 1.4;
}

/* ── Variant icon colors ── */
.cg-toast--info[b-zzafnlm120]  .cg-toast__icon {
    color: var(--cg-color-primary);
}

.cg-toast--success[b-zzafnlm120]  .cg-toast__icon {
    color: var(--cg-color-success);
}

.cg-toast--warning[b-zzafnlm120]  .cg-toast__icon {
    color: var(--cg-color-warning);
}

.cg-toast--error[b-zzafnlm120]  .cg-toast__icon {
    color: var(--cg-color-error);
}

/* ── Variant left accent ── */
.cg-toast--info[b-zzafnlm120] {
    border-left: 3px solid var(--cg-color-primary);
}

.cg-toast--success[b-zzafnlm120] {
    border-left: 3px solid var(--cg-color-success);
}

.cg-toast--warning[b-zzafnlm120] {
    border-left: 3px solid var(--cg-color-warning);
}

.cg-toast--error[b-zzafnlm120] {
    border-left: 3px solid var(--cg-color-error);
}

/* ── Slide-in animation (from bottom) ── */
@keyframes cg-toast-slide-in-b-zzafnlm120 {
    from {
        opacity: 0;
        transform: translateY(-1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Slide-out animation ── */
@keyframes cg-toast-slide-out-b-zzafnlm120 {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

/* ── Mobile responsive ── */
@media (max-width: 480px) {
    .cg-toast-container[b-zzafnlm120] {
        right: var(--cg-spacing-3);
        bottom: var(--cg-spacing-3);
        max-width: none;
        width: calc(100% - var(--cg-spacing-6));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/DesignSystem/CgTreeView.razor.rz.scp.css */
/* ── CgTreeView ── */

.cg-tree[b-rxo4l3nbf4],
.cg-tree__children[b-rxo4l3nbf4] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ── 单行 ── */
.cg-tree__row[b-rxo4l3nbf4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: var(--cg-spacing-2);
    border-radius: var(--cg-radius-sm);
    cursor: default;
    transition: background var(--cg-transition-fast);
    user-select: none;
}

.cg-tree__row:hover[b-rxo4l3nbf4] {
    background: var(--cg-color-hover-overlay);
}

.cg-tree__row--selected[b-rxo4l3nbf4] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
}

/* ── 展开/折叠 ── */
.cg-tree__toggle[b-rxo4l3nbf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    padding: 0;
    transition: transform var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-tree__toggle:hover[b-rxo4l3nbf4] {
    color: var(--cg-color-text);
    background: var(--cg-color-hover-overlay);
}

.cg-tree__toggle--open[b-rxo4l3nbf4] {
    transform: rotate(90deg);
}

[b-rxo4l3nbf4] .cg-tree__toggle .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.cg-tree__toggle-placeholder[b-rxo4l3nbf4] {
    display: inline-block;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}

/* ── 图标 ── */
[b-rxo4l3nbf4] .cg-tree__icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

/* ── 文本 ── */
.cg-tree__text[b-rxo4l3nbf4] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    cursor: pointer;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── checkbox 对齐 ── */
[b-rxo4l3nbf4] .cg-tree__row .cg-checkbox {
    flex-shrink: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Admin/AdminStatCard.razor.rz.scp.css */
.admin-stat-card[b-k1dxvsyrfn] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-5);
    background: var(--cg-color-surface);
    border: 1px solid transparent;
    box-shadow: var(--cg-shadow-sm);
    border-radius: var(--cg-radius-lg);
    transition: all var(--cg-transition-normal);
}

.admin-stat-card:hover[b-k1dxvsyrfn] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-4px);
}

.admin-stat-card__icon[b-k1dxvsyrfn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--cg-radius-md);
    background: color-mix(in srgb, var(--_accent) 12%, transparent);
    color: var(--_accent);
    flex-shrink: 0;
}

.admin-stat-card__icon[b-k1dxvsyrfn]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
}

.admin-stat-card__body[b-k1dxvsyrfn] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    min-width: 0;
}

.admin-stat-card__label[b-k1dxvsyrfn] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

.admin-stat-card__value[b-k1dxvsyrfn] {
    font-size: clamp(var(--cg-font-size-md), 4vw, var(--cg-font-size-lg));
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Admin/AdminToolCard.razor.rz.scp.css */
.admin-tool-card[b-p9fyeyri1b] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-5);
    background: var(--cg-color-surface);
    border: 1px solid transparent;
    box-shadow: var(--cg-shadow-sm);
    border-radius: var(--cg-radius-lg);
    transition: all var(--cg-transition-normal);
}

.admin-tool-card:hover[b-p9fyeyri1b] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-4px);
}

.admin-tool-card__header[b-p9fyeyri1b] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.admin-tool-card__header[b-p9fyeyri1b]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.admin-tool-card__title[b-p9fyeyri1b] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

.admin-tool-card__desc[b-p9fyeyri1b] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    line-height: 1.5;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Detail/ArticleAuthor.razor.rz.scp.css */
.article-author[b-8jsetk61e9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.article-author-link[b-8jsetk61e9] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    text-decoration: none;
    color: var(--cg-color-text);
    transition: var(--cg-transition-fast);
}

.article-author-link:hover[b-8jsetk61e9] {
    color: var(--cg-color-primary);
}

.article-author-avatar[b-8jsetk61e9] {
    width: 44px;
    height: 44px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--cg-color-border);
}

.article-author-avatar--placeholder[b-8jsetk61e9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text-muted);
}

.article-author-name[b-8jsetk61e9] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
}

.article-author-original[b-8jsetk61e9] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    flex-wrap: wrap;
}

.article-author-original a[b-8jsetk61e9] {
    color: var(--cg-color-link);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: var(--cg-spacing-1) 0;
}

.article-author-original a:hover[b-8jsetk61e9] {
    text-decoration: underline;
}

[b-8jsetk61e9] .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

@media (min-width: 768px) {
    .article-author-avatar[b-8jsetk61e9] {
        width: 48px;
        height: 48px;
    }

    .article-author-name[b-8jsetk61e9] {
        font-size: var(--cg-font-size-base);
    }

    .article-author-original[b-8jsetk61e9] {
        font-size: var(--cg-font-size-sm);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Detail/ArticleHero.razor.rz.scp.css */
.article-hero[b-mlqki2p6cg] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

.article-hero-image-wrapper[b-mlqki2p6cg] {
    width: 100%;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background-color: var(--cg-color-section-bg);
}

.article-hero-image[b-mlqki2p6cg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-hero-text[b-mlqki2p6cg] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    align-items: flex-start;
}

.article-hero-type[b-mlqki2p6cg] {
    display: inline-block;
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    padding: 0.125rem 0.6rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.article-hero-text h1[b-mlqki2p6cg] {
    margin: 0;
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    line-height: 1.3;
}

.article-hero-intro[b-mlqki2p6cg] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    line-height: 1.6;
    white-space: pre-wrap;
}

/* ── 编辑按钮 ── */
.article-hero-actions[b-mlqki2p6cg] {
    display: flex;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-2);
}

.article-edit-btn[b-mlqki2p6cg] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    min-height: 44px;
    padding: 0 var(--cg-spacing-6);
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.article-edit-btn:hover[b-mlqki2p6cg] {
    background: var(--cg-color-primary-hover);
}

.article-edit-btn--login[b-mlqki2p6cg] {
    background: transparent;
    color: var(--cg-color-primary);
    border: 1px solid var(--cg-color-primary);
}

.article-edit-btn--login:hover[b-mlqki2p6cg] {
    background: var(--cg-color-hover-overlay);
}

@media (min-width: 768px) {
    .article-hero-image-wrapper[b-mlqki2p6cg] {
        border-radius: var(--cg-radius-xl);
        aspect-ratio: 21 / 9;
    }

    .article-hero-type[b-mlqki2p6cg] {
        padding: 0.25rem 0.75rem;
    }

    .article-hero-text h1[b-mlqki2p6cg] {
        font-size: var(--cg-font-size-2xl); /* larger on desktop */
    }

    .article-hero-intro[b-mlqki2p6cg] {
        font-size: var(--cg-font-size-base);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Detail/ArticleMeta.razor.rz.scp.css */
.article-meta[b-bim8vqci0h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cg-spacing-2) var(--cg-spacing-3);
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.article-meta-item[b-bim8vqci0h] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

[b-bim8vqci0h] .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

@media (min-width: 768px) {
    .article-meta[b-bim8vqci0h] {
        gap: var(--cg-spacing-4);
    }

    .article-meta-item[b-bim8vqci0h] {
        font-size: var(--cg-font-size-sm);
    }

    [b-bim8vqci0h] .cg-mdi-icon {
        width: 16px;
        height: 16px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Editor/ArticleEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.article-edit-sidebar[b-b1tzfd25sr] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

/* 自定义滚动条 */
.article-edit-sidebar[b-b1tzfd25sr]::-webkit-scrollbar {
    width: 4px;
}

.article-edit-sidebar[b-b1tzfd25sr]::-webkit-scrollbar-track {
    background: transparent;
}

.article-edit-sidebar[b-b1tzfd25sr]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.article-edit-sidebar[b-b1tzfd25sr]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 统一提示卡片基础样式 ── */
.article-edit-sidebar__card[b-b1tzfd25sr] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.article-edit-sidebar__card[b-b1tzfd25sr]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.article-edit-sidebar__card h3[b-b1tzfd25sr] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.article-edit-sidebar__card p[b-b1tzfd25sr] {
    font-size: 0.625rem;
    margin: 0;
}

.article-edit-sidebar__card span[b-b1tzfd25sr] {
    flex: 1;
}

/* ── primary 变体（编辑/创建模式） ── */
.article-edit-sidebar__card--primary[b-b1tzfd25sr] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.article-edit-sidebar__card--primary[b-b1tzfd25sr]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.article-edit-sidebar__card--primary h3[b-b1tzfd25sr] {
    color: var(--cg-color-primary);
}

.article-edit-sidebar__card--primary p[b-b1tzfd25sr] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体（草稿恢复） ── */
.article-edit-sidebar__card--warning[b-b1tzfd25sr] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.article-edit-sidebar__card--warning[b-b1tzfd25sr]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

/* ── 卡片内操作按钮 ── */
.article-edit-sidebar__card-action[b-b1tzfd25sr] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.article-edit-sidebar__card-action:hover[b-b1tzfd25sr] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.article-edit-sidebar__nav[b-b1tzfd25sr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.article-edit-nav-item[b-b1tzfd25sr] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.article-edit-nav-item:hover[b-b1tzfd25sr] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.article-edit-nav-item--active[b-b1tzfd25sr] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.article-edit-nav-item--active:hover[b-b1tzfd25sr] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.article-edit-nav-item[b-b1tzfd25sr]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.article-edit-nav-item--active[b-b1tzfd25sr]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.article-edit-sidebar__actions[b-b1tzfd25sr] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.article-edit-sidebar__actions[b-b1tzfd25sr]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.article-edit-sidebar__actions[b-b1tzfd25sr]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.article-edit-sidebar__actions[b-b1tzfd25sr]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-b1tzfd25sr] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-b1tzfd25sr 1s linear infinite;
}

@keyframes cg-spin-b-b1tzfd25sr {
    to { transform: rotate(360deg); }
}

/* ── 响应式：窄屏折叠 ── */
@media (max-width: 1024px) {
    .article-edit-sidebar[b-b1tzfd25sr] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .article-edit-sidebar__card[b-b1tzfd25sr] {
        margin-bottom: var(--cg-spacing-2);
    }

    .article-edit-sidebar__nav[b-b1tzfd25sr] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .article-edit-nav-item[b-b1tzfd25sr] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .article-edit-sidebar__actions[b-b1tzfd25sr] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Editor/ArticleMainEditor.razor.rz.scp.css */
/* ArticleMainEditor 独有样式 */

/* ── 类型选择器：自适应网格 ── */
.article-type-selector[b-mmh0b6fukl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--cg-spacing-3);
}

.article-type-btn[b-mmh0b6fukl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4) var(--cg-spacing-2);
    border: 2px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    font-family: var(--cg-font-family);
    user-select: none;
}

.article-type-btn:hover[b-mmh0b6fukl] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 6%, var(--cg-color-surface));
}

.article-type-btn:focus-visible[b-mmh0b6fukl] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.article-type-btn.active[b-mmh0b6fukl] {
    border-color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 12%, var(--cg-color-surface));
    color: var(--cg-color-primary);
}

.article-type-btn[b-mmh0b6fukl]  .cg-mdi-icon {
    width: 36px;
    height: 36px;
}

/* 小屏幕时折叠为两列 */
@media (max-width: 600px) {
    .article-type-selector[b-mmh0b6fukl] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Editor/ArticleMainPageEditor.razor.rz.scp.css */
/* ArticleMainPageEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Editor/ArticleRelevancesEditor.razor.rz.scp.css */
/* ArticleRelevancesEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Article/Editor/ArticleSupplementaryEditor.razor.rz.scp.css */
/* ArticleSupplementaryEditor scoped styles */
/* This component currently inherits layout styles from the parent editor section. */
/* Add component-specific styles here as needed. */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentClosedTip.razor.rz.scp.css */
.comment-closed[b-q6644lff1h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
}

.comment-closed[b-q6644lff1h]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.comment-closed__text[b-q6644lff1h] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-medium);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentInteractive.razor.rz.scp.css */
.comment-interactive[b-k4qt9biqrv] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.comment-interactive__loading[b-k4qt9biqrv] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-6);
}

.comment-interactive__error[b-k4qt9biqrv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-6);
    color: var(--cg-color-text-muted);
}

.comment-interactive__error p[b-k4qt9biqrv] {
    margin: 0;
}

.comment-interactive__action-row[b-k4qt9biqrv] {
    display: flex;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: var(--cg-spacing-1);
}

.comment-interactive__inline-reply[b-k4qt9biqrv] {
    margin-top: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-2);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentItem.razor.rz.scp.css */
.comment-item[b-2432ucg2nd] {
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    transition: box-shadow var(--cg-transition-fast);
}

.comment-item:hover[b-2432ucg2nd] {
    box-shadow: var(--cg-shadow-sm);
}

.comment-item--child[b-2432ucg2nd] {
    background: transparent;
    border-color: transparent;
    padding: 0;
    margin-top: var(--cg-spacing-3);
}

.comment-item--child:hover[b-2432ucg2nd] {
    box-shadow: none;
}

.comment-item__header[b-2432ucg2nd] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-3);
}

.comment-item__avatar-link[b-2432ucg2nd] {
    flex-shrink: 0;
    text-decoration: none;
}

.comment-item__avatar[b-2432ucg2nd] {
    width: 40px;
    height: 40px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    background: var(--cg-color-section-bg);
}

.comment-item__avatar--placeholder[b-2432ucg2nd] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.comment-item__avatar--placeholder[b-2432ucg2nd]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

.comment-item--child .comment-item__avatar[b-2432ucg2nd] {

}

.comment-item--child .comment-item__avatar--placeholder[b-2432ucg2nd]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.comment-item__meta[b-2432ucg2nd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.comment-item__author-container[b-2432ucg2nd]{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.comment-item__author[b-2432ucg2nd] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-1);
}

.comment-item__author:hover[b-2432ucg2nd] {
    color: var(--cg-color-primary);
}

.comment-item__reply-arrow[b-2432ucg2nd] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
}

.comment-item__time[b-2432ucg2nd] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.comment-item__body[b-2432ucg2nd] {
    font-size: var(--cg-font-size-sm);
    line-height: 1.6;
    color: var(--cg-color-text);
    word-break: break-word;
}

.comment-item__body[b-2432ucg2nd]  img {
    max-width: 100%;
    border-radius: var(--cg-radius-md);
}


.comment-item__children[b-2432ucg2nd] {
    margin-top: var(--cg-spacing-3);
    margin-left: 17px; /* Align with center of 36px avatar (18px - 1px border width) */
    padding-left: var(--cg-spacing-4);
    border-left: 2px solid var(--cg-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.comment-item__children--flat[b-2432ucg2nd] {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

@media (max-width: 640px) {
    .comment-item[b-2432ucg2nd] {
        padding: var(--cg-spacing-3);
    }

    .comment-item__children[b-2432ucg2nd] {
        margin-left: var(--cg-spacing-3);
    }

    .comment-item__avatar[b-2432ucg2nd] {
        width: 30px;
        height: 30px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentList.razor.rz.scp.css */
.comment-list[b-24e7mkz4jb] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.comment-list__empty[b-24e7mkz4jb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
}

.comment-list__empty[b-24e7mkz4jb]  .cg-mdi-icon {
    width: 40px;
    height: 40px;
    opacity: 0.4;
}

.comment-list__empty p[b-24e7mkz4jb] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
}

.comment-list__pagination[b-24e7mkz4jb] {
    display: flex;
    justify-content: center;
    gap: var(--cg-spacing-1);
    margin-top: var(--cg-spacing-4);
    flex-wrap: wrap;
}

/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentReplyForm.razor.rz.scp.css */
.comment-reply-form[b-e3ec02tm84] {
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
}

.comment-reply-form--child[b-e3ec02tm84] {
    background: transparent;
    border-color: transparent;
    padding: 0;
    margin-top: var(--cg-spacing-3);
}

.comment-reply-form__actions[b-e3ec02tm84] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-3);
    align-items: center;
}

@media (max-width: 640px) {
    .comment-reply-form[b-e3ec02tm84] {
        padding: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Comment/CommentSection.razor.rz.scp.css */
/* 与 EntryCard 标题样式保持一致，但不包含卡片容器 */
.comment-section[b-rbisq25dwe] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.comment-section > h2[b-rbisq25dwe] {
    margin: 0 0 1.25rem;
    font-size: 1.15rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--cg-color-text);
}

.comment-section > h2[b-rbisq25dwe]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
}

.comment-section__count[b-rbisq25dwe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
}

.comment-section__login-prompt[b-rbisq25dwe] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4);
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-lg);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.comment-section__login-prompt[b-rbisq25dwe]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    opacity: 0.6;
}

.comment-section__login-btn[b-rbisq25dwe] {
    margin-left: auto;
}

@media (max-width: 640px) {
    .comment-section__login-prompt[b-rbisq25dwe] {
        flex-wrap: wrap;
    }

    .comment-section__login-btn[b-rbisq25dwe] {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Commodities/CommodityCodeRedeem.razor.rz.scp.css */
/* ── CommodityCodeRedeem ── */
.commodity-code-redeem[b-qnde60hr8m] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
    background: var(--cg-color-surface);
    padding: var(--cg-spacing-5);
    border-radius: var(--cg-radius-xl);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    margin-top: var(--cg-spacing-4);
}

.commodity-code-redeem__form[b-qnde60hr8m] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.commodity-code-redeem__form-title[b-qnde60hr8m] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
}

.commodity-code-redeem__input-group[b-qnde60hr8m] {
    display: flex;
    gap: var(--cg-spacing-3);
    align-items: stretch;
}

.commodity-code-redeem__input-group[b-qnde60hr8m]  .cg-input {
    flex: 1;
}

@media (max-width: 640px) {
    .commodity-code-redeem__input-group[b-qnde60hr8m] {
        flex-direction: column;
    }
    .commodity-code-redeem__input-group[b-qnde60hr8m]  .cg-btn {
        width: 100%;
        justify-content: center;
    }
}

.commodity-code-redeem__promo[b-qnde60hr8m] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    padding-top: var(--cg-spacing-4);
    border-top: 1px dashed var(--cg-color-border);
}

.commodity-code-redeem__promo-header[b-qnde60hr8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commodity-code-redeem__promo-title[b-qnde60hr8m] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-primary);
}

.commodity-code-redeem__promo-title[b-qnde60hr8m]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.commodity-code-redeem__promo-link-text[b-qnde60hr8m] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
}

.commodity-code-redeem__promo-link-text:hover[b-qnde60hr8m] {
    color: var(--cg-color-primary-hover);
    text-decoration: none;
}

.commodity-code-redeem__promo-image-link[b-qnde60hr8m] {
    display: block;
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.commodity-code-redeem__promo-image-link:hover[b-qnde60hr8m] {
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-md);
}

.commodity-code-redeem__promo-image[b-qnde60hr8m] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Commodities/CommodityGCoinsRecord.razor.rz.scp.css */
/* ── CommodityGCoinsRecord ── */
.commodity-gcoins-record[b-86y1e9rg39] {

}

.commodity-gcoins-record__title[b-86y1e9rg39] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
}

.commodity-gcoins-record__count--increase[b-86y1e9rg39] {
    color: var(--cg-color-success);
    font-weight: var(--cg-font-weight-bold);
}

.commodity-gcoins-record__count--decrease[b-86y1e9rg39] {
    color: var(--cg-color-error);
    font-weight: var(--cg-font-weight-bold);
}

.commodity-gcoins-record__count--zero[b-86y1e9rg39] {
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Commodities/CommodityItemCard.razor.rz.scp.css */
/* ── CommodityItemCard ── */
.commodity-item-card[b-n3sr72gthl] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    overflow: hidden;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
    height: 100%;
}

.commodity-item-card:hover[b-n3sr72gthl] {
   }


.commodity-item-card__image-wrapper[b-n3sr72gthl] {
    position: relative;
    width: 100%;

    overflow: hidden;
}

.commodity-item-card__image[b-n3sr72gthl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.commodity-item-card:hover .commodity-item-card__image[b-n3sr72gthl] {
    transform: scale(1.05);
}

.commodity-item-card__image-wrapper--broken[b-n3sr72gthl] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.commodity-item-card__image-wrapper--broken[b-n3sr72gthl]::after {
    content: '图片缺失';
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.commodity-item-card__body[b-n3sr72gthl] {
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    flex: 1;
}

.commodity-item-card__name[b-n3sr72gthl] {
    margin: 0 0 var(--cg-spacing-2);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
    line-height: 1.4;
}

.commodity-item-card__intro[b-n3sr72gthl] {
    margin: 0 0 var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    line-height: 1.5;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.commodity-item-card__footer[b-n3sr72gthl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

.commodity-item-card__price[b-n3sr72gthl] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-bold);
}

.commodity-item-card__gcoin-icon[b-n3sr72gthl]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.commodity-item-card__price-value[b-n3sr72gthl] {
    font-size: var(--cg-font-size-lg);
}

.commodity-item-card__price-label[b-n3sr72gthl] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
}

.commodity-item-card__action[b-n3sr72gthl]{
    display: flex;
    color: var(--cg-color-primary);
    gap: .5rem;
    align-items: center;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Commodities/CommodityKanbanCard.razor.rz.scp.css */
/* ── CommodityKanbanCard ── */
.commodity-kanban-card[b-smln2i9lax] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-xl);
    border: 1px solid var(--cg-color-border);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
}

.commodity-kanban-card__image-wrapper[b-smln2i9lax] {
    position: relative;
    width: 100%;

    overflow: hidden;
}

.commodity-kanban-card__image[b-smln2i9lax] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.commodity-kanban-card__body[b-smln2i9lax] {
    padding: var(--cg-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);    text-align: center;
}

.commodity-kanban-card__title[b-smln2i9lax] {
    margin: 0;
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
}

.commodity-kanban-card__welcome[b-smln2i9lax] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    line-height: 1.6;
}

.commodity-kanban-card__balance[b-smln2i9lax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
}

.commodity-kanban-card__balance-left[b-smln2i9lax] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text-primary);
}

 [b-smln2i9lax] .commodity-kanban-card__gcoin-icon{
    color: var(--cg-color-primary);
    width: 1.5rem;
    height: 1.5rem;
}

.commodity-kanban-card__balance-label[b-smln2i9lax] {
    font-weight: var(--cg-font-weight-medium);
}

.commodity-kanban-card__balance-value[b-smln2i9lax] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    font-variant-numeric: tabular-nums;
}

.commodity-kanban-card__actions[b-smln2i9lax] {

}

.commodity-kanban-card__actions[b-smln2i9lax]  .cg-btn {

}

.commodity-kanban-card__alert[b-smln2i9lax] {
    margin-top: var(--cg-spacing-2);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/BirthdayRoleChip.razor.rz.scp.css */
.birthday-role-chip[b-vtilvahzvf] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem 0.2rem 0.2rem;
    text-decoration: none;
    color: inherit;
    border-radius: var(--cg-radius-full);
    background-color: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 18%, transparent);
    transition: background-color var(--cg-transition-fast), border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
    max-width: 100%;
}

.birthday-role-chip:hover[b-vtilvahzvf] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 16%, transparent);
    border-color: var(--cg-color-primary);
    box-shadow: 0 1px 4px color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.birthday-role-chip img[b-vtilvahzvf] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.birthday-role-chip-fallback[b-vtilvahzvf] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: var(--cg-color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--cg-color-text-muted);
}

[b-vtilvahzvf] .birthday-role-chip-fallback .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.birthday-role-chip-name[b-vtilvahzvf] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.birthday-role-chip:hover .birthday-role-chip-name[b-vtilvahzvf] {
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryAtmosphere.razor.rz.scp.css */
.entry-atmosphere[b-pz88n5sf2j] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.entry-atmosphere-bg[b-pz88n5sf2j] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.14;
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

.entry-atmosphere-bg--small[b-pz88n5sf2j] {
    display: none;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryAudioList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryAudioList — mobile-first
   ═══════════════════════════════════════════════ */
.cg-audio-playlist[b-huvjnhywa2] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cg-audio-header[b-huvjnhywa2] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.cg-audio-thumbnail[b-huvjnhywa2] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--cg-radius-md);
    object-fit: cover;
    box-shadow: var(--cg-shadow-sm);
    flex-shrink: 0;
}

.cg-audio-title-wrapper[b-huvjnhywa2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    height: 100%;
}

.cg-audio-header:has(> .cg-audio-thumbnail[style*="none"])[b-huvjnhywa2] {
    align-items: center;
}

.cg-audio-title-bar[b-huvjnhywa2] {
    width: 3px;
    height: 1rem;
    background-color: var(--cg-color-primary, #b71c1c);
    border-radius: var(--cg-radius-full);
    flex-shrink: 0;
}

.cg-audio-title-text[b-huvjnhywa2] {
    font-size: 0.95rem;
    font-weight: var(--cg-font-weight-bold, 700);
    color: var(--cg-color-text-primary, var(--cg-color-text));
    margin: 0;
    line-height: 1;
}

.cg-audio-tracks[b-huvjnhywa2] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    margin-bottom: 0.4rem;
}

.cg-audio-item[b-huvjnhywa2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 0.4rem;
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast);
    gap: 0.6rem;
    min-height: 44px;
}

.cg-audio-item:hover[b-huvjnhywa2], .cg-audio-item.active[b-huvjnhywa2] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
}

.cg-audio-item-icon[b-huvjnhywa2] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text);
}

.cg-audio-item:hover .cg-audio-item-icon[b-huvjnhywa2], .cg-audio-item.active .cg-audio-item-icon[b-huvjnhywa2] {
    color: var(--cg-color-primary);
}

.cg-audio-item-icon[b-huvjnhywa2]  .cg-mdi-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.cg-audio-item-name[b-huvjnhywa2] {
    flex-grow: 1;
    font-size: 0.8rem;
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-medium, 500);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cg-audio-item:hover .cg-audio-item-name[b-huvjnhywa2], .cg-audio-item.active .cg-audio-item-name[b-huvjnhywa2] {
    color: var(--cg-color-primary);
}

.cg-audio-item-duration[b-huvjnhywa2] {
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
    font-family: monospace;
    flex-shrink: 0;
}

.cg-audio-player-wrapper[b-huvjnhywa2] {
    margin-top: 0.4rem;
    overflow: hidden;
    background: color-mix(in oklab, var(--cg-color-surface) 95%, black);
    border-radius: var(--cg-radius-full);
}

.cg-audio-player[b-huvjnhywa2] {
    width: 100%;
    display: block;
    outline: none;
    height: 36px;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .cg-audio-header[b-huvjnhywa2] {
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .cg-audio-thumbnail[b-huvjnhywa2] {
        width: 6.25rem;
        height: 6.25rem;
        border-radius: var(--cg-radius-lg);
    }

    .cg-audio-title-wrapper[b-huvjnhywa2] {
        gap: 0.5rem;
    }

    .cg-audio-title-bar[b-huvjnhywa2] {
        width: 4px;
        height: 1.2rem;
    }

    .cg-audio-title-text[b-huvjnhywa2] {
        font-size: 1.1rem;
    }

    .cg-audio-item[b-huvjnhywa2] {
        padding: 0.6rem 0.5rem;
        gap: 0.75rem;
    }

    .cg-audio-item-icon[b-huvjnhywa2]  .cg-mdi-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .cg-audio-item-name[b-huvjnhywa2] {
        font-size: 0.9rem;
    }

    .cg-audio-item-duration[b-huvjnhywa2] {
        font-size: 0.85rem;
    }

    .cg-audio-player[b-huvjnhywa2] {
        height: 40px;
    }

    .cg-audio-tracks[b-huvjnhywa2] {
        margin-bottom: 0.5rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryBookingCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryBookingCard — mobile-first
   ═══════════════════════════════════════════════ */
.entry-card[b-7vhhz1p76k] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 1rem;
}

.entry-card > h2[b-7vhhz1p76k] {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cg-color-text);
}

.entry-card > h2[b-7vhhz1p76k]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
}

.entry-booking-count[b-7vhhz1p76k] {
    margin-bottom: 0.75rem !important;
    font-weight: 600;
    color: var(--cg-color-text) !important;
    font-size: 0.85rem;
}

.entry-goal-list[b-7vhhz1p76k] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-goal[b-7vhhz1p76k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    background: color-mix(in oklab, var(--cg-color-bg) 50%, transparent);
    min-height: 40px;
}

.entry-goal--done[b-7vhhz1p76k] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.entry-goal--done strong[b-7vhhz1p76k] {
    color: #166534;
}

.entry-booking-status[b-7vhhz1p76k] {
    margin-top: 0.75rem !important;
    font-size: 0.8rem;
    font-weight: 700;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-card[b-7vhhz1p76k] {
        padding: 1.5rem;
        border-radius: var(--cg-radius-xl);
    }

    .entry-card > h2[b-7vhhz1p76k] {
        margin: 0 0 1.25rem;
        font-size: 1.15rem;
    }

    .entry-card > h2[b-7vhhz1p76k]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .entry-booking-count[b-7vhhz1p76k] {
        margin-bottom: 1rem !important;
    }

    .entry-goal-list[b-7vhhz1p76k] {
        gap: 0.6rem;
    }

    .entry-goal[b-7vhhz1p76k] {
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }

    .entry-booking-status[b-7vhhz1p76k] {
        margin-top: 1rem !important;
        font-size: 0.85rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryCard — mobile-first
   ═══════════════════════════════════════════════ */
.entry-card[b-k469kcinsq] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 1rem;
}

.entry-card > h2[b-k469kcinsq] {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cg-color-text);
}

.entry-card > h2[b-k469kcinsq]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.entry-card > p[b-k469kcinsq] {
    margin: 0 0 0.85rem 0;
    color: var(--cg-color-text-muted);
    line-height: 1.6;
    font-size: 0.85rem;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-card[b-k469kcinsq] {
        padding: 1.5rem;
        border-radius: var(--cg-radius-xl);
    }

    .entry-card > h2[b-k469kcinsq] {
        margin: 0 0 1.25rem;
        font-size: 1.15rem;
        gap: 1rem;
    }

    .entry-card > h2[b-k469kcinsq]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .entry-card > p[b-k469kcinsq] {
        margin: 0 0 1rem 0;
        font-size: 0.9rem;
        line-height: 1.7;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryCardItem.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryCardItem — mobile-first
   ═══════════════════════════════════════════════ */
.entry-card-item[b-8d8iufq78b] {
    display: flex;
    flex-direction: column;
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    overflow: hidden;
    text-decoration: none;
    color: var(--cg-color-text);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    box-shadow: var(--cg-shadow-sm);
    transition: all var(--cg-transition-normal);
    height: 100%;
    position: relative;
}

.entry-card-item:hover[b-8d8iufq78b] {
    transform: translateY(-4px);
    box-shadow: var(--cg-shadow-card-hover, 0 12px 24px -6px rgba(0, 0, 0, 0.1));
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
}

.entry-card-item-image[b-8d8iufq78b] {
    width: 100%;
    aspect-ratio: 460 / 215;
    background-color: var(--cg-color-bg);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.entry-card-item-image[b-8d8iufq78b]::after {
    /* Subtle inner shadow for depth */
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.15) 100%);
    pointer-events: none;
    z-index: 1;
    transition: opacity var(--cg-transition-normal);
}

.entry-card-item:hover .entry-card-item-image[b-8d8iufq78b]::after {
    opacity: 0.5;
}

.entry-card-item-image img.main-img[b-8d8iufq78b] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
    z-index: 1;
}

.entry-card-item:hover .entry-card-item-image img.main-img[b-8d8iufq78b] {
    transform: scale(1.05) translateZ(0);
}

/* --- Square Cover Variant (Role/Staff) --- */
.entry-card-item-image.is-square img.bg-blur[b-8d8iufq78b] {
    position: absolute;
    inset: -10%;
    width: 120%;
    height: 120%;
    object-fit: cover;
    filter: blur(12px) brightness(0.85);
    z-index: 0;
    transition: transform var(--cg-transition-normal), filter var(--cg-transition-normal);
    pointer-events: none;
}

.entry-card-item:hover .entry-card-item-image.is-square img.bg-blur[b-8d8iufq78b] {
    transform: scale(1.05);
    filter: blur(16px) brightness(0.75);
}

.entry-card-item-image.is-square img.main-img[b-8d8iufq78b] {
    width: auto;
    height: calc(100% - 1rem);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--cg-radius-full);
    box-shadow: var(--cg-shadow-md);
    background-color: var(--cg-color-surface);
    position: relative;
    z-index: 1;
}

.entry-card-item:hover .entry-card-item-image.is-square img.main-img[b-8d8iufq78b] {
    transform: scale(1.08) translateZ(0);
}

/* 覆盖图标 */
.entry-card-item-icon[b-8d8iufq78b] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.1);
    transition: background var(--cg-transition-normal);
}

.entry-card-item:hover .entry-card-item-icon[b-8d8iufq78b] {
    background: rgba(0, 0, 0, 0.25);
}

.entry-card-item-icon[b-8d8iufq78b]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
    color: white;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5));
    transition: transform var(--cg-transition-normal) cubic-bezier(0.2, 0.8, 0.2, 1);
}

.entry-card-item:hover .entry-card-item-icon[b-8d8iufq78b]  .cg-mdi-icon {
    transform: scale(1.15);
}

/* 内容区域 */
.entry-card-item-content[b-8d8iufq78b] {
    padding: 0.5rem 0.6rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    background-color: var(--cg-color-surface);
    transition: background-color var(--cg-transition-normal);
}

.entry-card-item-title[b-8d8iufq78b] {
    font-size: 0.8rem;
    font-weight: var(--cg-font-weight-medium, 500);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    transition: color var(--cg-transition-fast);
}

.entry-card-item:hover .entry-card-item-title[b-8d8iufq78b] {
    color: var(--cg-color-primary);
}

/* ── Tablet (≥ 640px) ── */
@media (min-width: 640px) {
    .entry-card-item[b-8d8iufq78b] {
        border-radius: var(--cg-radius-lg);
    }

    .entry-card-item-content[b-8d8iufq78b] {
        padding: 0.75rem 1rem;
    }

    .entry-card-item-title[b-8d8iufq78b] {
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .entry-card-item-icon[b-8d8iufq78b]  .cg-mdi-icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .entry-card-item-image.is-square img.main-img[b-8d8iufq78b] {
        height: calc(100% - 1.5rem);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryCardList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryCardList — mobile-first grid
   ═══════════════════════════════════════════════ */
.entry-card-list[b-p9duj2kzb3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-card-list-container[b-p9duj2kzb3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.entry-card-list-action[b-p9duj2kzb3] {
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
}

.entry-card-list-btn[b-p9duj2kzb3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 1.5rem;
    border-radius: var(--cg-radius-full);
    background-color: transparent;
    border: 1px solid var(--cg-color-border);
    color: var(--cg-color-text-secondary);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all var(--cg-transition-normal);
    user-select: none;
    min-height: 40px;
}

.entry-card-list-btn:hover[b-p9duj2kzb3] {
    color: var(--cg-color-primary);
    border-color: var(--cg-color-primary);
    background-color: color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
}

.entry-card-list-toggle:not(:checked) ~ .entry-card-list-action .hide-text[b-p9duj2kzb3] {
    display: none;
}

.entry-card-list-toggle:checked ~ .entry-card-list-action .show-text[b-p9duj2kzb3] {
    display: none;
}

.entry-card-list-btn[b-p9duj2kzb3]  .icon-arrow {
    transition: transform var(--cg-transition-normal);
    transform-origin: center;
    transform: rotate(0deg);
}

.entry-card-list-toggle:checked ~ .entry-card-list-action[b-p9duj2kzb3]  .icon-arrow {
    transform: rotate(180deg);
}

/* 隐藏超出限制的子元素动画设置 (突破 CSS 隔离) */
.entry-card-list[b-p9duj2kzb3]  li {
    display: grid;
    grid-template-rows: 1fr;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, grid-template-rows 0.3s ease-out, display 0.3s allow-discrete;
    opacity: 1;
    transform: translateY(0);
}

.entry-card-list[b-p9duj2kzb3]  li > * {
    min-height: 0;
}

/* 隐藏状态 */
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-4[b-p9duj2kzb3]  li:nth-child(n+5),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-6[b-p9duj2kzb3]  li:nth-child(n+7),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-8[b-p9duj2kzb3]  li:nth-child(n+9),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-9[b-p9duj2kzb3]  li:nth-child(n+10),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-10[b-p9duj2kzb3]  li:nth-child(n+11),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-12[b-p9duj2kzb3]  li:nth-child(n+13),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-16[b-p9duj2kzb3]  li:nth-child(n+17),
.entry-card-list-toggle:not(:checked) ~ .entry-card-list.limit-20[b-p9duj2kzb3]  li:nth-child(n+21) {
    display: none !important;
    grid-template-rows: 0fr;
    opacity: 0;
    transform: translateY(-10px);
}

/* 展开时的入场动画起始状态 */
@starting-style {
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-4[b-p9duj2kzb3]  li:nth-child(n+5),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-6[b-p9duj2kzb3]  li:nth-child(n+7),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-8[b-p9duj2kzb3]  li:nth-child(n+9),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-9[b-p9duj2kzb3]  li:nth-child(n+10),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-10[b-p9duj2kzb3]  li:nth-child(n+11),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-12[b-p9duj2kzb3]  li:nth-child(n+13),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-16[b-p9duj2kzb3]  li:nth-child(n+17),
    .entry-card-list-toggle:checked ~ .entry-card-list.limit-20[b-p9duj2kzb3]  li:nth-child(n+21) {
        grid-template-rows: 0fr;
        opacity: 0;
        transform: translateY(-10px);
    }
}

/* ── Tablet (≥ 640px) ── */
@media (min-width: 640px) {
    .entry-card-list[b-p9duj2kzb3] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1.25rem;
    }

    .entry-card-list-container[b-p9duj2kzb3] {
        gap: 1rem;
    }

    .entry-card-list-btn[b-p9duj2kzb3] {
        padding: 0.5rem 1.75rem;
        font-size: 0.875rem;
    }

    .entry-card-list-action[b-p9duj2kzb3] {
        margin-top: 0.5rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryCatalogCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryCatalogCard — mobile-first
   ═══════════════════════════════════════════════ */

/* ── List container ── */
.catalog-list[b-1a8w9vwdyk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Horizontal card (image left, text right) ── */
.catalog-card[b-1a8w9vwdyk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem;
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: var(--cg-color-text);
    transition: all var(--cg-transition-normal);
    min-height: 44px;
}

.catalog-card:hover[b-1a8w9vwdyk] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
    box-shadow: var(--cg-shadow-card-hover, 0 8px 25px -5px rgba(0, 0, 0, 0.1));
    transform: translateY(-2px);
}

/* ── Cover (left side) ── */
.catalog-card-cover[b-1a8w9vwdyk] {
    flex-shrink: 0;
    width: 72px;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    background-color: var(--cg-color-bg);
}

.catalog-card-img[b-1a8w9vwdyk] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.catalog-card:hover .catalog-card-img[b-1a8w9vwdyk] {
    transform: scale(1.06) translateZ(0);
}

/* ── Body (right side) ── */
.catalog-card-body[b-1a8w9vwdyk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.catalog-card-name[b-1a8w9vwdyk] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--cg-transition-fast);
}

.catalog-card:hover .catalog-card-name[b-1a8w9vwdyk] {
    color: var(--cg-color-primary);
}

.catalog-card-desc[b-1a8w9vwdyk] {
    font-size: 0.65rem;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .catalog-list[b-1a8w9vwdyk] {
        gap: 0.75rem;
    }

    .catalog-card[b-1a8w9vwdyk] {
        gap: 1rem;
        padding: 0.75rem;
    }

    .catalog-card-cover[b-1a8w9vwdyk] {
        width: 100px;
    }

    .catalog-card-body[b-1a8w9vwdyk] {
        gap: 0.25rem;
    }

    .catalog-card-name[b-1a8w9vwdyk] {
        font-size: var(--cg-font-size-sm);
        line-height: 1.4;
    }

    .catalog-card-desc[b-1a8w9vwdyk] {
        font-size: var(--cg-font-size-xs);
        line-height: 1.45;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryEditRecordCard.razor.rz.scp.css */
/* EntryEditRecordCard delegates to the shared EditRecordListCard — no scoped styles needed */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryFavoriteButton.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Entry Favorite Button — mobile-first
   ══════════════════════════════════════════ */
.entry-favorite-btn[b-detdx2w24e] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    border: 1px solid var(--cg-color-border);
    background: transparent;
    color: var(--cg-color-text-secondary);
}

.entry-favorite-btn:hover:not(:disabled)[b-detdx2w24e] {
    border-color: var(--cg-color-secondary);
    color: var(--cg-color-secondary);
    background: color-mix(in oklab, var(--cg-color-secondary) 8%, transparent);
}

.entry-favorite-btn:disabled[b-detdx2w24e] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Active (favorited) state */
.entry-favorite-btn--active[b-detdx2w24e] {
    border-color: var(--cg-color-secondary);
    color: var(--cg-color-secondary);
    background: color-mix(in oklab, var(--cg-color-secondary) 8%, transparent);
}

.entry-favorite-btn--active:hover:not(:disabled)[b-detdx2w24e] {
    background: color-mix(in oklab, var(--cg-color-secondary) 14%, transparent);
}

/* Icon sizing */
.entry-favorite-btn[b-detdx2w24e]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    transition: transform var(--cg-transition-fast);
}

.entry-favorite-btn:hover:not(:disabled)[b-detdx2w24e]  .cg-mdi-icon {
    transform: scale(1.15);
}

/* Loading spin animation */
.entry-favorite-btn[b-detdx2w24e]  .entry-favorite-btn-spin {
    animation: entry-favorite-spin-b-detdx2w24e 0.8s linear infinite;
}

@keyframes entry-favorite-spin-b-detdx2w24e {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryHero.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryHero — mobile-first
   ═══════════════════════════════════════════════ */
.entry-hero[b-8u33vcdqbe] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: center;
}

.entry-hero-side[b-8u33vcdqbe] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
}

.entry-cover[b-8u33vcdqbe] {
    width: 100%;
    object-fit: cover;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-bg) 90%, var(--cg-color-surface));
    box-shadow: var(--cg-shadow-md);
}

.entry-hero--wide .entry-cover[b-8u33vcdqbe] {
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-lg);
    max-width: 100%;
    max-height: 200px;
    object-position: center;
}

.entry-hero--square .entry-cover[b-8u33vcdqbe] {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    max-width: 140px;
}

.entry-cover--empty[b-8u33vcdqbe] {
    display: grid;
    place-items: center;
    color: var(--cg-color-text-muted);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.entry-hero-main[b-8u33vcdqbe] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.entry-hero-main h1[b-8u33vcdqbe] {
    margin: 0;
    font-size: clamp(1.4rem, 5vw, 2.5rem);
    font-weight: 900;
    line-height: 1.2;
    color: var(--cg-color-text);
}

.entry-hero-top[b-8u33vcdqbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.entry-type[b-8u33vcdqbe] {
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    padding: 0.15rem 0.55rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.entry-status[b-8u33vcdqbe] {
    border-radius: var(--cg-radius-sm);
    padding: 0.15rem 0.55rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.entry-status--edit[b-8u33vcdqbe] {
    background: color-mix(in oklab, #22c55e 10%, transparent);
    color: #166534;
}

.entry-another-name[b-8u33vcdqbe],
.entry-brief[b-8u33vcdqbe] {
    margin: 0;
    color: var(--cg-color-text-muted);
    line-height: 1.6;
    font-size: 0.85rem;
}

.entry-people-chips[b-8u33vcdqbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.15rem;
}

.entry-chip[b-8u33vcdqbe] {
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    text-decoration: none;
    border-radius: var(--cg-radius-full);
    padding: 0.3rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 600;
    transition: var(--cg-transition-fast);
    min-height: 36px;
    display: inline-flex;
    align-items: center;
}

.entry-chip:hover[b-8u33vcdqbe] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
}

.entry-hero-actions[b-8u33vcdqbe] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

.entry-edit-btn[b-8u33vcdqbe] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-primary);
    background: var(--cg-color-primary);
    color: #fff;
}

.entry-edit-btn:hover[b-8u33vcdqbe] {
    opacity: 0.9;
}

.entry-edit-btn[b-8u33vcdqbe]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.entry-edit-btn--login[b-8u33vcdqbe] {
    background: transparent;
    color: var(--cg-color-primary);
}

.entry-edit-btn--login:hover[b-8u33vcdqbe] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    opacity: 1;
}

/* ═══════════════════════════════════════════════
   Tablet (≥ 768px)
   ═══════════════════════════════════════════════ */
@media (min-width: 768px) {
    .entry-hero[b-8u33vcdqbe] {
        gap: 2.5rem;
        padding: 2rem;
        border-radius: var(--cg-radius-xl);
        align-items: center;
    }

    .entry-hero--wide[b-8u33vcdqbe] {
        grid-template-columns: 5fr 7fr;
    }

    .entry-hero--wide .entry-cover[b-8u33vcdqbe] {
        max-height: none;
    }

    .entry-hero--square[b-8u33vcdqbe] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .entry-hero--square .entry-cover[b-8u33vcdqbe] {
        max-width: 240px;
    }

    .entry-hero-main h1[b-8u33vcdqbe] {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }

    .entry-type[b-8u33vcdqbe],
    .entry-status[b-8u33vcdqbe] {
        font-size: 0.7rem;
        padding: 0.15rem 0.6rem;
    }

    .entry-another-name[b-8u33vcdqbe],
    .entry-brief[b-8u33vcdqbe] {
        font-size: 0.95rem;
        line-height: 1.7;
    }

    .entry-chip[b-8u33vcdqbe] {
        padding: 0.35rem 0.85rem;
        font-size: 0.8rem;
    }

    .entry-hero-main[b-8u33vcdqbe] {
        gap: 1rem;
    }
}

/* ═══════════════════════════════════════════════
   Desktop (≥ 1024px)
   ═══════════════════════════════════════════════ */
@media (min-width: 1024px) {
    .entry-hero--wide[b-8u33vcdqbe] {
        grid-template-columns: 5fr 7fr;
    }

    .entry-hero--square[b-8u33vcdqbe] {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .entry-hero--square .entry-cover[b-8u33vcdqbe] {
        max-width: 280px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryInfoList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryInfoList — mobile-first
   ═══════════════════════════════════════════════ */
.entry-info-list[b-9uelsb4nf8] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}

.entry-info-list div[b-9uelsb4nf8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    gap: 0.75rem;
}

.entry-info-list div:last-child[b-9uelsb4nf8] {
    border-bottom: 0;
    padding-bottom: 0;
}

.entry-info-list dt[b-9uelsb4nf8] {
    font-size: 0.75rem;
    word-break: keep-all;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.entry-info-list dd[b-9uelsb4nf8] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--cg-color-text);
    text-align: right;
    min-width: 0;
    word-break: break-all;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-info-list div[b-9uelsb4nf8] {
        padding: 0.5rem 0;
        gap: 1rem;
    }

    .entry-info-list dt[b-9uelsb4nf8] {
        font-size: 0.8rem;
    }

    .entry-info-list dd[b-9uelsb4nf8] {
        font-size: 0.85rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryLinkList.razor.rz.scp.css */
.entry-link-list[b-ckhpfg7ewq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-link-list li[b-ckhpfg7ewq] {
    display: inline-flex;
}

.entry-link-list a[b-ckhpfg7ewq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.85rem;
    background: color-mix(in oklab, var(--cg-color-surface) 88%, var(--cg-color-bg));
    border-radius: var(--cg-radius-md);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cg-color-text);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.entry-link-list a:hover[b-ckhpfg7ewq] {
    background: color-mix(in oklab, var(--cg-color-primary) 12%, var(--cg-color-surface));
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryNewsList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryNewsList — mobile-first
   ═══════════════════════════════════════════════ */
.entry-news-list[b-i2dbogzo1f] {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-news-list li[b-i2dbogzo1f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    padding: 0.55rem 0;
    min-height: 40px;
}

.entry-news-list li:last-child[b-i2dbogzo1f] {
    border-bottom: 0;
    padding-bottom: 0;
}

.entry-news-list a[b-i2dbogzo1f] {
    color: var(--cg-color-text);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8rem;
    transition: color var(--cg-transition-fast);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entry-news-list a:hover[b-i2dbogzo1f] {
    color: var(--cg-color-primary);
}

.entry-news-list span[b-i2dbogzo1f] {
    color: var(--cg-color-text-muted);
    font-size: 0.7rem;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-news-list li[b-i2dbogzo1f] {
        gap: 1rem;
        padding: 0.75rem 0;
    }

    .entry-news-list a[b-i2dbogzo1f] {
        font-size: 0.9rem;
    }

    .entry-news-list span[b-i2dbogzo1f] {
        font-size: 0.8rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryOutlinkList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryOutlinkList — mobile-first
   ═══════════════════════════════════════════════ */
.entry-outlink-list[b-q6w1uwvx2f] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-outlink-item[b-q6w1uwvx2f] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-surface) 92%, var(--cg-color-bg));
    text-decoration: none;
    color: var(--cg-color-text);
    transition: var(--cg-transition-fast);
    min-height: 44px;
}

.entry-outlink-item-icon[b-q6w1uwvx2f] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.entry-outlink-item-content[b-q6w1uwvx2f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    min-width: 0;
}

.entry-outlink-item-title[b-q6w1uwvx2f] {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-outlink-item-desc[b-q6w1uwvx2f] {
    font-size: 0.7rem;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: 0.1rem;
    font-weight: 400;
    line-height: 1.35;
}

.entry-outlink-item:hover[b-q6w1uwvx2f] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, var(--cg-color-surface));
}

.entry-outlink-item[b-q6w1uwvx2f]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-text-muted);
    transition: var(--cg-transition-fast);
}

.entry-outlink-item:hover[b-q6w1uwvx2f]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.entry-outlink-item-image[b-q6w1uwvx2f] {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    border-radius: var(--cg-radius-sm);
    flex-shrink: 0;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-outlink-list[b-q6w1uwvx2f] {
        gap: 0.5rem;
    }

    .entry-outlink-item[b-q6w1uwvx2f] {
        gap: 0.8rem;
        padding: 0.6rem 0.8rem;
    }

    .entry-outlink-item-title[b-q6w1uwvx2f] {
        font-size: 0.85rem;
    }

    .entry-outlink-item-desc[b-q6w1uwvx2f] {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .entry-outlink-item[b-q6w1uwvx2f]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .entry-outlink-item-image[b-q6w1uwvx2f] {
        width: 2rem;
        height: 2rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryPeripheryCard.razor.rz.scp.css */
/* ══════════════════════════════════════════
   EntryPeripheryCard — mobile-first
   ══════════════════════════════════════════ */

/* ── Header card (collection overview) ── */
.periphery-header-card[b-u8a8oscjje] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: var(--cg-color-text);
    transition: all var(--cg-transition-normal);
}

.periphery-header-card:hover[b-u8a8oscjje] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
    box-shadow: var(--cg-shadow-card-hover, 0 8px 25px -5px rgba(0, 0, 0, 0.1));
    transform: translateY(-2px);
}

.periphery-header-cover[b-u8a8oscjje] {
    flex-shrink: 0;
}

.header-cover-img[b-u8a8oscjje] {
    display: block;
    object-fit: cover;
}

.header-cover-img--round[b-u8a8oscjje] {
    width: 48px;
    height: 48px;
    border-radius: var(--cg-radius-full);
    box-shadow: var(--cg-shadow-sm);
}

.header-cover-img--wide[b-u8a8oscjje] {
    width: 80px;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    box-shadow: var(--cg-shadow-sm);
}

.periphery-header-info[b-u8a8oscjje] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.periphery-header-title-row[b-u8a8oscjje] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.periphery-header-name[b-u8a8oscjje] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.periphery-progress-badge[b-u8a8oscjje] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.5rem;
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.periphery-progress-badge[b-u8a8oscjje]  .cg-mdi-icon {
    width: 0.8rem;
    height: 0.8rem;
}

.periphery-header-desc[b-u8a8oscjje] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
}

/* Progress bar */
.periphery-progress-track[b-u8a8oscjje] {
    height: 3px;
    background: color-mix(in oklab, var(--cg-color-primary) 12%, var(--cg-color-bg));
    border-radius: 2px;
    overflow: hidden;
    margin-top: 0.15rem;
}

.periphery-progress-fill[b-u8a8oscjje] {
    height: 100%;
    background: linear-gradient(90deg, var(--cg-color-primary), color-mix(in oklab, var(--cg-color-primary) 70%, var(--cg-color-secondary)));
    border-radius: 2px;
    transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Periphery items grid ── */
.periphery-grid[b-u8a8oscjje] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
}

/* ── Single item card ── */
.periphery-item-card[b-u8a8oscjje] {
    display: flex;
    flex-direction: column;
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    overflow: hidden;
    text-decoration: none;
    color: var(--cg-color-text);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    box-shadow: var(--cg-shadow-sm);
    transition: all var(--cg-transition-normal);
    height: 100%;
    position: relative;
}

.periphery-item-card:hover[b-u8a8oscjje] {
    transform: translateY(-4px);
    box-shadow: var(--cg-shadow-card-hover, 0 12px 24px -6px rgba(0, 0, 0, 0.1));
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
}

/* Cover */
.periphery-item-cover[b-u8a8oscjje] {
    width: 100%;
    aspect-ratio: 460 / 215;
    background-color: var(--cg-color-bg);
    overflow: hidden;
    position: relative;
}

.periphery-item-cover[b-u8a8oscjje]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.15) 100%);
    pointer-events: none;
    z-index: 1;
    transition: opacity var(--cg-transition-normal);
}

.periphery-item-card:hover .periphery-item-cover[b-u8a8oscjje]::after {
    opacity: 0.5;
}

.periphery-item-img[b-u8a8oscjje] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.periphery-item-card:hover .periphery-item-img[b-u8a8oscjje] {
    transform: scale(1.05) translateZ(0);
}

/* Collected badge */
.periphery-collected-badge[b-u8a8oscjje] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-success);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.periphery-collected-badge[b-u8a8oscjje]  .cg-mdi-icon {
    width: 0.85rem;
    height: 0.85rem;
    color: white;
}

/* Body */
.periphery-item-body[b-u8a8oscjje] {
    padding: 0.4rem 0.55rem 0.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.periphery-item-name[b-u8a8oscjje] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color var(--cg-transition-fast);
}

.periphery-item-card:hover .periphery-item-name[b-u8a8oscjje] {
    color: var(--cg-color-primary);
}

/* ── Tablet (≥ 640px) ── */
@media (min-width: 640px) {
    .periphery-header-card[b-u8a8oscjje] {
        gap: 1rem;
        padding: 1rem 1.25rem;
    }

    .header-cover-img--round[b-u8a8oscjje] {
        width: 64px;
        height: 64px;
    }

    .header-cover-img--wide[b-u8a8oscjje] {
        width: 120px;
    }

    .periphery-header-name[b-u8a8oscjje] {
        font-size: var(--cg-font-size-lg);
    }

    .periphery-header-desc[b-u8a8oscjje] {
        font-size: var(--cg-font-size-sm);
        line-height: 1.5;
    }

    .periphery-progress-badge[b-u8a8oscjje] {
        gap: 0.3rem;
        padding: 0.15rem 0.6rem;
    }

    .periphery-progress-badge[b-u8a8oscjje]  .cg-mdi-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

    .periphery-progress-track[b-u8a8oscjje] {
        height: 4px;
        margin-top: 0.2rem;
    }

    .periphery-grid[b-u8a8oscjje] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1rem;
    }

    .periphery-item-card[b-u8a8oscjje] {
        border-radius: var(--cg-radius-lg);
    }

    .periphery-collected-badge[b-u8a8oscjje] {
        top: 0.4rem;
        right: 0.4rem;
        width: 1.6rem;
        height: 1.6rem;
    }

    .periphery-collected-badge[b-u8a8oscjje]  .cg-mdi-icon {
        width: 1rem;
        height: 1rem;
    }

    .periphery-item-body[b-u8a8oscjje] {
        padding: 0.55rem 0.7rem 0.65rem;
    }

    .periphery-item-name[b-u8a8oscjje] {
        line-height: 1.4;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryReleaseCards.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryReleaseCards — mobile-first
   ═══════════════════════════════════════════════ */
.entry-release-cards[b-wrz9oigja8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.entry-release-card[b-wrz9oigja8] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-surface) 92%, var(--cg-color-bg));
    overflow: hidden;
    transition: var(--cg-transition-fast);
}

.entry-release-card:hover[b-wrz9oigja8] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
}

.entry-release-header[b-wrz9oigja8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    background: color-mix(in oklab, var(--cg-color-bg) 50%, transparent);
    border-bottom: 1px solid var(--cg-color-border);
    cursor: pointer;
    list-style: none;
    user-select: none;
    min-height: 44px;
}

.entry-release-header[b-wrz9oigja8]::-webkit-details-marker {
    display: none;
}

details:not([open]) .entry-release-header[b-wrz9oigja8] {
    border-bottom: none;
}

.entry-release-header-left[b-wrz9oigja8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.entry-release-platform-image[b-wrz9oigja8] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    border-radius: var(--cg-radius-sm);
    flex-shrink: 0;
}

.entry-release-header-left[b-wrz9oigja8]  .cg-mdi-icon {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.entry-release-header-left strong[b-wrz9oigja8] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-release-type[b-wrz9oigja8] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    white-space: nowrap;
}

.entry-release-header-right[b-wrz9oigja8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.entry-release-chevron[b-wrz9oigja8] {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--cg-color-text-muted);
    transition: transform var(--cg-transition-fast);
}

details[open] .entry-release-chevron[b-wrz9oigja8] {
    transform: rotate(180deg);
}

.entry-release-body[b-wrz9oigja8] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    gap: 0.75rem;
}

.entry-release-price-box[b-wrz9oigja8] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed color-mix(in oklab, var(--cg-color-border) 60%, transparent);
}

.entry-release-state[b-wrz9oigja8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cg-color-text-muted);
}

.entry-release-state[b-wrz9oigja8]  .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.entry-release-state--free[b-wrz9oigja8] {
    color: #16a34a;
}

.entry-release-price-row[b-wrz9oigja8] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--cg-color-text);
    flex-wrap: wrap;
}

.entry-release-price-row[b-wrz9oigja8]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.entry-release-price-old[b-wrz9oigja8] {
    color: var(--cg-color-text-muted);
    font-size: 0.75rem;
    margin-right: 0.15rem;
}

.entry-release-price-now[b-wrz9oigja8] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #e11d48;
}

.entry-release-discount[b-wrz9oigja8] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.1rem 0.35rem;
    border-radius: var(--cg-radius-sm);
    background: #f43f5e;
    color: white;
    margin-left: 0.25rem;
}

.entry-release-price-row--low[b-wrz9oigja8] {
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
}

.entry-release-price-row--low[b-wrz9oigja8]  .cg-mdi-icon {
    color: var(--cg-color-text-muted);
    width: 0.9rem;
    height: 0.9rem;
}

.entry-release-price-row--low strong[b-wrz9oigja8] {
    font-weight: 600;
    color: var(--cg-color-text);
}

.entry-release-details[b-wrz9oigja8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.entry-release-details li[b-wrz9oigja8] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--cg-color-text);
    line-height: 1.4;
}

.entry-release-details li[b-wrz9oigja8]  .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.entry-release-details a[b-wrz9oigja8] {
    color: var(--cg-color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: var(--cg-transition-fast);
}

.entry-release-details a:hover[b-wrz9oigja8] {
    text-decoration: underline;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-release-cards[b-wrz9oigja8] {
        gap: 1rem;
    }

    .entry-release-card[b-wrz9oigja8] {
        border-radius: var(--cg-radius-lg);
    }

    .entry-release-header[b-wrz9oigja8] {
        padding: 0.75rem 1rem;
    }

    .entry-release-header-left[b-wrz9oigja8] {
        gap: 0.5rem;
    }

    .entry-release-platform-image[b-wrz9oigja8] {
        width: 20px;
        height: 20px;
    }

    .entry-release-header-left[b-wrz9oigja8]  .cg-mdi-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .entry-release-header-left strong[b-wrz9oigja8] {
        font-size: 0.95rem;
    }

    .entry-release-type[b-wrz9oigja8] {
        font-size: 0.7rem;
        padding: 0.15rem 0.5rem;
    }

    .entry-release-body[b-wrz9oigja8] {
        padding: 1rem;
        gap: 1rem;
    }

    .entry-release-price-box[b-wrz9oigja8] {
        gap: 0.5rem;
        padding-bottom: 1rem;
    }

    .entry-release-state[b-wrz9oigja8] {
        font-size: 0.85rem;
    }

    .entry-release-state[b-wrz9oigja8]  .cg-mdi-icon {
        width: 1rem;
        height: 1rem;
    }

    .entry-release-price-row[b-wrz9oigja8] {
        font-size: 0.85rem;
        gap: 0.4rem;
    }

    .entry-release-price-row[b-wrz9oigja8]  .cg-mdi-icon {
        width: 1.1rem;
        height: 1.1rem;
    }

    .entry-release-price-old[b-wrz9oigja8] {
        font-size: 0.8rem;
    }

    .entry-release-price-now[b-wrz9oigja8] {
        font-size: 1rem;
    }

    .entry-release-discount[b-wrz9oigja8] {
        font-size: 0.7rem;
        padding: 0.1rem 0.4rem;
    }

    .entry-release-details[b-wrz9oigja8] {
        gap: 0.6rem;
    }

    .entry-release-details li[b-wrz9oigja8] {
        font-size: 0.85rem;
        gap: 0.5rem;
    }

    .entry-release-details li[b-wrz9oigja8]  .cg-mdi-icon {
        width: 1rem;
        height: 1rem;
        margin-top: 0.1rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryRoleList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryRoleList — mobile-first
   ═══════════════════════════════════════════════ */
.entry-role-list[b-9fja1fvm2o] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-role-item[b-9fja1fvm2o] {
    display: flex;
    gap: 0.6rem;
    padding: 0.5rem;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-surface) 92%, var(--cg-color-bg));
    text-decoration: none;
    color: var(--cg-color-text);
    transition: var(--cg-transition-fast);
    align-items: center;
    min-height: 44px;
}

.entry-role-item:hover[b-9fja1fvm2o] {
    border-color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, var(--cg-color-surface));
}

.entry-role-avatar[b-9fja1fvm2o] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cg-color-bg);
    border: 1px solid var(--cg-color-border);
}

.entry-role-avatar img[b-9fja1fvm2o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entry-role-content[b-9fja1fvm2o] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 0.1rem;
}

.entry-role-name[b-9fja1fvm2o] {
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-role-cv[b-9fja1fvm2o] {
    font-size: 0.7rem;
    color: var(--cg-color-secondary);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-role-brief[b-9fja1fvm2o] {
    font-size: 0.7rem;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    line-height: 1.4;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-role-list[b-9fja1fvm2o] {
        gap: 0.8rem;
    }

    .entry-role-item[b-9fja1fvm2o] {
        gap: 0.8rem;
        padding: 0.6rem;
    }

    .entry-role-avatar[b-9fja1fvm2o] {
        width: 4rem;
        height: 4rem;
    }

    .entry-role-name[b-9fja1fvm2o] {
        font-size: 0.9rem;
    }

    .entry-role-cv[b-9fja1fvm2o] {
        font-size: 0.75rem;
    }

    .entry-role-brief[b-9fja1fvm2o] {
        font-size: 0.75rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryScoreOverview.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryScoreOverview — mobile-first
   ═══════════════════════════════════════════════ */
.entry-score-overview[b-c6m1xr6cld] {
    padding: var(--cg-spacing-4) 0;
}

.entry-score-header[b-c6m1xr6cld] {
    display: flex;
    align-items: center;
    margin-bottom: var(--cg-spacing-4);
}

.entry-score-header h2[b-c6m1xr6cld] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cg-color-text);
}

.entry-score-header h2[b-c6m1xr6cld]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
}

.entry-score-count[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-left: auto;
}

/* Score summary block */
.entry-score-summary[b-c6m1xr6cld] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    margin-bottom: var(--cg-spacing-4);
}

.entry-score-total[b-c6m1xr6cld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    padding-bottom: var(--cg-spacing-3);
    border-bottom: 1px solid var(--cg-color-border);
}

.entry-score-total__number[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    line-height: 1.1;
}

.entry-score-total__label[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-top: var(--cg-spacing-1);
}

/* Score dimensions */
.entry-score-dimensions[b-c6m1xr6cld] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.entry-score-dim[b-c6m1xr6cld] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.entry-score-dim__label[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    min-width: 28px;
    text-align: right;
}

.entry-score-dim__bar[b-c6m1xr6cld] {
    flex: 1;
    height: 5px;
    background: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
    overflow: hidden;
}

.entry-score-dim__fill[b-c6m1xr6cld] {
    height: 100%;
    background: linear-gradient(90deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    border-radius: var(--cg-radius-full);
    transition: width var(--cg-transition-normal);
}

.entry-score-dim__value[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
    min-width: 24px;
    text-align: right;
}

/* Empty state */
.entry-score-empty[b-c6m1xr6cld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-6);
    background: var(--cg-color-surface);
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    margin-bottom: var(--cg-spacing-4);
}

.entry-score-empty-icon[b-c6m1xr6cld]  .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
    margin-bottom: var(--cg-spacing-2);
}

.entry-score-empty p[b-c6m1xr6cld] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    text-align: center;
}

.entry-score-empty-action[b-c6m1xr6cld] {
    margin-top: var(--cg-spacing-4);
}

/* User scores section */
.entry-score-users__title[b-c6m1xr6cld] {
    margin: 0 0 0.85rem 0;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cg-color-text);
}

.entry-score-users__title[b-c6m1xr6cld]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
}

.entry-score-users__list[b-c6m1xr6cld] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-3);
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Footer action */
.entry-score-footer-action[b-c6m1xr6cld] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--cg-spacing-3);
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-score-overview[b-c6m1xr6cld] {
        padding: var(--cg-spacing-6) 0;
    }

    .entry-score-header[b-c6m1xr6cld] {
        margin-bottom: var(--cg-spacing-5);
    }

    .entry-score-header h2[b-c6m1xr6cld] {
        font-size: 1.25rem;
        gap: 1rem;
    }

    .entry-score-header h2[b-c6m1xr6cld]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .entry-score-count[b-c6m1xr6cld] {
        font-size: var(--cg-font-size-sm);
    }

    .entry-score-summary[b-c6m1xr6cld] {
        flex-direction: row;
        gap: var(--cg-spacing-6);
        padding: var(--cg-spacing-5);
        margin-bottom: var(--cg-spacing-5);
    }

    .entry-score-total[b-c6m1xr6cld] {
        min-width: 100px;
        padding-right: var(--cg-spacing-6);
        padding-bottom: 0;
        border-right: 1px solid var(--cg-color-border);
        border-bottom: none;
    }

    .entry-score-total__number[b-c6m1xr6cld] {
        font-size: var(--cg-font-size-2xl);
    }

    .entry-score-dim[b-c6m1xr6cld] {
        gap: var(--cg-spacing-3);
    }

    .entry-score-dim__label[b-c6m1xr6cld] {
        font-size: var(--cg-font-size-sm);
        min-width: 32px;
    }

    .entry-score-dim__bar[b-c6m1xr6cld] {
        height: 6px;
    }

    .entry-score-dim__value[b-c6m1xr6cld] {
        font-size: var(--cg-font-size-sm);
        min-width: 28px;
    }

    .entry-score-empty[b-c6m1xr6cld] {
        padding: var(--cg-spacing-8);
        margin-bottom: var(--cg-spacing-5);
    }

    .entry-score-empty-icon[b-c6m1xr6cld]  .cg-mdi-icon {
        width: 48px;
        height: 48px;
        margin-bottom: var(--cg-spacing-3);
    }

    .entry-score-users__title[b-c6m1xr6cld] {
        margin: 0 0 1.25rem 0;
        font-size: 1.25rem;
        gap: 1rem;
    }

    .entry-score-users__title[b-c6m1xr6cld]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .entry-score-users__list[b-c6m1xr6cld] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: var(--cg-spacing-4);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntrySection.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntrySection — mobile-first
   ═══════════════════════════════════════════════ */
.entry-section[b-gl5osj08v0] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.entry-section > h2[b-gl5osj08v0] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cg-color-text);
}

.entry-section > h2[b-gl5osj08v0]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-section[b-gl5osj08v0] {
        gap: 1.25rem;
    }

    .entry-section > h2[b-gl5osj08v0] {
        font-size: 1.25rem;
        gap: 1rem;
    }

    .entry-section > h2[b-gl5osj08v0]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntrySpecialTips.razor.rz.scp.css */
.entry-special-tips[b-xs3wy6lgiz] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.entry-tip[b-xs3wy6lgiz] {
    margin: 0;
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    padding: 0.8rem 1rem;
    line-height: 1.6;
    font-size: 0.9rem;
}

.entry-tip--warning[b-xs3wy6lgiz] {
    color: #9a3412;
    border-color: #fdba74;
    background: #fff7ed;
}

.entry-tip--danger[b-xs3wy6lgiz] {
    color: var(--cg-color-editor-error-text);
    border-color: var(--cg-color-editor-error-border);
    background: var(--cg-color-editor-error-bg);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryStaffGroupList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryStaffGroupList — mobile-first
   ═══════════════════════════════════════════════ */
.staff-note[b-pipzgfg2uh] {
    font-size: 0.7rem;
    color: var(--cg-color-text-muted);
    margin-bottom: 0.5rem;
}

.entry-staff-group-list[b-pipzgfg2uh] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-staff-group-list li[b-pipzgfg2uh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.entry-staff-group-list h3[b-pipzgfg2uh] {
    font-size: 0.7rem;
    color: var(--cg-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.entry-staff-position[b-pipzgfg2uh] {
    font-size: 0.8rem;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    color: var(--cg-color-text);
    line-height: 1.5;
}

.entry-staff-position strong[b-pipzgfg2uh] {
    font-weight: 600;
    flex-shrink: 0;
}

.entry-staff-names[b-pipzgfg2uh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.entry-staff-link[b-pipzgfg2uh] {
    color: var(--cg-color-primary);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.entry-staff-link:hover[b-pipzgfg2uh] {
    text-decoration: underline;
}

.entry-staff-separator[b-pipzgfg2uh] {
    color: var(--cg-color-text);
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-staff-group-list[b-pipzgfg2uh] {
        gap: 1rem;
    }

    .entry-staff-group-list li[b-pipzgfg2uh] {
        gap: 0.4rem;
    }

    .entry-staff-group-list h3[b-pipzgfg2uh] {
        font-size: 0.75rem;
        margin-bottom: 0.2rem;
    }

    .entry-staff-position[b-pipzgfg2uh] {
        font-size: 0.85rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryTagList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryTagList — mobile-first
   ═══════════════════════════════════════════════ */
.entry-tags[b-a58kkk70mu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.entry-tags li[b-a58kkk70mu] {
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    border-radius: var(--cg-radius-md);
    font-size: 0.75rem;
    font-weight: 600;
    background: color-mix(in oklab, var(--cg-color-surface) 88%, var(--cg-color-bg));
    transition: var(--cg-transition-fast);
}

.entry-tags li:hover[b-a58kkk70mu] {
    border-color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, var(--cg-color-surface));
}

.entry-tags li a[b-a58kkk70mu] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    min-height: 32px;
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.entry-tags li:hover a[b-a58kkk70mu] {
    color: var(--cg-color-primary);
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-tags[b-a58kkk70mu] {
        gap: 0.5rem;
    }

    .entry-tags li[b-a58kkk70mu] {
        font-size: 0.8rem;
    }

    .entry-tags li a[b-a58kkk70mu] {
        padding: 0.25rem 0.75rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryUserScoreCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryUserScoreCard — mobile-first
   ═══════════════════════════════════════════════ */
.entry-user-score-card[b-w4mmhmuojt] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    transition: box-shadow var(--cg-transition-fast);
    height: 100%;
}

.entry-user-score-card:hover[b-w4mmhmuojt] {
    box-shadow: var(--cg-shadow-card-hover);
}

/* Header */
.entry-user-score-card__header[b-w4mmhmuojt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entry-user-score-card__user[b-w4mmhmuojt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.entry-user-score-card__user:hover .entry-user-score-card__name[b-w4mmhmuojt] {
    color: var(--cg-color-primary);
}

.entry-user-score-card__avatar[b-w4mmhmuojt] {
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    border: 1px solid var(--cg-color-border);
    flex-shrink: 0;
}

.entry-user-score-card__name[b-w4mmhmuojt] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
    transition: color var(--cg-transition-fast);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-user-score-card__time[b-w4mmhmuojt] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

/* Total score with stars */
.entry-user-score-card__total[b-w4mmhmuojt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.entry-user-score-card__stars[b-w4mmhmuojt] {
    display: flex;
    gap: 1px;
}

.entry-user-score-card__star[b-w4mmhmuojt] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--cg-color-border);
}

.entry-user-score-card__star--filled[b-w4mmhmuojt] {
    background: var(--cg-color-primary);
}

.entry-user-score-card__total-num[b-w4mmhmuojt] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
}

/* Score dimensions */
.entry-user-score-card__dims[b-w4mmhmuojt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-1);
}

.entry-user-score-card__dims span[b-w4mmhmuojt] {
    font-size: 0.65rem;
    color: var(--cg-color-text-muted);
    background: var(--cg-color-bg);
    padding: 1px var(--cg-spacing-1);
    border-radius: var(--cg-radius-sm);
}

/* Impressions */
.entry-user-score-card__impressions[b-w4mmhmuojt] {
    border-top: 1px solid var(--cg-color-border);
    padding-top: var(--cg-spacing-2);
}

.entry-user-score-card__impressions-text[b-w4mmhmuojt] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-all;
}

.entry-user-score-card__expand-toggle:checked ~ .entry-user-score-card__impressions-text[b-w4mmhmuojt] {
    -webkit-line-clamp: unset;
    display: block;
}

.entry-user-score-card__expand-btn[b-w4mmhmuojt] {
    display: inline-block;
    margin-top: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-primary);
    cursor: pointer;
    user-select: none;
}

.entry-user-score-card__expand-btn:hover[b-w4mmhmuojt] {
    color: var(--cg-color-primary-hover);
    text-decoration: underline;
}

.entry-user-score-card__expand-toggle:not(:checked) ~ .entry-user-score-card__expand-btn[b-w4mmhmuojt]::after {
    content: '展开';
}

.entry-user-score-card__expand-toggle:checked ~ .entry-user-score-card__expand-btn[b-w4mmhmuojt]::after {
    content: '收起';
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .entry-user-score-card[b-w4mmhmuojt] {
        padding: var(--cg-spacing-4);
        gap: var(--cg-spacing-3);
    }

    .entry-user-score-card__avatar[b-w4mmhmuojt] {
        width: 32px;
        height: 32px;
    }

    .entry-user-score-card__name[b-w4mmhmuojt] {
        font-size: var(--cg-font-size-sm);
    }

    .entry-user-score-card__star[b-w4mmhmuojt] {
        width: 12px;
        height: 12px;
    }

    .entry-user-score-card__total-num[b-w4mmhmuojt] {
        font-size: var(--cg-font-size-lg);
    }

    .entry-user-score-card__dims[b-w4mmhmuojt] {
        gap: var(--cg-spacing-2);
    }

    .entry-user-score-card__dims span[b-w4mmhmuojt] {
        font-size: var(--cg-font-size-xs);
        padding: 2px var(--cg-spacing-2);
    }

    .entry-user-score-card__impressions[b-w4mmhmuojt] {
        padding-top: var(--cg-spacing-3);
    }

    .entry-user-score-card__impressions-text[b-w4mmhmuojt] {
        font-size: var(--cg-font-size-sm);
        line-height: 1.6;
        -webkit-line-clamp: 4;
    }

    .entry-user-score-card__expand-btn[b-w4mmhmuojt] {
        font-size: var(--cg-font-size-sm);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Detail/EntryVerticalDrawingCard.razor.rz.scp.css */
.entry-drawing-img[b-hn9dnzze9u] {
    width: 100%;
    height: auto;
    border-radius: var(--cg-radius-md);
    display: block;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryAddInforEditor.razor.rz.scp.css */
/* EntryAddInforEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryAudioEditor.razor.rz.scp.css */
/* ── 音频表格独有样式 ── */
.cg-audio-thumb-cell[b-4n8hprykod] {
    width: 56px;
}

.cg-audio-thumb[b-4n8hprykod] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--cg-radius-md);
    display: block;
    box-shadow: var(--cg-shadow-sm);
}

.cg-audio-name-cell[b-4n8hprykod] {
    min-width: 100px;
    font-weight: var(--cg-font-weight-medium);
}

.cg-audio-desc-cell[b-4n8hprykod] {
    min-width: 180px;
    overflow-wrap: anywhere;
    color: var(--cg-color-text-secondary);
}

.cg-audio-preview-cell[b-4n8hprykod] {
    min-width: 200px;
}

/* ── 音频播放器 ── */
.cg-audio-player[b-4n8hprykod] {
    width: 100%;
    max-width: 280px;
    height: 36px;
}

.cg-audio-player--full[b-4n8hprykod] {
    max-width: 100%;
}

/* ── 编辑弹窗内部 ── */
.cg-edit-hint[b-4n8hprykod] {
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-4);
}

.cg-edit-audio-preview[b-4n8hprykod] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    flex-wrap: wrap;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryBookingEditor.razor.rz.scp.css */
/* Booking 编辑器 — 独有样式（.cg-actions 由 EntryEditPage 统一提供） */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.entry-edit-sidebar[b-0kcgnp0gds] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

/* 自定义滚动条 */
.entry-edit-sidebar[b-0kcgnp0gds]::-webkit-scrollbar {
    width: 4px;
}

.entry-edit-sidebar[b-0kcgnp0gds]::-webkit-scrollbar-track {
    background: transparent;
}

.entry-edit-sidebar[b-0kcgnp0gds]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.entry-edit-sidebar[b-0kcgnp0gds]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 统一提示卡片基础样式 ── */
.entry-edit-sidebar__card[b-0kcgnp0gds] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.entry-edit-sidebar__card[b-0kcgnp0gds]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.entry-edit-sidebar__card h3[b-0kcgnp0gds] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.entry-edit-sidebar__card p[b-0kcgnp0gds] {
    font-size: 0.625rem;
    margin: 0;
}

.entry-edit-sidebar__card span[b-0kcgnp0gds] {
    flex: 1;
}

/* ── primary 变体（编辑/创建模式） ── */
.entry-edit-sidebar__card--primary[b-0kcgnp0gds] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.entry-edit-sidebar__card--primary[b-0kcgnp0gds]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary h3[b-0kcgnp0gds] {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary p[b-0kcgnp0gds] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体（草稿恢复） ── */
.entry-edit-sidebar__card--warning[b-0kcgnp0gds] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.entry-edit-sidebar__card--warning[b-0kcgnp0gds]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

/* ── error 变体（Staff 人物提示） ── */
.entry-edit-sidebar__card--error[b-0kcgnp0gds] {
    background: color-mix(in oklab, var(--cg-color-error) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-error) 20%, transparent);
    color: var(--cg-color-editor-error-text);
}

.entry-edit-sidebar__card--error[b-0kcgnp0gds]  .cg-mdi-icon {
    color: var(--cg-color-error);
}

/* ── 卡片内操作按钮 ── */
.entry-edit-sidebar__card-action[b-0kcgnp0gds] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.entry-edit-sidebar__card-action:hover[b-0kcgnp0gds] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.entry-edit-sidebar__nav[b-0kcgnp0gds] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.entry-edit-nav-item[b-0kcgnp0gds] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.entry-edit-nav-item:hover[b-0kcgnp0gds] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.entry-edit-nav-item--active[b-0kcgnp0gds] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.entry-edit-nav-item--active:hover[b-0kcgnp0gds] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.entry-edit-nav-item[b-0kcgnp0gds]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.entry-edit-nav-item--active[b-0kcgnp0gds]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.entry-edit-sidebar__actions[b-0kcgnp0gds] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.entry-edit-sidebar__actions[b-0kcgnp0gds]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.entry-edit-sidebar__actions[b-0kcgnp0gds]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.entry-edit-sidebar__actions[b-0kcgnp0gds]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-0kcgnp0gds] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-0kcgnp0gds 1s linear infinite;
}

@keyframes cg-spin-b-0kcgnp0gds {
    to { transform: rotate(360deg); }
}

/* ── 响应式：窄屏折叠 ── */
@media (max-width: 1024px) {
    .entry-edit-sidebar[b-0kcgnp0gds] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .entry-edit-sidebar__card[b-0kcgnp0gds] {
        margin-bottom: var(--cg-spacing-2);
    }

    .entry-edit-sidebar__nav[b-0kcgnp0gds] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .entry-edit-nav-item[b-0kcgnp0gds] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .entry-edit-sidebar__actions[b-0kcgnp0gds] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryImagesEditor.razor.rz.scp.css */
/* ── 图片网格 ── */
.cg-image-grid[b-hkkgvfbqht] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cg-spacing-4);
}

.cg-image-card[b-hkkgvfbqht] {
    position: relative;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    background: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
    box-shadow: var(--cg-shadow-sm);
}

.cg-image-card:hover[b-hkkgvfbqht] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-2px);
}

.cg-image-card__preview[b-hkkgvfbqht] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: var(--cg-color-bg);
}

.cg-image-card__preview img[b-hkkgvfbqht] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--cg-transition-normal);
}

.cg-image-card:hover .cg-image-card__preview img[b-hkkgvfbqht] {
    transform: scale(1.05);
}

.cg-image-card__note[b-hkkgvfbqht] {
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.cg-image-card__actions[b-hkkgvfbqht] {
    position: absolute;
    top: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    display: flex;
    gap: var(--cg-spacing-1);
    opacity: 0;
    transition: opacity var(--cg-transition-fast);
    z-index: 2;
}

.cg-image-card:hover .cg-image-card__actions[b-hkkgvfbqht] {
    opacity: 1;
}

/* give ghost buttons on the overlay a subtle backdrop so icons stay visible on any image */
.cg-image-card__actions[b-hkkgvfbqht]  .cg-btn {
    background: var(--cg-color-surface);
    backdrop-filter: blur(4px);
    border-radius: var(--cg-radius-md);
}


/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryInformationsEditor.razor.rz.scp.css */
/* EntryInformationsEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryMainEditor.razor.rz.scp.css */
/* EntryMainEditor 独有样式 */

/* ── 类型选择器：四按钮一行 ── */
.entry-type-selector[b-szm7gdec0e] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--cg-spacing-3);
}

.entry-type-btn[b-szm7gdec0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4) var(--cg-spacing-2);
    border: 2px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    font-family: var(--cg-font-family);
    user-select: none;
}

.entry-type-btn:hover[b-szm7gdec0e] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 6%, var(--cg-color-surface));
}

.entry-type-btn:focus-visible[b-szm7gdec0e] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.entry-type-btn.active[b-szm7gdec0e] {
    border-color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 12%, var(--cg-color-surface));
    color: var(--cg-color-primary);
}

.entry-type-btn[b-szm7gdec0e]  .cg-mdi-icon {
    width: 36px;
    height: 36px;
}

/* 小屏幕时折叠为两列 */
@media (max-width: 600px) {
    .entry-type-selector[b-szm7gdec0e] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryMainPageEditor.razor.rz.scp.css */
/* EntryMainPageEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryReleasesEditor.razor.rz.scp.css */
/* Releases 编辑器 — 独有样式（.cg-actions 由 EntryEditPage 统一提供） */

.cg-checkbox-group[b-59rrmiyvts] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryRelevanceListEditor.razor.rz.scp.css */
/* ── EntryRelevanceListEditor ── */

.relevance-editor[b-sae3yikcnq] {
    margin-bottom: var(--cg-spacing-4);
}

/* ── 标题行 ── */
.relevance-editor__header[b-sae3yikcnq] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
}

.relevance-editor__title[b-sae3yikcnq] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.relevance-editor__count[b-sae3yikcnq] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, var(--cg-color-surface));
    padding: 2px 8px;
    border-radius: var(--cg-radius-full);
    font-weight: var(--cg-font-weight-medium);
}

.relevance-editor__add[b-sae3yikcnq] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    border: 1.5px solid var(--cg-color-primary);
    background: transparent;
    color: var(--cg-color-primary);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__add:hover[b-sae3yikcnq] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.relevance-editor__add:focus-visible[b-sae3yikcnq] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

[b-sae3yikcnq] .relevance-editor__add .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* ── 列表网格 ── */
.relevance-editor__list[b-sae3yikcnq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--cg-spacing-2);
}

/* ── 单项行 ── */
.relevance-editor__item[b-sae3yikcnq] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.relevance-editor__item:hover[b-sae3yikcnq] {
    border-color: color-mix(in srgb, var(--cg-color-primary) 40%, var(--cg-color-border));
}

.relevance-editor__item:focus-within[b-sae3yikcnq] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
}

/* ── autocomplete 占满 ── */
.relevance-editor__item[b-sae3yikcnq]  .cg-autocomplete {
    flex: 1;
    min-width: 0;
}

.relevance-editor__item[b-sae3yikcnq]  .cg-autocomplete__input {
    border: none;
    background: transparent;
    padding: var(--cg-spacing-1) 0;
    font-size: var(--cg-font-size-sm);
}

.relevance-editor__item[b-sae3yikcnq]  .cg-autocomplete__input:focus {
    outline: none;
    box-shadow: none;
}

/* ── 删除按钮 ── */
.relevance-editor__remove[b-sae3yikcnq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__remove:hover[b-sae3yikcnq] {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

[b-sae3yikcnq] .relevance-editor__remove .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* ── 空状态 ── */
.relevance-editor__empty[b-sae3yikcnq] {
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryRelevancesEditor.razor.rz.scp.css */
/* Relevances 编辑器 — 独有样式（.cg-actions 由 EntryEditPage 统一提供） */

.cg-tip[b-2lkfyo4zm6] {
    margin-top: 0;
    margin-bottom: var(--cg-spacing-4);
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryStaffsEditor.razor.rz.scp.css */
/* Staff 编辑器 — 独有样式 */

.cg-batch-example[b-iqhv6ixxzj] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 4%, var(--cg-color-surface));
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
    border-radius: var(--cg-radius-md);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-family: monospace;
    font-size: var(--cg-font-size-sm);
    line-height: 1.8;
    margin-bottom: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntrySteamImportCard.razor.rz.scp.css */
.entry-edit-sidebar__card[b-i1jn6rftmx] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.entry-edit-sidebar__card h3[b-i1jn6rftmx] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.entry-edit-sidebar__card p[b-i1jn6rftmx] {
    font-size: 0.625rem;
    margin: 0;
}

.entry-edit-sidebar__card[b-i1jn6rftmx]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.entry-edit-sidebar__card--steam[b-i1jn6rftmx] {
    background: color-mix(in oklab, var(--cg-color-brand-purple) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-brand-purple) 20%, transparent);
}

.entry-edit-sidebar__card--steam[b-i1jn6rftmx]  .cg-mdi-icon {
    color: var(--cg-color-brand-purple);
}

.entry-edit-sidebar__card--steam h3[b-i1jn6rftmx] {
    color: var(--cg-color-brand-purple);
}

.entry-edit-sidebar__card--steam p[b-i1jn6rftmx] {
    color: var(--cg-color-text-muted);
}

.entry-edit-sidebar__card-link[b-i1jn6rftmx] {
    color: var(--cg-color-brand-purple);
    font-weight: var(--cg-font-weight-semibold);
    cursor: pointer;
    text-decoration: none;
}

.entry-edit-sidebar__card-link:hover[b-i1jn6rftmx] {
    text-decoration: underline;
}

.steam-import-dialog__desc[b-i1jn6rftmx] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-4);
}

.steam-import-dialog__error[b-i1jn6rftmx] {
    color: var(--cg-color-error);
    font-size: var(--cg-font-size-sm);
    margin-top: var(--cg-spacing-3);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryTagsEditor.razor.rz.scp.css */
/* ── EntryTagsEditor ── */

.tag-editor[b-25abom5qkg] {
    margin-bottom: var(--cg-spacing-4);
}

/* ── 标题行 ── */
.tag-editor__header[b-25abom5qkg] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-2);
    border-bottom: 2px solid var(--cg-color-primary);
}

[b-25abom5qkg] .tag-editor__icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.tag-editor__title[b-25abom5qkg] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.tag-editor__count[b-25abom5qkg] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, var(--cg-color-surface));
    padding: 2px 8px;
    border-radius: var(--cg-radius-full);
    font-weight: var(--cg-font-weight-medium);
}

.tag-editor__add[b-25abom5qkg] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    border: 1.5px solid var(--cg-color-primary);
    background: transparent;
    color: var(--cg-color-primary);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.tag-editor__add:hover[b-25abom5qkg] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.tag-editor__add:focus-visible[b-25abom5qkg] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

[b-25abom5qkg] .tag-editor__add .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* ── 标签网格 ── */
.tag-editor__list[b-25abom5qkg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--cg-spacing-2);
}

/* ── 单项卡片 ── */
.tag-editor__item[b-25abom5qkg] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.tag-editor__item:hover[b-25abom5qkg] {
    border-color: color-mix(in srgb, var(--cg-color-primary) 40%, var(--cg-color-border));
}

.tag-editor__item:focus-within[b-25abom5qkg] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
}

/* autocomplete 占满 */
.tag-editor__item[b-25abom5qkg]  .cg-autocomplete {
    flex: 1;
    min-width: 0;
}

.tag-editor__item[b-25abom5qkg]  .cg-autocomplete__input {
    border: none;
    background: transparent;
    padding: var(--cg-spacing-1) 0;
    font-size: var(--cg-font-size-sm);
}

.tag-editor__item[b-25abom5qkg]  .cg-autocomplete__input:focus {
    outline: none;
    box-shadow: none;
}

/* ── 删除按钮 ── */
.tag-editor__remove[b-25abom5qkg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.tag-editor__remove:hover[b-25abom5qkg] {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

[b-25abom5qkg] .tag-editor__remove .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* ── 空状态 ── */
.tag-editor__empty[b-25abom5qkg] {
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryTagTreeCard.razor.rz.scp.css */
/* ── EntryTagTreeCard ── */

.tag-tree-card[b-k0deajzvnq] {
    margin-top: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    overflow: hidden;
}

/* ── 标题行 ── */
.tag-tree-card__header[b-k0deajzvnq] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
    background: color-mix(in srgb, var(--cg-color-primary) 4%, var(--cg-color-surface));
}

[b-k0deajzvnq] .tag-tree-card__header-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.tag-tree-card__title[b-k0deajzvnq] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

/* ── 搜索框 ── */
.tag-tree-card__search[b-k0deajzvnq] {
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-bottom: 1px solid var(--cg-color-border);
}

[b-k0deajzvnq] .tag-tree-card__search .cg-input {
    width: 100%;
    font-size: var(--cg-font-size-sm);
}

/* ── 树区域 ── */
.tag-tree-card__tree[b-k0deajzvnq] {
    padding: var(--cg-spacing-2) var(--cg-spacing-2);
    max-height: 400px;
    overflow-y: auto;
}

/* 滚动条美化 */
.tag-tree-card__tree[b-k0deajzvnq]::-webkit-scrollbar {
    width: 6px;
}

.tag-tree-card__tree[b-k0deajzvnq]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--cg-color-text-muted) 30%, transparent);
    border-radius: var(--cg-radius-full);
}

.tag-tree-card__tree[b-k0deajzvnq]::-webkit-scrollbar-track {
    background: transparent;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryTypeFieldsEditor.razor.rz.scp.css */
/* EntryTypeFieldsEditor 独有样式 - 所有通用样式已由 Cg 组件提供 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Entry/Editor/EntryWebsiteEditor.razor.rz.scp.css */
/* ── 图片缩略图 ── */
.cg-website-thumb-cell[b-88b69w8hv4] {
    width: 80px;
}

.cg-website-thumb[b-88b69w8hv4] {
    width: 72px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--cg-radius-md);
    display: block;
    box-shadow: var(--cg-shadow-sm);
}

.cg-website-placeholder[b-88b69w8hv4] {
    width: 72px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    border: 1px dashed var(--cg-color-border);
}

/* ── HTML 预览 ── */
.cg-html-preview[b-88b69w8hv4] {
    margin-top: var(--cg-spacing-3);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background-color: var(--cg-color-surface);
    max-height: 500px;
    overflow-y: auto;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/EditRecordContrastPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   EditRecordContrastPanel — 对比版本选择器
   ═══════════════════════════════════════════════════ */

.ecp-contrast-bar[b-q9r6hvwi31] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    gap: var(--cg-spacing-3);
    padding: 1.25rem 1.5rem;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    flex-wrap: wrap;
}

.ecp-contrast-selector[b-q9r6hvwi31] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    flex: 1;
    min-width: 180px;
}

.ecp-contrast-label[b-q9r6hvwi31] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-q9r6hvwi31] .ecp-contrast-label .cg-mdi-icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/EditRecordDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   EditRecordDetail �?编辑记录详情
   ══════════════════════════════════════════════════�?*/

.edit-record-detail[b-dr597fim6d] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-5);
    min-width: 0;
    animation: erd-slide-in-b-dr597fim6d 0.3s ease-out;
}

@keyframes erd-slide-in-b-dr597fim6d {
    from { opacity: 0; transform: translateX(12px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ── Header ── */
.edit-record-detail__header[b-dr597fim6d] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);
}

.edit-record-detail__header-top[b-dr597fim6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-3);
    flex-wrap: wrap;
}

.edit-record-detail__title[b-dr597fim6d] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-dr597fim6d] .edit-record-detail__title .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-primary);
}

.edit-record-detail__meta[b-dr597fim6d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.edit-record-detail__meta-item[b-dr597fim6d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-dr597fim6d] .edit-record-detail__meta-item .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.edit-record-detail__meta-link[b-dr597fim6d] {
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: color var(--cg-transition-fast);
    cursor: pointer;
}

.edit-record-detail__meta-link:hover[b-dr597fim6d] {
    color: var(--cg-color-primary);
    text-decoration: none;
}

/* ── Sections ── */
.edit-record-detail__section[b-dr597fim6d] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--cg-transition-fast);
}

.edit-record-detail__section:hover[b-dr597fim6d] {
    box-shadow: var(--cg-shadow-sm);
}

.edit-record-detail__section-title[b-dr597fim6d] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-surface) 60%, var(--cg-color-bg) 40%),
        color-mix(in srgb, var(--cg-color-surface) 80%, var(--cg-color-bg) 20%));
}

[b-dr597fim6d] .edit-record-detail__section-title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

.edit-record-detail__overview-content[b-dr597fim6d] {
    padding: var(--cg-spacing-4);
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.edit-record-detail__text-block[b-dr597fim6d] {
    padding: var(--cg-spacing-4);
    white-space: pre-wrap;
    word-break: break-word;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    line-height: 1.6;
}

.edit-record-detail__section--comments[b-dr597fim6d] {
    border-color: color-mix(in srgb, var(--cg-color-warning) 40%, var(--cg-color-border));
}

.edit-record-detail__section--comments .edit-record-detail__section-title[b-dr597fim6d] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-warning) 8%, var(--cg-color-surface)),
        color-mix(in srgb, var(--cg-color-warning) 4%, var(--cg-color-surface)));
}

.edit-record-detail__section--note .edit-record-detail__section-title[b-dr597fim6d] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-primary) 6%, var(--cg-color-surface)),
        color-mix(in srgb, var(--cg-color-primary) 3%, var(--cg-color-surface)));
}

/* ── Empty ── */
.edit-record-detail__empty[b-dr597fim6d] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-6);
    justify-content: center;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

[b-dr597fim6d] .edit-record-detail__empty .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

/* ── Actions ── */
.edit-record-detail__actions[b-dr597fim6d] {
    display: flex;
    gap: var(--cg-spacing-2);
    padding-top: var(--cg-spacing-3);
}

.edit-record-detail__action-link[b-dr597fim6d] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in srgb, var(--cg-color-primary) 20%, transparent);
    transition: background var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.edit-record-detail__action-link:hover[b-dr597fim6d] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 35%, transparent);
    text-decoration: none;
}

[b-dr597fim6d] .edit-record-detail__action-link .cg-mdi-icon {
    width: 16px;
    height: 16px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/EditRecordListCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EditRecordListCard — mobile-first
   ═══════════════════════════════════════════════ */
.edit-record-list-card[b-sn3vyof5rt] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 1rem;
}

.edit-record-list-card > h2[b-sn3vyof5rt] {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cg-color-text);
}

.edit-record-list-card > h2[b-sn3vyof5rt]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.edit-record-list-card__list[b-sn3vyof5rt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.edit-record-list-card__item[b-sn3vyof5rt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.35rem;
    border-radius: var(--cg-radius-md);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast);
    min-height: 44px;
}

.edit-record-list-card__item:hover[b-sn3vyof5rt] {
    background: var(--cg-color-hover-overlay);
}

[b-sn3vyof5rt] .edit-record-list-card__item > .cg-mdi-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: var(--cg-color-primary);
    opacity: 0.5;
    transition: opacity var(--cg-transition-fast);
}

.edit-record-list-card__item:hover[b-sn3vyof5rt]  > .cg-mdi-icon {
    opacity: 1;
}

[b-sn3vyof5rt] .edit-record-list-card__avatar .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.edit-record-list-card__avatar[b-sn3vyof5rt] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    overflow: hidden;
    background: color-mix(in srgb, var(--cg-color-primary) 8%, var(--cg-color-bg));
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-record-list-card__avatar img[b-sn3vyof5rt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-sn3vyof5rt] .edit-record-list-card__avatar .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-text-muted);
}

.edit-record-list-card__content[b-sn3vyof5rt] {
    flex: 1;
    min-width: 0;
}

.edit-record-list-card__header[b-sn3vyof5rt] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 1px;
}

.edit-record-list-card__user[b-sn3vyof5rt] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edit-record-list-card__op[b-sn3vyof5rt] {
    font-size: 0.65rem;
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    margin-left: 1rem;
}

.edit-record-list-card__time[b-sn3vyof5rt] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.65rem;
    color: var(--cg-color-text-muted);
    font-variant-numeric: tabular-nums;
}

[b-sn3vyof5rt] .edit-record-list-card__time .cg-mdi-icon {
    width: 12px;
    height: 12px;
}

.edit-record-list-card__more[b-sn3vyof5rt] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.3rem;
    margin-top: 0.5rem;
    padding: 0.35rem 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--cg-color-primary);
    text-decoration: none;
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.edit-record-list-card__more:hover[b-sn3vyof5rt] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
}

[b-sn3vyof5rt] .edit-record-list-card__more .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

/* ── Tablet (≥ 768px) ── */
@media (min-width: 768px) {
    .edit-record-list-card[b-sn3vyof5rt] {
        padding: 1.5rem;
        border-radius: var(--cg-radius-xl);
    }

    .edit-record-list-card > h2[b-sn3vyof5rt] {
        margin: 0 0 1.25rem;
        font-size: 1.15rem;
        gap: 1rem;
    }

    .edit-record-list-card > h2[b-sn3vyof5rt]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }

    .edit-record-list-card__list--two-col[b-sn3vyof5rt] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 1rem;
    }

    .edit-record-list-card__item[b-sn3vyof5rt] {
        gap: 0.75rem;
        padding: 0.6rem 0.5rem;
    }

    [b-sn3vyof5rt] .edit-record-list-card__item > .cg-mdi-icon {
        width: 18px;
        height: 18px;
    }

    .edit-record-list-card__avatar[b-sn3vyof5rt] {
        width: 34px;
        height: 34px;
    }

    [b-sn3vyof5rt] .edit-record-list-card__avatar .cg-mdi-icon {
        width: 22px;
        height: 22px;
    }

    .edit-record-list-card__header[b-sn3vyof5rt] {
        gap: 0.5rem;
        margin-bottom: 2px;
    }

    .edit-record-list-card__user[b-sn3vyof5rt] {
        font-size: 0.875rem;
    }

    .edit-record-list-card__op[b-sn3vyof5rt] {
        font-size: 0.75rem;
    }

    .edit-record-list-card__time[b-sn3vyof5rt] {
        font-size: 0.75rem;
    }

    [b-sn3vyof5rt] .edit-record-list-card__time .cg-mdi-icon {
        width: 14px;
        height: 14px;
    }

    .edit-record-list-card__more[b-sn3vyof5rt] {
        margin-top: 0.75rem;
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
        gap: 0.35rem;
    }

    [b-sn3vyof5rt] .edit-record-list-card__more .cg-mdi-icon {
        width: 16px;
        height: 16px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/EditRecordTimeline.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   EditRecordTimeline — 编辑记录时间线
   ═══════════════════════════════════════════════════ */

.edit-record-timeline[b-43mvuy1xod] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 600px;
    overflow-y: auto;
    padding: var(--cg-spacing-2);
}

/* ── Timeline Item ── */
.edit-record-timeline__item[b-43mvuy1xod] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border: 1px solid transparent;
    border-radius: var(--cg-radius-lg);
    background: transparent;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    text-align: left;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.edit-record-timeline__item:hover[b-43mvuy1xod] {
    background: var(--cg-color-hover-overlay);
}

.edit-record-timeline__item--active[b-43mvuy1xod] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 25%, transparent);
}

/* ── Timeline Marker ── */
.edit-record-timeline__marker[b-43mvuy1xod] {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-border);
    margin-top: 6px;
    transition: all var(--cg-transition-fast);
}

.edit-record-timeline__item:hover .edit-record-timeline__marker[b-43mvuy1xod] {
    background: color-mix(in srgb, var(--cg-color-primary) 50%, var(--cg-color-border));
}

.edit-record-timeline__item--active .edit-record-timeline__marker[b-43mvuy1xod] {
    background: var(--cg-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-color-primary) 20%, transparent);
    animation: ert-pulse-b-43mvuy1xod 2s infinite;
}

@keyframes ert-pulse-b-43mvuy1xod {
    0%   { box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-color-primary) 20%, transparent); }
    50%  { box-shadow: 0 0 0 6px color-mix(in srgb, var(--cg-color-primary) 8%, transparent); }
    100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-color-primary) 20%, transparent); }
}

/* ── Content ── */
.edit-record-timeline__content[b-43mvuy1xod] {
    flex: 1;
    min-width: 0;
}

.edit-record-timeline__header[b-43mvuy1xod] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: 2px;
}

.edit-record-timeline__id[b-43mvuy1xod] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    font-variant-numeric: tabular-nums;
}

.edit-record-timeline__op[b-43mvuy1xod] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px var(--cg-spacing-2);
    background: color-mix(in srgb, var(--cg-color-primary) 6%, transparent);
    border-radius: var(--cg-radius-full);
}

.edit-record-timeline__meta[b-43mvuy1xod] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.edit-record-timeline__user[b-43mvuy1xod] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

[b-43mvuy1xod] .edit-record-timeline__user .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.edit-record-timeline__time[b-43mvuy1xod] {
    font-variant-numeric: tabular-nums;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/EntryTypeBadge.razor.rz.scp.css */
.entry-type-badge[b-gs0odj2ns3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    white-space: nowrap;
    border: 1px solid transparent;
}

.entry-type-badge--game[b-gs0odj2ns3] {
    color: var(--cg-color-success);
    background: color-mix(in srgb, var(--cg-color-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-success) 25%, transparent);
}

.entry-type-badge--group[b-gs0odj2ns3] {
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 25%, transparent);
}

.entry-type-badge--role[b-gs0odj2ns3] {
    color: var(--cg-color-warning);
    background: color-mix(in srgb, var(--cg-color-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-warning) 25%, transparent);
}

.entry-type-badge--staff[b-gs0odj2ns3] {
    color: var(--cg-color-error);
    background: color-mix(in srgb, var(--cg-color-error) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-error) 25%, transparent);
}

.entry-type-badge--other[b-gs0odj2ns3] {
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-text-muted) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-text-muted) 25%, transparent);
}

[b-gs0odj2ns3] .entry-type-badge__icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ExamineDetailPanel.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   ExamineDetailPanel �?审核详情面板
   ══════════════════════════════════════════════════�?*/

.examine-detail-panel[b-clluh28ej4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── Info Grid ── */
.examine-detail-panel__info-grid[b-clluh28ej4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--cg-spacing-4);
    padding: 1.5rem;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
}

.examine-detail-panel__info-item[b-clluh28ej4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--cg-spacing-3);
    background: color-mix(in srgb, var(--cg-color-bg) 50%, transparent);
    border-radius: var(--cg-radius-lg);
    transition: background var(--cg-transition-fast);
}

.examine-detail-panel__info-item:hover[b-clluh28ej4] {
    background: color-mix(in srgb, var(--cg-color-bg) 80%, transparent);
}

.examine-detail-panel__info-label[b-clluh28ej4] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--cg-font-weight-medium);
}

.examine-detail-panel__info-value[b-clluh28ej4] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-semibold);
}

.examine-detail-panel__info-link[b-clluh28ej4] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-semibold);
}

.examine-detail-panel__info-link:hover[b-clluh28ej4] {
    text-decoration: underline;
}

/* ── Object Card ── */
.examine-detail-panel__object-card[b-clluh28ej4] {
    display: flex;
    gap: var(--cg-spacing-4);
    padding: 1.25rem 1.5rem;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    align-items: center;
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

.examine-detail-panel__object-card:hover[b-clluh28ej4] {
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-2px);
}

.examine-detail-panel__object-image[b-clluh28ej4] {
    width: auto;
    height: auto;
    max-width: 140px;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    border-radius: var(--cg-radius-lg);
    flex-shrink: 0;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
}

.examine-detail-panel__object-info[b-clluh28ej4] {
    flex: 1;
    min-width: 0;
}

.examine-detail-panel__object-name[b-clluh28ej4] {
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-1) 0;
}

.examine-detail-panel__object-desc[b-clluh28ej4] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0 0 var(--cg-spacing-2) 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.examine-detail-panel__object-link[b-clluh28ej4] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    transition: background var(--cg-transition-fast);
}

.examine-detail-panel__object-link:hover[b-clluh28ej4] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    text-decoration: none;
}

[b-clluh28ej4] .examine-detail-panel__object-link .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Sections ── */
.examine-detail-panel__section[b-clluh28ej4] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    transition: box-shadow var(--cg-transition-fast);
}

.examine-detail-panel__section:hover[b-clluh28ej4] {
    box-shadow: var(--cg-shadow-md);
}

.examine-detail-panel__section-title[b-clluh28ej4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-surface) 60%, var(--cg-color-bg) 40%),
        color-mix(in srgb, var(--cg-color-surface) 80%, var(--cg-color-bg) 20%));
}

[b-clluh28ej4] .examine-detail-panel__section-title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

.examine-detail-panel__section-body[b-clluh28ej4] {
    padding: var(--cg-spacing-4);
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.examine-detail-panel__text-block[b-clluh28ej4] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    line-height: 1.6;
    margin: 0;
}

.examine-detail-panel__section--comments[b-clluh28ej4] {
    border-color: color-mix(in srgb, var(--cg-color-warning) 40%, var(--cg-color-border));
}

.examine-detail-panel__section--comments .examine-detail-panel__section-title[b-clluh28ej4] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-warning) 8%, var(--cg-color-surface)),
        color-mix(in srgb, var(--cg-color-warning) 4%, var(--cg-color-surface)));
}

/* ── Edit Record Link ── */
.examine-detail-panel__edit-record-link[b-clluh28ej4] {
    display: flex;
    justify-content: flex-start;
}

[b-clluh28ej4] .examine-detail-panel__edit-record-link .cg-mdi-icon {
    width: 18px;
    height: 18px;
    margin-right: var(--cg-spacing-1);
}

/* ── Admin Actions ── */
.examine-detail-panel__admin-actions[b-clluh28ej4] {
    background: var(--cg-color-surface);
    border: 2px solid var(--cg-color-primary);
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
}

.examine-detail-panel__admin-actions .examine-detail-panel__section-title[b-clluh28ej4] {
    border-bottom-color: color-mix(in srgb, var(--cg-color-primary) 20%, var(--cg-color-border));
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-primary) 8%, var(--cg-color-surface)),
        color-mix(in srgb, var(--cg-color-primary) 4%, var(--cg-color-surface)));
}

.examine-detail-panel__action-body[b-clluh28ej4] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.examine-detail-panel__action-input[b-clluh28ej4] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.examine-detail-panel__action-input label[b-clluh28ej4] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
}

.examine-detail-panel__action-buttons[b-clluh28ej4] {
    display: flex;
    justify-content: space-between;
    gap: var(--cg-spacing-3);
}

[b-clluh28ej4] .examine-detail-panel__action-buttons .cg-mdi-icon {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

/* ── Preposition Alert ── */
.examine-detail-panel__preposition-alert[b-clluh28ej4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    background: color-mix(in srgb, var(--cg-color-error) 6%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-error) 25%, transparent);
    border-radius: var(--cg-radius-xl);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-error);
    box-shadow: var(--cg-shadow-sm);
}

[b-clluh28ej4] .examine-detail-panel__preposition-alert .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.examine-detail-panel__preposition-alert a[b-clluh28ej4] {
    color: var(--cg-color-error);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: underline;
}

/* ── Contrast View ── */
.examine-detail-panel__contrast[b-clluh28ej4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cg-spacing-4);
}

@media (max-width: 768px) {
    .examine-detail-panel__contrast[b-clluh28ej4] {
        grid-template-columns: 1fr;
    }
}

.examine-detail-panel__contrast-column[b-clluh28ej4] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    min-width: 0;
}

.examine-detail-panel__contrast-title[b-clluh28ej4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-lg);
}

.examine-detail-panel__contrast-title--before[b-clluh28ej4] {
    background: color-mix(in srgb, var(--cg-color-warning) 10%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-warning) 25%, transparent);
}

.examine-detail-panel__contrast-title--after[b-clluh28ej4] {
    background: color-mix(in srgb, var(--cg-color-success) 10%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-success) 25%, transparent);
}

[b-clluh28ej4] .examine-detail-panel__contrast-title .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.examine-detail-panel__contrast-title--before[b-clluh28ej4]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

.examine-detail-panel__contrast-title--after[b-clluh28ej4]  .cg-mdi-icon {
    color: var(--cg-color-success);
}

/* ── Sensitive Words ── */
.examine-detail-panel__section--sensitive[b-clluh28ej4] {
    border-color: color-mix(in srgb, var(--cg-color-error) 35%, var(--cg-color-border));
}

.examine-detail-panel__section--sensitive .examine-detail-panel__section-title[b-clluh28ej4] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-error) 8%, var(--cg-color-surface)),
        color-mix(in srgb, var(--cg-color-error) 4%, var(--cg-color-surface)));
}

.examine-detail-panel__sensitive-words[b-clluh28ej4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
}

.examine-detail-panel__sensitive-word[b-clluh28ej4] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-error);
    background: color-mix(in srgb, var(--cg-color-error) 8%, transparent);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in srgb, var(--cg-color-error) 20%, transparent);
    transition: background var(--cg-transition-fast);
}

.examine-detail-panel__sensitive-word:hover[b-clluh28ej4] {
    background: color-mix(in srgb, var(--cg-color-error) 15%, transparent);
}

/* ── Contribution Value ── */
.examine-detail-panel__contribution[b-clluh28ej4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    background: color-mix(in srgb, var(--cg-color-primary) 5%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-primary) 18%, transparent);
    border-radius: var(--cg-radius-xl);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    box-shadow: var(--cg-shadow-sm);
}

[b-clluh28ej4] .examine-detail-panel__contribution .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-amber);
}

.examine-detail-panel__contribution strong[b-clluh28ej4] {
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-bold);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ExamineListPanel.razor.rz.scp.css */
.examine-actions[b-1o6ychyjp6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.examine-action-btn[b-1o6ychyjp6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    cursor: pointer;
    transition: background var(--cg-transition-fast);
}

.examine-action-btn:hover[b-1o6ychyjp6] {
    background: var(--cg-color-hover-overlay);
}

[b-1o6ychyjp6] .examine-action-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.examine-action-btn--view[b-1o6ychyjp6] {
    color: var(--cg-color-primary);
}

.examine-action-btn--approve[b-1o6ychyjp6] {
    color: var(--cg-color-success);
}

.examine-action-btn--reject[b-1o6ychyjp6] {
    color: var(--cg-color-error);
}

.examine-user-link[b-1o6ychyjp6] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
}

.examine-user-link:hover[b-1o6ychyjp6] {
    text-decoration: underline;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ExaminePreDataView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   ExaminePreDataView — 审核修改前/后数据展示
   ═══════════════════════════════════════════════════ */

.examine-pre-data-view[b-y811dgagbx] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── Section ── */
.examine-pre-data-view__section[b-y811dgagbx] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    transition: box-shadow var(--cg-transition-fast);
}

.examine-pre-data-view__section:hover[b-y811dgagbx] {
    box-shadow: var(--cg-shadow-md);
}

.examine-pre-data-view__section-title[b-y811dgagbx] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-bottom: 1px solid var(--cg-color-border);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--cg-color-surface) 60%, var(--cg-color-bg) 40%),
        color-mix(in srgb, var(--cg-color-surface) 80%, var(--cg-color-bg) 20%));
}

[b-y811dgagbx] .examine-pre-data-view__section-title .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-primary);
}

.examine-pre-data-view__section-body[b-y811dgagbx] {
    padding: var(--cg-spacing-3);
    max-height: 400px;
    overflow-y: auto;
    font-size: var(--cg-font-size-sm);
    line-height: 1.6;
}

.examine-pre-data-view__group-title[b-y811dgagbx] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-2) 0 var(--cg-spacing-1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Table ── */
.examine-pre-data-view__table[b-y811dgagbx] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--cg-font-size-xs);
}

.examine-pre-data-view__table th[b-y811dgagbx],
.examine-pre-data-view__table td[b-y811dgagbx] {
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    text-align: left;
    border-bottom: 1px solid var(--cg-color-border);
    word-break: break-word;
}

.examine-pre-data-view__table th[b-y811dgagbx] {
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-bg) 50%, var(--cg-color-surface) 50%);
}

.examine-pre-data-view__table td[b-y811dgagbx] {
    color: var(--cg-color-text);
}

.examine-pre-data-view__table tbody tr[b-y811dgagbx] {
    transition: background var(--cg-transition-fast);
}

.examine-pre-data-view__table tbody tr:nth-child(even)[b-y811dgagbx] {
    background: color-mix(in srgb, var(--cg-color-bg) 30%, transparent);
}

.examine-pre-data-view__table tbody tr:hover[b-y811dgagbx] {
    background: var(--cg-color-hover-overlay);
}

/* ── Image Grid ── */
.examine-pre-data-view__image-grid[b-y811dgagbx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--cg-spacing-2);
}

.examine-pre-data-view__image-item[b-y811dgagbx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.examine-pre-data-view__image-item img[b-y811dgagbx] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--cg-radius-md);
    border: 1px solid var(--cg-color-border);
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.examine-pre-data-view__image-item img:hover[b-y811dgagbx] {
    transform: scale(1.05);
    box-shadow: var(--cg-shadow-md);
}

.examine-pre-data-view__image-note[b-y811dgagbx] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Tag List ── */
.examine-pre-data-view__tag-list[b-y811dgagbx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-1);
}

.examine-pre-data-view__tag[b-y811dgagbx] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in srgb, var(--cg-color-primary) 18%, transparent);
    transition: background var(--cg-transition-fast), border-color var(--cg-transition-fast);
    text-decoration: none;
}

.examine-pre-data-view__tag:hover[b-y811dgagbx] {
    background: color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 30%, transparent);
}

/* ── Audio ── */
.examine-pre-data-view__audio-item[b-y811dgagbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2) 0;
    border-bottom: 1px solid var(--cg-color-border);
    font-size: var(--cg-font-size-xs);
    transition: background var(--cg-transition-fast);
}

.examine-pre-data-view__audio-item:hover[b-y811dgagbx] {
    background: var(--cg-color-hover-overlay);
}

.examine-pre-data-view__audio-item:last-child[b-y811dgagbx] {
    border-bottom: none;
}

.examine-pre-data-view__audio-item a[b-y811dgagbx] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    padding: 2px var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    transition: background var(--cg-transition-fast);
}

.examine-pre-data-view__audio-item a:hover[b-y811dgagbx] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    text-decoration: none;
}

/* ── Empty ── */
.examine-pre-data-view__empty[b-y811dgagbx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-6);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

[b-y811dgagbx] .examine-pre-data-view__empty .cg-mdi-icon {
    width: 18px;
    height: 18px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ExamineStatusBadge.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   ExamineStatusBadge — 审核状态标签
   ═══════════════════════════════════════════════════ */

.examine-status-badge[b-ehvd0wys2b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 12px;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    white-space: nowrap;
    border: 1px solid transparent;
    letter-spacing: 0.02em;
    transition: transform var(--cg-transition-fast);
}

.examine-status-badge--passed[b-ehvd0wys2b] {
    color: var(--cg-color-success);
    background: color-mix(in srgb, var(--cg-color-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-success) 25%, transparent);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--cg-color-success) 8%, transparent);
}

.examine-status-badge--rejected[b-ehvd0wys2b] {
    color: var(--cg-color-error);
    background: color-mix(in srgb, var(--cg-color-error) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-error) 25%, transparent);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--cg-color-error) 8%, transparent);
}

.examine-status-badge--pending[b-ehvd0wys2b] {
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 25%, transparent);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
}

[b-ehvd0wys2b] .examine-status-badge__icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/MonitorListPanel.razor.rz.scp.css */
.examine-actions[b-02blv5i3lw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.examine-action-btn[b-02blv5i3lw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    cursor: pointer;
    transition: background var(--cg-transition-fast);
}

.examine-action-btn:hover[b-02blv5i3lw] {
    background: var(--cg-color-hover-overlay);
}

[b-02blv5i3lw] .examine-action-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.examine-action-btn--view[b-02blv5i3lw] {
    color: var(--cg-color-primary);
}

.examine-action-btn--delete[b-02blv5i3lw] {
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ReviewRecordListPanel.razor.rz.scp.css */
.examine-actions[b-dpdixgyny1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.examine-action-btn[b-dpdixgyny1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    cursor: pointer;
    transition: background var(--cg-transition-fast);
}

.examine-action-btn:hover[b-dpdixgyny1] {
    background: var(--cg-color-hover-overlay);
}

[b-dpdixgyny1] .examine-action-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.examine-action-btn--view[b-dpdixgyny1] {
    color: var(--cg-color-primary);
}

.examine-action-btn--approve[b-dpdixgyny1] {
    color: var(--cg-color-success);
}

.examine-action-btn--ignore[b-dpdixgyny1] {
    color: var(--cg-color-warning);
}

.examine-user-link[b-dpdixgyny1] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
}

.examine-user-link:hover[b-dpdixgyny1] {
    text-decoration: underline;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/ReviewStateBadge.razor.rz.scp.css */
.review-state-badge[b-oz7bfs26dd] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    white-space: nowrap;
    border: 1px solid transparent;
}

.review-state-badge--unread[b-oz7bfs26dd] {
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 25%, transparent);
}

.review-state-badge--reviewed[b-oz7bfs26dd] {
    color: var(--cg-color-success);
    background: color-mix(in srgb, var(--cg-color-success) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-success) 25%, transparent);
}

.review-state-badge--ignored[b-oz7bfs26dd] {
    color: var(--cg-color-warning);
    background: color-mix(in srgb, var(--cg-color-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-warning) 25%, transparent);
}

[b-oz7bfs26dd] .review-state-badge__icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Examine/UserContentOverview.razor.rz.scp.css */
.user-content-loading[b-j1pzipocx3] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* ── 区块 ── */
.user-content-section[b-j1pzipocx3] {
    margin-bottom: var(--cg-spacing-6);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-5);
}

.user-content-section__header[b-j1pzipocx3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--cg-spacing-4);
}

.user-content-section__title[b-j1pzipocx3] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-j1pzipocx3] .user-content-section__icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
}

/* ── 卡片 ── */
.user-content-card[b-j1pzipocx3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.user-content-card:hover[b-j1pzipocx3] {
    background: var(--cg-color-hover-overlay);
}

.user-content-card + .user-content-card[b-j1pzipocx3] {
    border-top: 1px solid var(--cg-color-border);
}

.user-content-card__info[b-j1pzipocx3] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
    min-width: 0;
}

.user-content-card__user[b-j1pzipocx3] {
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
}

.user-content-card__desc[b-j1pzipocx3] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.user-content-card__time[b-j1pzipocx3] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
}

.user-content-card__actions[b-j1pzipocx3] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* ── 操作按钮 ── */
.examine-action-btn[b-j1pzipocx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    cursor: pointer;
    transition: background var(--cg-transition-fast);
    text-decoration: none;
}

.examine-action-btn:hover[b-j1pzipocx3] {
    background: var(--cg-color-hover-overlay);
}

[b-j1pzipocx3] .examine-action-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.examine-action-btn--view[b-j1pzipocx3] {
    color: var(--cg-color-primary);
}

.examine-action-btn--approve[b-j1pzipocx3] {
    color: var(--cg-color-success);
}

.examine-action-btn--ignore[b-j1pzipocx3] {
    color: var(--cg-color-warning);
}

/* ── 词条网格 ── */
.user-content-entry-grid[b-j1pzipocx3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--cg-spacing-4);
}

.user-content-entry-card[b-j1pzipocx3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--cg-color-text);
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
    border: 1px solid var(--cg-color-border);
}

.user-content-entry-card:hover[b-j1pzipocx3] {
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-2px);
}

.user-content-entry-card__image[b-j1pzipocx3] {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.user-content-entry-card__placeholder[b-j1pzipocx3] {
    width: 100%;
    aspect-ratio: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text-muted);
}

[b-j1pzipocx3] .user-content-entry-card__placeholder .cg-mdi-icon {
    width: 40px;
    height: 40px;
}

.user-content-entry-card__name[b-j1pzipocx3] {
    padding: var(--cg-spacing-2);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── 空状态 ── */
.user-content-empty[b-j1pzipocx3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    min-height: 200px;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-md);
}

[b-j1pzipocx3] .user-content-empty__icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-success);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/FavoriteFolder/FavoriteFolderHero.razor.rz.scp.css */
/* ── Hero 容器 —�?对齐 .entry-hero ── */
.cg-ff-hero[b-ajvph86es5] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: center;
}

/* ── 封面�?── */
.cg-ff-hero-side[b-ajvph86es5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    width: 100%;
}

.cg-ff-cover[b-ajvph86es5] {
    width: 100%;
    object-fit: cover;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-bg) 90%, white);
    box-shadow: var(--cg-shadow-md);
}

.cg-ff-hero--wide .cg-ff-cover[b-ajvph86es5] {
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-lg);
    max-width: 100%;
}

.cg-ff-cover--empty[b-ajvph86es5] {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg,
        color-mix(in oklab, var(--cg-color-primary) 15%, transparent),
        color-mix(in oklab, var(--cg-color-secondary) 15%, transparent));
}

.cg-ff-cover--empty[b-ajvph86es5]  .cg-mdi-icon {
    width: 64px;
    height: 64px;
    color: var(--cg-color-text-muted);
    opacity: 0.4;
}

/* ── 信息�?── */
.cg-ff-hero-main[b-ajvph86es5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cg-ff-hero-main h1[b-ajvph86es5] {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    line-height: 1.2;
    color: var(--cg-color-text);
}

.cg-ff-hero-top[b-ajvph86es5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cg-ff-type[b-ajvph86es5] {
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    padding: 0.15rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cg-ff-status[b-ajvph86es5] {
    border-radius: var(--cg-radius-sm);
    padding: 0.15rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cg-ff-status--default[b-ajvph86es5] {
    background: color-mix(in oklab, #22c55e 10%, transparent);
    color: #166534;
}

.cg-ff-status--private[b-ajvph86es5] {
    background: color-mix(in oklab, var(--cg-color-warning) 10%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.cg-ff-brief[b-ajvph86es5] {
    margin: 0;
    color: var(--cg-color-text-muted);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* ── 标签芯片 —�?对齐 .entry-people-chips ── */
.cg-ff-hero-chips[b-ajvph86es5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.cg-ff-chip[b-ajvph86es5] {
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    text-decoration: none;
    border-radius: var(--cg-radius-full);
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    transition: var(--cg-transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.cg-ff-chip:hover[b-ajvph86es5] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
}

.cg-ff-chip-avatar[b-ajvph86es5] {
    width: 20px;
    height: 20px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
}

/* ── 操作按钮 —�?对齐 .entry-edit-btn ── */
.cg-ff-hero-actions[b-ajvph86es5] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.cg-ff-edit-btn[b-ajvph86es5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-primary);
    background: var(--cg-color-primary);
    color: #fff;
}

.cg-ff-edit-btn:hover[b-ajvph86es5] {
    opacity: 0.9;
}

.cg-ff-edit-btn[b-ajvph86es5]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── 响应�?── */
@media (min-width: 768px) {
    .cg-ff-hero[b-ajvph86es5] {
        gap: 2.5rem;
        padding: 2rem;
        align-items: center;
    }

    .cg-ff-hero--wide[b-ajvph86es5] {
        grid-template-columns: 5fr 7fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/FavoriteFolder/FavoriteFolderInfoCard.razor.rz.scp.css */
/* ── InfoCard —�?对齐 .entry-card ── */
.cg-ff-info-card[b-7zgpw43s4h] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    padding: 1.5rem;
}

.cg-ff-info-card-title[b-7zgpw43s4h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--cg-color-text);
    margin: 0 0 1.25rem;
}

.cg-ff-info-card-title[b-7zgpw43s4h]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
}

.cg-ff-info-card-items[b-7zgpw43s4h] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.cg-ff-info-item[b-7zgpw43s4h] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-sm);
}

.cg-ff-info-item[b-7zgpw43s4h]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cg-ff-info-item-label[b-7zgpw43s4h] {
    color: var(--cg-color-text-muted);
}

.cg-ff-info-item-value[b-7zgpw43s4h] {
    margin-left: auto;
    font-weight: 600;
    color: var(--cg-color-text);
}

.cg-ff-info-user[b-7zgpw43s4h] {
    margin-top: var(--cg-spacing-4);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-border));
}

.cg-ff-info-user-title[b-7zgpw43s4h] {
    font-size: var(--cg-font-size-sm);
    font-weight: 700;
    color: var(--cg-color-text-muted);
    margin: 0 0 var(--cg-spacing-2) 0;
}

.cg-ff-info-user-link[b-7zgpw43s4h] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: 600;
    transition: color var(--cg-transition-fast);
    padding: 0.35rem 0;
    border-radius: var(--cg-radius-md);
}

.cg-ff-info-user-link:hover[b-7zgpw43s4h] {
    color: var(--cg-color-primary);
}

.cg-ff-info-user-avatar[b-7zgpw43s4h] {
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/FavoriteFolder/FavoriteFolderMoveDialog.razor.rz.scp.css */
.cg-ff-move-desc[b-9lwsu47224] {
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
    margin: 0 0 var(--cg-spacing-4) 0;
}

.cg-ff-move-loading[b-9lwsu47224],
.cg-ff-move-empty[b-9lwsu47224] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-6);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-ff-move-folder-list[b-9lwsu47224] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.cg-ff-move-folder-item[b-9lwsu47224] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    border: 1px solid var(--cg-color-border);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

.cg-ff-move-folder-item:hover[b-9lwsu47224] {
    background-color: var(--cg-color-hover-overlay);
    border-color: var(--cg-color-primary);
}

.cg-ff-move-folder-item.selected[b-9lwsu47224] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border-color: var(--cg-color-primary);
}

.cg-ff-move-folder-count[b-9lwsu47224] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
    margin-left: var(--cg-spacing-2);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/FavoriteFolder/FavoriteFolderObjectList.razor.rz.scp.css */
/* ── 空状�?── */
.cg-ff-objects-empty[b-eeix1d4lsy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
}

.cg-ff-objects-empty[b-eeix1d4lsy]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.4;
}

/* ── 分组标题 ── */
.cg-ff-object-group[b-eeix1d4lsy] {
    margin-bottom: var(--cg-spacing-4);
}

.cg-ff-object-group:last-child[b-eeix1d4lsy] {
    margin-bottom: 0;
}

.cg-ff-object-group-title[b-eeix1d4lsy] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cg-color-text-muted);
    margin: 0 0 var(--cg-spacing-3) 0;
    padding-bottom: var(--cg-spacing-2);
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-border));
}

/* ── 网格 ── */
.cg-ff-object-grid[b-eeix1d4lsy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--cg-spacing-3);
}

@media (min-width: 768px) {
    .cg-ff-object-grid[b-eeix1d4lsy] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/FavoriteFolder/FavoriteFolderObjectManager.razor.rz.scp.css */
.cg-ff-obj-manager[b-8cgd38gosd] {
    min-height: 200px;
}

.cg-ff-obj-manager-loading[b-8cgd38gosd],
.cg-ff-obj-manager-empty[b-8cgd38gosd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-6);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-ff-obj-manager-empty[b-8cgd38gosd]  .cg-mdi-icon {
    width: 40px;
    height: 40px;
    opacity: 0.4;
}

.cg-ff-obj-manager-list[b-8cgd38gosd] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.cg-ff-obj-manager-item[b-8cgd38gosd] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    transition: background-color var(--cg-transition-fast);
}

.cg-ff-obj-manager-item:hover[b-8cgd38gosd] {
    background-color: var(--cg-color-hover-overlay);
}

.cg-ff-obj-manager-item-type[b-8cgd38gosd] {
    display: inline-block;
    padding: 2px var(--cg-spacing-2);
    border-radius: var(--cg-radius-sm);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    flex-shrink: 0;
    min-width: 36px;
    text-align: center;
}

.cg-ff-obj-manager-item-type.type-entry[b-8cgd38gosd] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

.cg-ff-obj-manager-item-type.type-article[b-8cgd38gosd] {
    background-color: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
    color: var(--cg-color-success);
}

.cg-ff-obj-manager-item-type.type-video[b-8cgd38gosd] {
    background-color: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    color: var(--cg-color-warning);
}

.cg-ff-obj-manager-item-type.type-tag[b-8cgd38gosd] {
    background-color: color-mix(in oklab, var(--cg-color-secondary) 12%, transparent);
    color: var(--cg-color-secondary);
}

.cg-ff-obj-manager-item-type.type-periphery[b-8cgd38gosd] {
    background-color: color-mix(in oklab, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

.cg-ff-obj-manager-item-name[b-8cgd38gosd] {
    flex-grow: 1;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-primary);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg-ff-obj-manager-item-name:hover[b-8cgd38gosd] {
    color: var(--cg-color-primary);
}

.cg-ff-obj-manager-item-date[b-8cgd38gosd] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cg-ff-obj-manager-item-move[b-8cgd38gosd] {
    border: none;
    background: none;
    cursor: pointer;
    padding: var(--cg-spacing-1);
    border-radius: var(--cg-radius-sm);
    color: var(--cg-color-text-muted);
    transition: all var(--cg-transition-fast);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cg-ff-obj-manager-item-move:hover[b-8cgd38gosd] {
    color: var(--cg-color-success);
    background-color: color-mix(in oklab, var(--cg-color-success) 10%, transparent);
}

.cg-ff-obj-manager-item-move[b-8cgd38gosd]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.cg-ff-obj-manager-item-delete[b-8cgd38gosd] {
    border: none;
    background: none;
    cursor: pointer;
    padding: var(--cg-spacing-1);
    border-radius: var(--cg-radius-sm);
    color: var(--cg-color-text-muted);
    transition: all var(--cg-transition-fast);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cg-ff-obj-manager-item-delete:hover[b-8cgd38gosd] {
    color: var(--cg-color-error);
    background-color: color-mix(in oklab, var(--cg-color-error) 10%, transparent);
}

.cg-ff-obj-manager-item-delete[b-8cgd38gosd]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.cg-ff-obj-manager-pagination[b-8cgd38gosd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    margin-top: var(--cg-spacing-4);
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

.cg-ff-obj-manager-page-info[b-8cgd38gosd] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/CVFilterPanel.razor.rz.scp.css */
/* ── Filter panel container ── */
.cv-filter[b-mqjkq0l0ci] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    padding: var(--cg-spacing-5) var(--cg-spacing-6);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    box-shadow: var(--cg-shadow-sm);
}

.cv-filter__summary[b-mqjkq0l0ci] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    padding-left: var(--cg-spacing-3);
    border-left: 3px solid var(--cg-color-primary);
}

.cv-filter__row[b-mqjkq0l0ci] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--cg-spacing-4);
    align-items: end;
}

.cv-filter__group[b-mqjkq0l0ci] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.cv-filter__label[b-mqjkq0l0ci] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-muted);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .cv-filter__row[b-mqjkq0l0ci] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .cv-filter[b-mqjkq0l0ci] {
        padding: var(--cg-spacing-4);
        border-radius: var(--cg-radius-lg);
    }

    .cv-filter__row[b-mqjkq0l0ci] {
        grid-template-columns: 1fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/CVInfoCard.razor.rz.scp.css */
/* ── Card container ── */
.cv-info-card[b-sl5xix9say] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4) var(--cg-spacing-3);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-xl);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.cv-info-card:hover[b-sl5xix9say] {
    transform: translateY(-4px);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── Avatar ── */
.cv-info-card__avatar-wrap[b-sl5xix9say] {
    position: relative;
    width: 80%;
    max-width: 120px;
    aspect-ratio: 1;
}

.cv-info-card__avatar[b-sl5xix9say] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.cv-info-card:hover .cv-info-card__avatar[b-sl5xix9say] {
    transform: scale(1.06);
}

.cv-info-card__avatar-placeholder[b-sl5xix9say] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--cg-color-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-sl5xix9say] .cv-info-card__avatar-placeholder .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-text-muted);
    opacity: 0.4;
}

/* ── Certification badge ── */
.cv-info-card__badge[b-sl5xix9say] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    line-height: 0;
}

[b-sl5xix9say] .cv-info-card__badge .cg-mdi-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
}

/* ── Name ── */
.cv-info-card__name[b-sl5xix9say] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

/* ── Meta ── */
.cv-info-card__meta[b-sl5xix9say] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

/* ── Audio hint ── */
.cv-info-card__audio-hint[b-sl5xix9say] {
    line-height: 0;
}

[b-sl5xix9say] .cv-info-card__audio-hint .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-primary);
    opacity: 0.6;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/CVNewsCard.razor.rz.scp.css */
/* ── News section ── */
.cv-news[b-ukhaz18xhx] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    box-shadow: var(--cg-shadow-sm);
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cv-news__title[b-ukhaz18xhx] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-2) 0;
}

[b-ukhaz18xhx] .cv-news__title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

/* ── News list ── */
.cv-news__list[b-ukhaz18xhx] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    overflow-y: auto;
}

.cv-news__item[b-ukhaz18xhx] {
    display: flex;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast);
}

.cv-news__item:hover[b-ukhaz18xhx] {
    background: var(--cg-color-hover-overlay);
}

.cv-news__item-img[b-ukhaz18xhx] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.cv-news__item-body[b-ukhaz18xhx] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    min-width: 0;
    flex: 1;
}

.cv-news__item-head[b-ukhaz18xhx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
}

.cv-news__item-name[b-ukhaz18xhx] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-news__item-time[b-ukhaz18xhx] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cv-news__item-text[b-ukhaz18xhx] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .cv-news[b-ukhaz18xhx] {
        padding: var(--cg-spacing-4);
        border-radius: var(--cg-radius-lg);
    }

    .cv-news__item-img[b-ukhaz18xhx] {
        width: 44px;
        height: 44px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/CVTagFilter.razor.rz.scp.css */
/* ── Tag filter container ── */
.cv-tag-filter[b-hvyw54uxeg] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    padding: var(--cg-spacing-5) var(--cg-spacing-6);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    box-shadow: var(--cg-shadow-sm);
}

.cv-tag-filter__group[b-hvyw54uxeg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: 1px solid var(--cg-color-border);
}

.cv-tag-filter__group:last-child[b-hvyw54uxeg] {
    border-bottom: none;
    padding-bottom: 0;
}

/* ── Chip button ── */
.cv-tag-filter__chip[b-hvyw54uxeg] {
    display: inline-flex;
    align-items: center;
    padding: var(--cg-spacing-1) var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-bg);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.cv-tag-filter__chip:hover[b-hvyw54uxeg] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
}

.cv-tag-filter__chip--active[b-hvyw54uxeg] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-color: var(--cg-color-primary);
}

.cv-tag-filter__chip--active:hover[b-hvyw54uxeg] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
    border-color: var(--cg-color-primary-hover);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .cv-tag-filter[b-hvyw54uxeg] {
        padding: var(--cg-spacing-4);
        border-radius: var(--cg-radius-lg);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/DiscountFilterPanel.razor.rz.scp.css */
/* ── Filter panel container ── */
.discount-filter[b-1aucedyzkh] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 640px) {
    .discount-filter[b-1aucedyzkh] {
        border-radius: var(--cg-radius-xl);
        padding: var(--cg-spacing-5) var(--cg-spacing-6);
    }
}

/* ── Summary with left accent ── */
.discount-filter__summary[b-1aucedyzkh] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    padding-left: var(--cg-spacing-3);
    border-left: 3px solid var(--cg-color-primary);
}

.discount-filter__summary a[b-1aucedyzkh] {
    color: var(--cg-color-link);
    text-decoration: none;
}

.discount-filter__summary a:hover[b-1aucedyzkh] {
    text-decoration: underline;
}

/* ── Uniform grid rows ── */
.discount-filter__row[b-1aucedyzkh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-4);
    align-items: end;
}

@media (min-width: 640px) {
    .discount-filter__row[b-1aucedyzkh] {
        grid-template-columns: repeat(2, 1fr);
    }
    .discount-filter__row:last-child[b-1aucedyzkh] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1024px) {
    .discount-filter__row[b-1aucedyzkh] {
        grid-template-columns: repeat(4, 1fr);
    }
    .discount-filter__row:last-child[b-1aucedyzkh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.discount-filter__group[b-1aucedyzkh] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.discount-filter__group--check[b-1aucedyzkh] {
    justify-content: flex-end;
    padding-bottom: var(--cg-spacing-2);
}

.discount-filter__label[b-1aucedyzkh] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/DiscountGameCard.razor.rz.scp.css */
/* ── Card container ── */
.discount-card[b-6oovs79p2x] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.discount-card:hover[b-6oovs79p2x] {
    transform: translateY(-4px);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── Image ── */
.discount-card__image-wrap[b-6oovs79p2x] {
    position: relative;
    width: 100%;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
}

.discount-card__image[b-6oovs79p2x] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.discount-card:hover .discount-card__image[b-6oovs79p2x] {
    transform: scale(1.04);
}

.discount-card__image-wrap[b-6oovs79p2x]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent);
    pointer-events: none;
}

/* ── Discount badge (gradient + shadow) ── */
.discount-card__badge[b-6oovs79p2x] {
    position: absolute;
    top: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    background: linear-gradient(135deg, var(--cg-color-secondary), var(--cg-color-secondary-hover));
    color: var(--cg-color-on-dark);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    padding: 0.2rem 0.6rem;
    border-radius: var(--cg-radius-sm);
    z-index: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.02em;
}

/* ── Body ── */
.discount-card__body[b-6oovs79p2x] {
    padding: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    flex: 1;
}

.discount-card__name[b-6oovs79p2x] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0;
    color: var(--cg-color-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.discount-card__desc[b-6oovs79p2x] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
}

/* ── Meta info ── */
.discount-card__meta[b-6oovs79p2x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cg-spacing-1) var(--cg-spacing-3);
}

.discount-card__meta-item[b-6oovs79p2x] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

[b-6oovs79p2x] .discount-card__meta-item .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

/* ── Price ── */
.discount-card__price-row[b-6oovs79p2x] {
    display: flex;
    align-items: baseline;
    gap: var(--cg-spacing-2);
    margin-top: auto;
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

.discount-card__price-now[b-6oovs79p2x] {
    font-size: var(--cg-font-size-lg);
    font-weight: 800;
    background: linear-gradient(135deg, var(--cg-color-secondary), var(--cg-color-secondary-hover));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.discount-card__price-original[b-6oovs79p2x] {
    font-size: var(--cg-font-size-sm);
    color: color-mix(in oklab, var(--cg-color-text-muted) 70%, transparent);
    text-decoration: line-through;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/GamePublishTimesCard.razor.rz.scp.css */
.publish-times-card[b-oyx6jlhkzo] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.publish-times-card:hover[b-oyx6jlhkzo] {
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

/* ── Image wrapper ── */
.publish-times-card__image-wrap[b-oyx6jlhkzo] {
    position: relative;
    width: 100%;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
}

.publish-times-card__image[b-oyx6jlhkzo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.publish-times-card:hover .publish-times-card__image[b-oyx6jlhkzo] {
    transform: scale(1.05);
}

/* gradient overlay at bottom of image */
.publish-times-card__image-wrap[b-oyx6jlhkzo]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
    pointer-events: none;
}

.publish-times-card__body[b-oyx6jlhkzo] {
    padding: var(--cg-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    flex: 1;
}

@media (min-width: 768px) {
    .publish-times-card__body[b-oyx6jlhkzo] {
        padding: var(--cg-spacing-4);
    }
}

.publish-times-card__name[b-oyx6jlhkzo] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0;
    color: var(--cg-color-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.publish-times-card__desc[b-oyx6jlhkzo] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

/* ── Date badge ── */
.publish-times-card__time[b-oyx6jlhkzo] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
    margin-top: auto;
    padding: var(--cg-spacing-1) var(--cg-spacing-3);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border-radius: var(--cg-radius-full);
    width: fit-content;
}

[b-oyx6jlhkzo] .publish-times-card__time .cg-mdi-icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/GamePublishTimesTimeline.razor.rz.scp.css */
/* ── Fade-in animation ── */
@keyframes publish-times-fadeInUp-b-qs8t9eayqw {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.publish-times-timeline[b-qs8t9eayqw] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Ensure mobile-first layout */
.publish-times-timeline__item[b-qs8t9eayqw] {
    display: grid;
    /* 2 columns on mobile: line/dot and content */
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: var(--cg-spacing-3);
    min-height: 80px;
    animation: publish-times-fadeInUp-b-qs8t9eayqw 0.4s ease-out both;
}

/* ── Dot & line ── */
.publish-times-timeline__dot-col[b-qs8t9eayqw] {
    grid-column: 1;
    grid-row: 1 / 3; /* Spans both time and content rows on mobile */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px; /* align dot visually with text */
}

.publish-times-timeline__dot[b-qs8t9eayqw] {
    width: 12px;
    height: 12px;
    border-radius: var(--cg-radius-full);
    flex-shrink: 0;
    background: var(--cg-color-primary);
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
    transition: transform var(--cg-transition-fast);
}

/* alternate dot color */
.publish-times-timeline__item:nth-child(even) .publish-times-timeline__dot[b-qs8t9eayqw] {
    background: var(--cg-color-secondary);
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--cg-color-secondary) 15%, transparent);
}

.publish-times-timeline__item:hover .publish-times-timeline__dot[b-qs8t9eayqw] {
    transform: scale(1.25);
}

.publish-times-timeline__line[b-qs8t9eayqw] {
    width: 2px;
    flex: 1;
    background: var(--cg-color-border);
    margin-top: var(--cg-spacing-2);
}

/* ── Time column ── */
.publish-times-timeline__time-col[b-qs8t9eayqw] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    padding-bottom: var(--cg-spacing-2);
}

.publish-times-timeline__time[b-qs8t9eayqw] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-bold);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    padding: var(--cg-spacing-1) var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    display: inline-block;
}

.publish-times-timeline__item:nth-child(even) .publish-times-timeline__time[b-qs8t9eayqw] {
    color: var(--cg-color-secondary);
    background: color-mix(in oklab, var(--cg-color-secondary) 10%, transparent);
}

/* ── Content card ── */
.publish-times-timeline__content[b-qs8t9eayqw] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    padding: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-6);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);    
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.publish-times-timeline__content:hover[b-qs8t9eayqw] {
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.publish-times-timeline__image[b-qs8t9eayqw] {
    width: 100%;
    height: auto;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    object-fit: cover;
    flex-shrink: 0;
    background: var(--cg-color-bg);
}

.publish-times-timeline__info[b-qs8t9eayqw] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    justify-content: center;
    min-width: 0;
}

.publish-times-timeline__name[b-qs8t9eayqw] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0;
    color: var(--cg-color-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.publish-times-timeline__desc[b-qs8t9eayqw] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

/* ── Responsive ── */
@media (min-width: 640px) {
    .publish-times-timeline__content[b-qs8t9eayqw] {
        flex-direction: row;
        align-items: center;
    }
    
    .publish-times-timeline__image[b-qs8t9eayqw] {
        width: 140px;
    }

    .publish-times-timeline__name[b-qs8t9eayqw] {
        -webkit-line-clamp: 1;
    }
}

@media (min-width: 768px) {
    .publish-times-timeline__item[b-qs8t9eayqw] {
        /* 3 columns on desktop: Time - Dot - Content */
        grid-template-columns: 140px 32px minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .publish-times-timeline__time-col[b-qs8t9eayqw] {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        padding-top: calc(var(--cg-spacing-4) - 2px);
        padding-bottom: 0;
        text-align: right;
    }

    .publish-times-timeline__time[b-qs8t9eayqw] {
        font-size: var(--cg-font-size-md);
        color: var(--cg-color-text-muted);
        font-weight: var(--cg-font-weight-medium);
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
    
    .publish-times-timeline__item:nth-child(even) .publish-times-timeline__time[b-qs8t9eayqw] {
        color: var(--cg-color-text-muted);
        background: transparent;
    }

    .publish-times-timeline__dot-col[b-qs8t9eayqw] {
        grid-column: 2;
        grid-row: 1;
        padding-top: var(--cg-spacing-4);
    }
    
    .publish-times-timeline__dot[b-qs8t9eayqw] {
        width: 14px;
        height: 14px;
    }

    .publish-times-timeline__content[b-qs8t9eayqw] {
        grid-column: 3;
        grid-row: 1;
        margin-bottom: var(--cg-spacing-6);
    }
    
    .publish-times-timeline__image[b-qs8t9eayqw] {
        width: 180px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeCarouselCard.razor.rz.scp.css */
.home-card[b-n6es6jlhpq] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.home-card:hover[b-n6es6jlhpq] {
    box-shadow: var(--cg-shadow-sm);
    border-color: var(--cg-color-primary-hover);
}

.home-banner[b-n6es6jlhpq] {
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.home-banner a[b-n6es6jlhpq] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.home-banner a:hover[b-n6es6jlhpq] {
    color: var(--cg-color-link);
}

.home-banner img[b-n6es6jlhpq] {
    display: block;
    width: 100%;
    aspect-ratio: 1200 / 675;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}

.home-banner a:hover img[b-n6es6jlhpq] {
    transform: scale(1.1);
}

.home-banner span[b-n6es6jlhpq] {
    display: block;
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeCommentCard.razor.rz.scp.css */
.home-comment-card[b-7qs4ebvw6m] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 0.75rem 1rem;
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.home-comment-card:hover[b-7qs4ebvw6m] {
    box-shadow: var(--cg-shadow-sm);
    border-color: var(--cg-color-primary);
    transform: translateY(-1px);
}

.home-comment-link[b-7qs4ebvw6m] {
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.home-comment-link:hover[b-7qs4ebvw6m] {
    color: inherit;
}

.home-comment-link:hover .home-comment-meta strong[b-7qs4ebvw6m] {
    color: var(--cg-color-primary);
}

.home-comment-header[b-7qs4ebvw6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.home-comment-avatar[b-7qs4ebvw6m] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--cg-color-bg);
    flex-shrink: 0;
}

.home-comment-meta[b-7qs4ebvw6m] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.home-comment-meta strong[b-7qs4ebvw6m] {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    transition: color var(--cg-transition-fast);
    line-height: 1.2;
}

.home-comment-meta small[b-7qs4ebvw6m] {
    color: var(--cg-color-text-muted);
    font-size: 0.625rem;
    line-height: 1;
}

.home-comment-content[b-7qs4ebvw6m] {
    color: var(--cg-color-text);
    font-size: 0.8125rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Make CgHtmlContent wrapper layout-transparent so line-clamp still works */
[b-7qs4ebvw6m] .cg-html-content {
    display: contents;
}

[b-7qs4ebvw6m] .cg-html-content p {
    margin: 0;
}

[b-7qs4ebvw6m] .cg-html-content img {
    display: inline;
    max-height: 1.2em;
    margin: 0;
    vertical-align: text-bottom;
    border-radius: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeError.razor.rz.scp.css */
.home-error[b-5th7q12vcv] {
    border: 1px solid #ef4444;
    background: #fff1f2;
    padding: 1rem;
    border-radius: var(--cg-radius-md);
}

.home-error h1[b-5th7q12vcv] {
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    color: #ef4444;
}

.home-error p[b-5th7q12vcv] {
    margin: 0;
    color: #7f1d1d;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeEvaluationCard.razor.rz.scp.css */
/* ── HomeEvaluationCard — mobile-first ── */

.home-evaluation-card[b-opwuols2um] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast), transform var(--cg-transition-fast);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.home-evaluation-card:hover[b-opwuols2um] {
    box-shadow: var(--cg-shadow-sm);
    border-color: var(--cg-color-primary);
    transform: translateY(-2px);
}

.home-evaluation-card-header[b-opwuols2um] {
    display: flex;
    flex-direction: column;
    color: var(--cg-color-text);
    text-decoration: none;
    border-bottom: 1px dashed var(--cg-color-border);
}

.home-evaluation-card-header:hover[b-opwuols2um] {
    color: var(--cg-color-primary);
}

.home-evaluation-card-image[b-opwuols2um] {
    width: 100%;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    background-color: var(--cg-color-bg);
}

.home-evaluation-card-header strong[b-opwuols2um] {
    font-size: 0.8rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    padding: 0.5rem 0.6rem;
}

@media (min-width: 640px) {
    .home-evaluation-card-header strong[b-opwuols2um] {
        font-size: 1rem;
        line-height: 1.4;
        padding: 0.75rem 1rem;
    }
}

.home-evaluation-sub-list[b-opwuols2um] {
    list-style: none;
    margin: 0;
    padding: 0.5rem 0.6rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    flex: 1;
}

@media (min-width: 640px) {
    .home-evaluation-sub-list[b-opwuols2um] {
        padding: 0.75rem 1rem 1rem 1rem;
        gap: 0.5rem;
    }
}

.home-evaluation-sub-list li[b-opwuols2um] {
    display: flex;
}

.home-evaluation-sub-list a[b-opwuols2um] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
    color: var(--cg-color-text-muted);
    text-decoration: none;
    font-size: 0.75rem;
    transition: color var(--cg-transition-fast);
    line-height: 1.4;
    width: 100%;
}

@media (min-width: 640px) {
    .home-evaluation-sub-list a[b-opwuols2um] {
        gap: 0.375rem;
        font-size: 0.875rem;
    }
}

.home-evaluation-sub-list a[b-opwuols2um]  .cg-mdi-icon {
    width: 0.875rem;
    height: 0.875rem;
    color: var(--cg-color-text-muted);
    margin-top: 0.1rem;
    transition: color var(--cg-transition-fast);
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .home-evaluation-sub-list a[b-opwuols2um]  .cg-mdi-icon {
        width: 1.1rem;
        height: 1.1rem;
        margin-top: 0.125rem;
    }
}

.home-evaluation-sub-list a span:last-child[b-opwuols2um] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-evaluation-sub-list a:hover[b-opwuols2um] {
    color: var(--cg-color-primary);
}

.home-evaluation-sub-list a:hover[b-opwuols2um]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeFooter.razor.rz.scp.css */
.home-footer[b-t2j36nfago] {
    margin-top: 1.1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cg-color-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    color: var(--cg-color-text-muted);
}

.home-footer a[b-t2j36nfago] {
    color: var(--cg-color-link);
    text-decoration: none;
}

.home-footer a:hover[b-t2j36nfago] {
    text-decoration: underline;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeGameCard.razor.rz.scp.css */
.home-game-card[b-rn4viwbi2o] {
    list-style: none;
    min-width: 0;
}

.home-game-card-link[b-rn4viwbi2o] {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.home-game-card-link:hover[b-rn4viwbi2o] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 35%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-1px);
}

.home-game-card-link:hover .home-game-card-title[b-rn4viwbi2o] {
    color: var(--cg-color-primary);
}

.home-game-card-link:hover .home-game-card-image[b-rn4viwbi2o] {
    transform: scale(1.1);
}

.home-game-card-image-wrapper[b-rn4viwbi2o] {
    position: relative;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background-color: var(--cg-color-border);
    margin: 0;
}

.home-game-card-image[b-rn4viwbi2o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease-in-out;
}

/* ── Card body: compact on mobile, spacious on desktop ── */

.home-game-card-body[b-rn4viwbi2o] {
    padding: 0.5rem 0.6rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-height: auto;
}

@media (min-width: 640px) {
    .home-game-card-body[b-rn4viwbi2o] {
        padding: 0.75rem 0.8rem 0.85rem;
        gap: 0.35rem;
        min-height: 4.8rem;
    }
}

.home-game-card-title[b-rn4viwbi2o] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-game-card-title[b-rn4viwbi2o] {
        font-size: 0.9rem;
        line-height: 1.35;
    }
}

.home-game-card-desc[b-rn4viwbi2o],
[b-rn4viwbi2o] .home-game-card-extra small {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.3;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 640px) {
    .home-game-card-desc[b-rn4viwbi2o],
    [b-rn4viwbi2o] .home-game-card-extra small {
        line-height: 1.35;
        -webkit-line-clamp: 2;
        font-size: 0.76rem;
    }
}

/* ── Tags: hidden on small screens, shown on sm+ ── */

.home-game-card-tags[b-rn4viwbi2o] {
    display: none;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: auto;
}

@media (min-width: 640px) {
    .home-game-card-tags[b-rn4viwbi2o] {
        display: flex;
    }
}

.home-game-card-tag[b-rn4viwbi2o] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.2rem 0.5rem;
    border-radius: var(--cg-radius-full);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 18%, transparent);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-game-card-tag[b-rn4viwbi2o]  .cg-mdi-icon {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}

.home-game-card-extra[b-rn4viwbi2o] {
    margin-top: auto;
}

[b-rn4viwbi2o] .home-game-card-extra small {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

@media (min-width: 1024px) {
    .home-game-card:not(.home-game-card--horizontal) .home-game-card-body[b-rn4viwbi2o] {
        min-height: 5.2rem;
    }
}

/* ── Horizontal variant ── */

.home-game-card--horizontal .home-game-card-link[b-rn4viwbi2o] {
    flex-direction: row;
    align-items: center;
    padding: 0.625rem;
    gap: 0.75rem;
}

.home-game-card--horizontal .home-game-card-image-wrapper[b-rn4viwbi2o] {
    width: 6.5rem;
    border-radius: var(--cg-radius-sm);
    flex-shrink: 0;
}

.home-game-card--horizontal .home-game-card-body[b-rn4viwbi2o] {
    padding: 0;
    min-height: auto;
    flex: 1;
    justify-content: center;
    gap: 0.25rem;
}

.home-game-card--horizontal .home-game-card-title[b-rn4viwbi2o] {
    font-size: 0.875rem;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.home-game-card--horizontal .home-game-card-desc[b-rn4viwbi2o],
.home-game-card--horizontal[b-rn4viwbi2o]  .home-game-card-extra small {
    font-size: 0.75rem;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    margin-top: 0;
}

.home-game-card--horizontal .home-game-card-tags[b-rn4viwbi2o] {
    display: none;
}

.home-game-card--horizontal[b-rn4viwbi2o]  .home-game-card-extra .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeHero.razor.rz.scp.css */
.home-hero-section[b-u1120s307h] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeKanban.razor.rz.scp.css */
/* ── HomeKanban — mobile-first ── */

.home-kanban-content[b-kqva3nc2wr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    border-radius: var(--cg-radius-lg);
    text-align: center;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .home-kanban-content[b-kqva3nc2wr] {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 3rem;
        margin-bottom: 3rem;
    }
}

.home-kanban-content img[b-kqva3nc2wr] {
    height: 6rem;
    object-fit: contain;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .home-kanban-content img[b-kqva3nc2wr] {
        height: 12rem;
    }
}

.home-kanban-img-flipped[b-kqva3nc2wr] {
    display: none;
}

@media (min-width: 768px) {
    .home-kanban-img-flipped[b-kqva3nc2wr] {
        display: block;
        transform: rotateY(180deg);
    }
}

.home-kanban-quote[b-kqva3nc2wr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 70rem;
    flex: 1;
}

@media (min-width: 768px) {
    .home-kanban-quote[b-kqva3nc2wr] {
        gap: 1rem;
    }
}

.home-kanban-quote-content[b-kqva3nc2wr] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.05rem;
    color: var(--cg-color-text);
}

@media (min-width: 768px) {
    .home-kanban-quote-content[b-kqva3nc2wr] {
        font-size: 2rem;
        letter-spacing: 0.1rem;
    }
}

.home-kanban-quote-by[b-kqva3nc2wr] {
    font-size: 0.8125rem;
    letter-spacing: 0.05rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    color: var(--cg-color-text-muted);
}

@media (min-width: 768px) {
    .home-kanban-quote-by[b-kqva3nc2wr] {
        font-size: 0.875rem;
    }
}

.home-kanban-quote-by a[b-kqva3nc2wr] {
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: color var(--cg-transition-fast);
}

.home-kanban-quote-by a:hover[b-kqva3nc2wr] {
    color: var(--cg-color-primary);
    text-decoration: underline;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeLinkCard.razor.rz.scp.css */
/* ── 通用链接卡片（公告/支持等） ── */
.home-card[b-lj8dlz23oa] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 0.75rem 1rem;
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.home-card:hover[b-lj8dlz23oa] {
    box-shadow: var(--cg-shadow-sm);
    border-color: var(--cg-color-primary-hover);
}

.home-card a[b-lj8dlz23oa] {
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.home-card a:hover[b-lj8dlz23oa] {
    color: var(--cg-color-primary);
}

.home-card strong[b-lj8dlz23oa] {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
}

.home-card p[b-lj8dlz23oa] {
    color: var(--cg-color-text-muted);
    margin: 0;
    font-size: 0.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── 社区链接卡片（紧凑胶囊风格） ── */
.home-card--community[b-lj8dlz23oa] {
    border: none;
    background: transparent;
    padding: 0;
}

.home-card--community:hover[b-lj8dlz23oa] {
    box-shadow: none;
}

.home-card--community a[b-lj8dlz23oa] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    color: inherit;
    padding: 0.5rem 0.25rem;
    border-radius: var(--cg-radius-md);
    transition: background-color var(--cg-transition-fast);
    text-align: center;
}

@media (min-width: 640px) {
    .home-card--community a[b-lj8dlz23oa] {
        flex-direction: row;
        gap: 0.625rem;
        padding: 0.5rem 0.75rem;
        text-align: left;
    }
}

.home-card--community a:hover[b-lj8dlz23oa] {
    color: inherit;
    background: var(--cg-color-hover-overlay);
}

.home-card-community-icon[b-lj8dlz23oa] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--cg-radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-card-community-icon[b-lj8dlz23oa] {
        width: 2.25rem;
        height: 2.25rem;
    }
}

.home-card-community-icon[b-lj8dlz23oa]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
}

@media (min-width: 640px) {
    .home-card-community-icon[b-lj8dlz23oa]  .cg-mdi-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.home-card--community strong[b-lj8dlz23oa] {
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .home-card--community strong[b-lj8dlz23oa] {
        font-size: 0.8125rem;
    }
}

/* ── 色调变体 ── */
.home-card-community-icon.is-primary[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-primary) 12%, white);
    color: var(--cg-color-primary);
}

.home-card-community-icon.is-secondary[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-secondary) 14%, white);
    color: var(--cg-color-secondary);
}

.home-card-community-icon.is-purple[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-brand-purple) 15%, white);
    color: var(--cg-color-brand-purple);
}

.home-card-community-icon.is-pink[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-brand-bilibili) 15%, white);
    color: var(--cg-color-brand-bilibili);
}

.home-card-community-icon.is-red[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-brand-weibo) 15%, white);
    color: var(--cg-color-brand-weibo);
}

.home-card-community-icon.is-dark[b-lj8dlz23oa] {
    background: color-mix(in oklab, var(--cg-color-brand-zhihu) 15%, white);
    color: var(--cg-color-brand-zhihu);
}

/* hover 时图标变为实心色 */
.home-card--community a:hover .home-card-community-icon.is-primary[b-lj8dlz23oa] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-dark);
}

.home-card--community a:hover .home-card-community-icon.is-secondary[b-lj8dlz23oa] {
    background: var(--cg-color-secondary);
    color: var(--cg-color-on-dark);
}

.home-card--community a:hover .home-card-community-icon.is-purple[b-lj8dlz23oa] {
    background: var(--cg-color-brand-purple);
    color: var(--cg-color-on-dark);
}

.home-card--community a:hover .home-card-community-icon.is-pink[b-lj8dlz23oa] {
    background: var(--cg-color-brand-bilibili);
    color: var(--cg-color-on-dark);
}

.home-card--community a:hover .home-card-community-icon.is-red[b-lj8dlz23oa] {
    background: var(--cg-color-brand-weibo);
    color: var(--cg-color-on-dark);
}

.home-card--community a:hover .home-card-community-icon.is-dark[b-lj8dlz23oa] {
    background: var(--cg-color-brand-zhihu);
    color: var(--cg-color-on-dark);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeMobileButtonGroup.razor.rz.scp.css */
/* Mobile Button Group CSS (Only displayed on < 768px screens) */

.home-mobile-button-group-card[b-q2bmwb3h4x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
}

@media (min-width: 768px) {
    .home-mobile-button-group-card[b-q2bmwb3h4x] {
        display: none;
    }
}

.home-mobile-button-group[b-q2bmwb3h4x] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem 0.5rem;
}

.home-mobile-button-item[b-q2bmwb3h4x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.home-mobile-button-icon[b-q2bmwb3h4x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--cg-radius-full);
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.home-mobile-button-item:active .home-mobile-button-icon[b-q2bmwb3h4x] {
    transform: scale(0.92);
}

.home-mobile-button-icon[b-q2bmwb3h4x]  .cg-mdi-icon {
    width: 1.375rem;
    height: 1.375rem;
}

.home-mobile-button-name[b-q2bmwb3h4x] {
    font-size: 0.75rem;
    color: var(--cg-color-text);
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
}

.home-mobile-community-buttons[b-q2bmwb3h4x] {
    display: flex;
    justify-content: space-evenly;
}

.home-mobile-community-btn[b-q2bmwb3h4x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
}

.home-mobile-community-btn:active[b-q2bmwb3h4x] {
    transform: scale(0.92);
}

.home-mobile-community-btn[b-q2bmwb3h4x]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeNewsCard.razor.rz.scp.css */
/* ── HomeNewsCard — mobile-first ── */

.home-news-card[b-w90fvd80kh] {
    list-style: none;
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    transition: box-shadow var(--cg-transition-normal), border-color var(--cg-transition-normal);
}

.home-news-card:hover[b-w90fvd80kh] {
    box-shadow: var(--cg-shadow-md);
    border-color: var(--cg-color-primary-hover);
}

.home-news-card-link[b-w90fvd80kh] {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.home-news-card-image[b-w90fvd80kh] {
    width: 100%;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-lg) var(--cg-radius-lg) 0 0;
    background-color: var(--cg-color-border);
    flex-shrink: 0;
    overflow: hidden;
}

.home-news-card-image img[b-w90fvd80kh] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}

.home-news-card-link:hover .home-news-card-image img[b-w90fvd80kh] {
    transform: scale(1.1);
}

/* ── Content area: compact on mobile ── */

.home-news-card-content[b-w90fvd80kh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 0.5rem 0.6rem 0.625rem;
}

@media (min-width: 640px) {
    .home-news-card-content[b-w90fvd80kh] {
        padding: 1rem;
    }
}

.home-news-card-header[b-w90fvd80kh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.home-news-card-title[b-w90fvd80kh] {
    flex: 1;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    transition: color var(--cg-transition-fast);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 640px) {
    .home-news-card-title[b-w90fvd80kh] {
        font-size: 1rem;
        line-height: 1.4;
    }
}

.home-news-card-link:hover .home-news-card-title[b-w90fvd80kh] {
    color: var(--cg-color-primary);
}

/* ── Description: hidden on small screens ── */

.home-news-card-text[b-w90fvd80kh] {
    display: none;
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: var(--cg-color-text-muted);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 640px) {
    .home-news-card-text[b-w90fvd80kh] {
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
}

/* ── Meta row: compact on mobile ── */

.home-news-card-meta[b-w90fvd80kh] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.375rem;
    flex-wrap: wrap;
}

@media (min-width: 640px) {
    .home-news-card-meta[b-w90fvd80kh] {
        gap: 1rem;
        margin-top: 0.75rem;
    }
}

.home-news-card-category[b-w90fvd80kh] {
    font-size: 0.5625rem;
    font-weight: 700;
    padding: 0.0625rem 0.3rem;
    background-color: var(--cg-color-bg);
    color: var(--cg-color-text-muted);
    border-radius: var(--cg-radius-sm);
    line-height: 1.4;
}

@media (min-width: 640px) {
    .home-news-card-category[b-w90fvd80kh] {
        font-size: 0.625rem;
        padding: 0.125rem 0.5rem;
    }
}

.home-news-card-time[b-w90fvd80kh] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .home-news-card-time[b-w90fvd80kh] {
        gap: 0.25rem;
        font-size: 0.75rem;
    }
}

.home-news-card-time[b-w90fvd80kh]  .cg-mdi-icon {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .home-news-card-time[b-w90fvd80kh]  .cg-mdi-icon {
        width: 1rem;
        height: 1rem;
    }
}

/* ══════════════════════════════════════════════
   Dev-style variant (制作组动态 — horizontal row)
   ══════════════════════════════════════════════ */

.home-news-card--dev[b-w90fvd80kh] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    box-shadow: none;
}

.home-news-card--dev:hover[b-w90fvd80kh] {
    border-color: var(--cg-color-border);
    box-shadow: none;
}

.home-news-card--dev .home-news-card-link[b-w90fvd80kh] {
    flex-direction: row;
    align-items: center;
    padding: 0.75rem;
    gap: 0.625rem;
}

@media (min-width: 640px) {
    .home-news-card--dev .home-news-card-link[b-w90fvd80kh] {
        padding: 1rem;
        gap: 0.75rem;
    }
}

.home-news-card--dev .home-news-card-image[b-w90fvd80kh] {
    width: 2.25rem;
    height: 2.25rem;
    aspect-ratio: auto;
    border-radius: var(--cg-radius-md);
}

@media (min-width: 640px) {
    .home-news-card--dev .home-news-card-image[b-w90fvd80kh] {
        width: 2.5rem;
        height: 2.5rem;
    }
}

.home-news-card--dev .home-news-card-content[b-w90fvd80kh] {
    padding: 0;
}

.home-news-card--dev .home-news-card-title[b-w90fvd80kh] {
    font-size: 0.8125rem;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

@media (min-width: 640px) {
    .home-news-card--dev .home-news-card-title[b-w90fvd80kh] {
        font-size: 0.875rem;
    }
}

.home-news-card--dev .home-news-card-text[b-w90fvd80kh] {
    display: -webkit-box;
    margin-top: 0.125rem;
    font-size: 0.6875rem;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

@media (min-width: 640px) {
    .home-news-card--dev .home-news-card-text[b-w90fvd80kh] {
        margin-top: 0.25rem;
        font-size: 0.75rem;
    }
}

.home-news-card-time--dev[b-w90fvd80kh] {
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
    margin-top: 0;
}

@media (min-width: 640px) {
    .home-news-card-time--dev[b-w90fvd80kh] {
        font-size: 0.6875rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeRandomRecommend.razor.rz.scp.css */
.home-random-recommend-grid[b-aozpbw5ge7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 640px) {
    .home-random-recommend-grid[b-aozpbw5ge7] {
        gap: 1.1rem;
    }
}

@media (min-width: 768px) {
    .home-random-recommend-grid[b-aozpbw5ge7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-random-recommend-grid[b-aozpbw5ge7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ── 推荐理由标签 ── */
[b-aozpbw5ge7] .home-recommend-reason {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.2rem 0.5rem;
    border-radius: var(--cg-radius-full);
    color: color-mix(in oklab, var(--cg-color-secondary) 80%, black);
    background: color-mix(in oklab, var(--cg-color-secondary) 15%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-secondary) 25%, transparent);
    white-space: nowrap;
}

[b-aozpbw5ge7] .home-recommend-reason .cg-mdi-icon {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeRoleCard.razor.rz.scp.css */
.home-role-card[b-jr0u7piuio] {
    list-style: none;
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    transition: box-shadow var(--cg-transition-normal), border-color var(--cg-transition-normal);
}

.home-role-card:hover[b-jr0u7piuio] {
    box-shadow: var(--cg-shadow-md);
    border-color: var(--cg-color-primary-hover);
}

.home-role-card-link[b-jr0u7piuio] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.home-role-card-avatar[b-jr0u7piuio] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    background-color: var(--cg-color-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-role-card-avatar img[b-jr0u7piuio] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.home-role-card-avatar--fallback[b-jr0u7piuio] {
    color: var(--cg-color-text-muted);
}

.home-role-card-avatar--fallback[b-jr0u7piuio]  .cg-mdi-icon {
    width: 1.65rem;
    height: 1.65rem;
}

.home-role-card-content[b-jr0u7piuio] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-role-card-title-area[b-jr0u7piuio] {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0.25rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.home-role-card-name[b-jr0u7piuio] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color var(--cg-transition-fast);
}

.home-role-card-link:hover .home-role-card-name[b-jr0u7piuio] {
    color: var(--cg-color-primary);
}

.home-role-card-game[b-jr0u7piuio] {
    font-size: 0.6875rem;
    color: var(--cg-color-primary);
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    padding: 0.125rem 0.375rem;
    border-radius: var(--cg-radius-sm);
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.home-role-card-game[b-jr0u7piuio]  .cg-mdi-icon {
    width: 0.85rem;
    height: 0.85rem;
}

.home-role-card-desc[b-jr0u7piuio] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeSection.razor.rz.scp.css */
.home-section[b-4nh284x3jg] {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .home-section[b-4nh284x3jg] {
        margin-bottom: 3rem;
    }
}

.home-section-header[b-4nh284x3jg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
    .home-section-header[b-4nh284x3jg] {
        margin-bottom: 1.5rem;
    }
}

.home-section-title[b-4nh284x3jg] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .home-section-title[b-4nh284x3jg] {
        font-size: 1.25rem;
        gap: 1rem;
    }
}

 [b-4nh284x3jg] .home-section-icon {
    color: var(--cg-color-primary);
    width: 1.5rem;
    height: 1.5rem;
}

@media (min-width: 768px) {
     [b-4nh284x3jg] .home-section-icon {
        width: 2rem;
        height: 2rem;
    }
}

.home-section-header-append[b-4nh284x3jg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/HomeWarning.razor.rz.scp.css */
.home-warning[b-375yq9ivey] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #fef2f2;
    border-radius: var(--cg-radius-md);
    border: 1px solid #fecaca;
}

.home-warning h2[b-375yq9ivey] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #b91c1c;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.home-warning ul[b-375yq9ivey] {
    list-style: disc;
    margin: 0;
    padding-left: 1.2rem;
    color: #b91c1c;
    font-size: 0.875rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/RevenueGameCard.razor.rz.scp.css */
.revenue-card[b-g5dc2qs3xi] {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform var(--cg-transition-fast),
                box-shadow var(--cg-transition-fast),
                border-color var(--cg-transition-fast);
}

.revenue-card:hover[b-g5dc2qs3xi] {
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

.revenue-card__rank[b-g5dc2qs3xi] {
    position: absolute;
    top: var(--cg-spacing-2);
    left: var(--cg-spacing-2);
    z-index: 2;
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    padding: 0.125rem var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    font-weight: var(--cg-font-weight-bold);
    font-size: var(--cg-font-size-xs);
    box-shadow: var(--cg-shadow-sm);
}

.revenue-card__image-wrap[b-g5dc2qs3xi] {
    position: relative;
    width: 100%;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
}

.revenue-card__image[b-g5dc2qs3xi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.revenue-card:hover .revenue-card__image[b-g5dc2qs3xi] {
    transform: scale(1.05);
}

.revenue-card__image-wrap[b-g5dc2qs3xi]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent);
    pointer-events: none;
}

.revenue-card__publisher[b-g5dc2qs3xi] {
    position: absolute;
    right: var(--cg-spacing-1);
    bottom: var(--cg-spacing-1);
    left: var(--cg-spacing-1);
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0.125rem var(--cg-spacing-1);
    border-radius: var(--cg-radius-md);
    font-size: 0.625rem;
    backdrop-filter: blur(4px);
    max-width: calc(100% - var(--cg-spacing-2));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.revenue-card__date[b-g5dc2qs3xi] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: 0.6875rem;
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
    margin-top: 0;
    padding: 0.125rem var(--cg-spacing-2);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border-radius: var(--cg-radius-full);
    width: fit-content;
}

[b-g5dc2qs3xi] .revenue-card__date .cg-mdi-icon {
    width: 12px;
    height: 12px;
}

.revenue-card__body[b-g5dc2qs3xi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--cg-spacing-2);
    gap: var(--cg-spacing-2);
}

.revenue-card__name[b-g5dc2qs3xi] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0;
    color: var(--cg-color-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
}

.revenue-card__stats[b-g5dc2qs3xi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cg-spacing-1) var(--cg-spacing-2);
    background: var(--cg-color-bg);
    padding: var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
}

.revenue-card__stat-item[b-g5dc2qs3xi] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.revenue-card__stat-label[b-g5dc2qs3xi] {
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
}

.revenue-card__stat-value[b-g5dc2qs3xi] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.revenue-card__stat-value--price[b-g5dc2qs3xi] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.revenue-card__main-stats[b-g5dc2qs3xi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cg-spacing-1);
    border-top: 1px dashed var(--cg-color-border);
    padding-top: var(--cg-spacing-2);
    margin-top: auto;
}

.revenue-card__main-stat[b-g5dc2qs3xi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0 var(--cg-spacing-1);
    min-width: 0;
}

[b-g5dc2qs3xi] .revenue-card__main-stat .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-primary);
    opacity: 0.8;
    flex-shrink: 0;
}

.revenue-card__main-stat-label[b-g5dc2qs3xi] {
    font-size: 0.6875rem;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.revenue-card__main-stat-value[b-g5dc2qs3xi] {
    grid-column: 1 / -1;
    min-width: 0;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.revenue-card__main-stat-value--highlight[b-g5dc2qs3xi] {
    grid-column: 1 / -1;
    min-width: 0;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-error);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

@media (min-width: 768px) {
    .revenue-card[b-g5dc2qs3xi] {
        border-radius: var(--cg-radius-lg);
    }

    .revenue-card:hover[b-g5dc2qs3xi] {
        transform: translateY(-3px);
    }

    .revenue-card__rank[b-g5dc2qs3xi] {
        top: 0;
        left: 0;
        padding: var(--cg-spacing-1) var(--cg-spacing-3);
        border-radius: 0 0 var(--cg-radius-lg) 0;
        font-size: var(--cg-font-size-lg);
    }

    .revenue-card__image-wrap[b-g5dc2qs3xi] {
        aspect-ratio: 460 / 215;
    }

    .revenue-card__publisher[b-g5dc2qs3xi] {
        top: var(--cg-spacing-2);
        right: var(--cg-spacing-2);
        bottom: auto;
        left: auto;
        padding: var(--cg-spacing-1) var(--cg-spacing-2);
        font-size: var(--cg-font-size-xs);
        max-width: 60%;
        text-align: left;
    }

    .revenue-card__date[b-g5dc2qs3xi] {
        font-size: var(--cg-font-size-xs);
        margin-top: auto;
        padding: 0.25rem 0.625rem;
    }

    [b-g5dc2qs3xi] .revenue-card__date .cg-mdi-icon {
        width: 14px;
        height: 14px;
    }

    .revenue-card__body[b-g5dc2qs3xi] {
        padding: var(--cg-spacing-4);
        gap: var(--cg-spacing-3);
        flex: 1;
    }

    .revenue-card__name[b-g5dc2qs3xi] {
        font-size: var(--cg-font-size-md);
        line-height: 1.5;
    }

    .revenue-card__stats[b-g5dc2qs3xi] {
        gap: var(--cg-spacing-2);
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
    }

    .revenue-card__stat-item[b-g5dc2qs3xi] {
        gap: var(--cg-spacing-1);
    }

    .revenue-card__stat-label[b-g5dc2qs3xi] {
        font-size: var(--cg-font-size-xs);
    }

    .revenue-card__stat-value[b-g5dc2qs3xi],
    .revenue-card__stat-value--price[b-g5dc2qs3xi] {
        font-size: var(--cg-font-size-sm);
    }

    .revenue-card__main-stats[b-g5dc2qs3xi] {
        display: flex;
        flex-direction: column;
        gap: var(--cg-spacing-2);
        padding-top: var(--cg-spacing-3);
    }

    .revenue-card__main-stat[b-g5dc2qs3xi] {
        display: flex;
        gap: var(--cg-spacing-2);
    }

    [b-g5dc2qs3xi] .revenue-card__main-stat .cg-mdi-icon {
        width: 20px;
        height: 20px;
    }

    .revenue-card__main-stat-label[b-g5dc2qs3xi] {
        font-size: var(--cg-font-size-xs);
    }

    .revenue-card__main-stat-value[b-g5dc2qs3xi],
    .revenue-card__main-stat-value--highlight[b-g5dc2qs3xi] {
        grid-column: auto;
        font-size: var(--cg-font-size-sm);
        margin-left: auto;
        text-align: right;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SearchFilterPanel.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SearchFilterPanel.razor.css — Mobile-first filter chips
   ══════════════════════════════════════════════════════════ */

/* ── Filter panel ── */
.search-filter-panel[b-oz2to1adx5] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .search-filter-panel[b-oz2to1adx5] {
        padding: 1.25rem;
        gap: 1rem;
    }
}

/* ── Section ── */
.search-filter-panel__section[b-oz2to1adx5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .search-filter-panel__section[b-oz2to1adx5] {
        gap: 0.75rem;
    }
}

.search-filter-panel__section--inline[b-oz2to1adx5] {
    /* mobile: stacked like other sections */
}

@media (min-width: 640px) {
    .search-filter-panel__section--inline[b-oz2to1adx5] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

.search-filter-panel__section-title[b-oz2to1adx5] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .search-filter-panel__section-title[b-oz2to1adx5] {
        font-size: 0.8125rem;
        gap: 0.5rem;
    }
}

[b-oz2to1adx5] .search-filter-panel__section-title .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-text-muted);
}

@media (min-width: 768px) {
    [b-oz2to1adx5] .search-filter-panel__section-title .cg-mdi-icon {
        width: 18px;
        height: 18px;
    }
}

/* ── Group ── */
.search-filter-panel__group[b-oz2to1adx5] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

@media (min-width: 640px) {
    .search-filter-panel__group[b-oz2to1adx5] {
        flex-direction: row;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

.search-filter-panel__group-label[b-oz2to1adx5] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-muted);
    padding: 2px 0;
    min-width: 36px;
}

@media (min-width: 640px) {
    .search-filter-panel__group-label[b-oz2to1adx5] {
        font-size: 0.75rem;
        padding: 4px 0;
    }
}

/* ── Tags ── */
.search-filter-panel__tags[b-oz2to1adx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

@media (min-width: 768px) {
    .search-filter-panel__tags[b-oz2to1adx5] {
        gap: 0.5rem;
    }
}

.search-filter-panel__tag[b-oz2to1adx5] {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    background: var(--cg-color-section-bg);
    border: 1px solid transparent;
    border-radius: var(--cg-radius-full);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
    line-height: 1.4;
    min-height: 32px;
    text-decoration: none!important;
}

@media (min-width: 768px) {
    .search-filter-panel__tag[b-oz2to1adx5] {
        padding: 4px 12px;
        font-size: 0.75rem;
        min-height: auto;
    }
}

.search-filter-panel__tag:hover[b-oz2to1adx5] {
    background: var(--cg-color-hover-overlay);
    border-color: var(--cg-color-border);
}

.search-filter-panel__tag--active[b-oz2to1adx5] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-color: var(--cg-color-primary);
}

.search-filter-panel__tag--active:hover[b-oz2to1adx5] {
    background: var(--cg-color-primary-hover);
    border-color: var(--cg-color-primary-hover);
}

.search-filter-panel__tag--order[b-oz2to1adx5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-oz2to1adx5] .search-filter-panel__tag--order .cg-mdi-icon {
    width: 16px;
    height: 16px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SearchResultCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SearchResultCard.razor.css — Mobile-first result card
   ══════════════════════════════════════════════════════════ */

/* ── Search Result Card ── */
.search-result-card[b-swm99zdmqo] {
    display: flex;
    gap: 0.75rem;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: 0.625rem;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

@media (min-width: 768px) {
    .search-result-card[b-swm99zdmqo] {
        gap: 1rem;
        padding: 0.75rem;
    }
}

.search-result-card:hover[b-swm99zdmqo] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-1px);
}

/* ── Image ── */
.search-result-card__image-link[b-swm99zdmqo] {
    display: block;
    flex-shrink: 0;
    width: 88px;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    aspect-ratio: 460 / 215;
}

@media (min-width: 400px) {
    .search-result-card__image-link[b-swm99zdmqo] {
        width: 110px;
    }
}

@media (min-width: 640px) {
    .search-result-card__image-link[b-swm99zdmqo] {
        width: 140px;
    }
}

@media (min-width: 768px) {
    .search-result-card__image-link[b-swm99zdmqo] {
        width: 184px;
    }
}

.search-result-card__image[b-swm99zdmqo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-fast);
}

.search-result-card:hover .search-result-card__image[b-swm99zdmqo] {
    transform: scale(1.03);
}

.search-result-card__image-placeholder[b-swm99zdmqo] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cg-color-section-bg);
}

[b-swm99zdmqo] .search-result-card__image-placeholder .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-text-muted);
    opacity: 0.4;
}

@media (min-width: 768px) {
    [b-swm99zdmqo] .search-result-card__image-placeholder .cg-mdi-icon {
        width: 28px;
        height: 28px;
    }
}

/* ── Body ── */
.search-result-card__body[b-swm99zdmqo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.125rem 0;
}

@media (min-width: 768px) {
    .search-result-card__body[b-swm99zdmqo] {
        gap: 0.375rem;
        padding: 0.25rem 0;
    }
}

.search-result-card__header[b-swm99zdmqo] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .search-result-card__header[b-swm99zdmqo] {
        gap: 0.5rem;
    }
}

.search-result-card__title[b-swm99zdmqo] {
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .search-result-card__title[b-swm99zdmqo] {
        font-size: 0.9375rem;
    }
}

.search-result-card__title:hover[b-swm99zdmqo] {
    color: var(--cg-color-primary);
}

/* ── Type badge ── */
.search-result-card__type-badge[b-swm99zdmqo] {
    flex-shrink: 0;
    font-size: 0.625rem;
    font-weight: var(--cg-font-weight-medium);
    padding: 1px 6px;
    border-radius: var(--cg-radius-full);
    white-space: nowrap;
}

@media (min-width: 768px) {
    .search-result-card__type-badge[b-swm99zdmqo] {
        font-size: 0.6875rem;
        padding: 2px 8px;
    }
}

.search-result-card__type-badge--entry[b-swm99zdmqo] {
    background: var(--cg-color-badge-entry);
    color: var(--cg-color-badge-entry-text);
}

.search-result-card__type-badge--article[b-swm99zdmqo] {
    background: var(--cg-color-badge-article);
    color: var(--cg-color-badge-article-text);
}

.search-result-card__type-badge--tag[b-swm99zdmqo] {
    background: var(--cg-color-badge-tag);
    color: var(--cg-color-badge-tag-text);
}

.search-result-card__type-badge--video[b-swm99zdmqo] {
    background: var(--cg-color-badge-video);
    color: var(--cg-color-badge-video-text);
}

.search-result-card__type-badge--periphery[b-swm99zdmqo] {
    background: var(--cg-color-badge-periphery);
    color: var(--cg-color-badge-periphery-text);
}

/* ── Brief ── */
.search-result-card__brief[b-swm99zdmqo] {
    margin: 0;
    font-size: 0.6875rem;
    color: var(--cg-color-text-muted);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .search-result-card__brief[b-swm99zdmqo] {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 0.8125rem;
    }
}

/* ── Meta ── */
.search-result-card__meta[b-swm99zdmqo] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-top: auto;
    padding-top: 0.125rem;
}

@media (min-width: 768px) {
    .search-result-card__meta[b-swm99zdmqo] {
        gap: 1rem;
        padding-top: 0.25rem;
    }
}

.search-result-card__meta-item[b-swm99zdmqo] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
}

@media (min-width: 768px) {
    .search-result-card__meta-item[b-swm99zdmqo] {
        font-size: 0.6875rem;
        gap: 4px;
    }
}

[b-swm99zdmqo] .search-result-card__meta-item .cg-mdi-icon {
    width: 12px;
    height: 12px;
}

@media (min-width: 768px) {
    [b-swm99zdmqo] .search-result-card__meta-item .cg-mdi-icon {
        width: 14px;
        height: 14px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/ShareGamesLeaderboard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   ShareGamesLeaderboard.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.share-games-leaderboard[b-l8vr9ppit5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .share-games-leaderboard[b-l8vr9ppit5] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
}

/* ── Panel ── */
.share-games-leaderboard__panel[b-l8vr9ppit5] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: 0.75rem;
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 768px) {
    .share-games-leaderboard__panel[b-l8vr9ppit5] {
        border-radius: var(--cg-radius-xl);
        padding: 1.25rem;
    }
}

.share-games-leaderboard__title[b-l8vr9ppit5] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.9375rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0 0 0.75rem;
    padding-bottom: 0.625rem;
    border-bottom: 2px solid var(--cg-color-border);
}

@media (min-width: 768px) {
    .share-games-leaderboard__title[b-l8vr9ppit5] {
        font-size: 1.0625rem;
        gap: 0.5rem;
        margin: 0 0 1rem;
        padding-bottom: 0.75rem;
    }
}

.share-games-leaderboard__title[b-l8vr9ppit5]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    fill: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .share-games-leaderboard__title[b-l8vr9ppit5]  .cg-mdi-icon {
        width: 22px;
        height: 22px;
    }
}

/* ── List ── */
.share-games-leaderboard__list[b-l8vr9ppit5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (min-width: 768px) {
    .share-games-leaderboard__list[b-l8vr9ppit5] {
        gap: 0.5rem;
    }
}

/* ── Shared row styles ── */
.share-games-leaderboard__user-row[b-l8vr9ppit5],
.share-games-leaderboard__game-row[b-l8vr9ppit5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border-radius: var(--cg-radius-md);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
    min-height: 44px;
}

@media (min-width: 768px) {
    .share-games-leaderboard__user-row[b-l8vr9ppit5],
    .share-games-leaderboard__game-row[b-l8vr9ppit5] {
        gap: 0.75rem;
        padding: 0.5rem 0.75rem;
        border-radius: var(--cg-radius-lg);
    }
}

.share-games-leaderboard__user-row:hover[b-l8vr9ppit5],
.share-games-leaderboard__game-row:hover[b-l8vr9ppit5] {
    background: var(--cg-color-hover-overlay);
    box-shadow: var(--cg-shadow-sm);
}

/* ── Rank ── */
.share-games-leaderboard__rank[b-l8vr9ppit5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: var(--cg-radius-sm);
    font-size: 0.6875rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-muted);
    background: var(--cg-color-bg);
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .share-games-leaderboard__rank[b-l8vr9ppit5] {
        min-width: 28px;
        height: 28px;
        border-radius: var(--cg-radius-md);
        font-size: 0.75rem;
    }
}

.share-games-leaderboard__rank--top[b-l8vr9ppit5] {
    background: linear-gradient(135deg, var(--cg-color-primary), color-mix(in srgb, var(--cg-color-primary) 70%, var(--cg-color-secondary)));
    color: var(--cg-color-on-primary);
}

/* ── User row ── */
.share-games-leaderboard__avatar[b-l8vr9ppit5] {
    width: 32px;
    height: 32px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--cg-color-border);
}

@media (min-width: 768px) {
    .share-games-leaderboard__avatar[b-l8vr9ppit5] {
        width: 44px;
        height: 44px;
    }
}

.share-games-leaderboard__user-info[b-l8vr9ppit5] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;gap: .5rem;
}
.share-games-leaderboard__user-name-container[b-l8vr9ppit5]{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.share-games-leaderboard__user-name[b-l8vr9ppit5] {
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .share-games-leaderboard__user-name[b-l8vr9ppit5] {
        font-size: 0.875rem;
    }
}

.share-games-leaderboard__user-sig[b-l8vr9ppit5] {
    font-size: 0.6875rem;
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

@media (min-width: 768px) {
    .share-games-leaderboard__user-sig[b-l8vr9ppit5] {
        display: block;
    }
}

.share-games-leaderboard__count[b-l8vr9ppit5] {
    font-size: 0.9375rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .share-games-leaderboard__count[b-l8vr9ppit5] {
        font-size: 1.0625rem;
    }
}

/* ── Game row ── */
.share-games-leaderboard__game-cover[b-l8vr9ppit5] {
    width: 56px;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    border-radius: var(--cg-radius-sm);
    flex-shrink: 0;
    background: var(--cg-color-bg);
}

@media (min-width: 768px) {
    .share-games-leaderboard__game-cover[b-l8vr9ppit5] {
        width: 80px;
        border-radius: var(--cg-radius-md);
    }
}

.share-games-leaderboard__game-name[b-l8vr9ppit5] {
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .share-games-leaderboard__game-name[b-l8vr9ppit5] {
        font-size: 0.875rem;
    }
}

.share-games-leaderboard__rate[b-l8vr9ppit5] {
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    flex-shrink: 0;
    min-width: 2.75rem;
    text-align: right;
}

@media (min-width: 768px) {
    .share-games-leaderboard__rate[b-l8vr9ppit5] {
        font-size: 0.875rem;
        min-width: 3.5rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/ShareGamesReviewCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   ShareGamesReviewCard.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.share-games-review-card[b-aenea0y45k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .share-games-review-card[b-aenea0y45k] {
        gap: 0.75rem;
        padding: 1rem;
        border-radius: var(--cg-radius-xl);
    }
}

.share-games-review-card:hover[b-aenea0y45k] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-2px);
}

/* ── Header ── */
.share-games-review-card__header[b-aenea0y45k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .share-games-review-card__header[b-aenea0y45k] {
        gap: 0.75rem;
    }
}

.share-games-review-card__avatar[b-aenea0y45k] {
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--cg-color-border);
}

@media (min-width: 768px) {
    .share-games-review-card__avatar[b-aenea0y45k] {
        width: 36px;
        height: 36px;
    }
}

.share-games-review-card__user-info[b-aenea0y45k] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.share-games-review-card__user-name-container[b-aenea0y45k]{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.share-games-review-card__user-name[b-aenea0y45k] {
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .share-games-review-card__user-name[b-aenea0y45k] {
        font-size: 0.8125rem;
    }
}

.share-games-review-card__game-name[b-aenea0y45k] {
    font-size: 0.6875rem;
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Score badge ── */
.share-games-review-card__score[b-aenea0y45k] {
    display: inline-flex;
    align-items: center;
    gap: 0.1875rem;
    padding: 0.1875rem 0.375rem;
    background: color-mix(in srgb, var(--cg-color-warning) 15%, var(--cg-color-bg));
    border-radius: var(--cg-radius-md);
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-warning);
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .share-games-review-card__score[b-aenea0y45k] {
        font-size: 0.8125rem;
        padding: 0.25rem 0.5rem;
    }
}

.share-games-review-card__score[b-aenea0y45k]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

@media (min-width: 768px) {
    .share-games-review-card__score[b-aenea0y45k]  .cg-mdi-icon {
        width: 16px;
        height: 16px;
    }
}

/* ── Play impressions ── */
.share-games-review-card__text[b-aenea0y45k] {
    font-size: 0.75rem;
    color: var(--cg-color-text);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;    word-break: break-all;
}

@media (min-width: 768px) {
    .share-games-review-card__text[b-aenea0y45k] {
        font-size: 0.8125rem;
        -webkit-line-clamp: 4;
    }
}

/* ── Score breakdown ── */
.share-games-review-card__scores[b-aenea0y45k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
}

@media (min-width: 768px) {
    .share-games-review-card__scores[b-aenea0y45k] {
        gap: 0.375rem;
        font-size: 0.6875rem;
    }
}

.share-games-review-card__scores span[b-aenea0y45k] {
    padding: 1px 0.375rem;
    background: var(--cg-color-bg);
    border-radius: var(--cg-radius-sm);
}

@media (min-width: 768px) {
    .share-games-review-card__scores span[b-aenea0y45k] {
        padding: 2px 0.5rem;
    }
}

/* ── Time ── */
.share-games-review-card__time[b-aenea0y45k] {
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
}

@media (min-width: 768px) {
    .share-games-review-card__time[b-aenea0y45k] {
        font-size: 0.6875rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/ShareGamesUserSection.razor.rz.scp.css */
/* ── ShareGamesUserSection ── */

.share-games-user-section__loading[b-aln8t76n4g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SquareEditOverviewCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   SquareEditOverviewCard �?编辑概览折线图卡�?   ══════════════════════════════════════════════════�?*/

.square-edit-overview-card[b-19a1eqhehp] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--cg-transition-normal), border-color var(--cg-transition-normal);
}

.square-edit-overview-card:hover[b-19a1eqhehp] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-md);
}

.square-edit-overview-card__body[b-19a1eqhehp] {
    padding: var(--cg-spacing-4);
    min-height: 320px;
}

/* CgLineChart 内部边框在卡片中不需�?*/
.square-edit-overview-card__body[b-19a1eqhehp]  .cg-line-chart {
    border: none;
    box-shadow: none;
    background: transparent;
}

.square-edit-overview-card__placeholder[b-19a1eqhehp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    min-height: 280px;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.square-edit-overview-card__footer[b-19a1eqhehp] {
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
    display: flex;
    justify-content: flex-end;
}

.square-edit-overview-card__link[b-19a1eqhehp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary);
    text-decoration: none;
    transition: gap var(--cg-transition-fast), color var(--cg-transition-fast);
}

.square-edit-overview-card__link:hover[b-19a1eqhehp] {
    gap: 0.5rem;
    color: var(--cg-color-primary-hover);
    text-decoration: none;
}

.square-edit-overview-card__link[b-19a1eqhehp]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .square-edit-overview-card__body[b-19a1eqhehp] {
        padding: var(--cg-spacing-3);
        min-height: 260px;
    }

    .square-edit-overview-card__footer[b-19a1eqhehp] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SquareLotteryCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   SquareLotteryCard �?抽奖卡片（与投票卡片同构�?   ══════════════════════════════════════════════════�?*/

.square-lottery-card[b-fygj21r2uq] {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, #ec4899 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
    height: 100%;
    z-index: 1;
    transition:
        border-color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

/* 渐变发光背景 */
.square-lottery-card[b-fygj21r2uq]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, color-mix(in oklab, #ec4899 8%, transparent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--cg-transition-normal);
    z-index: -1;
    pointer-events: none;
}

.square-lottery-card:hover[b-fygj21r2uq] {
    border-color: color-mix(in oklab, #ec4899 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-3px);
    text-decoration: none;
}

.square-lottery-card:hover[b-fygj21r2uq]::before {
    opacity: 1;
}

/* ── Image ── */

.square-lottery-card-image-wrapper[b-fygj21r2uq] {
    position: relative;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
    margin: 0;
}

.square-lottery-card-image-wrapper img[b-fygj21r2uq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease-in-out;
}

.square-lottery-card:hover .square-lottery-card-image-wrapper img[b-fygj21r2uq] {
    transform: scale(1.06);
}

/* ── Body ── */

.square-lottery-card-body[b-fygj21r2uq] {
    padding: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    flex: 1;
}

/* ── Header ── */

.square-lottery-card-header[b-fygj21r2uq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
}

.square-lottery-card-title[b-fygj21r2uq] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--cg-transition-fast);
}

.square-lottery-card:hover .square-lottery-card-title[b-fygj21r2uq] {
    color: #ec4899;
}

/* ── Status badge ── */

.square-lottery-card-badge[b-fygj21r2uq] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    padding: 0.2rem 0.6rem;
    border-radius: var(--cg-radius-full);
    white-space: nowrap;
    flex-shrink: 0;
}

.square-lottery-card-badge[b-fygj21r2uq]  .cg-mdi-icon {
    width: 0.8rem;
    height: 0.8rem;
}

.square-lottery-card-badge--active[b-fygj21r2uq] {
    color: var(--cg-color-success);
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-success) 24%, transparent);
}

.square-lottery-card-badge--ended[b-fygj21r2uq] {
    color: var(--cg-color-text-muted);
    background: color-mix(in oklab, var(--cg-color-text-muted) 8%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-text-muted) 16%, transparent);
}

.square-lottery-card-badge--upcoming[b-fygj21r2uq] {
    color: var(--cg-color-warning);
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 24%, transparent);
}

/* ── Description ── */

.square-lottery-card-desc[b-fygj21r2uq] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    line-height: 1.5;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Meta ── */

.square-lottery-card-meta[b-fygj21r2uq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    margin-top: auto;
}

.square-lottery-card-meta-item[b-fygj21r2uq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.square-lottery-card-meta-item[b-fygj21r2uq]  .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
    opacity: 0.7;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SquareNavLinks.razor.rz.scp.css */
/* SquareNavLinks - Mobile-first */

.square-nav-links[b-0acztuz1ql] {
    margin: 0;
}

.square-nav-grid[b-0acztuz1ql] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 640px) {
    .square-nav-grid[b-0acztuz1ql] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.625rem;
    }
}

@media (min-width: 768px) {
    .square-nav-grid[b-0acztuz1ql] {
        gap: 0.75rem;
    }
}

.square-nav-item[b-0acztuz1ql] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    z-index: 1;
    min-height: 44px;
    transition:
        border-color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .square-nav-item[b-0acztuz1ql] {
        gap: 0.75rem;
        padding: 1rem 1.25rem;
        border-radius: var(--cg-radius-xl);
    }
}

.square-nav-item[b-0acztuz1ql]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, color-mix(in oklab, var(--cg-color-primary) 8%, transparent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--cg-transition-normal);
    z-index: -1;
    pointer-events: none;
}

.square-nav-item:hover[b-0acztuz1ql] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-3px);
    text-decoration: none;
}

.square-nav-item:hover[b-0acztuz1ql]::before {
    opacity: 1;
}

/* Icon */

.square-nav-icon[b-0acztuz1ql] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--cg-radius-full);
    flex-shrink: 0;
    transition:
        transform var(--cg-transition-fast),
        background var(--cg-transition-fast),
        color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .square-nav-icon[b-0acztuz1ql] {
        width: 2.75rem;
        height: 2.75rem;
    }
}

.square-nav-item:hover .square-nav-icon[b-0acztuz1ql] {
    transform: scale(1.1) translateY(-2px);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--_nav-icon-color, var(--cg-color-primary)) 25%, transparent);
}

.square-nav-icon[b-0acztuz1ql]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 768px) {
    .square-nav-icon[b-0acztuz1ql]  .cg-mdi-icon {
        width: 1.35rem;
        height: 1.35rem;
    }
}

/* Icon color variants */

.square-nav-icon--primary[b-0acztuz1ql] {
    --_nav-icon-color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

.square-nav-item:hover .square-nav-icon--primary[b-0acztuz1ql] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.square-nav-icon--secondary[b-0acztuz1ql] {
    --_nav-icon-color: var(--cg-color-secondary);
    background: color-mix(in oklab, var(--cg-color-secondary) 12%, transparent);
    color: var(--cg-color-secondary);
}

.square-nav-item:hover .square-nav-icon--secondary[b-0acztuz1ql] {
    background: var(--cg-color-secondary);
    color: white;
}

.square-nav-icon--amber[b-0acztuz1ql] {
    --_nav-icon-color: var(--cg-color-amber);
    background: color-mix(in oklab, var(--cg-color-amber) 15%, transparent);
    color: var(--cg-color-amber);
}

.square-nav-item:hover .square-nav-icon--amber[b-0acztuz1ql] {
    background: var(--cg-color-amber);
    color: white;
}

.square-nav-icon--purple[b-0acztuz1ql] {
    --_nav-icon-color: var(--cg-color-brand-purple);
    background: color-mix(in oklab, var(--cg-color-brand-purple) 12%, transparent);
    color: var(--cg-color-brand-purple);
}

.square-nav-item:hover .square-nav-icon--purple[b-0acztuz1ql] {
    background: var(--cg-color-brand-purple);
    color: white;
}

.square-nav-icon--emerald[b-0acztuz1ql] {
    --_nav-icon-color: var(--cg-color-emerald);
    background: color-mix(in oklab, var(--cg-color-emerald) 12%, transparent);
    color: var(--cg-color-emerald);
}

.square-nav-item:hover .square-nav-icon--emerald[b-0acztuz1ql] {
    background: var(--cg-color-emerald);
    color: white;
}

.square-nav-icon--pink[b-0acztuz1ql] {
    --_nav-icon-color: #ec4899;
    background: color-mix(in oklab, #ec4899 12%, transparent);
    color: #ec4899;
}

.square-nav-item:hover .square-nav-icon--pink[b-0acztuz1ql] {
    background: #ec4899;
    color: white;
}

/* Text */

.square-nav-label[b-0acztuz1ql] {
    display: block;
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-semibold);
    line-height: 1.3;
    transition: color var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .square-nav-label[b-0acztuz1ql] {
        font-size: 0.9375rem;
    }
}

.square-nav-item:hover .square-nav-label[b-0acztuz1ql] {
    color: var(--cg-color-primary);
}

.square-nav-desc[b-0acztuz1ql] {
    display: none;
}

@media (min-width: 640px) {
    .square-nav-desc[b-0acztuz1ql] {
        display: block;
        font-size: 0.6875rem;
        color: var(--cg-color-text-muted);
        line-height: 1.4;
        margin-top: 0.1rem;
    }
}

@media (min-width: 768px) {
    .square-nav-desc[b-0acztuz1ql] {
        font-size: 0.75rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SquareTagCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   SquareTagCard �?随机标签卡片
   ══════════════════════════════════════════════════�?*/

.square-tag-card[b-q6j8wxhiqr] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4);
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
    color: inherit;
    overflow: hidden;
    z-index: 1;
    transition:
        border-color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast),
        transform var(--cg-transition-fast);
    height: 100%;
}

/* 渐变发光背景 */
.square-tag-card[b-q6j8wxhiqr]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, color-mix(in oklab, var(--cg-color-primary) 8%, transparent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--cg-transition-normal);
    z-index: -1;
    pointer-events: none;
}

.square-tag-card:hover[b-q6j8wxhiqr] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-3px);
    text-decoration: none;
}

.square-tag-card:hover[b-q6j8wxhiqr]::before {
    opacity: 1;
}

/* ── Title link ── */

.square-tag-card-title-link[b-q6j8wxhiqr] {
    text-decoration: none;
    color: inherit;
}

.square-tag-card-title-link:hover[b-q6j8wxhiqr] {
    text-decoration: none;
}

/* ── Title ── */

.square-tag-card-title[b-q6j8wxhiqr] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    line-height: 1.3;
    transition: color var(--cg-transition-fast);
}

.square-tag-card-title[b-q6j8wxhiqr]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.square-tag-card:hover .square-tag-card-title[b-q6j8wxhiqr] {
    color: var(--cg-color-primary);
}

/* ── Entry thumbnails ── */

.square-tag-entries[b-q6j8wxhiqr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cg-spacing-2);
    list-style: none;
    padding: 0;
    margin: 0;
}

.square-tag-entry[b-q6j8wxhiqr] {
    display: block;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    background: var(--cg-color-bg);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.square-tag-entry:hover[b-q6j8wxhiqr] {
    border-color: var(--cg-color-primary);
    transform: scale(1.04);
}

.square-tag-entry img[b-q6j8wxhiqr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease-in-out;
}

.square-tag-entry:hover img[b-q6j8wxhiqr] {
    transform: scale(1.08);
}

/* 角色 / Staff 使用 1:1 头像比例，一行放 4 �?*/
.square-tag-entries--portrait[b-q6j8wxhiqr] {
    grid-template-columns: repeat(4, 1fr);
}

.square-tag-entry--portrait[b-q6j8wxhiqr] {
    aspect-ratio: 1 / 1;
}




/* ── More link ── */

.square-tag-card-more[b-q6j8wxhiqr] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    margin-top: auto;
    transition: color var(--cg-transition-fast), gap var(--cg-transition-fast);
}

.square-tag-card-more:hover[b-q6j8wxhiqr] {
    text-decoration: none;
}

.square-tag-card:hover .square-tag-card-more[b-q6j8wxhiqr] {
    color: var(--cg-color-primary);
    gap: var(--cg-spacing-2);
}

.square-tag-card-more[b-q6j8wxhiqr]  .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Home/SquareVoteCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   SquareVoteCard �?投票卡片
   ══════════════════════════════════════════════════�?*/

.square-vote-card[b-i5d1cmh0fj] {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
    height: 100%;
    z-index: 1;
    transition:
        border-color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

/* 渐变发光背景 */
.square-vote-card[b-i5d1cmh0fj]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, color-mix(in oklab, var(--cg-color-primary) 8%, transparent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--cg-transition-normal);
    z-index: -1;
    pointer-events: none;
}

.square-vote-card:hover[b-i5d1cmh0fj] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-3px);
    text-decoration: none;
}

.square-vote-card:hover[b-i5d1cmh0fj]::before {
    opacity: 1;
}

/* ── Image ── */

.square-vote-card-image-wrapper[b-i5d1cmh0fj] {
    position: relative;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
    margin: 0;
}

.square-vote-card-image-wrapper img[b-i5d1cmh0fj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease-in-out;
}

.square-vote-card:hover .square-vote-card-image-wrapper img[b-i5d1cmh0fj] {
    transform: scale(1.06);
}

/* ── Body ── */

.square-vote-card-body[b-i5d1cmh0fj] {
    padding: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    flex: 1;
}

/* ── Header ── */

.square-vote-card-header[b-i5d1cmh0fj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
}

.square-vote-card-title[b-i5d1cmh0fj] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--cg-transition-fast);
}

.square-vote-card:hover .square-vote-card-title[b-i5d1cmh0fj] {
    color: var(--cg-color-primary);
}

/* ── Status badge ── */

.square-vote-card-badge[b-i5d1cmh0fj] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    padding: 0.2rem 0.6rem;
    border-radius: var(--cg-radius-full);
    white-space: nowrap;
    flex-shrink: 0;
}

.square-vote-card-badge[b-i5d1cmh0fj]  .cg-mdi-icon {
    width: 0.8rem;
    height: 0.8rem;
}

.square-vote-card-badge--active[b-i5d1cmh0fj] {
    color: var(--cg-color-success);
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-success) 24%, transparent);
}

.square-vote-card-badge--ended[b-i5d1cmh0fj] {
    color: var(--cg-color-text-muted);
    background: color-mix(in oklab, var(--cg-color-text-muted) 8%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-text-muted) 16%, transparent);
}

.square-vote-card-badge--upcoming[b-i5d1cmh0fj] {
    color: var(--cg-color-warning);
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 24%, transparent);
}

/* ── Description ── */

.square-vote-card-desc[b-i5d1cmh0fj] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    line-height: 1.5;
    color: var(--cg-color-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Meta ── */

.square-vote-card-meta[b-i5d1cmh0fj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    margin-top: auto;
}

.square-vote-card-meta-item[b-i5d1cmh0fj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.square-vote-card-meta-item[b-i5d1cmh0fj]  .cg-mdi-icon {
    width: 0.9rem;
    height: 0.9rem;
    opacity: 0.7;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/CommunityLinksContent.razor.rz.scp.css */
.community-links-content__qr-card[b-sr6vf5f2rv] {
    display: grid;
    gap: var(--cg-spacing-2);
    text-align: center;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
}

.community-links-content__qr-card img[b-sr6vf5f2rv] {
    width: 100%;
    max-width: 11rem;
    justify-self: center;
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-bg);
}

.community-links-content__link-list[b-sr6vf5f2rv] {
    display: grid;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-3);
}

.community-links-content__link[b-sr6vf5f2rv] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    min-height: 2.75rem;
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text);
    text-decoration: none;
    background: color-mix(in oklab, var(--cg-color-border) 24%, transparent);
    transition:
        background-color var(--cg-transition-fast),
        color var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

.community-links-content__link:hover[b-sr6vf5f2rv],
.community-links-content__link:focus-visible[b-sr6vf5f2rv] {
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    text-decoration: none;
    transform: translateX(-2px);
}

.community-links-content__link:focus-visible[b-sr6vf5f2rv] {
    outline: 3px solid var(--cg-color-focus-ring);
    outline-offset: 3px;
}

.community-links-content__link[b-sr6vf5f2rv]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanButtonGroup.razor.rz.scp.css */
/* ── KanbanButtonGroup — floating action button group ── */

.kanban-button-group[b-ndqlver96n] {
    position: absolute;
    left: calc(100% + var(--cg-spacing-3));
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    z-index: calc(var(--cg-kanban-z-index) + 1);
    pointer-events: auto;
}

.kanban-action-btn[b-ndqlver96n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cg-kanban-button-size, 3rem);
    height: var(--cg-kanban-button-size, 3rem);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 70%, transparent);
    border-radius: var(--cg-radius-full);
    padding: 0;
    background: color-mix(in oklab, var(--cg-color-surface) 92%, transparent);
    color: var(--cg-color-text);
    box-shadow: var(--cg-shadow-md);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    cursor: pointer;
    pointer-events: auto;
    transition:
        transform var(--cg-transition-fast),
        color var(--cg-transition-fast),
        border-color var(--cg-transition-fast),
        background-color var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast);
}

.kanban-action-btn:hover[b-ndqlver96n],
.kanban-action-btn:focus-visible[b-ndqlver96n] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 55%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-surface));
    color: var(--cg-color-primary);
    box-shadow: var(--cg-shadow-lg);
    transform: translateY(-2px);
}

.kanban-action-btn:focus-visible[b-ndqlver96n] {
    outline: 3px solid var(--cg-color-focus-ring);
    outline-offset: 3px;
}

.kanban-action-btn[b-ndqlver96n]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
    transition:
        color var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

.kanban-action-btn:hover[b-ndqlver96n]  .cg-mdi-icon,
.kanban-action-btn:focus-visible[b-ndqlver96n]  .cg-mdi-icon {
    color: var(--cg-color-primary);
    transform: scale(1.06);
}

/* ── 弹出菜单尺寸限制 ── */

.kanban-button-group[b-ndqlver96n]  .cg-popup-menu-panel {
    min-width: 280px;
    max-width: min(320px, calc(100vw - 5rem));
    max-height: 60vh;
    overflow-y: auto;
}

.kanban-button-group[b-ndqlver96n]  .cg-popup-menu-panel::-webkit-scrollbar {
    width: 4px;
}

.kanban-button-group[b-ndqlver96n]  .cg-popup-menu-panel::-webkit-scrollbar-thumb {
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanChatCard.razor.rz.scp.css */
/* ── KanbanChatCard — AI chat dialog with message list + input ── */

.kanban-chat-card[b-6talv7uwmh] {
    display: flex;
    flex-direction: column;
    width: var(--cg-kanban-chat-max-width);
    max-height: 55vh;
    overflow: hidden;
}

/* ── Header ── */

.kanban-chat-header[b-6talv7uwmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    background: color-mix(in oklab, var(--cg-color-section-bg) 80%, transparent);
    flex-shrink: 0;
}

.kanban-chat-header-start[b-6talv7uwmh] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.kanban-chat-header-start[b-6talv7uwmh]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.kanban-chat-title[b-6talv7uwmh] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

/* ── Message list ── */

.kanban-chat-messages[b-6talv7uwmh] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--cg-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    scroll-behavior: smooth;
}

.kanban-chat-messages[b-6talv7uwmh]::-webkit-scrollbar {
    width: 4px;
}

.kanban-chat-messages[b-6talv7uwmh]::-webkit-scrollbar-track {
    background: transparent;
}

.kanban-chat-messages[b-6talv7uwmh]::-webkit-scrollbar-thumb {
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
}

/* ── Single message ── */

.kanban-chat-message[b-6talv7uwmh] {
    display: flex;
    align-items: flex-end;
    gap: var(--cg-spacing-2);
}

.kanban-chat-message--user[b-6talv7uwmh] {
    flex-direction: row-reverse;
    align-self: flex-end;
}

.kanban-chat-message--bot[b-6talv7uwmh] {
    flex-direction: row;
    align-self: flex-start;
}

/* ── Avatar ── */

.kanban-chat-avatar[b-6talv7uwmh] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-border);
    flex-shrink: 0;
    object-fit: cover;
}

/* ── Bubble ── */

.kanban-chat-bubble[b-6talv7uwmh] {
    max-width: 75%;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    font-size: var(--cg-font-size-sm);
    line-height: 1.5;
    word-break: break-word;
    white-space: pre-wrap;
    border-radius: var(--cg-radius-lg);
}

.kanban-chat-message--user .kanban-chat-bubble[b-6talv7uwmh] {
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-bottom-right-radius: var(--cg-radius-sm);
}

.kanban-chat-message--bot .kanban-chat-bubble[b-6talv7uwmh] {
    background-color: var(--cg-color-section-bg);
    color: var(--cg-color-text);
    border-bottom-left-radius: var(--cg-radius-sm);
}

/* ── Input area ── */

.kanban-chat-input-area[b-6talv7uwmh] {
    display: flex;
    align-items: flex-end;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3);
    border-top: 1px solid color-mix(in oklab, var(--cg-color-border) 60%, transparent);
    background: var(--cg-color-surface);
    flex-shrink: 0;
}

.kanban-chat-input-area[b-6talv7uwmh]  .cg-textarea {
    min-height: 36px;
    max-height: 72px;
    resize: none;
    flex: 1 1 auto;
}

.kanban-chat-input-area[b-6talv7uwmh]  .cg-btn {
    flex-shrink: 0;
}

/* ── Fade-in animation for new messages ── */

.kanban-chat-message[b-6talv7uwmh] {
    animation: kanban-chat-fade-in-b-6talv7uwmh var(--cg-transition-normal) ease-out;
}

@keyframes kanban-chat-fade-in-b-6talv7uwmh {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanCommunityPanel.razor.rz.scp.css */
/* ── KanbanCommunityPanel — community links with QR code ── */

.kanban-community-panel[b-rue3izo3su] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    width: min(17rem, calc(100vw - 6rem));
    max-height: 55vh;
    overflow-y: auto;
}

.kanban-community-panel[b-rue3izo3su]::-webkit-scrollbar {
    width: 4px;
}

.kanban-community-panel[b-rue3izo3su]::-webkit-scrollbar-thumb {
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
}


/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanDialogBox.razor.rz.scp.css */
/* ── KanbanDialogBox — 看板娘对话框气泡 ── */

.kanban-dialogbox[b-7kb6n7l0d9] {
    position: absolute;
    max-width: var(--cg-kanban-dialog-max-width, 400px);
    min-width: 200px;
    font-family: var(--cg-font-family);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    z-index: calc(var(--cg-kanban-z-index, 100) + 1);
    user-select: none;
    pointer-events: auto;
    cursor: grab;
    animation: cg-dialogbox-fade-in-b-7kb6n7l0d9 var(--cg-transition-normal) ease-out;
}

.kanban-dialogbox--dragging[b-7kb6n7l0d9] {
    cursor: grabbing;
}

/* ── 气泡主体 ── */

.kanban-dialogbox__bubble[b-7kb6n7l0d9] {
    position: relative;
    background: color-mix(in oklab, var(--cg-color-surface) 96%, transparent);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    box-shadow:
        var(--cg-shadow-lg),
        0 2px 8px -2px rgba(0, 0, 0, 0.08);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);
    overflow: visible;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition:
        box-shadow var(--cg-transition-fast),
        border-color var(--cg-transition-fast);
}

.kanban-dialogbox__bubble:hover[b-7kb6n7l0d9] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, var(--cg-color-border));
    box-shadow:
        var(--cg-shadow-lg),
        0 4px 12px -2px rgba(0, 0, 0, 0.12);
}

/* ── 气泡小三角（使用伪元素） ── */

.kanban-dialogbox__bubble[b-7kb6n7l0d9]::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: color-mix(in oklab, var(--cg-color-surface) 96%, transparent);
    border-right: 1px solid var(--cg-color-border);
    border-bottom: 1px solid var(--cg-color-border);
    transform: rotate(45deg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: -1;
}

/* ── 关闭按钮 ── */

.kanban-dialogbox__close[b-7kb6n7l0d9] {
    position: absolute;
    top: var(--cg-spacing-1);
    right: var(--cg-spacing-1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    z-index: 2;
    transition:
        background var(--cg-transition-fast),
        color var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

.kanban-dialogbox__close:hover[b-7kb6n7l0d9] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-error);
    transform: scale(1.1);
}

.kanban-dialogbox__close:focus-visible[b-7kb6n7l0d9] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.kanban-dialogbox__close[b-7kb6n7l0d9]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ── 内容区域 ── */

.kanban-dialogbox__content[b-7kb6n7l0d9] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.kanban-dialogbox__text[b-7kb6n7l0d9] {
    line-height: 1.65;
    word-break: break-word;
    white-space: pre-wrap;
    font-size: var(--cg-font-size-sm);
}

/* ── 图片类型 ── */

.kanban-dialogbox__image[b-7kb6n7l0d9] {
    width: 100%;
    min-height: 120px;
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-section-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cg-spacing-3);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--cg-color-border);
}

.kanban-dialogbox__image-placeholder[b-7kb6n7l0d9] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
}

/* ── 通知类型 ── */

.kanban-dialogbox--notification .kanban-dialogbox__bubble[b-7kb6n7l0d9] {
    border-left: 3px solid var(--cg-color-primary);
    border-top-left-radius: var(--cg-radius-md);
}

.kanban-dialogbox__badge[b-7kb6n7l0d9] {
    display: inline-flex;
    align-items: center;
    padding: 3px var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-on-primary);
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    border-radius: var(--cg-radius-full);
    width: fit-content;
    margin-bottom: var(--cg-spacing-2);
    letter-spacing: 0.02em;
}

/* ── 通知类型的三角 ── */

.kanban-dialogbox--notification .kanban-dialogbox__bubble[b-7kb6n7l0d9]::after {
    border-right-color: var(--cg-color-primary);
    border-bottom-color: var(--cg-color-primary);
}

/* ── 动画 ── */

@keyframes cg-dialogbox-fade-in-b-7kb6n7l0d9 {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ── 响应式：小屏幕下限制宽度 ── */

@media (max-width: 480px) {
    .kanban-dialogbox[b-7kb6n7l0d9] {
        max-width: min(var(--cg-kanban-dialog-max-width, 400px), calc(100vw - 2rem));
        min-width: 180px;
    }

    .kanban-dialogbox__bubble[b-7kb6n7l0d9] {
        padding: var(--cg-spacing-3) var(--cg-spacing-4);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanMainCard.razor.rz.scp.css */
/* ── KanbanMainCard — Live2D canvas container ── */

.kanban-main-card[b-3t3lnbdwq5] {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.kanban-main-card canvas[b-3t3lnbdwq5] {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanPanelHeader.razor.rz.scp.css */
.kanban-panel-header[b-3o035983vk] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding-bottom: var(--cg-spacing-2);
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 50%, transparent);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
}

.kanban-panel-header[b-3o035983vk]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
}

.kanban-panel-header__title[b-3o035983vk] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanRoot.razor.rz.scp.css */
/* ── KanbanRoot — fixed-position Live2D root container ── */

.kanban-live2d[b-bb20jhu9vp] {
    /* ── 看板娘尺寸 ── */
    --cg-kanban-size: 300px;
    --cg-kanban-min-size: 150px;
    --cg-kanban-z-index: 100;

    /* ── 浮动按钮 ── */
    --cg-kanban-button-size: 3rem;

    /* ── 对话框 ── */
    --cg-kanban-dialog-max-width: 400px;

    /* ── 聊天框 ── */
    --cg-kanban-chat-max-height: 500px;
    --cg-kanban-chat-max-width: 350px;

    /* ── Resize 把手 ── */
    --cg-kanban-resize-handle-size: 20px;

    /* ── 过渡 ── */
    --cg-kanban-transition: var(--cg-transition-normal);

    position: fixed;
    z-index: var(--cg-kanban-z-index);
    user-select: none;
    cursor: grab;
}

.kanban-live2d--hidden[b-bb20jhu9vp] {
    visibility: hidden;
}

.kanban-live2d.d-none[b-bb20jhu9vp] {
    display: none;
}

/* 拖拽状态 */
.kanban-live2d.dragging[b-bb20jhu9vp] {
    cursor: grabbing;
}

/* 按住即将拖拽 */
.kanban-live2d.drag-ready[b-bb20jhu9vp] {
    cursor: grabbing;
}

/* 缩放状态 */
.kanban-live2d.resizing[b-bb20jhu9vp] {
    cursor: nwse-resize;
}

/* ── Resize 把手 ── */
.kanban-resize-handle[b-bb20jhu9vp] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: var(--cg-kanban-resize-handle-size);
    height: var(--cg-kanban-resize-handle-size);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-surface) 60%, transparent);
    color: var(--cg-color-text-muted);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    cursor: nwse-resize;
    padding: 0;
    transition:
        color var(--cg-transition-fast),
        background-color var(--cg-transition-fast),
        transform var(--cg-transition-fast);
    z-index: calc(var(--cg-kanban-z-index) + 2);
}

.kanban-resize-handle:hover[b-bb20jhu9vp],
.kanban-resize-handle:focus-visible[b-bb20jhu9vp] {
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-surface) 85%, transparent);
    transform: scale(1.15);
}

.kanban-resize-handle:focus-visible[b-bb20jhu9vp] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 1px;
}

.kanban-resize-handle[b-bb20jhu9vp]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanSettingsPanel.razor.rz.scp.css */
.cg-kanban-settings-panel[b-a38r120gqb] {
    display: flex;
    flex-direction: column;
    max-height: 55vh;
    overflow: hidden;
}

.cg-kanban-settings-body[b-a38r120gqb] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    overflow-y: auto;
    flex: 1;
}

.cg-kanban-settings-body[b-a38r120gqb]::-webkit-scrollbar {
    width: 4px;
}

.cg-kanban-settings-body[b-a38r120gqb]::-webkit-scrollbar-track {
    background: transparent;
}

.cg-kanban-settings-body[b-a38r120gqb]::-webkit-scrollbar-thumb {
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
}

.cg-kanban-settings-section[b-a38r120gqb] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.cg-kanban-settings-section-title[b-a38r120gqb] {
    margin: 0;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
}

.cg-kanban-settings-item-grid[b-a38r120gqb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
}

.cg-kanban-settings-shop-link[b-a38r120gqb] {
    margin-top: var(--cg-spacing-2);
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

.cg-kanban-settings-shop-link__btn[b-a38r120gqb] {
    width: 100%;
}

.cg-kanban-settings-shop-link__login[b-a38r120gqb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    width: 100%;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    text-decoration: none;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    transition: border-color var(--cg-transition-fast), background-color var(--cg-transition-fast);
}

.cg-kanban-settings-shop-link__login:hover[b-a38r120gqb] {
    border-color: var(--cg-color-primary);
    background-color: var(--cg-color-hover-overlay);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Kanban/KanbanToolboxPanel.razor.rz.scp.css */
.kanban-toolbox-panel[b-e8ldxdkiso] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    width: min(17rem, calc(100vw - 6rem));
    max-height: 55vh;
    overflow-y: auto;
}

.kanban-toolbox-panel[b-e8ldxdkiso]::-webkit-scrollbar {
    width: 4px;
}

.kanban-toolbox-panel[b-e8ldxdkiso]::-webkit-scrollbar-thumb {
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
}

.kanban-toolbox-panel__actions[b-e8ldxdkiso] {
    margin-top: 0;
}

.kanban-toolbox-panel__login[b-e8ldxdkiso] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    min-height: 2.75rem;
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text);
    text-decoration: none;
    background: color-mix(in oklab, var(--cg-color-border) 24%, transparent);
    transition:
        background-color var(--cg-transition-fast),
        color var(--cg-transition-fast),
        transform var(--cg-transition-fast);
}

.kanban-toolbox-panel__login:hover[b-e8ldxdkiso],
.kanban-toolbox-panel__login:focus-visible[b-e8ldxdkiso] {
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    text-decoration: none;
    transform: translateX(-2px);
}

.kanban-toolbox-panel__login:focus-visible[b-e8ldxdkiso] {
    outline: 3px solid var(--cg-color-focus-ring);
    outline-offset: 3px;
}

.kanban-toolbox-panel__login[b-e8ldxdkiso]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryAwardList.razor.rz.scp.css */
.lottery-award-list[b-5dbrxtro68] {
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    padding: var(--cg-spacing-5);
    box-shadow: var(--cg-shadow-sm);
}

.lottery-award-list-title[b-5dbrxtro68] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-4);
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

[b-5dbrxtro68] .lottery-award-list-title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

.lottery-award-grid[b-5dbrxtro68] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-3);
}

.lottery-award-card[b-5dbrxtro68] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    transition: var(--cg-transition-fast);
}

.lottery-award-card:hover[b-5dbrxtro68] {
    box-shadow: var(--cg-shadow-sm);
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, var(--cg-color-border));
}

.lottery-award-image-wrapper[b-5dbrxtro68] {
    width: 100%;
    overflow: hidden;
    background: var(--cg-color-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 240px;
}

.lottery-award-image[b-5dbrxtro68] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    max-height: 240px;
}

.lottery-award-body[b-5dbrxtro68] {
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.lottery-award-header[b-5dbrxtro68] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
}

.lottery-award-name[b-5dbrxtro68] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

.lottery-award-type-badge[b-5dbrxtro68] {
    font-size: var(--cg-font-size-xs);
    padding: 0.1rem 0.5rem;
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-medium);
}

.lottery-award-meta[b-5dbrxtro68] {
    display: flex;
    gap: var(--cg-spacing-3);
    flex-wrap: wrap;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.lottery-award-link[b-5dbrxtro68] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-link);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.lottery-award-link:hover[b-5dbrxtro68] {
    text-decoration: underline;
}

[b-5dbrxtro68] .lottery-award-link .cg-mdi-icon {
    width: 12px;
    height: 12px;
}

@media (min-width: 640px) {
    .lottery-award-grid[b-5dbrxtro68] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .lottery-award-grid[b-5dbrxtro68] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryHero.razor.rz.scp.css */
.lottery-hero[b-npoi2z6qmh] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    overflow: hidden;
    box-shadow: var(--cg-shadow-md);
}

.lottery-hero-image-wrapper[b-npoi2z6qmh] {
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 460 / 215;
    overflow: hidden;
}

.lottery-hero-image[b-npoi2z6qmh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lottery-hero--no-image[b-npoi2z6qmh] {
    padding: var(--cg-spacing-5);
}

.lottery-hero-content[b-npoi2z6qmh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    padding: 0 var(--cg-spacing-5) var(--cg-spacing-5);
    justify-content: center;
}

.lottery-hero--no-image .lottery-hero-content[b-npoi2z6qmh] {
    padding: 0;
}

.lottery-hero-status[b-npoi2z6qmh] {
    display: flex;
    gap: var(--cg-spacing-2);
}

.lottery-status-badge[b-npoi2z6qmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
}

[b-npoi2z6qmh] .lottery-status-badge .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.lottery-status-badge--active[b-npoi2z6qmh] {
    background: color-mix(in oklab, var(--cg-color-success) 15%, transparent);
    color: var(--cg-color-success);
}

.lottery-status-badge--ended[b-npoi2z6qmh] {
    background: color-mix(in oklab, var(--cg-color-text-muted) 15%, transparent);
    color: var(--cg-color-text-muted);
}

.lottery-status-badge--upcoming[b-npoi2z6qmh] {
    background: color-mix(in oklab, var(--cg-color-warning) 15%, transparent);
    color: var(--cg-color-warning);
}

.lottery-hero-title[b-npoi2z6qmh] {
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
    line-height: 1.3;
}

.lottery-hero-intro[b-npoi2z6qmh] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    line-height: 1.6;
}

.lottery-hero-stats[b-npoi2z6qmh] {
    display: flex;
    gap: var(--cg-spacing-4);
    margin-top: var(--cg-spacing-1);
}

.lottery-hero-stat[b-npoi2z6qmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

[b-npoi2z6qmh] .lottery-hero-stat .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.lottery-hero-actions[b-npoi2z6qmh] {
    display: flex;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-1);
}

.lottery-hero-edit-btn[b-npoi2z6qmh] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2) var(--cg-spacing-4);
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-primary);
    background: var(--cg-color-primary);
    color: #fff;
}

.lottery-hero-edit-btn:hover[b-npoi2z6qmh] {
    opacity: 0.9;
}

[b-npoi2z6qmh] .lottery-hero-edit-btn .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

@media (min-width: 768px) {
    .lottery-hero[b-npoi2z6qmh] {
        flex-direction: row;
        gap: var(--cg-spacing-6);
    }

    .lottery-hero-image-wrapper[b-npoi2z6qmh] {
        flex: none;
        max-width: 50%;
    }

    .lottery-hero--no-image[b-npoi2z6qmh] {
        padding: var(--cg-spacing-8);
    }

    .lottery-hero-content[b-npoi2z6qmh] {
        padding: var(--cg-spacing-6) var(--cg-spacing-6) var(--cg-spacing-6) 0;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryInfoCard.razor.rz.scp.css */
.lottery-info-card[b-i4e8n0kf2l] {
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    padding: var(--cg-spacing-5);
    box-shadow: var(--cg-shadow-sm);
}

.lottery-info-card-title[b-i4e8n0kf2l] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-4);
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

[b-i4e8n0kf2l] .lottery-info-card-title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

.lottery-info-list[b-i4e8n0kf2l] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.lottery-info-item[b-i4e8n0kf2l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--cg-spacing-3) 0;
    border-bottom: 1px solid var(--cg-color-border);
}

.lottery-info-item:last-child[b-i4e8n0kf2l] {
    border-bottom: none;
    padding-bottom: 0;
}

.lottery-info-item:first-child[b-i4e8n0kf2l] {
    padding-top: 0;
}

.lottery-info-item dt[b-i4e8n0kf2l] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

.lottery-info-item dd[b-i4e8n0kf2l] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    margin: 0;
    text-align: right;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryLoginGuide.razor.rz.scp.css */
.lottery-login-guide[b-e9hzwsq6dy] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    overflow: hidden;
}

.lottery-login-guide__content[b-e9hzwsq6dy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-5);
}

.lottery-login-guide__img[b-e9hzwsq6dy] {
    max-width: 200px;
    width: 100%;
    border-radius: var(--cg-radius-md);
}

.lottery-login-guide__text[b-e9hzwsq6dy] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
}

.lottery-login-guide__btn[b-e9hzwsq6dy] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-5);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-primary);
    color: white;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
    transition: var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
}

.lottery-login-guide__btn:hover[b-e9hzwsq6dy] {
    background: var(--cg-color-primary-hover);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryOperationCard.razor.rz.scp.css */
.lottery-op-card[b-e4z8kezfh9] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.lottery-op-card__loading[b-e4z8kezfh9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-6);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.lottery-op-card__action[b-e4z8kezfh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-5);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
}

.lottery-op-card__img[b-e4z8kezfh9] {
    max-width: 200px;
    width: 100%;
    border-radius: var(--cg-radius-md);
}

.lottery-op-card__number[b-e4z8kezfh9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-5);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
}

.lottery-op-card__number-ring[b-e4z8kezfh9] {
    width: 100px;
    height: 100px;
    border-radius: var(--cg-radius-full);
    border: 4px solid var(--cg-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
}

.lottery-op-card__number-value[b-e4z8kezfh9] {
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Detail/LotteryWinnerList.razor.rz.scp.css */
.lottery-winner-list[b-cewqlt3r10] {
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    padding: var(--cg-spacing-5);
    box-shadow: var(--cg-shadow-sm);
}

.lottery-winner-list-title[b-cewqlt3r10] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-4);
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

[b-cewqlt3r10] .lottery-winner-list-title .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

.lottery-winner-groups[b-cewqlt3r10] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.lottery-winner-group-title[b-cewqlt3r10] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-2);
    padding-bottom: var(--cg-spacing-2);
    border-bottom: 1px solid var(--cg-color-border);
}

.lottery-winner-user-list[b-cewqlt3r10] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
}

.lottery-winner-user[b-cewqlt3r10] {
    display: inline-flex;
}

.lottery-winner-link[b-cewqlt3r10] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-bg);
    transition: var(--cg-transition-fast);
    text-decoration: none;
    color: inherit;
}

.lottery-winner-link:hover[b-cewqlt3r10] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, var(--cg-color-bg));
}

.lottery-winner-avatar[b-cewqlt3r10] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.lottery-winner-avatar--placeholder[b-cewqlt3r10] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in oklab, var(--cg-color-text-muted) 15%, transparent);
    color: var(--cg-color-text-muted);
}

[b-cewqlt3r10] .lottery-winner-avatar--placeholder .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.lottery-winner-name[b-cewqlt3r10] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-medium);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Draw/LotteryAnimationCard.razor.rz.scp.css */
.slotMachine-box[b-1byoi7nldj] {
    min-height: calc(100% - 341px);
    width: 848px;
    margin: 0 auto;
    padding-top: 40px;
}

.slotMachine[b-1byoi7nldj] {
    background: url(https://res.cngal.org/_content/CnGalWebSite.Shared/images/raffleBg.png) no-repeat;
    width: 692px;
    height: 313px;
    position: relative;
    margin-top: 50px;
}

@media (min-height: 1000px) {
    .slotMachine[b-1byoi7nldj] {
        margin-top: 100px;
    }
}

.slotMachine-btn[b-1byoi7nldj] {
    position: absolute;
    right: -156px;
    top: calc(50% - 66px);
}

.slot[b-1byoi7nldj] {
    width: 106px;
    height: 163px;
    overflow: hidden;
    position: absolute;
    background-color: rgba(250,249,250,1);
    top: 103px;
    border: 1px solid rgba(253,138,197,1);
}

    .slot li[b-1byoi7nldj] {
        display: block;
        width: 106px;
        height: 163px;
        font-size: 72px;
        text-align: center;
        line-height: 163px;
    }

.slot1[b-1byoi7nldj] {
    left: 185px;
}

.slot2[b-1byoi7nldj] {
    left: 305px;
}

.slot3[b-1byoi7nldj] {
    left: 425px;
}

.slot4[b-1byoi7nldj] {
    left: 545px;
}

.slotAnimation[b-1byoi7nldj] {
    animation: slotSlice-b-1byoi7nldj 1s linear 0s 1;
}

@keyframes slotSlice-b-1byoi7nldj {
    0% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-4890px)
    }
}

div.prizeTips[b-1byoi7nldj] {
    padding: 1em 0 0;
    text-align: center;
    font-size: 18px;
}

    div.prizeTips > span[b-1byoi7nldj] {
        font-weight: bold;
        color: rgba(253,138,197,1);
        padding: 0 0.5em;
    }

.slotMachine-box ul[b-1byoi7nldj] {
    padding: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Editor/LotteryAwardsEditor.razor.rz.scp.css */

/* ── 操作按钮区 ── */
.lottery-awards-actions[b-592z69l6k3] {
    display: flex;
    gap: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-4);
}

/* ── 空状态 ── */
.lottery-awards-empty[b-592z69l6k3] {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}

.lottery-awards-empty[b-592z69l6k3]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-3);
    opacity: 0.5;
}

.lottery-awards-empty p[b-592z69l6k3] {
    margin: 0;
}

/* ── 奖品列表 ── */
.lottery-awards-list[b-592z69l6k3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── 奖品卡片 ── */
.lottery-award-card[b-592z69l6k3] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.lottery-award-card:hover[b-592z69l6k3] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
}

.lottery-award-card__image[b-592z69l6k3] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--cg-radius-sm);
    flex-shrink: 0;
}

.lottery-award-card__body[b-592z69l6k3] {
    flex: 1;
    min-width: 0;
}

.lottery-award-card__name[b-592z69l6k3] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-2) 0;
}

.lottery-award-card__meta[b-592z69l6k3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2) var(--cg-spacing-4);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.lottery-award-card__codes[b-592z69l6k3] {
    margin-top: var(--cg-spacing-2);
}

.lottery-award-card__codes-label[b-592z69l6k3] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-medium);
}

.lottery-award-card__actions[b-592z69l6k3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    flex-shrink: 0;
}

/* ── 操作小按钮 ── */
.lottery-award-btn[b-592z69l6k3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--cg-radius-sm);
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-surface);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

.lottery-award-btn[b-592z69l6k3]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.lottery-award-btn--edit[b-592z69l6k3] {
    color: var(--cg-color-primary);
}

.lottery-award-btn--edit:hover[b-592z69l6k3] {
    background: color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-surface));
    border-color: var(--cg-color-primary);
}

.lottery-award-btn--delete[b-592z69l6k3] {
    color: var(--cg-color-error);
}

.lottery-award-btn--delete:hover[b-592z69l6k3] {
    background: color-mix(in oklab, var(--cg-color-error) 10%, var(--cg-color-surface));
    border-color: var(--cg-color-error);
}

/* ── 奖品编辑表单 ── */
.lottery-award-edit-form[b-592z69l6k3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.lottery-award-edit-grid[b-592z69l6k3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cg-spacing-4);
}

.lottery-award-edit-actions[b-592z69l6k3] {
    display: flex;
    gap: var(--cg-spacing-3);
    justify-content: flex-end;
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

/* ── 激活码区域 ── */
.lottery-prize-section[b-592z69l6k3] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    padding: var(--cg-spacing-4);
    background: var(--cg-color-section-bg);
}

.lottery-prize-section h4[b-592z69l6k3] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0 0 var(--cg-spacing-3) 0;
    color: var(--cg-color-text);
}

.lottery-prize-actions[b-592z69l6k3] {
    display: flex;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
}

.lottery-prize-list[b-592z69l6k3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.lottery-prize-item[b-592z69l6k3] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-sm);
    font-size: var(--cg-font-size-sm);
}

.lottery-prize-item__text[b-592z69l6k3] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── 批量导入表单 ── */
.lottery-batch-form[b-592z69l6k3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

/* ── 响应式 ── */
@media (max-width: 640px) {
    .lottery-award-card[b-592z69l6k3] {
        flex-direction: column;
    }

    .lottery-award-card__image[b-592z69l6k3] {
        width: 100%;
        height: 120px;
    }

    .lottery-award-card__actions[b-592z69l6k3] {
        flex-direction: row;
    }

    .lottery-award-edit-grid[b-592z69l6k3] {
        grid-template-columns: 1fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Editor/LotteryEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.lottery-edit-sidebar[b-x3fs7z242g] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

.lottery-edit-sidebar[b-x3fs7z242g]::-webkit-scrollbar {
    width: 4px;
}

.lottery-edit-sidebar[b-x3fs7z242g]::-webkit-scrollbar-track {
    background: transparent;
}

.lottery-edit-sidebar[b-x3fs7z242g]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.lottery-edit-sidebar[b-x3fs7z242g]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 统一提示卡片 ── */
.lottery-edit-sidebar__card[b-x3fs7z242g] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.lottery-edit-sidebar__card[b-x3fs7z242g]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.lottery-edit-sidebar__card h3[b-x3fs7z242g] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.lottery-edit-sidebar__card p[b-x3fs7z242g] {
    font-size: 0.625rem;
    margin: 0;
}

.lottery-edit-sidebar__card span[b-x3fs7z242g] {
    flex: 1;
}

/* ── primary 变体 ── */
.lottery-edit-sidebar__card--primary[b-x3fs7z242g] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.lottery-edit-sidebar__card--primary[b-x3fs7z242g]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.lottery-edit-sidebar__card--primary h3[b-x3fs7z242g] {
    color: var(--cg-color-primary);
}

.lottery-edit-sidebar__card--primary p[b-x3fs7z242g] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体 ── */
.lottery-edit-sidebar__card--warning[b-x3fs7z242g] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.lottery-edit-sidebar__card--warning[b-x3fs7z242g]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

.lottery-edit-sidebar__card-action[b-x3fs7z242g] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.lottery-edit-sidebar__card-action:hover[b-x3fs7z242g] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.lottery-edit-sidebar__nav[b-x3fs7z242g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.lottery-edit-nav-item[b-x3fs7z242g] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.lottery-edit-nav-item:hover[b-x3fs7z242g] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.lottery-edit-nav-item--active[b-x3fs7z242g] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.lottery-edit-nav-item--active:hover[b-x3fs7z242g] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.lottery-edit-nav-item[b-x3fs7z242g]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.lottery-edit-nav-item--active[b-x3fs7z242g]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.lottery-edit-sidebar__actions[b-x3fs7z242g] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.lottery-edit-sidebar__actions[b-x3fs7z242g]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.lottery-edit-sidebar__actions[b-x3fs7z242g]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.lottery-edit-sidebar__actions[b-x3fs7z242g]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-x3fs7z242g] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-x3fs7z242g 1s linear infinite;
}

@keyframes cg-spin-b-x3fs7z242g {
    to { transform: rotate(360deg); }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .lottery-edit-sidebar[b-x3fs7z242g] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .lottery-edit-sidebar__card[b-x3fs7z242g] {
        margin-bottom: var(--cg-spacing-2);
    }

    .lottery-edit-sidebar__nav[b-x3fs7z242g] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .lottery-edit-nav-item[b-x3fs7z242g] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .lottery-edit-sidebar__actions[b-x3fs7z242g] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Editor/LotteryIntroEditor.razor.rz.scp.css */
/* LotteryIntroEditor 不需要额外样式，使用父级 lottery-editor-section 即可 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Editor/LotteryMainEditor.razor.rz.scp.css */

.lottery-images-grid[b-s3nkgtunl7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cg-spacing-4);
    margin-bottom: var(--cg-spacing-6);
}

.lottery-fields-grid[b-s3nkgtunl7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--cg-spacing-4);
    margin-bottom: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Home/LotteryCardActionButton.razor.rz.scp.css */
.lottery-card-action[b-l8bbc7s76h] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 768px) {
    .lottery-card-action[b-l8bbc7s76h] {
        width: auto;
    }
}

[b-l8bbc7s76h] .lottery-card-action-btn {
    border-radius: var(--cg-radius-full);
    padding: 0 var(--cg-spacing-6);
    min-height: 44px;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg-spacing-2);
    cursor: pointer;
    border: none;
    color: var(--cg-color-on-primary) !important;
    background: var(--cg-color-primary) !important;
    transition: all var(--cg-transition-fast);
    width: 100%;
}

@media (min-width: 768px) {
    [b-l8bbc7s76h] .lottery-card-action-btn {
        width: auto;
        display: inline-flex;
    }
}

[b-l8bbc7s76h] .lottery-card-action-btn:hover {
    background: var(--cg-color-primary-hover) !important;
}

[b-l8bbc7s76h] .lottery-card-action-btn--outline {
    color: var(--cg-color-primary) !important;
    background: transparent !important;
    border: 1px solid var(--cg-color-primary) !important;
}

[b-l8bbc7s76h] .lottery-card-action-btn--outline:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent) !important;
}

[b-l8bbc7s76h] .lottery-card-action-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Lottery/Home/LotteryCardItem.razor.rz.scp.css */
.lottery-card[b-izx418wh3e] {
    display: flex;
    flex-direction: column;
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.lottery-card:hover[b-izx418wh3e] {
    box-shadow: var(--cg-shadow-md);
}

@media (min-width: 768px) {
    .lottery-card[b-izx418wh3e] {
        flex-direction: row;
    }
}

.lottery-card-image-wrapper[b-izx418wh3e] {
    position: relative;
    width: 100%;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: color-mix(in oklab, var(--cg-color-bg) 90%, white);
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .lottery-card-image-wrapper[b-izx418wh3e] {
        width: 250px;
        aspect-ratio: auto;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .lottery-card-image-wrapper[b-izx418wh3e] {
        width: 200px;
    }
}

.lottery-card-image[b-izx418wh3e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--cg-transition-normal);
}

.lottery-card-image-wrapper:hover .lottery-card-image[b-izx418wh3e] {
    transform: scale(1.05);
}

.lottery-card-body[b-izx418wh3e] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    gap: var(--cg-spacing-3);
}

@media (min-width: 768px) {
    .lottery-card-body[b-izx418wh3e] {
        padding: var(--cg-spacing-5);
        gap: var(--cg-spacing-4);
    }
}

.lottery-card-title-link[b-izx418wh3e] {
    text-decoration: none;
    color: inherit;
    display: block;
    border-radius: var(--cg-radius-sm);
}

.lottery-card-title-link:focus-visible[b-izx418wh3e] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.lottery-card-title-link:hover .lottery-card-title[b-izx418wh3e] {
    color: var(--cg-color-primary);
}

.lottery-card-title[b-izx418wh3e] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--cg-transition-fast);
}

.lottery-card-meta[b-izx418wh3e] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-medium);
}

.lottery-card-meta-item[b-izx418wh3e] {
    color: var(--cg-color-text);
    display: flex;
    align-items: center;
}

.lottery-card-intro[b-izx418wh3e] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
}

.lottery-card-footer[b-izx418wh3e] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    margin-top: auto;
    border-top: 1px solid var(--cg-color-border);
    padding-top: var(--cg-spacing-4);
}

@media (min-width: 768px) {
    .lottery-card-footer[b-izx418wh3e] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--cg-spacing-4);
    }
}

.lottery-card-condition[b-izx418wh3e] {
    font-size: var(--cg-font-size-sm);
    display: flex;
    gap: var(--cg-spacing-1);
    align-items: center;
    flex-wrap: wrap;
}

.lottery-card-condition-label[b-izx418wh3e] {
    color: var(--cg-color-text);
}

.lottery-card-condition-value[b-izx418wh3e] {
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.lottery-card-btn-area[b-izx418wh3e] {
    display: flex;
    width: 100%;
}

@media (min-width: 768px) {
    .lottery-card-btn-area[b-izx418wh3e] {
        width: auto;
        flex-shrink: 0;
    }
}

[b-izx418wh3e] .lottery-card-action {
    width: 100%;
}

@media (min-width: 768px) {
    [b-izx418wh3e] .lottery-card-action {
        width: auto;
    }
}

[b-izx418wh3e] .lottery-card-btn {
    border-radius: var(--cg-radius-full);
    padding: 0 var(--cg-spacing-6);
    min-height: 44px;
    font-size: var(--cg-font-size-base);
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg-spacing-2);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary) !important;
    background: transparent !important;
    border: 1px solid var(--cg-color-primary) !important;
    transition: all var(--cg-transition-fast);
    width: 100%;
}

@media (min-width: 768px) {
    [b-izx418wh3e] .lottery-card-btn {
        width: auto;
        display: inline-flex;
    }
}

[b-izx418wh3e] .lottery-card-btn--outline {
    color: var(--cg-color-primary) !important;
    background: transparent !important;
    border: 1px solid var(--cg-color-primary) !important;
}

[b-izx418wh3e] .lottery-card-btn--outline:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent) !important;
}

[b-izx418wh3e] .lottery-card-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.lottery-card-steam-link[b-izx418wh3e] {
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
    transition: color var(--cg-transition-fast);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    margin: calc(var(--cg-spacing-1) * -1) calc(var(--cg-spacing-2) * -1);
    border-radius: var(--cg-radius-sm);
}

.lottery-card-steam-link:hover[b-izx418wh3e] {
    color: var(--cg-color-primary-hover);
    text-decoration: underline;
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

.lottery-card-login-btn[b-izx418wh3e] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    padding: 0 var(--cg-spacing-6);
    min-height: 44px;
    font-size: var(--cg-font-size-base);
    color: var(--cg-color-on-primary);
    background: var(--cg-color-primary);
    text-decoration: none;
    font-weight: var(--cg-font-weight-semibold);
    transition: background var(--cg-transition-fast);
    width: 100%;
}

@media (min-width: 768px) {
    .lottery-card-login-btn[b-izx418wh3e] {
        width: auto;
        display: inline-flex;
    }
}

.lottery-card-login-btn:hover[b-izx418wh3e] {
    background: var(--cg-color-primary-hover);
}

[b-izx418wh3e] .lottery-card-login-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Message/MessageCard.razor.rz.scp.css */
/* ── MessageCard ── */

.message-card[b-1745kut36u] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-5);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.message-card:hover[b-1745kut36u] {
    box-shadow: var(--cg-shadow-md);
    border-color: var(--cg-color-primary);
}

.message-card--unread[b-1745kut36u] {
    border-left: 3px solid var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 4%, var(--cg-color-surface));
}

/* ── Header ── */

.message-card__header[b-1745kut36u] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-3);
}

.message-card__avatar[b-1745kut36u] {
    width: 40px;
    height: 40px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--cg-color-border);
}

.message-card__avatar--placeholder[b-1745kut36u] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text-muted);
}

.message-card__avatar--placeholder[b-1745kut36u]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
}

.message-card__meta[b-1745kut36u] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.message-card__title[b-1745kut36u] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-card__time[b-1745kut36u] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

/* ── Type badge ── */

.message-card__type-badge[b-1745kut36u] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    padding: 2px 8px;
    border-radius: var(--cg-radius-full);
    white-space: nowrap;
    flex-shrink: 0;
}

.message-card__type-badge--reply[b-1745kut36u] {
    background: color-mix(in srgb, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

.message-card__type-badge--passed[b-1745kut36u] {
    background: var(--cg-color-emerald-subtle);
    color: var(--cg-color-emerald);
}

.message-card__type-badge--rejected[b-1745kut36u] {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

.message-card__type-badge--lottery[b-1745kut36u] {
    background: color-mix(in srgb, var(--cg-color-amber) 15%, transparent);
    color: var(--cg-color-amber);
}

.message-card__type-badge--default[b-1745kut36u] {
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text-muted);
}

/* ── Body ── */

.message-card__body[b-1745kut36u] {
    padding-left: calc(40px + var(--cg-spacing-3));
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    line-height: 1.6;
    word-break: break-word;
}

/* ── Actions ── */

.message-card__actions[b-1745kut36u] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--cg-spacing-3);
    padding-left: calc(40px + var(--cg-spacing-3));
}

.message-card__link[b-1745kut36u] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    padding: var(--cg-spacing-1) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.message-card__link:hover[b-1745kut36u] {
    background: var(--cg-color-hover-overlay);
}

.message-card__link[b-1745kut36u]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .message-card[b-1745kut36u] {
        padding: var(--cg-spacing-3);
    }

    .message-card__body[b-1745kut36u],
    .message-card__actions[b-1745kut36u] {
        padding-left: 0;
    }

    .message-card__avatar[b-1745kut36u] {
        width: 32px;
        height: 32px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Message/MessageList.razor.rz.scp.css */
/* ── MessageList ── */

.message-list[b-kcuvntfktq] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.message-list__pagination[b-kcuvntfktq] {
    margin-top: var(--cg-spacing-5);
    display: flex;
    justify-content: center;
}

/* ── Empty state ── */

.message-list__empty[b-kcuvntfktq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) var(--cg-spacing-5);
    color: var(--cg-color-text-muted);
    text-align: center;
}

.message-list__empty[b-kcuvntfktq]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
    margin-bottom: var(--cg-spacing-3);
}

.message-list__empty p[b-kcuvntfktq] {
    font-size: var(--cg-font-size-sm);
    margin: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionCheckCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   PerfectionCheckCard — 完善度检查项卡片
   ═══════════════════════════════════════════════ */

.perfection-check-card[b-cht6usg4se] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--cg-transition-normal),
                border-color var(--cg-transition-normal),
                transform var(--cg-transition-fast);
    cursor: pointer;
}

.perfection-check-card:hover[b-cht6usg4se] {
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    transform: translateY(-1px);
    text-decoration: none;
    color: inherit;
}

.perfection-check-card--empty[b-cht6usg4se] {
    justify-content: center;
    align-items: center;
    min-height: 80px;
}

.perfection-check-card__placeholder[b-cht6usg4se] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.perfection-check-card__placeholder[b-cht6usg4se]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.5;
}

/* ── Circular Grade ── */

.perfection-check-card__grade[b-cht6usg4se] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border: 3px solid;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 2px;
}

.perfection-check-card__grade-value[b-cht6usg4se] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

/* ── Info ── */

.perfection-check-card__info[b-cht6usg4se] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    min-width: 0;
    flex: 1;
}

.perfection-check-card__name[b-cht6usg4se] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perfection-check-card__title[b-cht6usg4se] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-medium);
    line-height: 1.4;
}

.perfection-check-card__context[b-cht6usg4se] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Arrow ── */

.perfection-check-card__arrow[b-cht6usg4se] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform var(--cg-transition-fast);
    align-self: center;
}

.perfection-check-card__arrow[b-cht6usg4se]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
    color: var(--cg-color-text-muted);
}

.perfection-check-card:hover .perfection-check-card__arrow[b-cht6usg4se] {
    transform: translateX(3px);
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .perfection-check-card[b-cht6usg4se] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        gap: var(--cg-spacing-2);
    }

    .perfection-check-card__grade[b-cht6usg4se] {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .perfection-check-card__grade-value[b-cht6usg4se] {
        font-size: var(--cg-font-size-sm);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionCheckListTab.razor.rz.scp.css */

/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionEntryCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   PerfectionEntryCard — 词条完善度卡片
   ═══════════════════════════════════════════════ */

.perfection-entry-card[b-a2pzfu3g40] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--cg-transition-normal),
                border-color var(--cg-transition-normal),
                transform var(--cg-transition-fast);
    cursor: pointer;
}

.perfection-entry-card:hover[b-a2pzfu3g40] {
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    transform: translateY(-1px);
    text-decoration: none;
    color: inherit;
}

.perfection-entry-card--empty[b-a2pzfu3g40] {
    justify-content: center;
    min-height: 80px;
}

.perfection-entry-card__placeholder[b-a2pzfu3g40] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.perfection-entry-card__placeholder[b-a2pzfu3g40]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.5;
}

/* ── Circular Grade ── */

.perfection-entry-card__grade[b-a2pzfu3g40] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border: 3px solid;
    border-radius: 50%;
    flex-shrink: 0;
}

.perfection-entry-card__grade-value[b-a2pzfu3g40] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

/* ── Info ── */

.perfection-entry-card__info[b-a2pzfu3g40] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    min-width: 0;
    flex: 1;
}

.perfection-entry-card__name[b-a2pzfu3g40] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perfection-entry-card__meta[b-a2pzfu3g40] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    flex-wrap: wrap;
}

.perfection-entry-card__meta-item[b-a2pzfu3g40] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.perfection-entry-card__meta-item[b-a2pzfu3g40]  .cg-mdi-icon {
    width: 0.875rem;
    height: 0.875rem;
}

.perfection-entry-card__meta-item--defects[b-a2pzfu3g40]  .cg-mdi-icon {
    color: var(--cg-color-error);
}

.perfection-entry-card__meta-item--edits[b-a2pzfu3g40]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

/* ── Arrow ── */

.perfection-entry-card__arrow[b-a2pzfu3g40] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform var(--cg-transition-fast);
}

.perfection-entry-card__arrow[b-a2pzfu3g40]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
    color: var(--cg-color-text-muted);
}

.perfection-entry-card:hover .perfection-entry-card__arrow[b-a2pzfu3g40] {
    transform: translateX(3px);
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .perfection-entry-card[b-a2pzfu3g40] {
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        gap: var(--cg-spacing-2);
    }

    .perfection-entry-card__grade[b-a2pzfu3g40] {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .perfection-entry-card__grade-value[b-a2pzfu3g40] {
        font-size: var(--cg-font-size-sm);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionHomeCard.razor.rz.scp.css */
/* ════════════════════════════════════════════════
   PerfectionHomeCard — 完善度概览编排卡片
   纯 CSS Grid 布局，无 Bootstrap 依赖
   大屏（≥1024px）：chart 区 2/1 分栏，列表区 1/2 分栏
   ════════════════════════════════════════════════ */

.perfection-home-card[b-i5t1iqyi0t] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 行级网格容器 ── */

.perfection-home-card__row[b-i5t1iqyi0t] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-5);
    align-items: start;
}

/* ── 图表区：大屏 left 2/3 + right 1/3 ── */

@media (min-width: 1024px) {
    .perfection-home-card__row--charts[b-i5t1iqyi0t] {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
}

.perfection-home-card__col-charts[b-i5t1iqyi0t] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.perfection-home-card__col-overview[b-i5t1iqyi0t] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

/* 折线图卡片统一边框样式 */
.perfection-home-card__col-charts[b-i5t1iqyi0t]  .cg-line-chart {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
}

/* ── 随机列表区：大屏 left 1/3 + right 2/3 ── */

@media (min-width: 1024px) {
    .perfection-home-card__row--random-lists[b-i5t1iqyi0t] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
}

.perfection-home-card__col-random-left[b-i5t1iqyi0t] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.perfection-home-card__col-random-right[b-i5t1iqyi0t] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

/* ── Responsive ── */

@media (max-width: 1023.98px) {
    .perfection-home-card__row[b-i5t1iqyi0t] {
        gap: var(--cg-spacing-4);
    }
}

@media (max-width: 640px) {
    .perfection-home-card[b-i5t1iqyi0t] {
        gap: var(--cg-spacing-4);
    }

    .perfection-home-card__row[b-i5t1iqyi0t] {
        gap: var(--cg-spacing-3);
    }

    .perfection-home-card__col-charts[b-i5t1iqyi0t] {
        gap: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionListTab.razor.rz.scp.css */

/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionOverviewCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   PerfectionOverviewCard — 完善度总览卡片
   包含环形图（等级分布）+ 柱状图（统计指标）
   ═══════════════════════════════════════════════ */

.perfection-overview-card[b-m23nwiz3y4] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--cg-transition-normal), border-color var(--cg-transition-normal);
}

.perfection-overview-card:hover[b-m23nwiz3y4] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-md);
}

/* ── Placeholder ── */

.perfection-overview-card__placeholder[b-m23nwiz3y4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    min-height: 200px;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.perfection-overview-card__placeholder[b-m23nwiz3y4]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.5;
}

/* ── Header ── */

.perfection-overview-card__header[b-m23nwiz3y4] {
    padding: var(--cg-spacing-4) var(--cg-spacing-4) 0;
}

.perfection-overview-card__title[b-m23nwiz3y4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.perfection-overview-card__title[b-m23nwiz3y4]  .cg-mdi-icon {
    color: var(--cg-color-amber);
}

/* ── Charts Area ── */

.perfection-overview-card__charts[b-m23nwiz3y4] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4);
}

/* Chart cards use their own border/background, remove outer border clash */
.perfection-overview-card__charts[b-m23nwiz3y4]  .cg-pie-chart,
.perfection-overview-card__charts[b-m23nwiz3y4]  .cg-bar-chart {
    border: none;
    box-shadow: none;
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-md);
    padding: var(--cg-spacing-3);
}

/* ── Responsive ── */

@media (max-width: 640px) {
    .perfection-overview-card__header[b-m23nwiz3y4] {
        padding: var(--cg-spacing-3) var(--cg-spacing-3) 0;
    }

    .perfection-overview-card__charts[b-m23nwiz3y4] {
        padding: var(--cg-spacing-3);
        gap: var(--cg-spacing-2);
    }
}

/* ── 去除 PerfectionHomeCard 侧边栏的嵌套卡片式样 ── */
/* 当 PerfectionOverviewCard 放在 perfection-home-card__col-overview 中时 */
[b-m23nwiz3y4] .perfection-home-card__col-overview .perfection-overview-card {
    border: none;
    box-shadow: none;
    background: transparent;
}

[b-m23nwiz3y4] .perfection-home-card__col-overview .perfection-overview-card__charts ::deep .cg-pie-chart,
[b-m23nwiz3y4] .perfection-home-card__col-overview .perfection-overview-card__charts ::deep .cg-bar-chart {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/PerfectionRandomList.razor.rz.scp.css */
.perfection-random-list[b-2mtiuspmy3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.perfection-random-list__header[b-2mtiuspmy3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
}

.perfection-random-list__title-group[b-2mtiuspmy3] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.perfection-random-list__title-icon[b-2mtiuspmy3] {
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-xl);
    flex-shrink: 0;
}

.perfection-random-list__title[b-2mtiuspmy3] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

.perfection-random-list__grid[b-2mtiuspmy3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-4);
}

.perfection-random-list__grid--transverse[b-2mtiuspmy3] {
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .perfection-random-list__grid--transverse[b-2mtiuspmy3] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Perfections/RecentlyEditListCard.razor.rz.scp.css */
.recently-edit-list[b-y9tqxp9if8] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    min-height: 120px;
}

.recently-edit-list__header[b-y9tqxp9if8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4) var(--cg-spacing-4) 0;
}

.recently-edit-list__title-group[b-y9tqxp9if8] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.recently-edit-list__title-group[b-y9tqxp9if8]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--cg-color-primary);
}

.recently-edit-list__title[b-y9tqxp9if8] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

.recently-edit-list__count[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

.recently-edit-list__list[b-y9tqxp9if8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4) var(--cg-spacing-4);
}

.recently-edit-list__item[b-y9tqxp9if8] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.recently-edit-list__item:hover[b-y9tqxp9if8] {
    background: var(--cg-color-hover-overlay);
}

.recently-edit-list__avatar[b-y9tqxp9if8] {
    width: 40px;
    height: 40px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    background: var(--cg-color-border);
}

.recently-edit-list__avatar--placeholder[b-y9tqxp9if8] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    background: var(--cg-color-section-bg);
}

.recently-edit-list__info[b-y9tqxp9if8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1;
}

.recently-edit-list__username[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recently-edit-list__meta[b-y9tqxp9if8] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    min-width: 0;
}

.recently-edit-list__operation[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.recently-edit-list__dot[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-border);
    flex-shrink: 0;
}

.recently-edit-list__object[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-link);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recently-edit-list__object:hover[b-y9tqxp9if8] {
    color: var(--cg-color-primary-hover);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.recently-edit-list__time[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.recently-edit-list__loading[b-y9tqxp9if8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
}

.recently-edit-list__loading-text[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.recently-edit-list__error[b-y9tqxp9if8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-error);
    font-size: var(--cg-font-size-sm);
}

.recently-edit-list__error-icon[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-2xl);
}

.recently-edit-list__empty[b-y9tqxp9if8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.recently-edit-list__empty-icon[b-y9tqxp9if8] {
    font-size: var(--cg-font-size-2xl);
    opacity: 0.5;
}

@media (max-width: 640px) {
    .recently-edit-list__item[b-y9tqxp9if8] {
        gap: var(--cg-spacing-2);
        padding: var(--cg-spacing-2);
    }

    .recently-edit-list__avatar[b-y9tqxp9if8] {
        width: 36px;
        height: 36px;
    }

    .recently-edit-list__header[b-y9tqxp9if8] {
        padding: var(--cg-spacing-3) var(--cg-spacing-3) 0;
    }

    .recently-edit-list__list[b-y9tqxp9if8] {
        grid-template-columns: 1fr;
        padding: var(--cg-spacing-2) var(--cg-spacing-3) var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryCollectionButton.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Periphery Collection Button
   ══════════════════════════════════════════ */
.periphery-collect-btn[b-shjfn8h8me] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    border: 1px solid var(--cg-color-border);
    background: transparent;
    color: var(--cg-color-text-secondary);
}

.periphery-collect-btn:hover:not(:disabled)[b-shjfn8h8me] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
}

.periphery-collect-btn:disabled[b-shjfn8h8me] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Active (collected) state */
.periphery-collect-btn--active[b-shjfn8h8me] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
}

.periphery-collect-btn--active:hover:not(:disabled)[b-shjfn8h8me] {
    background: color-mix(in oklab, var(--cg-color-primary) 14%, transparent);
}

/* Icon sizing */
.periphery-collect-btn[b-shjfn8h8me]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    transition: transform var(--cg-transition-fast);
}

.periphery-collect-btn:hover:not(:disabled)[b-shjfn8h8me]  .cg-mdi-icon {
    transform: scale(1.15);
}

/* Loading spin animation */
.periphery-collect-btn[b-shjfn8h8me]  .periphery-collect-btn-spin {
    animation: periphery-collect-spin-b-shjfn8h8me 0.8s linear infinite;
}

@keyframes periphery-collect-spin-b-shjfn8h8me {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryGallery.razor.rz.scp.css */
/* Gallery grid styles – card container provided by EntryCard */
.periphery-gallery-group-title[b-r4pg0gimzx] {
    margin: 0.5rem 0 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
}

.periphery-gallery-grid[b-r4pg0gimzx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.periphery-gallery-grid img[b-r4pg0gimzx] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--cg-radius-md);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
    transition: opacity var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.periphery-gallery-grid a:hover img[b-r4pg0gimzx] {
    opacity: 0.85;
    box-shadow: 0 0 0 2px var(--cg-color-primary);
}

@media (min-width: 640px) {
    .periphery-gallery-grid[b-r4pg0gimzx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .periphery-gallery-grid[b-r4pg0gimzx] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryHero.razor.rz.scp.css */
/* ── Glass-card Hero (aligned with EntryHero) ── */
.periphery-hero[b-ijj3kjynjh] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: center;
}

.periphery-hero-side[b-ijj3kjynjh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    width: 100%;
}

.periphery-cover[b-ijj3kjynjh] {
    width: 100%;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-bg) 90%, white);
    box-shadow: var(--cg-shadow-md);
    border-radius: var(--cg-radius-lg);
    max-width: 100%;
}

.periphery-cover--empty[b-ijj3kjynjh] {
    display: grid;
    place-items: center;
    color: var(--cg-color-text-muted);
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.periphery-hero-main[b-ijj3kjynjh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.periphery-hero-main h1[b-ijj3kjynjh] {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    line-height: 1.2;
    color: var(--cg-color-text);
}

.periphery-hero-top[b-ijj3kjynjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.periphery-type[b-ijj3kjynjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    padding: 0.15rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.periphery-type[b-ijj3kjynjh]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.periphery-brief[b-ijj3kjynjh] {
    margin: 0;
    color: var(--cg-color-text-muted);
    line-height: 1.7;
    font-size: 0.95rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.periphery-hero-stats[b-ijj3kjynjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.periphery-hero-stat[b-ijj3kjynjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.periphery-hero-stat[b-ijj3kjynjh]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Action buttons ── */
.periphery-hero-actions[b-ijj3kjynjh] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.periphery-edit-btn[b-ijj3kjynjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-primary);
    background: var(--cg-color-primary);
    color: #fff;
}

.periphery-edit-btn:hover[b-ijj3kjynjh] {
    opacity: 0.9;
}

.periphery-edit-btn[b-ijj3kjynjh]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.periphery-edit-btn--login[b-ijj3kjynjh] {
    background: transparent;
    color: var(--cg-color-primary);
}

.periphery-edit-btn--login:hover[b-ijj3kjynjh] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    opacity: 1;
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .periphery-hero[b-ijj3kjynjh] {
        grid-template-columns: 5fr 7fr;
        gap: 2.5rem;
        padding: 2rem;
        align-items: center;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryInfoCard.razor.rz.scp.css */
.periphery-info-card[b-9pcuj04rh8] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    padding: 1.5rem;
}

.periphery-info-card > h2[b-9pcuj04rh8] {
    margin: 0 0 1.25rem;
    font-size: 1.15rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--cg-color-text);
}

.periphery-info-card > h2[b-9pcuj04rh8]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
}

.periphery-info-list[b-9pcuj04rh8] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.periphery-info-row[b-9pcuj04rh8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.6rem 0;
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 50%, transparent);
}

.periphery-info-row:last-child[b-9pcuj04rh8] {
    border-bottom: none;
}

.periphery-info-row dt[b-9pcuj04rh8] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
    flex-shrink: 0;
    margin-right: 1rem;
}

.periphery-info-row dd[b-9pcuj04rh8] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-semibold);
    text-align: right;
    word-break: break-word;
}

.periphery-sale-link[b-9pcuj04rh8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1rem;
    padding: 0.5rem 1.25rem;
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-bold);
    text-decoration: none;
    transition: background var(--cg-transition-fast);
    width: 100%;
    justify-content: center;
}

.periphery-sale-link:hover[b-9pcuj04rh8] {
    background: var(--cg-color-primary-hover);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryOverviewSection.razor.rz.scp.css */
/* Internal styles �?card container provided by EntryCard */
.periphery-overview-group[b-3qkeb7a8z0] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    padding: 1.25rem;
    background: var(--cg-color-surface);
}

.periphery-overview-group + .periphery-overview-group[b-3qkeb7a8z0] {
    margin-top: 1rem;
}

.periphery-overview-group-header[b-3qkeb7a8z0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    text-decoration: none;
    color: inherit;
    border-radius: var(--cg-radius-lg);
    padding: 0.35rem;
    margin: -0.35rem -0.35rem 0.65rem;
    transition: background var(--cg-transition-fast);
}

.periphery-overview-group-header:hover[b-3qkeb7a8z0] {
    background: var(--cg-color-hover-overlay);
}

.periphery-overview-group-image[b-3qkeb7a8z0] {
    width: 80px;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    object-fit: cover;
    flex-shrink: 0;
}

.periphery-overview-group-image--round[b-3qkeb7a8z0] {
    aspect-ratio: 1;
    border-radius: var(--cg-radius-full);
    width: 48px;
}

.periphery-overview-group-info[b-3qkeb7a8z0] {
    min-width: 0;
}

.periphery-overview-group-info h3[b-3qkeb7a8z0] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
}

.periphery-overview-group-info p[b-3qkeb7a8z0] {
    margin: 0.15rem 0 0;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.periphery-overview-items[b-3qkeb7a8z0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.periphery-overview-item[b-3qkeb7a8z0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem;
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.periphery-overview-item:hover[b-3qkeb7a8z0] {
    background: var(--cg-color-hover-overlay);
    box-shadow: var(--cg-shadow-sm);
}

.periphery-overview-item-image[b-3qkeb7a8z0] {
    width: 100%;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    background: color-mix(in oklab, var(--cg-color-bg) 95%, white);
    flex-shrink: 0;
}

.periphery-overview-item-image img[b-3qkeb7a8z0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.periphery-overview-item-placeholder[b-3qkeb7a8z0] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.periphery-overview-item-placeholder[b-3qkeb7a8z0]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
}

.periphery-overview-item-name[b-3qkeb7a8z0] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.periphery-overview-item-stat[b-3qkeb7a8z0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.periphery-overview-item-stat[b-3qkeb7a8z0]  .cg-mdi-icon {
    width: 0.875rem;
    height: 0.875rem;
}

@media (min-width: 640px) {
    .periphery-overview-items[b-3qkeb7a8z0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .periphery-overview-items[b-3qkeb7a8z0] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryRelatedEntries.razor.rz.scp.css */
/* Thin wrapper – styles are provided by the reused EntrySection/EntryCardList components */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Detail/PeripheryRelatedPeripheries.razor.rz.scp.css */
/* List item styles – card container provided by EntryCard */
.periphery-related-list[b-59hb6qw0nx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.periphery-related-item[b-59hb6qw0nx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast);
}

.periphery-related-item:hover[b-59hb6qw0nx] {
    background: var(--cg-color-hover-overlay);
}

.periphery-related-image[b-59hb6qw0nx] {
    width: 92px;
    aspect-ratio: 460 / 215;
    flex-shrink: 0;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    background: color-mix(in oklab, var(--cg-color-bg) 95%, white);
}

.periphery-related-image img[b-59hb6qw0nx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.periphery-related-placeholder[b-59hb6qw0nx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.periphery-related-placeholder[b-59hb6qw0nx]  .cg-mdi-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.periphery-related-info[b-59hb6qw0nx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.periphery-related-name[b-59hb6qw0nx] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.periphery-related-intro[b-59hb6qw0nx] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Editor/PeripheryEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.periphery-edit-sidebar[b-m761dp7ee6] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

/* 自定义滚动条 */
.periphery-edit-sidebar[b-m761dp7ee6]::-webkit-scrollbar {
    width: 4px;
}

.periphery-edit-sidebar[b-m761dp7ee6]::-webkit-scrollbar-track {
    background: transparent;
}

.periphery-edit-sidebar[b-m761dp7ee6]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.periphery-edit-sidebar[b-m761dp7ee6]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 统一提示卡片基础样式 ── */
.periphery-edit-sidebar__card[b-m761dp7ee6] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.periphery-edit-sidebar__card[b-m761dp7ee6]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.periphery-edit-sidebar__card h3[b-m761dp7ee6] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.periphery-edit-sidebar__card p[b-m761dp7ee6] {
    font-size: 0.625rem;
    margin: 0;
}

.periphery-edit-sidebar__card span[b-m761dp7ee6] {
    flex: 1;
}

/* ── primary 变体（编辑/创建模式） ── */
.periphery-edit-sidebar__card--primary[b-m761dp7ee6] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.periphery-edit-sidebar__card--primary[b-m761dp7ee6]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.periphery-edit-sidebar__card--primary h3[b-m761dp7ee6] {
    color: var(--cg-color-primary);
}

.periphery-edit-sidebar__card--primary p[b-m761dp7ee6] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体（草稿恢复） ── */
.periphery-edit-sidebar__card--warning[b-m761dp7ee6] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.periphery-edit-sidebar__card--warning[b-m761dp7ee6]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

/* ── 卡片内操作按钮 ── */
.periphery-edit-sidebar__card-action[b-m761dp7ee6] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.periphery-edit-sidebar__card-action:hover[b-m761dp7ee6] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.periphery-edit-sidebar__nav[b-m761dp7ee6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.periphery-edit-nav-item[b-m761dp7ee6] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.periphery-edit-nav-item:hover[b-m761dp7ee6] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.periphery-edit-nav-item--active[b-m761dp7ee6] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.periphery-edit-nav-item--active:hover[b-m761dp7ee6] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.periphery-edit-nav-item[b-m761dp7ee6]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.periphery-edit-nav-item--active[b-m761dp7ee6]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.periphery-edit-sidebar__actions[b-m761dp7ee6] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.periphery-edit-sidebar__actions[b-m761dp7ee6]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.periphery-edit-sidebar__actions[b-m761dp7ee6]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.periphery-edit-sidebar__actions[b-m761dp7ee6]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-m761dp7ee6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-m761dp7ee6 1s linear infinite;
}

@keyframes cg-spin-b-m761dp7ee6 {
    to { transform: rotate(360deg); }
}

/* ── 响应式：窄屏折叠 ── */
@media (max-width: 1024px) {
    .periphery-edit-sidebar[b-m761dp7ee6] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .periphery-edit-sidebar__card[b-m761dp7ee6] {
        margin-bottom: var(--cg-spacing-2);
    }

    .periphery-edit-sidebar__nav[b-m761dp7ee6] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .periphery-edit-nav-item[b-m761dp7ee6] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .periphery-edit-sidebar__actions[b-m761dp7ee6] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Editor/PeripheryImagesEditor.razor.rz.scp.css */
/* ── 图片网格 ── */
.cg-image-grid[b-cnumfifteg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--cg-spacing-4);
}

.cg-image-card[b-cnumfifteg] {
    position: relative;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    transition: box-shadow var(--cg-transition-fast);
}

.cg-image-card:hover[b-cnumfifteg] {
    box-shadow: var(--cg-shadow-md);
}

.cg-image-card__actions[b-cnumfifteg] {
    position: absolute;
    top: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    display: flex;
    gap: var(--cg-spacing-1);
    opacity: 0;
    transition: opacity var(--cg-transition-fast);
    z-index: 1;
}

.cg-image-card:hover .cg-image-card__actions[b-cnumfifteg] {
    opacity: 1;
}

.cg-image-card__preview[b-cnumfifteg] {
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--cg-color-section-bg);
}

.cg-image-card__preview img[b-cnumfifteg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-image-card__note[b-cnumfifteg] {
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    border-top: 1px solid var(--cg-color-border);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Editor/PeripheryMainEditor.razor.rz.scp.css */
/* PeripheryMainEditor 独有样式 */

/* ── 类型选择器：自适应网格 ── */
.periphery-type-selector[b-9elh10cw7t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: var(--cg-spacing-3);
}

.periphery-type-btn[b-9elh10cw7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4) var(--cg-spacing-2);
    border: 2px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    font-family: var(--cg-font-family);
    user-select: none;
}

.periphery-type-btn:hover[b-9elh10cw7t] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 6%, var(--cg-color-surface));
}

.periphery-type-btn:focus-visible[b-9elh10cw7t] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.periphery-type-btn.active[b-9elh10cw7t] {
    border-color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 12%, var(--cg-color-surface));
    color: var(--cg-color-primary);
}

.periphery-type-btn[b-9elh10cw7t]  .cg-mdi-icon {
    width: 36px;
    height: 36px;
}

/* 小屏幕时折叠为两列 */
@media (max-width: 600px) {
    .periphery-type-selector[b-9elh10cw7t] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Editor/PeripheryRelatedEntriesEditor.razor.rz.scp.css */
/* 继承父页面 periphery-editor-section 样式，无额外特化 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Periphery/Editor/PeripheryRelatedPeripheriesEditor.razor.rz.scp.css */
/* 继承父页面 periphery-editor-section 样式，无额外特化 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/Editor/SpaceAccountEditor.razor.rz.scp.css */
/* ── 账户安全卡片网格 ── */
.space-account-grid[b-f9bf8x84dx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--cg-spacing-4);
}

/* ── 单张卡片 ── */
.space-account-card[b-f9bf8x84dx] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-4);
    padding: var(--cg-spacing-5);
    border-radius: var(--cg-radius-md);
    border: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.space-account-card:hover[b-f9bf8x84dx] {
    box-shadow: var(--cg-shadow-sm);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
}

/* ── 图标 ── */
.space-account-card__icon[b-f9bf8x84dx] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, var(--cg-color-surface));
    display: flex;
    align-items: center;
    justify-content: center;
}

.space-account-card__icon[b-f9bf8x84dx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-primary);
}

.space-account-card__icon--cert[b-f9bf8x84dx] {
    background: color-mix(in oklab, var(--cg-color-success) 8%, var(--cg-color-surface));
}

.space-account-card__icon--cert[b-f9bf8x84dx]  .cg-mdi-icon {
    color: var(--cg-color-success);
}

/* ── 内容区 ── */
.space-account-card__body[b-f9bf8x84dx] {
    flex: 1;
    min-width: 0;
}

.space-account-card__body h3[b-f9bf8x84dx] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-1) 0;
}

.space-account-card__body p[b-f9bf8x84dx] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin: 0;
    line-height: 1.5;
}

.space-account-card__meta[b-f9bf8x84dx] {
    display: block;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-top: var(--cg-spacing-1);
}

/* ── 认证徽章 ── */
.space-account-card__badge[b-f9bf8x84dx] {
    display: inline-flex;
    align-items: center;
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-sm);
    font-size: 0.625rem;
    font-weight: var(--cg-font-weight-semibold);
    margin-top: var(--cg-spacing-2);
}

.space-account-card__badge--pending[b-f9bf8x84dx] {
    background: color-mix(in oklab, var(--cg-color-warning) 10%, var(--cg-color-surface));
    color: var(--cg-color-warning);
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 25%, transparent);
}

.space-account-card__badge--verified[b-f9bf8x84dx] {
    background: color-mix(in oklab, var(--cg-color-success) 10%, var(--cg-color-surface));
    color: var(--cg-color-success);
    border: 1px solid color-mix(in oklab, var(--cg-color-success) 25%, transparent);
}

/* ── 操作区 ── */
.space-account-card__action[b-f9bf8x84dx] {
    flex-shrink: 0;
    align-self: center;
}

.space-account-link-btn[b-f9bf8x84dx] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary);
    text-decoration: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.space-account-link-btn:hover[b-f9bf8x84dx] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border-color: var(--cg-color-primary);
}

.space-account-link-btn[b-f9bf8x84dx]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/Editor/SpaceEditorSidebar.razor.rz.scp.css */
/* ── 侧边栏容器 ── */
.space-edit-sidebar[b-qy3gz9veig] {
    width: 100%;
    min-width: 100%;
    position: relative;
    border-bottom: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-3);
}

@media (min-width: 1024px) {
    .space-edit-sidebar[b-qy3gz9veig] {
        width: 280px;
        min-width: 280px;
        border-right: 1px solid var(--cg-color-border);
        border-bottom: none;
        padding: var(--cg-spacing-4);
        position: sticky;
        top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
        max-height: calc(100vh - var(--cg-header-height) - 60px);
        align-self: flex-start;
        overflow-y: auto;
        z-index: 10;
        border-radius: var(--cg-radius-lg);
        margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
        box-shadow: var(--cg-shadow-sm);
    }

    .space-edit-sidebar[b-qy3gz9veig]::-webkit-scrollbar {
        width: 4px;
    }

    .space-edit-sidebar[b-qy3gz9veig]::-webkit-scrollbar-track {
        background: transparent;
    }

    .space-edit-sidebar[b-qy3gz9veig]::-webkit-scrollbar-thumb {
        background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
        border-radius: 10px;
    }

    .space-edit-sidebar[b-qy3gz9veig]::-webkit-scrollbar-thumb:hover {
        background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
    }
}

/* ── 统一提示卡片基础样式 ── */
.space-edit-sidebar__card[b-qy3gz9veig] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
}

@media (min-width: 1024px) {
    .space-edit-sidebar__card[b-qy3gz9veig] {
        margin-bottom: var(--cg-spacing-3);
    }
}

.space-edit-sidebar__card[b-qy3gz9veig]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.space-edit-sidebar__card h3[b-qy3gz9veig] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.space-edit-sidebar__card p[b-qy3gz9veig] {
    font-size: 0.625rem;
    margin: 0;
}

.space-edit-sidebar__card span[b-qy3gz9veig] {
    flex: 1;
}

/* ── primary 变体 ── */
.space-edit-sidebar__card--primary[b-qy3gz9veig] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.space-edit-sidebar__card--primary[b-qy3gz9veig]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.space-edit-sidebar__card--primary h3[b-qy3gz9veig] {
    color: var(--cg-color-primary);
}

.space-edit-sidebar__card--primary p[b-qy3gz9veig] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体 ── */
.space-edit-sidebar__card--warning[b-qy3gz9veig] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.space-edit-sidebar__card--warning[b-qy3gz9veig]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

/* ── 卡片内操作按钮 ── */
.space-edit-sidebar__card-action[b-qy3gz9veig] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.space-edit-sidebar__card-action:hover[b-qy3gz9veig] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.space-edit-sidebar__nav[b-qy3gz9veig] {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: var(--cg-spacing-1);
    padding-bottom: var(--cg-spacing-2);
}

@media (min-width: 1024px) {
    .space-edit-sidebar__nav[b-qy3gz9veig] {
        flex-direction: column;
        overflow-x: visible;
        gap: 2px;
        flex: 1;
        padding-bottom: 0;
    }
}

.space-edit-nav-item[b-qy3gz9veig] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .space-edit-nav-item[b-qy3gz9veig] {
        padding: var(--cg-spacing-3) var(--cg-spacing-4);
        border-radius: var(--cg-radius-lg);
        font-size: var(--cg-font-size-sm);
        white-space: normal;
    }
}

.space-edit-nav-item:hover[b-qy3gz9veig] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.space-edit-nav-item--active[b-qy3gz9veig] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.space-edit-nav-item--active:hover[b-qy3gz9veig] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.space-edit-nav-item[b-qy3gz9veig]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.space-edit-nav-item--active[b-qy3gz9veig]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.space-edit-sidebar__actions[b-qy3gz9veig] {
    display: flex;
    flex-direction: row;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-3);
    padding-top: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

@media (min-width: 1024px) {
    .space-edit-sidebar__actions[b-qy3gz9veig] {
        flex-direction: column;
        margin-top: var(--cg-spacing-6);
        padding-top: var(--cg-spacing-4);
    }
}

.space-edit-sidebar__actions[b-qy3gz9veig]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.space-edit-sidebar__actions[b-qy3gz9veig]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.space-edit-sidebar__actions[b-qy3gz9veig]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-qy3gz9veig] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-qy3gz9veig 1s linear infinite;
}

@keyframes cg-spin-b-qy3gz9veig {
    to { transform: rotate(360deg); }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/Editor/SpaceMainPageEditor.razor.rz.scp.css */
/* SpaceMainPageEditor 暂无特殊样式，继承页面级 section 样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/Editor/SpacePrivacyEditor.razor.rz.scp.css */
.space-steam-ids[b-e2qtq98vrb] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.space-steam-id-row[b-e2qtq98vrb] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.space-steam-id-row[b-e2qtq98vrb]  .cg-input {
    flex: 1;
}

.space-steam-id-row[b-e2qtq98vrb]  .cg-btn {
    flex-shrink: 0;
}

.space-steam-id-row[b-e2qtq98vrb]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/Editor/SpaceProfileEditor.razor.rz.scp.css */
.space-rank-list[b-xwg6767iey] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceArticleList.razor.rz.scp.css */
.cg-space-tab-empty[b-bip362mo8k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-space-tab-empty[b-bip362mo8k]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.cg-space-article-grid[b-bip362mo8k] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.cg-space-article-item[b-bip362mo8k] {
    display: flex;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    text-decoration: none;
    color: inherit;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.cg-space-article-item:hover[b-bip362mo8k] {
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-1px);
}

.cg-space-article-cover[b-bip362mo8k] {
    width: 100px;
    flex-shrink: 0;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-sm);
    overflow: hidden;
}

@media (min-width: 640px) {
    .cg-space-article-cover[b-bip362mo8k] {
        width: 160px;
    }
}

.cg-space-article-cover img[b-bip362mo8k] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-space-article-info[b-bip362mo8k] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.cg-space-article-title[b-bip362mo8k] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg-space-article-brief[b-bip362mo8k] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cg-space-article-meta[b-bip362mo8k] {
    display: flex;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-top: auto;
    align-items: center;
}

.cg-space-article-meta span[b-bip362mo8k] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.cg-space-article-meta[b-bip362mo8k]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.cg-space-article-date[b-bip362mo8k] {
    margin-left: auto;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceBasicInfoCard.razor.rz.scp.css */
.cg-space-card[b-uw7c55hdg2] {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
}

@media (min-width: 640px) {
    .cg-space-card[b-uw7c55hdg2] {
        border: none;
    }
}

.cg-space-card-header[b-uw7c55hdg2] {
    display: flex;
    align-items: center;
    padding: var(--cg-spacing-4) var(--cg-spacing-4) 0;
}

.cg-space-card-icon[b-uw7c55hdg2] {
    margin-right: var(--cg-spacing-2);
}

.cg-space-card-header[b-uw7c55hdg2]  .cg-space-card-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

.cg-space-card-title[b-uw7c55hdg2] {
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    margin: 0;
    color: var(--cg-color-text-primary);
}

.cg-space-card-body[b-uw7c55hdg2] {
    padding: var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.cg-space-info-item[b-uw7c55hdg2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
}

.cg-space-info-icon[b-uw7c55hdg2] {
    margin-right: var(--cg-spacing-3);
}

.cg-space-info-item[b-uw7c55hdg2]  .cg-space-info-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-text-secondary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceDataOverviewCard.razor.rz.scp.css */
.cg-space-card[b-77x581tvru] {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
}

@media (min-width: 640px) {
    .cg-space-card[b-77x581tvru] {
        border: none;
    }
}

.cg-space-card-body[b-77x581tvru] {
    padding: var(--cg-spacing-4);
}

.cg-space-data-stats[b-77x581tvru] {
    display: flex;
    justify-content: space-around;
}

.cg-space-data-stat-item[b-77x581tvru] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cg-space-data-stat-value[b-77x581tvru] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
}

.cg-space-data-stat-label[b-77x581tvru] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    margin-top: var(--cg-spacing-1);
}

.cg-space-data-level-container[b-77x581tvru] {
    margin-top: var(--cg-spacing-4);
}

.cg-space-data-level-header[b-77x581tvru] {
    display: flex;
    justify-content: space-between;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-primary);
    margin-bottom: var(--cg-spacing-2);
}

.cg-space-data-level-icon[b-77x581tvru] {
    vertical-align: text-bottom;
}

.cg-space-data-level-header[b-77x581tvru]  .cg-space-data-level-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-primary);
}

.cg-space-data-level-text[b-77x581tvru] {
    color: var(--cg-color-text-secondary);
}

.cg-space-progress-bar[b-77x581tvru] {
    width: 100%;
    height: 8px;
    background-color: var(--cg-color-border);
    border-radius: var(--cg-radius-full);
    overflow: hidden;
}

.cg-space-progress-bar-fill[b-77x581tvru] {
    height: 100%;
    background-color: var(--cg-color-primary);
    border-radius: var(--cg-radius-full);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceEditRecordList.razor.rz.scp.css */
.cg-space-tab-empty[b-zp8rrbmism] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-space-tab-empty[b-zp8rrbmism]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.cg-space-edit-record-list[b-zp8rrbmism] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.cg-space-edit-record-item[b-zp8rrbmism] {
    display: flex;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    text-decoration: none;
    color: inherit;
    align-items: center;
    transition: box-shadow var(--cg-transition-fast);
}

.cg-space-edit-record-item:hover[b-zp8rrbmism] {
    box-shadow: var(--cg-shadow-md);
}

.cg-space-edit-record-status[b-zp8rrbmism] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: var(--cg-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cg-space-edit-record-status[b-zp8rrbmism]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.cg-space-edit-record-status--passed[b-zp8rrbmism] {
    background: var(--cg-color-emerald-subtle, #d1fae5);
    color: var(--cg-color-success, #10b981);
}

.cg-space-edit-record-status--failed[b-zp8rrbmism] {
    background: color-mix(in oklab, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

.cg-space-edit-record-status--pending[b-zp8rrbmism] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    color: var(--cg-color-warning);
}

.cg-space-edit-record-info[b-zp8rrbmism] {
    flex: 1;
    min-width: 0;
}

.cg-space-edit-record-title[b-zp8rrbmism] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-primary);
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.cg-space-edit-record-type-badge[b-zp8rrbmism] {
    display: inline-flex;
    padding: 1px 6px;
    border-radius: var(--cg-radius-sm);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.cg-space-edit-record-meta[b-zp8rrbmism] {
    display: flex;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-top: 2px;
}

.cg-space-edit-record-op[b-zp8rrbmism] {
    color: var(--cg-color-text-secondary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceFavoriteFolderList.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Toolbar & Create button
   ══════════════════════════════════════════ */
.favorite-toolbar[b-oeulm8hcxm] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--cg-spacing-4);
}

.favorite-create-btn[b-oeulm8hcxm] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2) var(--cg-spacing-4);
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-primary);
    background: transparent;
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

.favorite-create-btn:hover[b-oeulm8hcxm] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    border-color: var(--cg-color-primary-hover);
    color: var(--cg-color-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
}

.favorite-create-btn[b-oeulm8hcxm]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* ══════════════════════════════════════════
   Grid (matches SpaceGameRecordList)
   ══════════════════════════════════════════ */
.favorite-grid[b-oeulm8hcxm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 640px) {
    .favorite-grid[b-oeulm8hcxm] {
        gap: 0.75rem;
    }
}

@media (min-width: 768px) {
    .favorite-grid[b-oeulm8hcxm] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .favorite-grid[b-oeulm8hcxm] {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

/* ══════════════════════════════════════════
   Empty state
   ══════════════════════════════════════════ */
.favorite-empty[b-oeulm8hcxm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.favorite-empty[b-oeulm8hcxm]  .favorite-empty-icon {
    width: 48px;
    height: 48px;
    opacity: 0.4;
}

/* ══════════════════════════════════════════
   Card (matches SpaceGameRecordItem)
   ══════════════════════════════════════════ */
.favorite-card[b-oeulm8hcxm] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 40%, transparent);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    height: 100%;
    box-shadow: var(--cg-shadow-sm);
    transition: all var(--cg-transition-normal);
}

.favorite-card:hover[b-oeulm8hcxm] {
    box-shadow: var(--cg-shadow-card-hover, 0 12px 24px -6px rgba(0, 0, 0, 0.1));
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
    transform: translateY(-4px);
}

/* ── Cover ── */
.favorite-card-cover[b-oeulm8hcxm] {
    position: relative;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
}

.favorite-card-cover[b-oeulm8hcxm]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.15) 100%);
    pointer-events: none;
    z-index: 1;
    transition: opacity var(--cg-transition-normal);
}

.favorite-card:hover .favorite-card-cover[b-oeulm8hcxm]::after {
    opacity: 0.5;
}

.favorite-card-cover img[b-oeulm8hcxm] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.favorite-card:hover .favorite-card-cover img[b-oeulm8hcxm] {
    transform: scale(1.05) translateZ(0);
}

/* Placeholder (no image) */
.favorite-card-placeholder[b-oeulm8hcxm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,
        color-mix(in oklab, var(--cg-color-primary) 8%, var(--cg-color-bg)),
        color-mix(in oklab, var(--cg-color-secondary) 8%, var(--cg-color-bg)));
}

.favorite-card-placeholder[b-oeulm8hcxm]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
    opacity: 0.3;
}

/* Count badge */
.favorite-card-count[b-oeulm8hcxm] {
    position: absolute;
    bottom: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    z-index: 2;
    padding: 2px var(--cg-spacing-2);
    border-radius: var(--cg-radius-sm);
    background-color: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
}

/* ── Body ── */
.favorite-card-body[b-oeulm8hcxm] {
    padding: var(--cg-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    flex-grow: 1;
}

.favorite-card-name[b-oeulm8hcxm] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--cg-transition-fast);
}

.favorite-card:hover .favorite-card-name[b-oeulm8hcxm] {
    color: var(--cg-color-primary);
}

.favorite-card-desc[b-oeulm8hcxm] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
}

/* ── Meta badges ── */
.favorite-card-meta[b-oeulm8hcxm] {
    display: flex;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
    margin-top: 0.15rem;
}

.favorite-badge[b-oeulm8hcxm] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0.1rem var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.favorite-badge--private[b-oeulm8hcxm] {
    background-color: color-mix(in oklab, var(--cg-color-warning) 10%, transparent);
    color: var(--cg-color-warning);
}

.favorite-badge--hidden[b-oeulm8hcxm] {
    background-color: color-mix(in oklab, var(--cg-color-error) 10%, transparent);
    color: var(--cg-color-error);
}

.favorite-badge[b-oeulm8hcxm]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceGameRecordEditModal.razor.rz.scp.css */
.space-game-record-edit__loading[b-gqfoc5phkg] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.space-game-record-edit__hint[b-gqfoc5phkg] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-edit__type[b-gqfoc5phkg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-edit__type-btn[b-gqfoc5phkg] {
    padding: var(--cg-spacing-1) var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

.space-game-record-edit__type-btn:hover[b-gqfoc5phkg] {
    border-color: var(--cg-color-primary);
    color: var(--cg-color-primary);
}

.space-game-record-edit__type-btn--active[b-gqfoc5phkg] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-color: var(--cg-color-primary);
}

.space-game-record-edit__type-btn--active:hover[b-gqfoc5phkg] {
    background: var(--cg-color-primary-hover);
    border-color: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
}

.space-game-record-edit__scores[b-gqfoc5phkg] {
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-edit__impressions[b-gqfoc5phkg] {
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-edit__impressions-label[b-gqfoc5phkg] {
    display: block;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    margin-bottom: var(--cg-spacing-2);
}

.space-game-record-edit__options[b-gqfoc5phkg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cg-spacing-4);
    margin-top: var(--cg-spacing-3);
}

.space-game-record-edit__footer[b-gqfoc5phkg] {
    display: flex;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
    width: 100%;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceGameRecordItem.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceGameRecordItem.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.space-game-record-item[b-qyxj18ish2] {
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    height: 100%;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .space-game-record-item[b-qyxj18ish2] {
        border-radius: var(--cg-radius-lg);
    }
}

.space-game-record-item--clickable[b-qyxj18ish2] {
    cursor: pointer;
}

.space-game-record-item:hover[b-qyxj18ish2] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-2px);
}

.space-game-record-item__cover[b-qyxj18ish2] {
    position: relative;
    aspect-ratio: 460 / 215;
    overflow: hidden;
    background: var(--cg-color-bg);
}

.space-game-record-item__cover img[b-qyxj18ish2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--cg-transition-normal);
}

.space-game-record-item:hover .space-game-record-item__cover img[b-qyxj18ish2] {
    transform: scale(1.03);
}

.space-game-record-item__info[b-qyxj18ish2] {
    padding: 0.375rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (min-width: 768px) {
    .space-game-record-item__info[b-qyxj18ish2] {
        padding: 0.625rem 0.75rem;
        gap: 0.375rem;
    }
}

.space-game-record-item__name[b-qyxj18ish2] {
    font-size: 0.6875rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 768px) {
    .space-game-record-item__name[b-qyxj18ish2] {
        font-size: 0.8125rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceGameRecordList.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceGameRecordList.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.space-game-record-list__grid[b-if8njsknfk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 640px) {
    .space-game-record-list__grid[b-if8njsknfk] {
        gap: 0.75rem;
    }
}

@media (min-width: 768px) {
    .space-game-record-list__grid[b-if8njsknfk] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .space-game-record-list__grid[b-if8njsknfk] {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}

/* ── Empty state ── */
.space-game-record-list__empty[b-if8njsknfk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

@media (min-width: 768px) {
    .space-game-record-list__empty[b-if8njsknfk] {
        padding: 3rem 1.5rem;
    }
}

.space-game-record-list__empty[b-if8njsknfk]  .cg-mdi-icon {
    width: 36px;
    height: 36px;
    fill: var(--cg-color-text-muted);
    opacity: 0.4;
    margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
    .space-game-record-list__empty[b-if8njsknfk]  .cg-mdi-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 0.75rem;
    }
}

.space-game-record-list__empty p[b-if8njsknfk] {
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
    margin: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceGameRecordTag.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceGameRecordTag.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.space-game-record-tag[b-fuhe7yk6a2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1875rem;
}

@media (min-width: 768px) {
    .space-game-record-tag[b-fuhe7yk6a2] {
        gap: 0.25rem;
    }
}

.space-game-record-tag__chip[b-fuhe7yk6a2] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 1px 0.375rem;
    font-size: 0.5625rem;
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    background: var(--cg-color-bg);
    border-radius: var(--cg-radius-sm);
    line-height: 1.4;
}

@media (min-width: 768px) {
    .space-game-record-tag__chip[b-fuhe7yk6a2] {
        gap: 3px;
        padding: 2px 0.5rem;
        font-size: 0.6875rem;
    }
}

.space-game-record-tag__chip[b-fuhe7yk6a2]  .cg-mdi-icon {
    width: 10px;
    height: 10px;
    fill: currentColor;
}

@media (min-width: 768px) {
    .space-game-record-tag__chip[b-fuhe7yk6a2]  .cg-mdi-icon {
        width: 13px;
        height: 13px;
    }
}

.space-game-record-tag__chip--steam[b-fuhe7yk6a2] {
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, transparent);
}

.space-game-record-tag__chip--score[b-fuhe7yk6a2] {
    color: var(--cg-color-warning, #f59e0b);
    background: color-mix(in srgb, var(--cg-color-warning, #f59e0b) 10%, transparent);
}

.space-game-record-tag__chip--active[b-fuhe7yk6a2] {
    color: var(--cg-color-success, #22c55e);
    background: color-mix(in srgb, var(--cg-color-success, #22c55e) 10%, transparent);
}

.space-game-record-tag__chip--done[b-fuhe7yk6a2] {
    color: var(--cg-color-primary);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, transparent);
}

.space-game-record-tag__chip--muted[b-fuhe7yk6a2] {
    color: var(--cg-color-text-muted);
    background: var(--cg-color-bg);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceGameRecordViewModal.razor.rz.scp.css */
.space-game-record-view__cover[b-d9igby58mi] {
    display: block;
    width: 100%;
    margin-bottom: var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    overflow: hidden;
}

.space-game-record-view__cover img[b-d9igby58mi] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform var(--cg-transition-normal);
}

.space-game-record-view__cover:hover img[b-d9igby58mi] {
    transform: scale(1.02);
}

.space-game-record-view__intro[b-d9igby58mi] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    line-height: 1.6;
    margin-bottom: var(--cg-spacing-3);
}

.space-game-record-view__tags[b-d9igby58mi] {
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-view__scores[b-d9igby58mi] {
    margin-bottom: var(--cg-spacing-4);
}

.space-game-record-view__no-score[b-d9igby58mi] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
    padding: var(--cg-spacing-4) 0;
}

.space-game-record-view__impressions[b-d9igby58mi] {
    margin-bottom: var(--cg-spacing-3);
}

.space-game-record-view__impressions h4[b-d9igby58mi] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-2) 0;
}

.space-game-record-view__impressions p[b-d9igby58mi] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    line-height: 1.6;
    white-space: pre-wrap;
    margin: 0;
}

.space-game-record-view__footer[b-d9igby58mi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceHero.razor.rz.scp.css */
.cg-space-hero[b-fgmseyzvp1] {
    position: relative;
    border-radius: var(--cg-radius-lg);
    background-color: var(--cg-color-surface);
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    border: 1px solid var(--cg-color-border);
}

@media (min-width: 640px) {
    .cg-space-hero[b-fgmseyzvp1] {
        border: none;
    }
}

.cg-space-hero-bg[b-fgmseyzvp1] {
    width: 100%;
    aspect-ratio: 546 / 163;
    position: relative;
}

.cg-space-hero-bg img[b-fgmseyzvp1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-space-hero-content[b-fgmseyzvp1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--cg-spacing-4);
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

.cg-space-hero-avatar[b-fgmseyzvp1] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--cg-color-surface);
    overflow: hidden;
    background-color: var(--cg-color-surface);
    margin-bottom: var(--cg-spacing-3);
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 640px) {
    .cg-space-hero-avatar[b-fgmseyzvp1] {
        width: 100px;
        height: 100px;
        border: 4px solid var(--cg-color-surface);
        box-shadow: var(--cg-shadow-md);
    }
}

.cg-space-hero-avatar img[b-fgmseyzvp1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-space-hero-name[b-fgmseyzvp1] {
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    margin: 0;
    text-align: center;
    word-break: break-all;
}

.cg-space-hero-info[b-fgmseyzvp1] {
    width: 100%;    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.cg-space-hero-signature[b-fgmseyzvp1] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    text-align: center;
    line-height: 1.5;
    word-break: break-word;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceMainPage.razor.rz.scp.css */
.cg-markdown-body[b-x76iew2s8t] {
    font-size: var(--cg-font-size-md);
    line-height: 1.6;
    color: var(--cg-color-text-primary);
    word-wrap: break-word;
}

.cg-markdown-body[b-x76iew2s8t]  img {
    max-width: 100%;
    height: auto;
    border-radius: var(--cg-radius-md);
}

.cg-markdown-body[b-x76iew2s8t]  a {
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-markdown-body[b-x76iew2s8t]  a:hover {
    text-decoration: underline;
}

/* ── Empty state ── */

.cg-space-main-empty[b-x76iew2s8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10);
}

.cg-space-main-empty[b-x76iew2s8t]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    fill: var(--cg-color-text-muted);
    opacity: 0.4;
    margin-bottom: var(--cg-spacing-3);
}

.cg-space-main-empty p[b-x76iew2s8t] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpacePeripheryList.razor.rz.scp.css */
/* ── Empty state ── */
.cg-space-tab-empty[b-z5ptwtw21d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-space-tab-empty[b-z5ptwtw21d]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

/* ── Sections container ── */
.cg-space-periphery-sections[b-z5ptwtw21d] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-5);
}

/* ── Group card (glass-card style aligned with PeripheryOverviewSection) ── */
.cg-space-periphery-group[b-z5ptwtw21d] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    padding: 1.25rem;
    background: var(--cg-color-surface);
}

.cg-space-periphery-group + .cg-space-periphery-group[b-z5ptwtw21d] {
    margin-top: 0;
}

/* ── Group header (game info, clickable) ── */
.cg-space-periphery-group-header[b-z5ptwtw21d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    text-decoration: none;
    color: inherit;
    border-radius: var(--cg-radius-lg);
    padding: 0.35rem;
    margin: -0.35rem -0.35rem 0.65rem;
    transition: background var(--cg-transition-fast);
}

.cg-space-periphery-group-header:hover[b-z5ptwtw21d] {
    background: var(--cg-color-hover-overlay);
}

.cg-space-periphery-group-image[b-z5ptwtw21d] {
    width: 80px;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    object-fit: cover;
    flex-shrink: 0;
}

.cg-space-periphery-group-image--round[b-z5ptwtw21d] {
    aspect-ratio: 1;
    border-radius: var(--cg-radius-full);
    width: 48px;
}

.cg-space-periphery-group-info[b-z5ptwtw21d] {
    min-width: 0;
}

.cg-space-periphery-group-info h3[b-z5ptwtw21d] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
}

.cg-space-periphery-group-info p[b-z5ptwtw21d] {
    margin: 0.15rem 0 0;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Periphery item grid ── */
.cg-space-periphery-grid[b-z5ptwtw21d] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

/* ── Periphery item (card link) ── */
.cg-space-periphery-item[b-z5ptwtw21d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem;
    border-radius: var(--cg-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: background var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.cg-space-periphery-item:hover[b-z5ptwtw21d] {
    background: var(--cg-color-hover-overlay);
    box-shadow: var(--cg-shadow-sm);
}

/* ── Item image ── */
.cg-space-periphery-item-image[b-z5ptwtw21d] {
    width: 100%;
    aspect-ratio: 460 / 215;
    border-radius: var(--cg-radius-md);
    overflow: hidden;
    background: color-mix(in oklab, var(--cg-color-bg) 95%, white);
    flex-shrink: 0;
    position: relative;
}

.cg-space-periphery-item-image img[b-z5ptwtw21d] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Placeholder for missing images ── */
.cg-space-periphery-item-placeholder[b-z5ptwtw21d] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.cg-space-periphery-item-placeholder[b-z5ptwtw21d]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
}

/* ── Collected badge ── */
.cg-space-periphery-collected-badge[b-z5ptwtw21d] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-primary) 85%, transparent);
    color: var(--cg-color-on-primary);
    box-shadow: var(--cg-shadow-sm);
}

.cg-space-periphery-collected-badge[b-z5ptwtw21d]  .cg-mdi-icon {
    width: 0.85rem;
    height: 0.85rem;
}

/* ── Item text ── */
.cg-space-periphery-item-name[b-z5ptwtw21d] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.cg-space-periphery-item-stat[b-z5ptwtw21d] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.cg-space-periphery-item-stat[b-z5ptwtw21d]  .cg-mdi-icon {
    width: 0.875rem;
    height: 0.875rem;
}

/* ── Responsive breakpoints (matching PeripheryOverviewSection) ── */
@media (min-width: 640px) {
    .cg-space-periphery-grid[b-z5ptwtw21d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .cg-space-periphery-grid[b-z5ptwtw21d] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceSteamEditModal.razor.rz.scp.css */
.space-steam-edit[b-ow5xk3wrwp] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    padding-bottom: var(--cg-spacing-2);
}

.space-steam-edit__header p[b-ow5xk3wrwp] {
    margin: 0;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    line-height: 1.5;
}

.space-steam-edit__actions[b-ow5xk3wrwp] {
    display: flex;
    justify-content: flex-start;
}

.space-steam-edit__loading[b-ow5xk3wrwp] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) 0;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.space-steam-edit__list[b-ow5xk3wrwp] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-bg);
    overflow: hidden;
}

.space-steam-edit__list-item[b-ow5xk3wrwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    transition: background var(--cg-transition-fast);
}

.space-steam-edit__list-item:not(:last-child)[b-ow5xk3wrwp] {
    border-bottom: 1px solid var(--cg-color-border);
}

.space-steam-edit__list-item:hover[b-ow5xk3wrwp] {
    background: var(--cg-color-hover-overlay);
}

.space-steam-edit__list-item-content[b-ow5xk3wrwp] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text);
}

.space-steam-edit__list-item-content[b-ow5xk3wrwp]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    fill: var(--cg-color-primary);
}

.space-steam-edit__empty[b-ow5xk3wrwp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    color: var(--cg-color-text-muted);
}

.space-steam-edit__empty[b-ow5xk3wrwp]  .cg-mdi-icon {
    width: 32px;
    height: 32px;
    fill: var(--cg-color-border);
    margin-bottom: var(--cg-spacing-2);
}

.space-steam-edit__empty p[b-ow5xk3wrwp] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
}

.space-steam-edit__footer[b-ow5xk3wrwp] {
    display: flex;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
    margin-top: var(--cg-spacing-2);
}

.space-steam-edit__error[b-ow5xk3wrwp] {
    text-align: center;
    padding: var(--cg-spacing-6);
    color: var(--cg-color-error);
    background: color-mix(in srgb, var(--cg-color-error) 10%, transparent);
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-sm);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceSteamInfoCard.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceSteamInfoCard.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.space-steam-info-card[b-jz7dlhzy86] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    margin-bottom: var(--cg-spacing-4);
    box-shadow: var(--cg-shadow-sm);
    transition: box-shadow var(--cg-transition-normal);
}

@media (min-width: 768px) {
    .space-steam-info-card[b-jz7dlhzy86] {
        gap: 1rem;
        padding: 1.25rem;
        border-radius: var(--cg-radius-xl);
    }
}

.space-steam-info-card:hover[b-jz7dlhzy86] {
    box-shadow: var(--cg-shadow-md);
}

/* ── Account list ── */
.space-steam-info-card__accounts[b-jz7dlhzy86] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .space-steam-info-card__accounts[b-jz7dlhzy86] {
        gap: 0.75rem;
    }
}

.space-steam-info-card__account[b-jz7dlhzy86] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.625rem 0.1875rem 0.1875rem;
    background: var(--cg-color-bg);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    color: var(--cg-color-text);
    border: 1px solid var(--cg-color-border);
    transition: all var(--cg-transition-fast);
    min-height: 36px;
}

@media (min-width: 768px) {
    .space-steam-info-card__account[b-jz7dlhzy86] {
        gap: 0.5rem;
        padding: 0.25rem 0.75rem 0.25rem 0.25rem;
    }
}

.space-steam-info-card__account:hover[b-jz7dlhzy86] {
    background: var(--cg-color-surface);
    border-color: var(--cg-color-primary);
    box-shadow: var(--cg-shadow-sm);
    color: var(--cg-color-primary);
}

.space-steam-info-card__avatar[b-jz7dlhzy86] {
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 768px) {
    .space-steam-info-card__avatar[b-jz7dlhzy86] {
        width: 32px;
        height: 32px;
    }
}

.space-steam-info-card__name[b-jz7dlhzy86] {
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-medium);
}

@media (min-width: 768px) {
    .space-steam-info-card__name[b-jz7dlhzy86] {
        font-size: 0.8125rem;
    }
}

.space-steam-info-card__account[b-jz7dlhzy86]  .cg-mdi-icon {
    width: 12px;
    height: 12px;
    fill: var(--cg-color-text-muted);
    transition: fill var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .space-steam-info-card__account[b-jz7dlhzy86]  .cg-mdi-icon {
        width: 14px;
        height: 14px;
    }
}

.space-steam-info-card__account:hover[b-jz7dlhzy86]  .cg-mdi-icon {
    fill: var(--cg-color-primary);
}

/* ── Stats row ── */
.space-steam-info-card__stats[b-jz7dlhzy86] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding-top: 0.625rem;
    border-top: 1px dashed var(--cg-color-border);
}

@media (min-width: 640px) {
    .space-steam-info-card__stats[b-jz7dlhzy86] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding-top: 0.75rem;
    }
}

.space-steam-info-card__stat[b-jz7dlhzy86] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .space-steam-info-card__stat[b-jz7dlhzy86] {
        gap: 0.75rem;
    }
}

.space-steam-info-card__stat-icon[b-jz7dlhzy86] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: color-mix(in srgb, var(--cg-color-primary) 10%, var(--cg-color-bg));
    border-radius: var(--cg-radius-md);
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .space-steam-info-card__stat-icon[b-jz7dlhzy86] {
        width: 38px;
        height: 38px;
    }
}

.space-steam-info-card__stat-icon[b-jz7dlhzy86]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

@media (min-width: 768px) {
    .space-steam-info-card__stat-icon[b-jz7dlhzy86]  .cg-mdi-icon {
        width: 20px;
        height: 20px;
    }
}

.space-steam-info-card__stat-content[b-jz7dlhzy86] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.space-steam-info-card__stat-value[b-jz7dlhzy86] {
    font-size: 0.9375rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    line-height: 1.2;
}

@media (min-width: 768px) {
    .space-steam-info-card__stat-value[b-jz7dlhzy86] {
        font-size: 1.0625rem;
    }
}

.space-steam-info-card__stat-label[b-jz7dlhzy86] {
    font-size: 0.625rem;
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .space-steam-info-card__stat-label[b-jz7dlhzy86] {
        font-size: 0.6875rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceSteamToolbar.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceSteamToolbar.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.space-steam-toolbar[b-ut5h4sqv5u] {
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
    .space-steam-toolbar[b-ut5h4sqv5u] {
        margin-bottom: 1rem;
    }
}

.space-steam-toolbar__wrapper[b-ut5h4sqv5u] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: 0.1875rem;
    box-shadow: var(--cg-shadow-sm);
    transition: box-shadow var(--cg-transition-normal);
    width: 100%;
    justify-content: center;
}

@media (min-width: 640px) {
    .space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u] {
        width: auto;
        border-radius: var(--cg-radius-full);
        padding: 0.25rem;
        justify-content: flex-start;
    }
}

.space-steam-toolbar__wrapper--pill:hover[b-ut5h4sqv5u] {
    box-shadow: var(--cg-shadow-md);
}

.space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u]  .cg-btn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: var(--cg-radius-lg);
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    transition: all var(--cg-transition-fast);
    min-height: 36px;
}

@media (min-width: 640px) {
    .space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u]  .cg-btn {
        border-radius: var(--cg-radius-full);
        padding: 0.5rem 1rem;
        font-size: 0.8125rem;
    }
}

.space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u]  .cg-btn:hover {
    background: var(--cg-color-hover-overlay) !important;
    color: var(--cg-color-text) !important;
}

.space-steam-toolbar__wrapper--pill[b-ut5h4sqv5u]  .cg-btn:active {
    background: color-mix(in srgb, var(--cg-color-bg) 20%, transparent) !important;
}

.space-steam-toolbar__divider[b-ut5h4sqv5u] {
    width: 1px;
    height: 16px;
    background: var(--cg-color-border);
    margin: 0 0.125rem;
}

@media (min-width: 640px) {
    .space-steam-toolbar__divider[b-ut5h4sqv5u] {
        margin: 0 0.25rem;
    }
}

/* Inline progress ring for refresh button */
.space-steam-toolbar[b-ut5h4sqv5u]  .cg-progress-ring {
    width: 16px;
    height: 16px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/SpaceVideoList.razor.rz.scp.css */
.cg-space-tab-empty[b-fbryhgx4cs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8);
    color: var(--cg-color-text-muted);
    gap: var(--cg-spacing-2);
}

.cg-space-tab-empty[b-fbryhgx4cs]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.cg-space-video-grid[b-fbryhgx4cs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .cg-space-video-grid[b-fbryhgx4cs] {
        gap: 0.75rem;
    }
}

@media (min-width: 768px) {
    .cg-space-video-grid[b-fbryhgx4cs] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .cg-space-video-grid[b-fbryhgx4cs] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

.cg-space-video-item[b-fbryhgx4cs] {
    display: flex;
    flex-direction: column;
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.cg-space-video-item:hover[b-fbryhgx4cs] {
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-1px);
}

.cg-space-video-cover[b-fbryhgx4cs] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.cg-space-video-cover img[b-fbryhgx4cs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-space-video-info[b-fbryhgx4cs] {
    padding: var(--cg-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.cg-space-video-title[b-fbryhgx4cs] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg-space-video-brief[b-fbryhgx4cs] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cg-space-video-meta[b-fbryhgx4cs] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    margin-top: auto;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Space/TaskCard.razor.rz.scp.css */
/* ── TaskCard ── */

.task-card[b-bx5cf4klzm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: box-shadow var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .task-card[b-bx5cf4klzm] {
        flex-wrap: nowrap;
        gap: var(--cg-spacing-4);
        padding: var(--cg-spacing-4) var(--cg-spacing-5);
    }
}

.task-card:hover[b-bx5cf4klzm] {
    box-shadow: var(--cg-shadow-md);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
}

.task-card--finished[b-bx5cf4klzm] {
    background: var(--cg-color-bg);
}

.task-card--finished:hover[b-bx5cf4klzm] {
    box-shadow: none;
    border-color: var(--cg-color-border);
}

/* ── Icon ── */

.task-card__icon[b-bx5cf4klzm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--cg-radius-md);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .task-card__icon[b-bx5cf4klzm] {
        width: 48px;
        height: 48px;
    }
}

.task-card__icon[b-bx5cf4klzm]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
}

@media (min-width: 640px) {
    .task-card__icon[b-bx5cf4klzm]  .cg-mdi-icon {
        width: 24px;
        height: 24px;
    }
}

.task-card--finished .task-card__icon[b-bx5cf4klzm] {
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
}

.task-card--finished .task-card__icon[b-bx5cf4klzm]  .cg-mdi-icon {
    color: var(--cg-color-success);
}

/* ── Body ── */

.task-card__body[b-bx5cf4klzm] {
    flex: 1;
    min-width: 0;
}

.task-card__title[b-bx5cf4klzm] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

.task-card__desc[b-bx5cf4klzm] {
    margin: var(--cg-spacing-1) 0 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    line-height: 1.4;
}

.task-card__reward[b-bx5cf4klzm] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    margin-top: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
}

.task-card__reward[b-bx5cf4klzm]  .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

/* ── Action ── */

.task-card__action[b-bx5cf4klzm] {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 640px) {
    .task-card__action[b-bx5cf4klzm] {
        width: auto;
    }
}

.task-card__action[b-bx5cf4klzm]  .cg-btn {
    white-space: nowrap;
}

.task-card__done-badge[b-bx5cf4klzm] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-success);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-success) 10%, transparent);
}

.task-card__done-badge[b-bx5cf4klzm]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Detail/TagBreadcrumb.razor.rz.scp.css */
.tag-breadcrumb[b-p8guufvwqa] {
    padding: var(--cg-spacing-2) 0;
}

.tag-breadcrumb ol[b-p8guufvwqa] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cg-spacing-1);
}

.tag-breadcrumb li[b-p8guufvwqa] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
}

.tag-breadcrumb a[b-p8guufvwqa] {
    color: var(--cg-color-link);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.tag-breadcrumb a:hover[b-p8guufvwqa] {
    text-decoration: underline;
}

.tag-breadcrumb-current[b-p8guufvwqa] {
    color: var(--cg-color-text);
    font-weight: var(--cg-font-weight-semibold);
}

.tag-breadcrumb[b-p8guufvwqa]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Detail/TagChildEntries.razor.rz.scp.css */
/* TagChildEntries delegates to EntrySection + EntryCardList + EntryCardItem — no scoped styles needed */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Detail/TagChildTags.razor.rz.scp.css */
/* TagChildTags delegates to EntrySection + EntryCardList + EntryCardItem — no scoped styles needed */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Detail/TagHero.razor.rz.scp.css */
/* ── Tag Hero mobile-first ── */

.tag-hero[b-wd3ocrf7n3] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: center;
}

/* ── Side (cover image) ── */

.tag-hero-side[b-wd3ocrf7n3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
}

.tag-cover[b-wd3ocrf7n3] {
    width: 100%;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-bg) 90%, white);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-md);
    max-width: 100%;
}

/* ── Main (text content) ── */

.tag-hero-main[b-wd3ocrf7n3] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.tag-hero-main h1[b-wd3ocrf7n3] {
    margin: 0;
    font-size: clamp(1.4rem, 5vw, 2.5rem);
    font-weight: 900;
    line-height: 1.2;
    color: var(--cg-color-text);
}

.tag-hero-top[b-wd3ocrf7n3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tag-type[b-wd3ocrf7n3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: var(--cg-radius-sm);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    padding: 0.15rem 0.55rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-wd3ocrf7n3] .tag-type .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.tag-brief[b-wd3ocrf7n3] {
    margin: 0;
    color: var(--cg-color-text-muted);
    line-height: 1.6;
    font-size: 0.85rem;
}

.tag-hero-meta[b-wd3ocrf7n3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--cg-color-text-muted);
}

[b-wd3ocrf7n3] .tag-hero-meta .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Actions (edit button) ── */

.tag-hero-actions[b-wd3ocrf7n3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

.tag-edit-btn[b-wd3ocrf7n3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--cg-transition-fast);
    border: 1px solid var(--cg-color-primary);
    background: var(--cg-color-primary);
    color: #fff;
}

.tag-edit-btn:hover[b-wd3ocrf7n3] {
    opacity: 0.9;
}

.tag-edit-btn[b-wd3ocrf7n3]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.tag-edit-btn--login[b-wd3ocrf7n3] {
    background: transparent;
    color: var(--cg-color-primary);
}

.tag-edit-btn--login:hover[b-wd3ocrf7n3] {
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    opacity: 1;
}

/* ── Responsive: desktop grid ── */

@media (min-width: 768px) {
    .tag-hero[b-wd3ocrf7n3] {
        gap: 2.5rem;
        padding: 2rem;
        align-items: center;
        border-radius: var(--cg-radius-xl);
    }
    
    .tag-hero-main[b-wd3ocrf7n3] {
        gap: 1rem;
    }
    
    .tag-type[b-wd3ocrf7n3] {
        font-size: 0.7rem;
        padding: 0.15rem 0.6rem;
    }

    .tag-hero-main h1[b-wd3ocrf7n3] {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }
    
    .tag-brief[b-wd3ocrf7n3] {
        font-size: 0.95rem;
        line-height: 1.7;
    }
    
    .tag-hero-side[b-wd3ocrf7n3] {
        gap: 1rem;
    }

    .tag-hero--wide[b-wd3ocrf7n3] {
        grid-template-columns: 5fr 7fr;
    }
}

@media (min-width: 1024px) {
    .tag-hero--wide[b-wd3ocrf7n3] {
        grid-template-columns: 5fr 7fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Editor/TagChildEntriesEditor.razor.rz.scp.css */
/* ── TagChildEntriesEditor ── */

.relevance-editor[b-09en0e09hh] {
    margin-bottom: var(--cg-spacing-4);
}

.relevance-editor__header[b-09en0e09hh] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
}

.relevance-editor__title[b-09en0e09hh] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.relevance-editor__count[b-09en0e09hh] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, var(--cg-color-surface));
    padding: 2px 8px;
    border-radius: var(--cg-radius-full);
    font-weight: var(--cg-font-weight-medium);
}

.relevance-editor__add[b-09en0e09hh] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    border: 1.5px solid var(--cg-color-primary);
    background: transparent;
    color: var(--cg-color-primary);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__add:hover[b-09en0e09hh] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.relevance-editor__add:focus-visible[b-09en0e09hh] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

[b-09en0e09hh] .relevance-editor__add .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.relevance-editor__list[b-09en0e09hh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--cg-spacing-2);
}

.relevance-editor__item[b-09en0e09hh] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.relevance-editor__item:hover[b-09en0e09hh] {
    border-color: color-mix(in srgb, var(--cg-color-primary) 40%, var(--cg-color-border));
}

.relevance-editor__item:focus-within[b-09en0e09hh] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
}

.relevance-editor__item[b-09en0e09hh]  .cg-autocomplete {
    flex: 1;
    min-width: 0;
}

.relevance-editor__item[b-09en0e09hh]  .cg-autocomplete__input {
    border: none;
    background: transparent;
    padding: var(--cg-spacing-1) 0;
    font-size: var(--cg-font-size-sm);
}

.relevance-editor__item[b-09en0e09hh]  .cg-autocomplete__input:focus {
    outline: none;
    box-shadow: none;
}

.relevance-editor__remove[b-09en0e09hh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__remove:hover[b-09en0e09hh] {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

[b-09en0e09hh] .relevance-editor__remove .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.relevance-editor__empty[b-09en0e09hh] {
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Editor/TagChildTagsEditor.razor.rz.scp.css */
/* ── TagChildTagsEditor ── */

.relevance-editor[b-sdslth3dxs] {
    margin-bottom: var(--cg-spacing-4);
}

.relevance-editor__header[b-sdslth3dxs] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
}

.relevance-editor__title[b-sdslth3dxs] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.relevance-editor__count[b-sdslth3dxs] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    background: color-mix(in srgb, var(--cg-color-primary) 10%, var(--cg-color-surface));
    padding: 2px 8px;
    border-radius: var(--cg-radius-full);
    font-weight: var(--cg-font-weight-medium);
}

.relevance-editor__add[b-sdslth3dxs] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cg-radius-full);
    border: 1.5px solid var(--cg-color-primary);
    background: transparent;
    color: var(--cg-color-primary);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__add:hover[b-sdslth3dxs] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.relevance-editor__add:focus-visible[b-sdslth3dxs] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

[b-sdslth3dxs] .relevance-editor__add .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.relevance-editor__list[b-sdslth3dxs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--cg-spacing-2);
}

.relevance-editor__item[b-sdslth3dxs] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.relevance-editor__item:hover[b-sdslth3dxs] {
    border-color: color-mix(in srgb, var(--cg-color-primary) 40%, var(--cg-color-border));
}

.relevance-editor__item:focus-within[b-sdslth3dxs] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cg-color-primary) 15%, transparent);
}

.relevance-editor__item[b-sdslth3dxs]  .cg-autocomplete {
    flex: 1;
    min-width: 0;
}

.relevance-editor__item[b-sdslth3dxs]  .cg-autocomplete__input {
    border: none;
    background: transparent;
    padding: var(--cg-spacing-1) 0;
    font-size: var(--cg-font-size-sm);
}

.relevance-editor__item[b-sdslth3dxs]  .cg-autocomplete__input:focus {
    outline: none;
    box-shadow: none;
}

.relevance-editor__remove[b-sdslth3dxs] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.relevance-editor__remove:hover[b-sdslth3dxs] {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

[b-sdslth3dxs] .relevance-editor__remove .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.relevance-editor__empty[b-sdslth3dxs] {
    margin: 0;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-align: center;
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Editor/TagEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.tag-edit-sidebar[b-r2m20olg1w] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

.tag-edit-sidebar[b-r2m20olg1w]::-webkit-scrollbar {
    width: 4px;
}

.tag-edit-sidebar[b-r2m20olg1w]::-webkit-scrollbar-track {
    background: transparent;
}

.tag-edit-sidebar[b-r2m20olg1w]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.tag-edit-sidebar[b-r2m20olg1w]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 提示卡片样式（复用 entry-edit-sidebar 的 BEM 命名）── */
.entry-edit-sidebar__card[b-r2m20olg1w] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.entry-edit-sidebar__card[b-r2m20olg1w]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.entry-edit-sidebar__card h3[b-r2m20olg1w] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.entry-edit-sidebar__card p[b-r2m20olg1w] {
    font-size: 0.625rem;
    margin: 0;
}

.entry-edit-sidebar__card span[b-r2m20olg1w] {
    flex: 1;
}

.entry-edit-sidebar__card--primary[b-r2m20olg1w] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.entry-edit-sidebar__card--primary[b-r2m20olg1w]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary h3[b-r2m20olg1w] {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary p[b-r2m20olg1w] {
    color: var(--cg-color-text-muted);
}

.entry-edit-sidebar__card--warning[b-r2m20olg1w] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.entry-edit-sidebar__card--warning[b-r2m20olg1w]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

.entry-edit-sidebar__card-action[b-r2m20olg1w] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.entry-edit-sidebar__card-action:hover[b-r2m20olg1w] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.entry-edit-sidebar__nav[b-r2m20olg1w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.entry-edit-nav-item[b-r2m20olg1w] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.entry-edit-nav-item:hover[b-r2m20olg1w] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.entry-edit-nav-item--active[b-r2m20olg1w] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.entry-edit-nav-item--active:hover[b-r2m20olg1w] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.entry-edit-nav-item[b-r2m20olg1w]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.entry-edit-nav-item--active[b-r2m20olg1w]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.entry-edit-sidebar__actions[b-r2m20olg1w] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.entry-edit-sidebar__actions[b-r2m20olg1w]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.entry-edit-sidebar__actions[b-r2m20olg1w]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.entry-edit-sidebar__actions[b-r2m20olg1w]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-r2m20olg1w] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-r2m20olg1w 1s linear infinite;
}

@keyframes cg-spin-b-r2m20olg1w {
    to { transform: rotate(360deg); }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .tag-edit-sidebar[b-r2m20olg1w] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .entry-edit-sidebar__card[b-r2m20olg1w] {
        margin-bottom: var(--cg-spacing-2);
    }

    .entry-edit-sidebar__nav[b-r2m20olg1w] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .entry-edit-nav-item[b-r2m20olg1w] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .entry-edit-sidebar__actions[b-r2m20olg1w] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Tag/Editor/TagMainEditor.razor.rz.scp.css */
/* TagMainEditor — 无额外样式，依赖 entry-editor-section 全局穿透样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Toolbox/MergeEntryDialog.razor.rz.scp.css */
.toolbox-dialog[b-1chvjyx5w2] {
    display: grid;
    gap: var(--cg-spacing-5);
}

.toolbox-dialog__hint[b-1chvjyx5w2] {
    margin: 0;
    text-align: center;
    font-size: var(--cg-font-size-sm);
    line-height: 1.55;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-section-bg);
    border: 1px solid var(--cg-color-border);
}

.toolbox-dialog__hint-arrow[b-1chvjyx5w2] {
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
    margin: 0 var(--cg-spacing-2);
}

.toolbox-dialog__form[b-1chvjyx5w2] {
    display: grid;
    gap: var(--cg-spacing-4);
}

.toolbox-dialog__two-col[b-1chvjyx5w2] {
    display: grid;
    gap: var(--cg-spacing-4);
}

@media (min-width: 768px) {
    .toolbox-dialog__two-col[b-1chvjyx5w2] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

.toolbox-dialog__footer[b-1chvjyx5w2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__results[b-1chvjyx5w2] {
    display: grid;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__result[b-1chvjyx5w2] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    transition: background-color var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.toolbox-dialog__result--success[b-1chvjyx5w2] {
    border-color: color-mix(in oklab, var(--cg-color-success) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-success) 5%, transparent);
}

.toolbox-dialog__result--error[b-1chvjyx5w2] {
    border-color: color-mix(in oklab, var(--cg-color-error) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-error) 5%, transparent);
}

/* CgMdiIcon 根为子组件内的 svg，需 ::deep 才能让 color 作用于 fill="currentColor" */
.toolbox-dialog__result[b-1chvjyx5w2]  .toolbox-dialog__result-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.toolbox-dialog__result--success[b-1chvjyx5w2]  .toolbox-dialog__result-icon {
    color: var(--cg-color-success);
}

.toolbox-dialog__result--error[b-1chvjyx5w2]  .toolbox-dialog__result-icon {
    color: var(--cg-color-error);
}

.toolbox-dialog__result-content[b-1chvjyx5w2] {
    display: grid;
    gap: var(--cg-spacing-1);
    word-break: break-word;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.toolbox-dialog__result-content strong[b-1chvjyx5w2] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
}

.toolbox-dialog__result-content strong[b-1chvjyx5w2]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--cg-color-text-muted);
}

.toolbox-dialog__error[b-1chvjyx5w2] {
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Toolbox/RepostArticleDialog.razor.rz.scp.css */
.toolbox-dialog[b-v76tfuj3nx] {
    display: grid;
    gap: var(--cg-spacing-5);
}

.toolbox-dialog__hint[b-v76tfuj3nx] {
    margin: 0;
    text-align: center;
    font-size: var(--cg-font-size-sm);
    line-height: 1.55;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-section-bg);
    border: 1px solid var(--cg-color-border);
}

.toolbox-dialog__sample[b-v76tfuj3nx] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-primary);
    word-break: break-all;
}

.toolbox-dialog__form[b-v76tfuj3nx] {
    display: grid;
    gap: var(--cg-spacing-4);
}

.toolbox-dialog__row-split[b-v76tfuj3nx] {
    display: grid;
    gap: var(--cg-spacing-4);
}

@media (min-width: 768px) {
    .toolbox-dialog__row-split[b-v76tfuj3nx] {
        grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
        align-items: start;
    }
}

.toolbox-dialog__footer[b-v76tfuj3nx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__results[b-v76tfuj3nx] {
    display: grid;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__result[b-v76tfuj3nx] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    transition: background-color var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.toolbox-dialog__result--success[b-v76tfuj3nx] {
    border-color: color-mix(in oklab, var(--cg-color-success) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-success) 5%, transparent);
}

.toolbox-dialog__result--error[b-v76tfuj3nx] {
    border-color: color-mix(in oklab, var(--cg-color-error) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-error) 5%, transparent);
}

.toolbox-dialog__result[b-v76tfuj3nx]  .toolbox-dialog__result-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.toolbox-dialog__result--success[b-v76tfuj3nx]  .toolbox-dialog__result-icon {
    color: var(--cg-color-success);
}

.toolbox-dialog__result--error[b-v76tfuj3nx]  .toolbox-dialog__result-icon {
    color: var(--cg-color-error);
}

.toolbox-dialog__result-content[b-v76tfuj3nx] {
    display: grid;
    gap: var(--cg-spacing-1);
    word-break: break-word;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.toolbox-dialog__result-content strong[b-v76tfuj3nx] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
}

.toolbox-dialog__error[b-v76tfuj3nx] {
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Toolbox/RepostVideoDialog.razor.rz.scp.css */
.toolbox-dialog[b-0lmvajxe7c] {
    display: grid;
    gap: var(--cg-spacing-5);
}

.toolbox-dialog__hint[b-0lmvajxe7c] {
    margin: 0;
    text-align: center;
    font-size: var(--cg-font-size-sm);
    line-height: 1.55;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-section-bg);
    border: 1px solid var(--cg-color-border);
}

.toolbox-dialog__sample[b-0lmvajxe7c] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-primary);
    word-break: break-all;
}

.toolbox-dialog__form[b-0lmvajxe7c] {
    display: grid;
    gap: var(--cg-spacing-4);
}

.toolbox-dialog__row-split[b-0lmvajxe7c] {
    display: grid;
    gap: var(--cg-spacing-4);
}

@media (min-width: 768px) {
    .toolbox-dialog__row-split[b-0lmvajxe7c] {
        grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
        align-items: start;
    }
}

.toolbox-dialog__footer[b-0lmvajxe7c] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__results[b-0lmvajxe7c] {
    display: grid;
    gap: var(--cg-spacing-3);
}

.toolbox-dialog__result[b-0lmvajxe7c] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    transition: background-color var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.toolbox-dialog__result--success[b-0lmvajxe7c] {
    border-color: color-mix(in oklab, var(--cg-color-success) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-success) 5%, transparent);
}

.toolbox-dialog__result--error[b-0lmvajxe7c] {
    border-color: color-mix(in oklab, var(--cg-color-error) 30%, transparent);
    background: color-mix(in oklab, var(--cg-color-error) 5%, transparent);
}

.toolbox-dialog__result[b-0lmvajxe7c]  .toolbox-dialog__result-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.toolbox-dialog__result--success[b-0lmvajxe7c]  .toolbox-dialog__result-icon {
    color: var(--cg-color-success);
}

.toolbox-dialog__result--error[b-0lmvajxe7c]  .toolbox-dialog__result-icon {
    color: var(--cg-color-error);
}

.toolbox-dialog__result-content[b-0lmvajxe7c] {
    display: grid;
    gap: var(--cg-spacing-1);
    word-break: break-word;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.toolbox-dialog__result-content strong[b-0lmvajxe7c] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
}

.toolbox-dialog__error[b-0lmvajxe7c] {
    color: var(--cg-color-error);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Toolbox/ToolboxDialogHost.razor.rz.scp.css */
.toolbox-dialog-host[b-lggiukp74y] {
    display: grid;
    gap: var(--cg-spacing-2);
}

.toolbox-dialog-host__action[b-lggiukp74y] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    min-height: 2.75rem;
    width: 100%;
    border: 0;
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    background: color-mix(in oklab, var(--cg-color-border) 24%, transparent);
    color: var(--cg-color-text);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.toolbox-dialog-host__action:hover[b-lggiukp74y],
.toolbox-dialog-host__action:focus-visible[b-lggiukp74y] {
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    transform: translateX(-2px);
}

.toolbox-dialog-host__action:focus-visible[b-lggiukp74y] {
    outline: 3px solid var(--cg-color-focus-ring);
    outline-offset: 3px;
}

.toolbox-dialog-host__action[b-lggiukp74y]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Toolbox/ToolboxProgressPanel.razor.rz.scp.css */
.toolbox-progress-panel[b-i0ubgy524o] {
    display: grid;
    gap: var(--cg-spacing-2);
}

.toolbox-progress-panel__row[b-i0ubgy524o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cg-spacing-3);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
}

.toolbox-progress-panel__bar[b-i0ubgy524o] {
    height: 0.45rem;
    overflow: hidden;
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-border) 48%, transparent);
}

.toolbox-progress-panel__bar span[b-i0ubgy524o] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cg-color-primary);
    transition: width var(--cg-transition-normal);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Detail/VideoAuthorCard.razor.rz.scp.css */
.video-author[b-ghnv7111rn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.video-author-link[b-ghnv7111rn] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: var(--cg-color-text);
    transition: var(--cg-transition-fast);
}

.video-author-link:hover[b-ghnv7111rn] {
    color: var(--cg-color-primary);
}

.video-author-avatar[b-ghnv7111rn] {
    width: 32px;
    height: 32px;
    border-radius: var(--cg-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--cg-color-border);
}

.video-author-avatar--placeholder[b-ghnv7111rn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cg-color-section-bg);
    color: var(--cg-color-text-muted);
}

.video-author-name[b-ghnv7111rn] {
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
}

.video-author-meta[b-ghnv7111rn] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    flex-wrap: wrap;
}

.video-author-badge[b-ghnv7111rn] {
    display: inline-block;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    padding: 0.05rem 0.5rem;
    border-radius: var(--cg-radius-full);
}

.video-author-badge--original[b-ghnv7111rn] {
    background: color-mix(in oklab, var(--cg-color-primary) 15%, transparent);
    color: var(--cg-color-primary);
}

.video-author-badge--repost[b-ghnv7111rn] {
    background: color-mix(in oklab, var(--cg-color-text-muted) 15%, transparent);
    color: var(--cg-color-text-muted);
}

[b-ghnv7111rn] .cg-mdi-icon {
    width: 14px;
    height: 14px;
}

.video-author-avatar--placeholder[b-ghnv7111rn]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Detail/VideoBasicInfo.razor.rz.scp.css */
.video-basic-info[b-25wr1d248z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
}

.video-basic-info-item[b-25wr1d248z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.video-basic-info-item--time[b-25wr1d248z] {
    margin-left: auto;
}

[b-25wr1d248z] .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

@media (max-width: 640px) {
    .video-basic-info-item--time[b-25wr1d248z] {
        margin-left: 0;
        width: 100%;
    }
}

/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Detail/VideoHero.razor.rz.scp.css */
.video-hero[b-r9999dsjxn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.video-hero-image-wrapper[b-r9999dsjxn] {
    position: relative;
    width: 100%;
    border-radius: var(--cg-radius-xl);
    overflow: hidden;
    aspect-ratio: 460 / 215;
    background-color: var(--cg-color-section-bg);
}

.video-hero-image[b-r9999dsjxn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-hero-duration[b-r9999dsjxn] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: var(--cg-radius-md);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    letter-spacing: 0.05em;
    z-index: 2;
}

.video-hero-text[b-r9999dsjxn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

.video-hero-type[b-r9999dsjxn] {
    display: inline-block;
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    padding: 0.25rem 0.75rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.video-hero-text h1[b-r9999dsjxn] {
    margin: 0;
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    line-height: 1.3;
}

.video-hero-intro[b-r9999dsjxn] {
    margin: 0;
    font-size: var(--cg-font-size-base);
    color: var(--cg-color-text-muted);
    line-height: 1.6;
}

.video-hero-actions[b-r9999dsjxn] {
    display: flex;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-2);
}

.video-action-btn-primary[b-r9999dsjxn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.6rem 1.6rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.video-action-btn-primary:hover[b-r9999dsjxn] {
    background: var(--cg-color-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-sm);
}

.video-edit-btn[b-r9999dsjxn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.6rem 1.6rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    border: 1px solid var(--cg-color-border);
}

.video-edit-btn:hover[b-r9999dsjxn] {
    background: var(--cg-color-hover-overlay);
}

.video-edit-btn--login[b-r9999dsjxn] {
    color: var(--cg-color-primary);
    border-color: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .video-hero-text h1[b-r9999dsjxn] {
        font-size: 2.5rem;
    }
    .video-hero-intro[b-r9999dsjxn] {
        font-size: 1.125rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Editor/VideoEditorSidebar.razor.rz.scp.css */

/* ── 侧边栏容器 ── */
.entry-edit-sidebar[b-fvt75qz6n9] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

/* 自定义滚动条 */
.entry-edit-sidebar[b-fvt75qz6n9]::-webkit-scrollbar {
    width: 4px;
}

.entry-edit-sidebar[b-fvt75qz6n9]::-webkit-scrollbar-track {
    background: transparent;
}

.entry-edit-sidebar[b-fvt75qz6n9]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.entry-edit-sidebar[b-fvt75qz6n9]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 统一提示卡片基础样式 ── */
.entry-edit-sidebar__card[b-fvt75qz6n9] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.entry-edit-sidebar__card[b-fvt75qz6n9]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.entry-edit-sidebar__card h3[b-fvt75qz6n9] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.entry-edit-sidebar__card p[b-fvt75qz6n9] {
    font-size: 0.625rem;
    margin: 0;
}

.entry-edit-sidebar__card span[b-fvt75qz6n9] {
    flex: 1;
}

/* ── primary 变体（编辑/创建模式） ── */
.entry-edit-sidebar__card--primary[b-fvt75qz6n9] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.entry-edit-sidebar__card--primary[b-fvt75qz6n9]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary h3[b-fvt75qz6n9] {
    color: var(--cg-color-primary);
}

.entry-edit-sidebar__card--primary p[b-fvt75qz6n9] {
    color: var(--cg-color-text-muted);
}

/* ── warning 变体（草稿恢复） ── */
.entry-edit-sidebar__card--warning[b-fvt75qz6n9] {
    background: color-mix(in oklab, var(--cg-color-warning) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-warning) 20%, transparent);
    color: var(--cg-color-editor-warning-text);
}

.entry-edit-sidebar__card--warning[b-fvt75qz6n9]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

/* ── error 变体（提示） ── */
.entry-edit-sidebar__card--error[b-fvt75qz6n9] {
    background: color-mix(in oklab, var(--cg-color-error) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-error) 20%, transparent);
    color: var(--cg-color-editor-error-text);
}

.entry-edit-sidebar__card--error[b-fvt75qz6n9]  .cg-mdi-icon {
    color: var(--cg-color-error);
}

/* ── 卡片内操作按钮 ── */
.entry-edit-sidebar__card-action[b-fvt75qz6n9] {
    background: none;
    border: 1px solid color-mix(in oklab, var(--cg-color-warning) 30%, transparent);
    border-radius: var(--cg-radius-sm);
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-warning);
    cursor: pointer;
    font-weight: var(--cg-font-weight-semibold);
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

.entry-edit-sidebar__card-action:hover[b-fvt75qz6n9] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── 导航列表 ── */
.entry-edit-sidebar__nav[b-fvt75qz6n9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.entry-edit-nav-item[b-fvt75qz6n9] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.entry-edit-nav-item:hover[b-fvt75qz6n9] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.entry-edit-nav-item--active[b-fvt75qz6n9] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.entry-edit-nav-item--active:hover[b-fvt75qz6n9] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.entry-edit-nav-item[b-fvt75qz6n9]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.entry-edit-nav-item--active[b-fvt75qz6n9]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部操作按钮 ── */
.entry-edit-sidebar__actions[b-fvt75qz6n9] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.entry-edit-sidebar__actions[b-fvt75qz6n9]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.entry-edit-sidebar__actions[b-fvt75qz6n9]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.entry-edit-sidebar__actions[b-fvt75qz6n9]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.cg-spinner[b-fvt75qz6n9] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cg-spin-b-fvt75qz6n9 1s linear infinite;
}

@keyframes cg-spin-b-fvt75qz6n9 {
    to { transform: rotate(360deg); }
}

/* ── 响应式：窄屏折叠 ── */
@media (max-width: 1024px) {
    .entry-edit-sidebar[b-fvt75qz6n9] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .entry-edit-sidebar__card[b-fvt75qz6n9] {
        margin-bottom: var(--cg-spacing-2);
    }

    .entry-edit-sidebar__nav[b-fvt75qz6n9] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .entry-edit-nav-item[b-fvt75qz6n9] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .entry-edit-sidebar__actions[b-fvt75qz6n9] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Editor/VideoImagesEditor.razor.rz.scp.css */
/* ── 图片网格 ── */
.cg-image-grid[b-hfj08y59rb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cg-spacing-4);
}

.cg-image-card[b-hfj08y59rb] {
    position: relative;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    background: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
    box-shadow: var(--cg-shadow-sm);
}

.cg-image-card:hover[b-hfj08y59rb] {
    box-shadow: var(--cg-shadow-card-hover);
    transform: translateY(-2px);
}

.cg-image-card__preview[b-hfj08y59rb] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: var(--cg-color-bg);
}

.cg-image-card__preview img[b-hfj08y59rb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--cg-transition-normal);
}

.cg-image-card:hover .cg-image-card__preview img[b-hfj08y59rb] {
    transform: scale(1.05);
}

.cg-image-card__note[b-hfj08y59rb] {
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.cg-image-card__actions[b-hfj08y59rb] {
    position: absolute;
    top: var(--cg-spacing-2);
    right: var(--cg-spacing-2);
    display: flex;
    gap: var(--cg-spacing-1);
    opacity: 0;
    transition: opacity var(--cg-transition-fast);
    z-index: 2;
}

.cg-image-card:hover .cg-image-card__actions[b-hfj08y59rb] {
    opacity: 1;
}

/* give ghost buttons on the overlay a subtle backdrop so icons stay visible on any image */
.cg-image-card__actions[b-hfj08y59rb]  .cg-btn {
    background: var(--cg-color-surface);
    backdrop-filter: blur(4px);
    border-radius: var(--cg-radius-md);
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Editor/VideoMainEditor.razor.rz.scp.css */
/* VideoMainEditor — 无需额外自定义样式，
   使用 ::deep .entry-editor-section 穿透样式 +
   DesignSystem 组件自带样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Editor/VideoMainPageEditor.razor.rz.scp.css */
/* VideoMainPageEditor — 无需额外自定义样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Features/Video/Editor/VideoRelevancesEditor.razor.rz.scp.css */
/* VideoRelevancesEditor — 无需额外自定义样式 */
/* _content/CnGalWebSite.MainSite.Shared/Components/Layout/CreateMenu.razor.rz.scp.css */
/* ── Trigger Button (pill style with label) ── */

.cg-action-btn[b-64hkrv7d6t] {
    display: flex;
    width: auto;
    height: 2.5rem;
    padding: 0 0.85rem;
    gap: 0.35rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--cg-radius-xl);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
    border: none;
    overflow: hidden;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
}

.cg-action-btn:hover[b-64hkrv7d6t] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-action-btn:focus-visible[b-64hkrv7d6t] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.cg-action-btn[b-64hkrv7d6t]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

/* ── Menu Header ── */

.cg-menu-header--create[b-64hkrv7d6t] {
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
}

.cg-menu-header__title[b-64hkrv7d6t] {
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
    font-size: var(--cg-font-size-sm);
}

/* ── Divider ── */

.cg-menu-divider[b-64hkrv7d6t] {
    height: 1px;
    margin: var(--cg-spacing-1) var(--cg-spacing-3);
    background: var(--cg-color-border);
}

/* ── Menu List ── */

.cg-menu-list[b-64hkrv7d6t] {
    padding: var(--cg-spacing-1) var(--cg-spacing-1);
}

/* ── Menu Item ── */

.cg-menu-item[b-64hkrv7d6t] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    width: 100%;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text-primary);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    background: transparent;
    border: none;
    border-radius: var(--cg-radius-md);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-menu-item:hover[b-64hkrv7d6t] {
    background-color: var(--cg-color-hover-overlay);
}

.cg-menu-item:focus-visible[b-64hkrv7d6t] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: -2px;
}

/* ── Icon Backgrounds ── */

.cg-menu-item__icon[b-64hkrv7d6t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: var(--cg-radius-md);
    transition: transform var(--cg-transition-fast);
}

.cg-menu-item:hover .cg-menu-item__icon[b-64hkrv7d6t] {
    transform: scale(1.08);
}

.cg-menu-item__icon[b-64hkrv7d6t]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.cg-menu-item__icon--blue[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

.cg-menu-item__icon--green[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
    color: var(--cg-color-success);
}

.cg-menu-item__icon--amber[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    color: var(--cg-color-warning);
}

.cg-menu-item__icon--pink[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-secondary) 12%, transparent);
    color: var(--cg-color-secondary);
}

.cg-menu-item__icon--teal[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-brand-teal) 12%, transparent);
    color: var(--cg-color-brand-teal);
}

.cg-menu-item__icon--purple[b-64hkrv7d6t] {
    background: color-mix(in oklab, var(--cg-color-brand-purple) 12%, transparent);
    color: var(--cg-color-brand-purple);
}

/* ── Item Content (text + description) ── */

.cg-menu-item__content[b-64hkrv7d6t] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.cg-menu-item__text[b-64hkrv7d6t] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    line-height: 1.3;
}

.cg-menu-item__desc[b-64hkrv7d6t] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    line-height: 1.3;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Layout/FloatingActionToolbar.razor.rz.scp.css */
.floating-action-toolbar[b-ir4po31gtu] {
    --floating-action-toolbar-panel-gap: var(--cg-spacing-3);

    position: fixed;
    right: max(var(--cg-spacing-4), env(safe-area-inset-right, 0px));
    bottom: calc(var(--cg-bottom-nav-height, 0px) + var(--cg-spacing-4));
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--cg-spacing-3);
    pointer-events: none;
}

.floating-action-toolbar__group[b-ir4po31gtu] {
    position: relative;
    display: flex;
    justify-content: flex-end;
    pointer-events: auto;
}

.floating-action-toolbar__button[b-ir4po31gtu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 70%, transparent);
    border-radius: var(--cg-radius-full);
    padding: 0;
    background: color-mix(in oklab, var(--cg-color-surface) 92%, transparent);
    color: var(--cg-color-text);
    box-shadow: var(--cg-shadow-md);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    cursor: pointer;
    pointer-events: auto;
    transition: transform var(--cg-transition-fast), color var(--cg-transition-fast), border-color var(--cg-transition-fast), background-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.floating-action-toolbar__button:hover[b-ir4po31gtu],
.floating-action-toolbar__button:focus-visible[b-ir4po31gtu] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 55%, var(--cg-color-border));
    background: color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-surface));
    color: var(--cg-color-primary);
    box-shadow: var(--cg-shadow-lg);
    transform: translateY(-2px);
}

.floating-action-toolbar__button:focus-visible[b-ir4po31gtu],
.floating-action-toolbar__login:focus-visible[b-ir4po31gtu] {
    outline: 3px solid var(--cg-color-focus-ring);
    outline-offset: 3px;
}

.floating-action-toolbar__button[b-ir4po31gtu]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
    transition: color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.floating-action-toolbar__button:hover[b-ir4po31gtu]  .cg-mdi-icon,
.floating-action-toolbar__button:focus-visible[b-ir4po31gtu]  .cg-mdi-icon {
    color: var(--cg-color-primary);
    transform: scale(1.06);
}

.floating-action-toolbar__label[b-ir4po31gtu] {
    display: none;
}

.floating-action-toolbar__panel[b-ir4po31gtu] {
    position: absolute;
    right: calc(100% + var(--floating-action-toolbar-panel-gap));
    bottom: 0;
    width: min(17rem, calc(100vw - 6rem));
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 70%, transparent);
    border-radius: var(--cg-radius-xl);
    padding: var(--cg-spacing-3);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    box-shadow: var(--cg-shadow-lg);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--cg-transition-fast);
}

.floating-action-toolbar__panel[b-ir4po31gtu]::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(0px - var(--floating-action-toolbar-panel-gap));
    bottom: 0;
    width: calc(var(--floating-action-toolbar-panel-gap) + 2px);
}

.floating-action-toolbar__group:hover .floating-action-toolbar__panel[b-ir4po31gtu],
.floating-action-toolbar__group:focus-within .floating-action-toolbar__panel[b-ir4po31gtu],
.floating-action-toolbar__group:has(.cg-modal-mask) .floating-action-toolbar__panel[b-ir4po31gtu] {
    opacity: 1;
    pointer-events: auto;
}

.floating-action-toolbar__panel-header[b-ir4po31gtu] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-3);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
}

.floating-action-toolbar__panel-header[b-ir4po31gtu]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    color: var(--cg-color-primary);
}

.floating-action-toolbar__login[b-ir4po31gtu] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    min-height: 2.75rem;
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text);
    text-decoration: none;
    background: color-mix(in oklab, var(--cg-color-border) 24%, transparent);
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.floating-action-toolbar__login:hover[b-ir4po31gtu] {
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    text-decoration: none;
    transform: translateX(-2px);
}

.floating-action-toolbar__login[b-ir4po31gtu]  .cg-mdi-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    color: var(--cg-color-primary);
}

.floating-action-toolbar__notice[b-ir4po31gtu] {
    display: flex;
    align-items: flex-start;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-3);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text-muted);
    background: color-mix(in oklab, var(--cg-color-primary) 8%, transparent);
    font-size: var(--cg-font-size-xs);
    line-height: 1.6;
}

.floating-action-toolbar__notice[b-ir4po31gtu]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
    color: var(--cg-color-primary);
}

.floating-action-toolbar__toolbox-actions[b-ir4po31gtu] {
    margin-top: var(--cg-spacing-3);
}

@media (min-width: 768px) {
    .floating-action-toolbar[b-ir4po31gtu] {
        right: var(--cg-spacing-8);
        bottom: var(--cg-spacing-8);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Layout/ThemeToggle.razor.rz.scp.css */
.cg-theme-toggle[b-5wczevfbwm] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--cg-radius-xl);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
    border: none;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    flex-shrink: 0;
}

.cg-theme-toggle:hover[b-5wczevfbwm] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-theme-toggle[b-5wczevfbwm]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Layout/UserMenu.razor.rz.scp.css */
/* ── Trigger Button (avatar-only circle) ── */

.cg-action-btn[b-4e4j5kgvv4] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--cg-radius-xl);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
    border: none;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-action-btn:hover[b-4e4j5kgvv4] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-action-btn:focus-visible[b-4e4j5kgvv4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: 2px;
}

.cg-action-btn[b-4e4j5kgvv4]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
}

.cg-user-menu-avatar[b-4e4j5kgvv4] {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: var(--cg-radius-full);
}

/* ── Menu Header ── */

.cg-menu-header[b-4e4j5kgvv4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
}

.cg-menu-header__avatar[b-4e4j5kgvv4] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border-radius: var(--cg-radius-full);
    overflow: hidden;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.cg-menu-header__avatar img[b-4e4j5kgvv4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-menu-header__avatar[b-4e4j5kgvv4]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.cg-menu-header__info[b-4e4j5kgvv4] {
    min-width: 0;display: flex;
    flex-direction: column;
    gap: .25rem;
}

.cg-menu-header__name[b-4e4j5kgvv4] {
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-primary);
    font-size: var(--cg-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.cg-menu-header__hint[b-4e4j5kgvv4] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-secondary);
    line-height: 1.3;
    margin-top: 1px;
}

/* ── Divider ── */

.cg-menu-divider[b-4e4j5kgvv4] {
    height: 1px;
    margin: var(--cg-spacing-1) var(--cg-spacing-3);
    background: var(--cg-color-border);
}

/* ── Menu List ── */

.cg-menu-list[b-4e4j5kgvv4] {
    padding: var(--cg-spacing-1) var(--cg-spacing-1);
}

/* ── Menu Item ── */

.cg-menu-item[b-4e4j5kgvv4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    width: 100%;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    color: var(--cg-color-text-primary);
    text-decoration: none;
    text-align: left;
    font-size: var(--cg-font-size-sm);
    background: transparent;
    border: none;
    border-radius: var(--cg-radius-md);
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
}

.cg-menu-item:hover[b-4e4j5kgvv4] {
    background-color: var(--cg-color-hover-overlay);
}

.cg-menu-item:focus-visible[b-4e4j5kgvv4] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: -2px;
}

.cg-menu-item__text[b-4e4j5kgvv4] {
    flex: 1;
    min-width: 0;
}

/* ── Icon Backgrounds ── */

.cg-menu-item__icon[b-4e4j5kgvv4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    border-radius: var(--cg-radius-md);
    transition: transform var(--cg-transition-fast);
}

.cg-menu-item:hover .cg-menu-item__icon[b-4e4j5kgvv4] {
    transform: scale(1.08);
}

.cg-menu-item__icon[b-4e4j5kgvv4]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

.cg-menu-item__icon--blue[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

.cg-menu-item__icon--amber[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
    color: var(--cg-color-warning);
}

.cg-menu-item__icon--red[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

.cg-menu-item__icon--purple[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-brand-purple, #7c3aed) 12%, transparent);
    color: var(--cg-color-brand-purple, #7c3aed);
}

.cg-menu-item__icon--teal[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-brand-teal, #14b8a6) 12%, transparent);
    color: var(--cg-color-brand-teal, #14b8a6);
}

.cg-menu-item__icon--emerald[b-4e4j5kgvv4] {
    background: color-mix(in oklab, var(--cg-color-emerald, #10b981) 12%, transparent);
    color: var(--cg-color-emerald, #10b981);
}

/* ── Danger Item ── */

.cg-menu-item--danger[b-4e4j5kgvv4] {
    color: var(--cg-color-error);
}

.cg-menu-item--danger:hover[b-4e4j5kgvv4] {
    background-color: color-mix(in oklab, var(--cg-color-error) 6%, transparent);
}

/* ── Form Reset ── */

.cg-menu-form[b-4e4j5kgvv4] {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* ── Badge (avatar overlay) ── */

.cg-badge[b-4e4j5kgvv4] {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 20px;
    padding: 0 4px;
    aspect-ratio: 1;
    font-size: 10px;
    font-weight: var(--cg-font-weight-bold);
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: var(--cg-color-error);
    border-radius: var(--cg-radius-full);
    border: 2px solid var(--cg-color-surface);
    pointer-events: none;
    z-index: 1;
    align-content: center;
}

/* make trigger button a positioning context */
.cg-action-btn[b-4e4j5kgvv4] {
    position: relative;
}

/* ── Badge (inline in menu item) ── */

.cg-badge--inline[b-4e4j5kgvv4] {
    position: static;
    border: none;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    line-height: 18px;
    flex-shrink: 0;
}
/* _content/CnGalWebSite.MainSite.Shared/Components/Layout/UserSessionTracker.razor.rz.scp.css */
.sign-in-modal-content[b-mr375g22ce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.5rem;
}

[b-mr375g22ce] .sign-in-icon {
    font-size: 32px;
    color: var(--cg-color-primary);
    margin-bottom: 1rem;
    animation: scaleIn-b-mr375g22ce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 2.5rem;
    height: 2.5rem;
}

.sign-in-title[b-mr375g22ce] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: var(--cg-color-text-primary);
}

.sign-in-reward[b-mr375g22ce] {
    font-size: 0.875rem;
    color: var(--cg-color-text-secondary);
    margin-bottom: 1.5rem;
}

.sign-in-reward span[b-mr375g22ce] {
    color: var(--cg-color-primary);
    font-weight: 500;
}

[b-mr375g22ce] .sign-in-actions {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

[b-mr375g22ce] .sign-in-actions .cg-btn {
    width: 100%;
}

@keyframes scaleIn-b-mr375g22ce {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Layout/AdminLayout.razor.rz.scp.css */
/* ─── Admin Layout ─── */

.admin-layout[b-ihe2z4wm6s] {
    display: flex;
    min-height: 100vh;
    background: var(--cg-color-bg);
}

/* ─── Sidebar ─── */

.admin-sidebar[b-ihe2z4wm6s] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 260px;
    display: flex;
    flex-direction: column;
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    z-index: 10;
}

.admin-sidebar__brand[b-ihe2z4wm6s] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-5) var(--cg-spacing-5);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    text-decoration: none;
    border-bottom: 1px solid var(--cg-color-border);
}

.admin-sidebar__brand[b-ihe2z4wm6s]  .cg-mdi-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.admin-sidebar__nav[b-ihe2z4wm6s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-3);
    gap: var(--cg-spacing-1);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--cg-color-border) 80%, transparent) transparent;
}

.admin-sidebar__nav[b-ihe2z4wm6s]::-webkit-scrollbar {
    width: 4px;
}

.admin-sidebar__nav[b-ihe2z4wm6s]::-webkit-scrollbar-track {
    background: transparent;
}

.admin-sidebar__nav[b-ihe2z4wm6s]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--cg-color-border) 80%, transparent);
    border-radius: var(--cg-radius-full);
}

.admin-sidebar__nav[b-ihe2z4wm6s]::-webkit-scrollbar-thumb:hover {
    background: var(--cg-color-text-muted);
}

.admin-nav-group-label[b-ihe2z4wm6s] {
    padding: var(--cg-spacing-4) var(--cg-spacing-3) var(--cg-spacing-1);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.admin-nav-item[b-ihe2z4wm6s] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-md);
    color: var(--cg-color-text);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

.admin-nav-item[b-ihe2z4wm6s]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.7;
}

.admin-nav-item:hover[b-ihe2z4wm6s] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-primary);
    transform: translateX(4px);
}

.admin-nav-item:hover[b-ihe2z4wm6s]  .cg-mdi-icon {
    opacity: 1;
}

.admin-nav-item--active[b-ihe2z4wm6s] {
    background: hsla(var(--cg-color-primary-hsl, 220, 65%, 54%), 0.1);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
}

.admin-nav-item--active[b-ihe2z4wm6s]  .cg-mdi-icon {
    opacity: 1;
}

.admin-sidebar__footer[b-ihe2z4wm6s] {
    padding: var(--cg-spacing-3);
    border-top: 1px solid var(--cg-color-border);
}

/* ─── Main Area ─── */

.admin-main[b-ihe2z4wm6s] {
    margin-left: 260px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.admin-topbar[b-ihe2z4wm6s] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cg-spacing-3) var(--cg-spacing-5);
    background: var(--cg-color-surface);
    border-bottom: 1px solid color-mix(in srgb, var(--cg-color-border) 50%, transparent);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(16px);
    min-height: 56px;
}

.admin-topbar__right[b-ihe2z4wm6s] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

.admin-topbar__search[b-ihe2z4wm6s] {
    display: none;
    flex-direction: column;
    min-width: 10rem;
    max-width: 16rem;
    height: 2.5rem;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .admin-topbar__search[b-ihe2z4wm6s] {
        display: flex;
    }
}

.admin-topbar__search-inner[b-ihe2z4wm6s] {
    display: flex;
    width: 100%;
    flex: 1;
    align-items: stretch;
    border-radius: var(--cg-radius-xl, 1.5rem);
    height: 100%;
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    border: 1px solid transparent;
    transition: all var(--cg-transition-fast);
}

.admin-topbar__search:hover .admin-topbar__search-inner[b-ihe2z4wm6s] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 50%, transparent);
}

.admin-topbar__search-icon[b-ihe2z4wm6s] {
    color: var(--cg-color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
}

.admin-topbar__search-icon[b-ihe2z4wm6s]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

.admin-topbar__search-placeholder[b-ihe2z4wm6s] {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    color: var(--cg-color-text-muted);
}

.admin-topbar__actions[b-ihe2z4wm6s] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
}

.admin-content[b-ihe2z4wm6s] {
    flex: 1;
    padding: var(--cg-spacing-6);
}

/* ─── Global Page Wrappers ─── */
[b-ihe2z4wm6s] .admin-index-page,
[b-ihe2z4wm6s] .admin-tools-page,
[b-ihe2z4wm6s] .admin-comments-page,
[b-ihe2z4wm6s] .admin-list-page {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ─── Page Title Global (inside Admin) ─── */
[b-ihe2z4wm6s] .admin-page-title {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-ihe2z4wm6s] .admin-page-title .cg-mdi-icon {
    width: 28px;
    height: 28px;
    color: var(--cg-color-primary);
}

/* ─── Badges Global (inside Admin) ─── */
[b-ihe2z4wm6s] .admin-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    line-height: 1.6;
    background: var(--cg-color-surface-hover);
    color: var(--cg-color-text);
}

[b-ihe2z4wm6s] .admin-badge--visible, [b-ihe2z4wm6s] .admin-badge--yes, [b-ihe2z4wm6s] .admin-badge--success {
    background: color-mix(in srgb, var(--cg-color-success) 12%, transparent);
    color: var(--cg-color-success);
}

[b-ihe2z4wm6s] .admin-badge--hidden, [b-ihe2z4wm6s] .admin-badge--no, [b-ihe2z4wm6s] .admin-badge--fail {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
    color: var(--cg-color-error);
}

[b-ihe2z4wm6s] .admin-badge--warning {
    background: color-mix(in srgb, var(--cg-color-warning) 12%, transparent);
    color: var(--cg-color-warning);
}

[b-ihe2z4wm6s] .admin-badge--running, [b-ihe2z4wm6s] .admin-badge--info, [b-ihe2z4wm6s] .admin-badge--primary {
    background: color-mix(in srgb, var(--cg-color-primary) 12%, transparent);
    color: var(--cg-color-primary);
}

/* ─── Action Buttons Global (inside Admin) ─── */
[b-ihe2z4wm6s] .admin-actions {
    display: flex;
    gap: var(--cg-spacing-1);
}

[b-ihe2z4wm6s] .admin-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--cg-radius-md);
    cursor: pointer;
    background: transparent;
    transition: background var(--cg-transition-fast), color var(--cg-transition-fast);
}

[b-ihe2z4wm6s] .admin-action-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

/* Primary/Info Actions */
[b-ihe2z4wm6s] .admin-action-btn--down, [b-ihe2z4wm6s] .admin-action-btn--edit, [b-ihe2z4wm6s] .admin-action-btn--link, [b-ihe2z4wm6s] .admin-action-btn--run {
    color: var(--cg-color-primary);
}
[b-ihe2z4wm6s] .admin-action-btn--down:hover, [b-ihe2z4wm6s] .admin-action-btn--edit:hover, [b-ihe2z4wm6s] .admin-action-btn--link:hover, [b-ihe2z4wm6s] .admin-action-btn--run:hover {
    background: color-mix(in srgb, var(--cg-color-primary) 12%, transparent);
}

/* Success Actions */
[b-ihe2z4wm6s] .admin-action-btn--up, [b-ihe2z4wm6s] .admin-action-btn--publish, [b-ihe2z4wm6s] .admin-action-btn--comment {
    color: var(--cg-color-success);
}
[b-ihe2z4wm6s] .admin-action-btn--up:hover, [b-ihe2z4wm6s] .admin-action-btn--publish:hover, [b-ihe2z4wm6s] .admin-action-btn--comment:hover {
    background: color-mix(in srgb, var(--cg-color-success) 12%, transparent);
}

/* Warning Actions */
[b-ihe2z4wm6s] .admin-action-btn--show, [b-ihe2z4wm6s] .admin-action-btn--reset {
    color: var(--cg-color-warning);
}
[b-ihe2z4wm6s] .admin-action-btn--show:hover, [b-ihe2z4wm6s] .admin-action-btn--reset:hover {
    background: color-mix(in srgb, var(--cg-color-warning) 12%, transparent);
}

/* Error Actions */
[b-ihe2z4wm6s] .admin-action-btn--hide, [b-ihe2z4wm6s] .admin-action-btn--delete, [b-ihe2z4wm6s] .admin-action-btn--nocomment {
    color: var(--cg-color-error);
}
[b-ihe2z4wm6s] .admin-action-btn--hide:hover, [b-ihe2z4wm6s] .admin-action-btn--delete:hover, [b-ihe2z4wm6s] .admin-action-btn--nocomment:hover {
    background: color-mix(in srgb, var(--cg-color-error) 12%, transparent);
}

/* Neutral Actions */
[b-ihe2z4wm6s] .admin-action-btn--preview {
    color: var(--cg-color-text-muted);
}
[b-ihe2z4wm6s] .admin-action-btn--preview:hover {
    background: var(--cg-color-surface-hover);
}

/* ─── Rank Preview ─── */

[b-ihe2z4wm6s] .rank-preview-area {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-bg);
    border: 1px dashed var(--cg-color-border);
}

[b-ihe2z4wm6s] .user-rank {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    line-height: 1.6;
    color: #ffffff;
}

/* 等级头衔颜色 */
[b-ihe2z4wm6s] .user-rank.rank-lv10 { background-color: #F44336; }
[b-ihe2z4wm6s] .user-rank.rank-lv9  { background-color: #E91E63; }
[b-ihe2z4wm6s] .user-rank.rank-lv8  { background-color: #9C27B0; }
[b-ihe2z4wm6s] .user-rank.rank-lv7  { background-color: #673AB7; }
[b-ihe2z4wm6s] .user-rank.rank-lv6  { background-color: #3F51B5; }
[b-ihe2z4wm6s] .user-rank.rank-lv5  { background-color: #2196F3; }
[b-ihe2z4wm6s] .user-rank.rank-lv4  { background-color: #03A9F4; }
[b-ihe2z4wm6s] .user-rank.rank-lv3  { background-color: #00BCD4; }
[b-ihe2z4wm6s] .user-rank.rank-lv2  { background-color: #009688; }
[b-ihe2z4wm6s] .user-rank.rank-lv1  { background-color: #4CAF50; }
[b-ihe2z4wm6s] .user-rank.rank-lv0  { background-color: #607D8B; }

/* 特殊角色头衔颜色 */
[b-ihe2z4wm6s] .user-rank.rank-judges  { background-color: #0091EA; }
[b-ihe2z4wm6s] .user-rank.rank-editor  { background-color: #4CAF50; }
[b-ihe2z4wm6s] .user-rank.rank-verify  { background-color: #BF360C; }

/* 旧版 Masa Blazor 兼容 */
[b-ihe2z4wm6s] .user-rank.bg-main     { background-color: #3976ef; }
[b-ihe2z4wm6s] .user-rank.bg-primary  { background-color: #3976ef; }
[b-ihe2z4wm6s] .user-rank.bg-success  { background-color: #16a34a; }

/* ─── Not Authorized ─── */

.admin-not-authorized[b-ihe2z4wm6s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: var(--cg-spacing-3);
    text-align: center;
    color: var(--cg-color-text-muted);
}

.admin-not-authorized[b-ihe2z4wm6s]  .cg-mdi-icon {
    width: 64px;
    height: 64px;
    color: var(--cg-color-error);
}

.admin-not-authorized h2[b-ihe2z4wm6s] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin: 0;
}

.admin-not-authorized p[b-ihe2z4wm6s] {
    margin: 0;
}

.admin-not-authorized a[b-ihe2z4wm6s] {
    color: var(--cg-color-primary);
    text-decoration: none;
    font-weight: var(--cg-font-weight-medium);
}

/* ─── Responsive ─── */

@media (max-width: 1024px) {
    .admin-sidebar[b-ihe2z4wm6s] {
        width: 220px;
    }

    .admin-main[b-ihe2z4wm6s] {
        margin-left: 220px;
    }
}

@media (max-width: 768px) {
    .admin-sidebar[b-ihe2z4wm6s] {
        display: none;
    }

    .admin-main[b-ihe2z4wm6s] {
        margin-left: 0;
    }

    .admin-content[b-ihe2z4wm6s] {
        padding: var(--cg-spacing-4);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Layout/MainLayout.razor.rz.scp.css */
.cg-layout[b-bh5voylcdx] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--cg-color-bg);
    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    transition: background-color var(--cg-transition-normal), color var(--cg-transition-normal);
}

.cg-layout__header[b-bh5voylcdx] {
    position: sticky;
    top: 0;
    z-index: 50;
    white-space: nowrap;
    border-bottom: 1px solid var(--cg-color-border);
    background: var(--cg-color-surface);
    backdrop-filter: blur(12px);
    padding: 0.75rem 1.5rem;
}

@media (min-width: 768px) {
    .cg-layout__header[b-bh5voylcdx] {
        padding: 0.75rem 2.5rem;
    }
}

.cg-layout__main[b-bh5voylcdx] {
    flex: 1;
    width: 100%;
    isolation: isolate;
}

.cg-layout__container[b-bh5voylcdx] {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    .cg-layout__container[b-bh5voylcdx] {
        padding: 0 2.5rem;
    }
}

.content[b-bh5voylcdx] {
    width: 100%;
    padding: var(--cg-spacing-6) 0;
}

.cg-topbar[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cg-topbar__left[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cg-brand[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-brand__icon[b-bh5voylcdx] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--cg-radius-md);
    object-fit: contain;
}

.cg-brand__text[b-bh5voylcdx] {
    color: var(--cg-color-text);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin: 0;
}

.cg-topbar__nav[b-bh5voylcdx] {
    display: none;
    align-items: center;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .cg-topbar__nav[b-bh5voylcdx] {
        display: flex;
    }
}

.cg-topbar__nav a[b-bh5voylcdx] {
    color: var(--cg-color-text-muted);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    transition: color var(--cg-transition-fast);
}

.cg-topbar__nav a:hover[b-bh5voylcdx] {
    color: var(--cg-color-primary);
}

.cg-topbar__right[b-bh5voylcdx] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

.cg-topbar__search[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--cg-radius-xl, 1.5rem);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    flex-shrink: 0;
}

.cg-topbar__search:hover[b-bh5voylcdx] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-topbar__search[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

.cg-topbar__actions[b-bh5voylcdx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.cg-action-btn[b-bh5voylcdx] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--cg-radius-xl, 1.5rem);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    color: var(--cg-color-text-secondary, #666);
    border: none;
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

.cg-action-btn:hover[b-bh5voylcdx] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-action-btn[b-bh5voylcdx]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
}

.cg-authenticated[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cg-user-name[b-bh5voylcdx] {
    max-width: 10rem;
    font-size: 0.875rem;
    color: var(--cg-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
}

.cg-auth-form[b-bh5voylcdx] {
    margin: 0;
    display: flex;
}

.cg-auth-login[b-bh5voylcdx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 2.5rem;
    border-radius: var(--cg-radius-xl, 1.5rem);
    padding: 0 0.85rem;
    color: var(--cg-color-text-muted);
    text-decoration: none;
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    transition: all var(--cg-transition-fast);
}

.cg-auth-login:hover[b-bh5voylcdx] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
}

.cg-auth-login[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

/* -- Hamburger toggle -- */
.cg-topbar__menu-toggle[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
    flex-shrink: 0;
}

.cg-topbar__menu-toggle:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.cg-topbar__menu-toggle[b-bh5voylcdx]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
}

@media (min-width: 768px) {
    .cg-topbar__menu-toggle[b-bh5voylcdx] {
        display: none;
    }
}

@media (min-width: 1024px) {
    .cg-topbar__menu-toggle[b-bh5voylcdx] {
        display: none;
    }
}

/* -- Mobile: hide actions (user menu / login) -- */
@media (max-width: 767px) {
    .cg-topbar__actions[b-bh5voylcdx] {
        display: none;
    }
}

/* -- Drawer backdrop -- */
.cg-drawer-backdrop[b-bh5voylcdx] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cg-drawer-backdrop--visible[b-bh5voylcdx] {
    display: block;
    opacity: 1;
}

@media (min-width: 1024px) {
    .cg-drawer-backdrop[b-bh5voylcdx] {
        display: none !important;
    }
}

/* -- Drawer navigation -- */
.cg-drawer[b-bh5voylcdx] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(300px, 80vw);
    z-index: 100;
    background: var(--cg-color-surface);
    border-right: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-lg);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.cg-drawer--open[b-bh5voylcdx] {
    transform: translateX(0);
}

@media (min-width: 1024px) {
    .cg-drawer[b-bh5voylcdx] {
        display: none !important;
    }
}

.cg-drawer__header[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--cg-color-border);
    flex-shrink: 0;
}

.cg-drawer__close[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: var(--cg-radius-md);
    background: transparent;
    color: var(--cg-color-text-muted);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    padding: 0;
}

.cg-drawer__close:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.cg-drawer__close[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
}

.cg-drawer__links[b-bh5voylcdx] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0;
}

.cg-drawer__links a[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.5rem;
    color: var(--cg-color-text);
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all var(--cg-transition-fast);
    min-height: 48px;
}

.cg-drawer__links a:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-drawer__links a[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cg-drawer__links a:hover[b-bh5voylcdx]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.cg-drawer__divider[b-bh5voylcdx] {
    height: 1px;
    background: var(--cg-color-border);
    margin: 0 1.25rem;
}

.cg-drawer__section-title[b-bh5voylcdx] {
    padding: 0.75rem 1.5rem 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cg-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cg-drawer__footer[b-bh5voylcdx] {
    padding: 0.75rem 0;
    flex-shrink: 0;
}

.cg-drawer__logout-form[b-bh5voylcdx] {
    margin: 0;
}

.cg-drawer__user-link[b-bh5voylcdx],
.cg-drawer__login-link[b-bh5voylcdx],
.cg-drawer__logout-link[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.5rem;
    color: var(--cg-color-text);
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all var(--cg-transition-fast);
    min-height: 48px;
}

.cg-drawer__user-link:hover[b-bh5voylcdx],
.cg-drawer__login-link:hover[b-bh5voylcdx],
.cg-drawer__logout-link:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-drawer__logout-link[b-bh5voylcdx] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--cg-color-error, #d32f2f);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.cg-drawer__logout-link[b-bh5voylcdx]  .cg-mdi-icon {
    color: var(--cg-color-error, #d32f2f);
}

.cg-drawer__theme-btn[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.5rem;
    color: var(--cg-color-text);
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all var(--cg-transition-fast);
    min-height: 48px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.cg-drawer__theme-btn:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-primary);
    text-decoration: none;
}

.cg-drawer__theme-btn[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cg-drawer__theme-btn:hover[b-bh5voylcdx]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.cg-drawer__user-link[b-bh5voylcdx]  .cg-mdi-icon,
.cg-drawer__login-link[b-bh5voylcdx]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.cg-drawer__user-link:hover[b-bh5voylcdx]  .cg-mdi-icon,
.cg-drawer__login-link:hover[b-bh5voylcdx]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.cg-user-avatar[b-bh5voylcdx] {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: var(--cg-radius-full, 9999px);
    background: linear-gradient(to top right, var(--cg-color-primary), var(--cg-color-secondary));
    padding: 2px;
}

.cg-user-avatar__inner[b-bh5voylcdx] {
    width: 100%;
    height: 100%;
    border-radius: var(--cg-radius-full, 9999px);
    background-color: var(--cg-color-surface);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
}

.cg-user-avatar__img[b-bh5voylcdx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cg-layout__footer[b-bh5voylcdx] {
    display: none;
    background-color: var(--cg-color-surface);
    border-top: 1px solid var(--cg-color-border);
    margin-top: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;   z-index: 1;
}

@media (min-width: 768px) {
    .cg-layout__footer[b-bh5voylcdx] {
        display: block;
        margin-top: 3rem;
        padding-top: 4rem;
    }
}

.cg-footer-main[b-bh5voylcdx] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--cg-page-gutter);
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .cg-footer-main[b-bh5voylcdx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .cg-footer-main[b-bh5voylcdx] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.cg-footer-intro[b-bh5voylcdx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .cg-footer-intro[b-bh5voylcdx] {
        grid-column: span 2;
    }
}

.cg-brand__icon-large[b-bh5voylcdx] {
    width: 2.1rem;
    height: 2.1rem;
    color: var(--cg-color-primary);
}

.cg-footer-socials[b-bh5voylcdx]  .cg-mdi-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.cg-footer-intro p[b-bh5voylcdx] {
    color: var(--cg-color-text-muted);
    font-size: 0.875rem;
    line-height: 1.625;
    margin: 0;
}

.cg-footer-socials[b-bh5voylcdx] {
    display: flex;
    gap: 1rem;
}

.cg-footer-socials a[b-bh5voylcdx] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--cg-radius-full, 9999px);
    background-color: color-mix(in oklab, var(--cg-color-border) 40%, var(--cg-color-surface));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
}

.cg-footer-socials a:hover[b-bh5voylcdx] {
    color: var(--cg-color-primary);
    background-color: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}
.cg-footer-links section[b-bh5voylcdx]{
    justify-self: start;
}

@media (min-width: 768px) {
    .cg-footer-links section[b-bh5voylcdx] {
        justify-self: end;
    }
}
.cg-footer-links section h3[b-bh5voylcdx] {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--cg-color-text);
}

.cg-footer-links section ul[b-bh5voylcdx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cg-footer-links section a[b-bh5voylcdx] {
    color: var(--cg-color-text-muted);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color var(--cg-transition-fast);
}

.cg-footer-links section a:hover[b-bh5voylcdx] {
    color: var(--cg-color-primary);
}

@media (min-width: 1024px) {
    .cg-footer-links[b-bh5voylcdx] {
        grid-column: span 2;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 3rem;
    }
}

.cg-footer-bottom[b-bh5voylcdx] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.5rem var(--cg-page-gutter) 0;
    border-top: 1px solid var(--cg-color-border);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

@media (min-width: 768px) {
    .cg-footer-bottom[b-bh5voylcdx] {
        flex-direction: row;
    }
}

.cg-footer-bottom p[b-bh5voylcdx] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
}

.cg-footer-meta[b-bh5voylcdx] {
    display: flex;
    gap: 1.5rem;
}

.cg-footer-meta a[b-bh5voylcdx] {
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: color var(--cg-transition-fast);
}

.cg-footer-meta a:hover[b-bh5voylcdx] {
    color: var(--cg-color-primary);
}

/* ── Blazor Error UI ── */

@keyframes blazor-error-slide-in-b-bh5voylcdx {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#blazor-error-ui[b-bh5voylcdx] {
    display: none;
    position: fixed;
    bottom: var(--cg-spacing-6);
    right: var(--cg-spacing-6);
    z-index: 10000;
    max-width: 400px;
    width: calc(100% - var(--cg-spacing-8));
}

#blazor-error-ui .blazor-error-card[b-bh5voylcdx] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);

    background: var(--cg-color-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-lg), 0 0 0 1px rgba(0, 0, 0, 0.03);

    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    animation: blazor-error-slide-in-b-bh5voylcdx 0.35s ease-out;
}

#blazor-error-ui .blazor-error-icon[b-bh5voylcdx] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--cg-color-error);
}

#blazor-error-ui .blazor-error-icon svg[b-bh5voylcdx] {
    width: 100%;
    height: 100%;
}

#blazor-error-ui .blazor-error-content[b-bh5voylcdx] {
    flex: 1;
    min-width: 0;
}

#blazor-error-ui .blazor-error-title[b-bh5voylcdx] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

#blazor-error-ui .blazor-error-detail[b-bh5voylcdx] {
    margin: 0.15rem 0 0;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    line-height: 1.4;
}

#blazor-error-ui .blazor-error-actions[b-bh5voylcdx] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

#blazor-error-ui .blazor-error-reload[b-bh5voylcdx] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-on-primary);
    background-color: var(--cg-color-primary);
    border: none;
    border-radius: var(--cg-radius-md);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast);
}

#blazor-error-ui .blazor-error-reload:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-primary-hover);
}

#blazor-error-ui .dismiss[b-bh5voylcdx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--cg-radius-md);
    cursor: pointer;
    color: var(--cg-color-text-muted);
    font-size: 0.85rem;
    line-height: 1;
    transition: all var(--cg-transition-fast);
}

#blazor-error-ui .dismiss:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

@media (max-width: 480px) {
    #blazor-error-ui[b-bh5voylcdx] {
        right: var(--cg-spacing-3);
        bottom: var(--cg-spacing-3);
        max-width: none;
        width: calc(100% - var(--cg-spacing-6));
    }
}

/* ── Reconnect Modal ── */

#components-reconnect-modal[b-bh5voylcdx] {
    display: none;
    position: fixed;
    bottom: var(--cg-spacing-6);
    right: var(--cg-spacing-6);
    z-index: 10000;
    max-width: 400px;
    width: calc(100% - var(--cg-spacing-8));
}

#components-reconnect-modal .reconnect-card[b-bh5voylcdx] {
    display: none;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);

    background: var(--cg-color-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-lg), 0 0 0 1px rgba(0, 0, 0, 0.03);

    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    animation: blazor-error-slide-in-b-bh5voylcdx 0.35s ease-out;
}

/* State: reconnecting */
#components-reconnect-modal.components-reconnect-show[b-bh5voylcdx] {
    display: block;
}

#components-reconnect-modal.components-reconnect-show .reconnect-show[b-bh5voylcdx] {
    display: flex;
}

/* State: failed or rejected */
#components-reconnect-modal.components-reconnect-failed[b-bh5voylcdx],
#components-reconnect-modal.components-reconnect-rejected[b-bh5voylcdx] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed .reconnect-failed[b-bh5voylcdx],
#components-reconnect-modal.components-reconnect-rejected .reconnect-failed[b-bh5voylcdx] {
    display: flex;
}

/* State: reconnected �?hide everything */
#components-reconnect-modal.components-reconnect-hide[b-bh5voylcdx] {
    display: none;
}

/* Spinner */
@keyframes reconnect-spin-b-bh5voylcdx {
    to { transform: rotate(360deg); }
}

#components-reconnect-modal .reconnect-spinner[b-bh5voylcdx] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border: 2.5px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: var(--cg-radius-full);
    animation: reconnect-spin-b-bh5voylcdx 0.8s linear infinite;
}

/* Shared inner styles �?reuse blazor-error tokens */
#components-reconnect-modal .blazor-error-icon[b-bh5voylcdx] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--cg-color-warning);
}

#components-reconnect-modal .blazor-error-icon svg[b-bh5voylcdx] {
    width: 100%;
    height: 100%;
}

#components-reconnect-modal .blazor-error-content[b-bh5voylcdx] {
    flex: 1;
    min-width: 0;
}

#components-reconnect-modal .blazor-error-title[b-bh5voylcdx] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    line-height: 1.4;
}

#components-reconnect-modal .blazor-error-detail[b-bh5voylcdx] {
    margin: 0.15rem 0 0;
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    line-height: 1.4;
}

#components-reconnect-modal .blazor-error-actions[b-bh5voylcdx] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

#components-reconnect-modal .blazor-error-reload[b-bh5voylcdx] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-on-primary);
    background-color: var(--cg-color-primary);
    border: none;
    border-radius: var(--cg-radius-md);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast);
}

#components-reconnect-modal .blazor-error-reload:hover[b-bh5voylcdx] {
    background-color: var(--cg-color-primary-hover);
}

@media (max-width: 480px) {
    #components-reconnect-modal[b-bh5voylcdx] {
        right: var(--cg-spacing-3);
        bottom: var(--cg-spacing-3);
        max-width: none;
        width: calc(100% - var(--cg-spacing-6));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Admin/AdminCommentsPage.razor.rz.scp.css */
.admin-comments-page[b-tndrt0wxld] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}


/* ─── Comment cells ─── */

.admin-comment-user[b-tndrt0wxld] {
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.admin-comment-user:hover[b-tndrt0wxld] {
    color: var(--cg-color-primary-hover);
    text-decoration: underline;
}

.admin-comment-text[b-tndrt0wxld] {
    white-space: pre-line;
    max-width: 300px;
    word-break: break-all;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text);
    line-height: 1.5;
}

.admin-comment-object[b-tndrt0wxld] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-link);
    text-decoration: none;
    transition: var(--cg-transition-fast);
}

.admin-comment-object:hover[b-tndrt0wxld] {
    text-decoration: underline;
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Admin/AdminDataPage.razor.rz.scp.css */
.admin-data-grid[b-jueyhvk9js] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
    gap: 24px;
}

@media (max-width: 600px) {
    .admin-data-grid[b-jueyhvk9js] {
        grid-template-columns: 1fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Admin/AdminIndexPage.razor.rz.scp.css */
.admin-index-page[b-jtz07ahz9f] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.admin-overview-subtitle[b-jtz07ahz9f] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    margin: var(--cg-spacing-4) 0 0 0;
    padding-bottom: var(--cg-spacing-2);
    border-bottom: 1px solid var(--cg-color-border);
}

.admin-stats-grid[b-jtz07ahz9f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cg-spacing-4);
}

.server-cards-grid[b-jtz07ahz9f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: var(--cg-spacing-4);
}

.server-card[b-jtz07ahz9f] {
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-5);
    box-shadow: var(--cg-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.server-card-header[b-jtz07ahz9f] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    margin-bottom: var(--cg-spacing-1);
}

.admin-page-title[b-jtz07ahz9f]  svg,
.admin-overview-subtitle[b-jtz07ahz9f]  svg,
.server-card-header[b-jtz07ahz9f]  svg {
    color: var(--cg-color-primary);
}

.server-card-props[b-jtz07ahz9f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--cg-spacing-3);
}

.prop-item[b-jtz07ahz9f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.prop-label[b-jtz07ahz9f] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
}

.prop-value[b-jtz07ahz9f] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-primary);
    word-wrap: break-word;
}

.text-success[b-jtz07ahz9f] {
    color: var(--cg-color-success);
}

.text-warning[b-jtz07ahz9f] {
    color: var(--cg-color-warning);
}

.text-error[b-jtz07ahz9f] {
    color: var(--cg-color-error, #ef4444);
}

.hardware-metrics[b-jtz07ahz9f] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    margin-top: auto;
    padding-top: var(--cg-spacing-4);
    border-top: 1px dashed var(--cg-color-border);
}

.metric-row[b-jtz07ahz9f] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.metric-header[b-jtz07ahz9f] {
    display: flex;
    justify-content: space-between;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
}

.metric-bar-bg[b-jtz07ahz9f] {
    height: 6px;
    background: var(--cg-color-bg);
    border-radius: var(--cg-radius-full);
    overflow: hidden;
}

.metric-bar-fill[b-jtz07ahz9f] {
    height: 100%;
    border-radius: var(--cg-radius-full);
    background-color: var(--cg-color-primary);
    transition: width 0.6s ease, background-color 0.4s ease;
}

/* 负载等级颜色 */
.metric-bar-fill.metric-normal[b-jtz07ahz9f] {
    background-color: var(--cg-color-success);
}

.metric-bar-fill.metric-warning[b-jtz07ahz9f] {
    background-color: var(--cg-color-warning);
}

.metric-bar-fill.metric-critical[b-jtz07ahz9f] {
    background-color: var(--cg-color-error, #ef4444);
}

/* 刷新时间显示 */
.refresh-time[b-jtz07ahz9f] {
    margin-left: auto;
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-normal);
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Admin/AdminNewsPage.razor.rz.scp.css */
/* AdminNewsPage — scoped styles */

/* ── 顶部工具栏 ── */
.admin-news-toolbar[b-6naxwtwbte] {
    display: flex;
    gap: var(--cg-spacing-3);
    margin-bottom: var(--cg-spacing-4);
    flex-wrap: wrap;
}

/* ── 关联词条行 ── */
.admin-news-entry-row[b-6naxwtwbte] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    margin-bottom: var(--cg-spacing-2);
}

.admin-news-entry-row .cg-input[b-6naxwtwbte] {
    flex: 1;
}

.admin-news-entry-row .admin-action-btn--delete[b-6naxwtwbte] {
    flex-shrink: 0;
}

/* ── 空状态提示 ── */
.admin-empty-text[b-6naxwtwbte] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    padding: var(--cg-spacing-3) 0;
    text-align: center;
}

/* ── 预览弹窗元素 ── */
.admin-preview-loading[b-6naxwtwbte] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-8) 0;
}

.admin-preview-meta[b-6naxwtwbte] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-4);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.admin-preview-author[b-6naxwtwbte],
.admin-preview-time[b-6naxwtwbte] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
}

/* ── 来源类型徽章 ── */
.admin-badge--rss-weibo[b-6naxwtwbte] {
    background-color: #df2029;
    color: white;
}

.admin-badge--rss-bilibili[b-6naxwtwbte] {
    background-color: #fb7299;
    color: white;
}

.admin-badge--rss-heybox[b-6naxwtwbte] {
    background-color: #2b2b2b;
    color: white;
}

.admin-badge--rss-custom[b-6naxwtwbte] {
    background-color: var(--cg-color-primary);
    color: white;
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Admin/AdminToolsPage.razor.rz.scp.css */
.admin-tools-page[b-qd772exnif] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}


.admin-tools-grid[b-qd772exnif] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Article/ArticleDetailPage.razor.rz.scp.css */
.article-page[b-dagouk7oio] {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 960px; /* Reduced max-width for prose readability */
    margin: 0 auto;
    padding: 0;
}

.article-header[b-dagouk7oio] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--cg-spacing-8);
}

.article-info-bar[b-dagouk7oio] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cg-spacing-4);
    padding-top: var(--cg-spacing-6);
    padding-bottom: var(--cg-spacing-6);
    margin-top: var(--cg-spacing-8);
    border-top: 1px solid var(--cg-color-border);
    border-bottom: 1px solid var(--cg-color-border);
}

.article-main-content[b-dagouk7oio] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-8);
    margin-bottom: var(--cg-spacing-10);
}

.article-prose[b-dagouk7oio] {
    font-size: var(--cg-font-size-base);
    line-height: 1.8;
    color: var(--cg-color-text);
}

.article-footer-related[b-dagouk7oio] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-section-gap);
    border-top: 1px solid var(--cg-color-border);
    padding-top: var(--cg-section-gap);
}

.article-not-found[b-dagouk7oio] {
    text-align: center;
    padding: var(--cg-spacing-10) var(--cg-page-gutter);
}

.article-not-found h1[b-dagouk7oio] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin-bottom: var(--cg-spacing-2);
}

.article-not-found p[b-dagouk7oio] {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
}

.article-not-found a[b-dagouk7oio] {
    color: var(--cg-color-link);
}

.article-loading[b-dagouk7oio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-4);
    min-height: 40vh;
}

.article-loading-text[b-dagouk7oio] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

.article-action-btn[b-dagouk7oio] {
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-primary);
    color: white;
    background: var(--cg-color-primary);
    text-decoration: none;
    padding: 0.8rem 2rem;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    min-height: 44px;
    transition: var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
}

.article-action-btn:hover[b-dagouk7oio] {
    background: var(--cg-color-primary-hover);
    border-color: var(--cg-color-primary-hover);
    transform: translateY(-1px);
}

.article-outlink-list[b-dagouk7oio] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.article-outlink-list li a[b-dagouk7oio] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-link);
    font-size: var(--cg-font-size-base);
    text-decoration: none;
    transition: var(--cg-transition-fast);
    padding: var(--cg-spacing-2) 0;
    min-height: 44px;
}

.article-outlink-list li a:hover[b-dagouk7oio] {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .article-info-bar[b-dagouk7oio] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .article-prose[b-dagouk7oio] {
        font-size: var(--cg-font-size-lg);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Article/ArticleEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.article-edit-page[b-wpkjos2gg0] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.article-edit-layout[b-wpkjos2gg0] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.article-edit-main[b-wpkjos2gg0] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-wpkjos2gg0] .article-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-wpkjos2gg0] .article-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-wpkjos2gg0] .article-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-wpkjos2gg0] .article-editor-section .article-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-wpkjos2gg0] .article-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 统一空状态 ── */
[b-wpkjos2gg0] .cg-editor-empty {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}

/* ── 统一操作按钮列 ── */
[b-wpkjos2gg0] .cg-actions {
    white-space: nowrap;
    display: flex;
    gap: var(--cg-spacing-2);
    min-width: 110px;
}

/* ── 加载/错误状态 ── */
.article-edit-loading[b-wpkjos2gg0],
.article-edit-error[b-wpkjos2gg0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.article-edit-loading-spinner[b-wpkjos2gg0] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-wpkjos2gg0 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-wpkjos2gg0 {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .article-edit-layout[b-wpkjos2gg0] {
        flex-direction: column;
    }

    .article-edit-main[b-wpkjos2gg0] {
        padding: var(--cg-spacing-4);
    }

    [b-wpkjos2gg0] .article-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Commodities/CommoditiesPage.razor.rz.scp.css */
/* ── CommoditiesPage ── */
.commodities-page[b-c2dzzkbz1i] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-section-gap);
    padding: var(--cg-page-gutter);
    max-width: 1200px;
    margin: 0 auto;
}

.commodities-page__hero[b-c2dzzkbz1i] {
    text-align: center;
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    background: color-mix(in oklab, var(--cg-color-primary) 5%, transparent);
    border-radius: var(--cg-radius-xl);
}

.commodities-page__hero-title[b-c2dzzkbz1i] {
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    margin: 0 0 var(--cg-spacing-3);
}

.commodities-page__hero-subtitle[b-c2dzzkbz1i] {
    font-size: var(--cg-font-size-lg);
    color: var(--cg-color-text-secondary);
    margin: 0;
}

.commodities-page__grid[b-c2dzzkbz1i] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-6);
    align-items: start;
}

@media (min-width: 768px) {
    .commodities-page__grid[b-c2dzzkbz1i] {
        grid-template-columns: 320px 1fr;
        gap: var(--cg-spacing-8);
    }
}

.commodities-page__sidebar[b-c2dzzkbz1i] {
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-4));
}

.commodities-page__content[b-c2dzzkbz1i] {
    min-width: 0;
}

.commodities-page__empty[b-c2dzzkbz1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10);
    color: var(--cg-color-text-muted);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    gap: var(--cg-spacing-4);
    margin-top: var(--cg-spacing-4);
}

.commodities-page__empty[b-c2dzzkbz1i]  .cg-mdi-icon {
    width: 3rem;
    height: 3rem;
    opacity: 0.5;
}

.commodities-page__shop-grid[b-c2dzzkbz1i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--cg-spacing-4);
    margin-top: var(--cg-spacing-4);
}

.commodities-page__error[b-c2dzzkbz1i],
.commodities-page__loading[b-c2dzzkbz1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: var(--cg-spacing-4);
    text-align: center;
    padding: var(--cg-spacing-4);
}

.commodities-page__error-icon[b-c2dzzkbz1i]  .cg-mdi-icon {
    width: 4rem;
    height: 4rem;
    color: var(--cg-color-error);
}

.commodities-page__error h1[b-c2dzzkbz1i] {
    font-size: var(--cg-font-size-xl);
    margin: 0;
    color: var(--cg-color-text-primary);
}

.commodities-page__error p[b-c2dzzkbz1i] {
    color: var(--cg-color-text-secondary);
    margin: 0;
}

.commodities-page__loading[b-c2dzzkbz1i] {
    color: var(--cg-color-text-muted);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Entry/BirthdayCalendarPage.razor.rz.scp.css */
/* ━━ Birthday Calendar Page (mobile-first) ━━ */

.birthday-cal[b-vue93n2idh] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: var(--cg-spacing-5) var(--cg-page-gutter) calc(var(--cg-section-gap) + var(--cg-spacing-8));
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-5);
}

/* ── Header ── */

.birthday-cal-header[b-vue93n2idh] {
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 16%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    background:
        radial-gradient(circle at 12% 12%, color-mix(in oklab, var(--cg-color-primary) 12%, transparent), transparent 42%),
        radial-gradient(circle at 86% 24%, color-mix(in oklab, var(--cg-color-secondary) 10%, transparent), transparent 44%),
        var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
}

.birthday-cal-header-text[b-vue93n2idh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-5);
    text-align: center;
}

.birthday-cal-title[b-vue93n2idh] {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
}

[b-vue93n2idh] .birthday-cal-title .cg-mdi-icon {
    width: 1.625rem;
    height: 1.625rem;
    color: var(--cg-color-primary);
}

.birthday-cal-subtitle[b-vue93n2idh] {
    margin: 0;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

.birthday-cal-header-meta[b-vue93n2idh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cg-spacing-2);
}

.birthday-cal-meta-pill[b-vue93n2idh] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 18%, transparent);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
}

.birthday-cal-meta-pill--muted[b-vue93n2idh] {
    border-color: color-mix(in oklab, var(--cg-color-border) 86%, transparent);
    background: color-mix(in oklab, var(--cg-color-bg) 76%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
}

/* ── Month Navigation ── */

.birthday-cal-nav[b-vue93n2idh] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: var(--cg-spacing-3);
    width: min(100%, 440px);
    margin: 0 auto;
    padding: var(--cg-spacing-2);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-full);
    background-color: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
}

.birthday-cal-nav-btn[b-vue93n2idh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-border);
    background-color: color-mix(in oklab, var(--cg-color-bg) 62%, var(--cg-color-surface));
    color: var(--cg-color-text);
    text-decoration: none;
    transition: background-color var(--cg-transition-fast), border-color var(--cg-transition-fast), color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.birthday-cal-nav-btn:hover[b-vue93n2idh] {
    color: var(--cg-color-primary);
    border-color: color-mix(in oklab, var(--cg-color-primary) 42%, var(--cg-color-border));
    background-color: color-mix(in oklab, var(--cg-color-primary) 11%, transparent);
}

.birthday-cal-nav-btn:focus-visible[b-vue93n2idh] {
    outline: none;
    box-shadow: 0 0 0 3px var(--cg-color-focus-ring);
}

[b-vue93n2idh] .birthday-cal-nav-btn .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.birthday-cal-nav-label[b-vue93n2idh] {
    text-align: center;
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

/* ── Calendar Grid ── */

.birthday-cal-grid-shell[b-vue93n2idh] {
    border-radius: var(--cg-radius-lg);
    overflow-x: auto;
    background: transparent;
    -webkit-overflow-scrolling: touch;
}

.birthday-cal-grid[b-vue93n2idh] {
    min-width: 640px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    background-color: var(--cg-color-surface);
}

.birthday-cal-weekday[b-vue93n2idh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: var(--cg-spacing-2);
    border-bottom: 1px solid var(--cg-color-border);
    background: color-mix(in oklab, var(--cg-color-bg) 64%, var(--cg-color-surface));
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    letter-spacing: 0.04em;
}

.birthday-cal-cell[b-vue93n2idh] {
    min-height: 5rem;
    padding: var(--cg-spacing-2);
    border-right: 1px solid color-mix(in oklab, var(--cg-color-border) 58%, transparent);
    border-bottom: 1px solid color-mix(in oklab, var(--cg-color-border) 58%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    transition: background-color var(--cg-transition-fast);
}

.birthday-cal-cell:nth-child(7n + 7)[b-vue93n2idh] {
    border-right: none;
}

.birthday-cal-cell--empty[b-vue93n2idh] {
    background-color: color-mix(in oklab, var(--cg-color-bg) 78%, var(--cg-color-surface));
}

.birthday-cal-cell--today[b-vue93n2idh] {
    background-color: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
}

.birthday-cal-cell--has-roles:not(.birthday-cal-cell--today)[b-vue93n2idh] {
    background-color: color-mix(in oklab, var(--cg-color-secondary) 4%, var(--cg-color-surface));
}

.birthday-cal-day-num[b-vue93n2idh] {
    width: fit-content;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    line-height: 1;
    padding: 0.125rem 0.25rem;
}

.birthday-cal-day-num--today[b-vue93n2idh] {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: var(--cg-radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.birthday-cal-day-roles[b-vue93n2idh] {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--cg-spacing-1);
    min-height: 0;
    flex: 1;
}

/* 提升移动端 chip 可点击性 */
[b-vue93n2idh] .birthday-cal-day-roles .birthday-role-chip {
    min-height: 1.85rem;
}

/* ── Today Section ── */

.birthday-cal-today-section[b-vue93n2idh] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    background: linear-gradient(
        140deg,
        color-mix(in oklab, var(--cg-color-primary) 4%, var(--cg-color-surface)),
        var(--cg-color-surface) 45%
    );
    padding: var(--cg-spacing-5);
}

.birthday-cal-today-title[b-vue93n2idh] {
    margin: 0 0 var(--cg-spacing-4);
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
}

[b-vue93n2idh] .birthday-cal-today-title .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--cg-color-primary);
}

.birthday-cal-today-list[b-vue93n2idh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--cg-spacing-3);
}

.birthday-cal-today-card[b-vue93n2idh] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    min-height: 44px;
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    border: 1px solid color-mix(in oklab, var(--cg-color-border) 85%, transparent);
    background-color: color-mix(in oklab, var(--cg-color-bg) 68%, var(--cg-color-surface));
    color: inherit;
    text-decoration: none;
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast), transform var(--cg-transition-fast);
}

.birthday-cal-today-card:hover[b-vue93n2idh] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 38%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
    transform: translateY(-1px);
}

.birthday-cal-today-card:focus-visible[b-vue93n2idh] {
    outline: none;
    box-shadow: 0 0 0 3px var(--cg-color-focus-ring);
}

.birthday-cal-today-avatar[b-vue93n2idh] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--cg-radius-full);
    overflow: hidden;
    flex-shrink: 0;
    background-color: var(--cg-color-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.birthday-cal-today-avatar img[b-vue93n2idh] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.birthday-cal-today-avatar--fallback[b-vue93n2idh] {
    color: var(--cg-color-text-muted);
}

[b-vue93n2idh] .birthday-cal-today-avatar--fallback .cg-mdi-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.birthday-cal-today-info[b-vue93n2idh] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.birthday-cal-today-info strong[b-vue93n2idh] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    transition: color var(--cg-transition-fast);
}

.birthday-cal-today-card:hover .birthday-cal-today-info strong[b-vue93n2idh] {
    color: var(--cg-color-primary);
}

.birthday-cal-today-game[b-vue93n2idh] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
    padding: 0.125rem var(--cg-spacing-2);
    border-radius: var(--cg-radius-sm);
    background-color: color-mix(in oklab, var(--cg-color-primary) 11%, transparent);
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-medium);
}

[b-vue93n2idh] .birthday-cal-today-game .cg-mdi-icon {
    width: 0.8rem;
    height: 0.8rem;
}

.birthday-cal-today-info p[b-vue93n2idh] {
    margin: 0;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    line-height: 1.4;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Error state ── */

.birthday-cal-error[b-vue93n2idh] {
    width: min(100%, 640px);
    margin: calc(var(--cg-section-gap) + var(--cg-spacing-5)) auto;
    padding: var(--cg-spacing-6) var(--cg-page-gutter);
    border: 1px solid color-mix(in oklab, var(--cg-color-error) 20%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-sm);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
}

.birthday-cal-error-icon[b-vue93n2idh] {
    color: var(--cg-color-error);
}

[b-vue93n2idh] .birthday-cal-error-icon .cg-mdi-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.birthday-cal-error h1[b-vue93n2idh] {
    margin: 0;
    color: var(--cg-color-text);
    font-size: var(--cg-font-size-xl);
}

.birthday-cal-error p[b-vue93n2idh] {
    margin: 0;
    color: var(--cg-color-text-muted);
}

.birthday-cal-error a[b-vue93n2idh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--cg-spacing-4);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 30%, var(--cg-color-border));
    background-color: color-mix(in oklab, var(--cg-color-primary) 9%, transparent);
    color: var(--cg-color-primary);
    font-weight: var(--cg-font-weight-semibold);
    text-decoration: none;
}

.birthday-cal-error a:hover[b-vue93n2idh] {
    border-color: var(--cg-color-primary);
    text-decoration: none;
}

.birthday-cal-error a:focus-visible[b-vue93n2idh] {
    outline: none;
    box-shadow: 0 0 0 3px var(--cg-color-focus-ring);
}

/* ── Loading skeleton ── */

.birthday-cal-loading[b-vue93n2idh] {
    width: min(100%, 1120px);
    margin: var(--cg-section-gap) auto;
    padding: 0 var(--cg-page-gutter);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.birthday-cal-loading-block[b-vue93n2idh] {
    border-radius: var(--cg-radius-lg);
    background: linear-gradient(
        120deg,
        color-mix(in oklab, var(--cg-color-bg) 90%, white),
        color-mix(in oklab, var(--cg-color-bg) 76%, white),
        color-mix(in oklab, var(--cg-color-bg) 90%, white)
    );
    background-size: 200% 100%;
    animation: birthday-cal-skeleton-b-vue93n2idh 1.2s infinite;
}

.birthday-cal-loading-block--header[b-vue93n2idh] {
    height: 96px;
}

.birthday-cal-loading-block--nav[b-vue93n2idh] {
    height: 64px;
}

.birthday-cal-loading-block--grid[b-vue93n2idh] {
    height: 420px;
}

@keyframes birthday-cal-skeleton-b-vue93n2idh {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

/* ── Breakpoints (mobile-first) ── */

@media (min-width: 640px) {
    .birthday-cal[b-vue93n2idh] {
        gap: var(--cg-spacing-6);
    }

    .birthday-cal-header-text[b-vue93n2idh] {
        padding: var(--cg-spacing-6);
    }

    .birthday-cal-title[b-vue93n2idh] {
        font-size: var(--cg-font-size-2xl);
    }

    .birthday-cal-grid[b-vue93n2idh] {
        min-width: 100%;
    }

    .birthday-cal-cell[b-vue93n2idh] {
        min-height: 5.75rem;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
    }
}

@media (min-width: 768px) {
    .birthday-cal[b-vue93n2idh] {
        padding-top: var(--cg-spacing-6);
    }

    .birthday-cal-nav[b-vue93n2idh] {
        grid-template-columns: 48px minmax(0, 1fr) 48px;
    }

    .birthday-cal-nav-btn[b-vue93n2idh] {
        width: 48px;
        height: 48px;
    }

    .birthday-cal-weekday[b-vue93n2idh] {
        min-height: 2.5rem;
        font-size: var(--cg-font-size-sm);
    }

    .birthday-cal-cell[b-vue93n2idh] {
        min-height: 6.5rem;
    }

    .birthday-cal-today-list[b-vue93n2idh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .birthday-cal[b-vue93n2idh] {
        padding-top: var(--cg-spacing-8);
    }

    .birthday-cal-cell[b-vue93n2idh] {
        min-height: 7.25rem;
    }

    .birthday-cal-today-list[b-vue93n2idh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Entry/CnGalGenerationPage.razor.rz.scp.css */
/* ── 页面容器 ── */
.sedai-page[b-qh8trfpg6v] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

.sedai-page__header[b-qh8trfpg6v] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
}

.sedai-page__title[b-qh8trfpg6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    margin: 0;
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
}

.sedai-page__title[b-qh8trfpg6v]  .cg-mdi-icon {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--cg-color-primary);
}

.sedai-page__subtitle[b-qh8trfpg6v] {
    margin: 0;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

/* ── 加载 / 错误 ── */
.sedai-page__loading[b-qh8trfpg6v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    color: var(--cg-color-text-muted);
}

.sedai-page__error[b-qh8trfpg6v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    text-align: center;
}

.sedai-page__error[b-qh8trfpg6v]  .cg-mdi-icon {
    width: 3rem;
    height: 3rem;
    color: var(--cg-color-error);
}

.sedai-page__error h2[b-qh8trfpg6v] {
    margin: 0;
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-semibold);
}

.sedai-page__error p[b-qh8trfpg6v] {
    margin: 0;
    color: var(--cg-color-text-muted);
}

.sedai-page__error-actions[b-qh8trfpg6v] {
    display: flex;
    gap: var(--cg-spacing-3);
    flex-wrap: wrap;
    justify-content: center;
}

/* ── 主卡片（导出目标） ── */
.sedai-card[b-qh8trfpg6v] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-md);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
}

.sedai-card__banner[b-qh8trfpg6v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-4) var(--cg-spacing-5);
    background: var(--cg-color-section-bg);
}

.sedai-card__banner--footer[b-qh8trfpg6v] {
    border-top: 1px solid var(--cg-color-border);
}

.sedai-card__banner-text[b-qh8trfpg6v] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
}

.sedai-card__brand[b-qh8trfpg6v] {
    margin: 0;
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
}

.sedai-card__site[b-qh8trfpg6v] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
}

.sedai-card__progress[b-qh8trfpg6v] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-primary);
}

/* ── 表格网格（年份 + 游戏列表） ── */
.sedai-card__grid[b-qh8trfpg6v] {
    display: flex;
    flex-direction: column;
}

.sedai-card__row[b-qh8trfpg6v] {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    min-height: 4rem;
    border-top: 1px solid var(--cg-color-border);
}

.sedai-card__year[b-qh8trfpg6v] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-2);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-bold);
    font-size: var(--cg-font-size-md);
    word-break: break-word;
}

.sedai-card__games[b-qh8trfpg6v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sedai-card__game[b-qh8trfpg6v] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-2);
    border: none;
    border-left: 1px solid var(--cg-color-border);
    background: transparent;
    color: var(--cg-color-text);
    font-family: inherit;
    font-size: var(--cg-font-size-sm);
    text-align: center;
    word-break: break-word;
    cursor: pointer;
    transition: background-color var(--cg-transition-fast), color var(--cg-transition-fast);
    min-height: 44px;
}

.sedai-card__game:first-child[b-qh8trfpg6v] {
    border-left: none;
}

.sedai-card__game:hover[b-qh8trfpg6v] {
    background: var(--cg-color-hover-overlay);
}

.sedai-card__game:focus-visible[b-qh8trfpg6v] {
    outline: 2px solid var(--cg-color-focus-ring);
    outline-offset: -2px;
}

.sedai-card__game--active[b-qh8trfpg6v] {
    background: var(--cg-color-secondary);
    color: var(--cg-color-on-primary);
}

.sedai-card__game--active:hover[b-qh8trfpg6v] {
    background: var(--cg-color-secondary-hover);
}

.sedai-card__game-text[b-qh8trfpg6v] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

/* ── 操作区 ── */
.sedai-page__actions[b-qh8trfpg6v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-2) 0;
}

.sedai-page__actions[b-qh8trfpg6v]  .cg-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-2);
}

.sedai-page__actions[b-qh8trfpg6v]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
}

/* ── 说明区 ── */
.sedai-page__about[b-qh8trfpg6v] {
    text-align: center;
    padding: var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    line-height: 1.7;
}

.sedai-page__about p[b-qh8trfpg6v] {
    margin: 0;
}

.sedai-page__about p + p[b-qh8trfpg6v] {
    margin-top: var(--cg-spacing-2);
}

/* ── 响应式（mobile-first） ── */
@media (min-width: 640px) {
    .sedai-card__games[b-qh8trfpg6v] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .sedai-card__row[b-qh8trfpg6v] {
        grid-template-columns: 5rem 1fr;
    }
    .sedai-card__games[b-qh8trfpg6v] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sedai-card__game[b-qh8trfpg6v] {
        font-size: var(--cg-font-size-md);
    }
}

@media (min-width: 1024px) {
    .sedai-card__games[b-qh8trfpg6v] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Entry/EntryDetailPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   EntryDetailPage — single responsive layout
   Mobile: display:contents flattens columns, order reorders cells
   Desktop: independent flex columns, cards pack tightly
   ═══════════════════════════════════════════════ */

.entry-page[b-cpt15erzeu] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

/* ── Grid container ── */
.entry-layout[b-cpt15erzeu] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── Mobile: flatten column wrappers so all cells participate in order ── */
.entry-main-col[b-cpt15erzeu],
.entry-side-col[b-cpt15erzeu] {
    display: contents;
}

/* ── Each content block ── */
.entry-cell[b-cpt15erzeu] {
    min-width: 0; /* prevent blowout */
}

/* Collapse cells whose child component rendered nothing (Show=false / empty data) */
.entry-cell:not(:has(> *))[b-cpt15erzeu] {
    display: none;
}

/* ── Mobile order ── */
.entry-cell--pictures[b-cpt15erzeu]   { order: 1; }
.entry-cell--booking[b-cpt15erzeu]    { order: 2; }
.entry-cell--info[b-cpt15erzeu]       { order: 3; }
.entry-cell--tags[b-cpt15erzeu]       { order: 4; }
.entry-cell--release[b-cpt15erzeu]    { order: 5; }
.entry-cell--drawing[b-cpt15erzeu]    { order: 6; }
.entry-cell--staff[b-cpt15erzeu]      { order: 7; }
.entry-cell--audio[b-cpt15erzeu]      { order: 8; }
.entry-cell--mainpage[b-cpt15erzeu]   { order: 9; }
.entry-cell--news[b-cpt15erzeu]       { order: 10; }
.entry-cell--score[b-cpt15erzeu]      { order: 11; }
.entry-cell--videos[b-cpt15erzeu]     { order: 12; }
.entry-cell--relevances[b-cpt15erzeu] { order: 13; }
.entry-cell--articles[b-cpt15erzeu]   { order: 14; }
.entry-cell--periphery[b-cpt15erzeu]  { order: 15; }
.entry-cell--roles[b-cpt15erzeu]      { order: 16; }
.entry-cell--outlinks[b-cpt15erzeu]   { order: 17; }
.entry-cell--records[b-cpt15erzeu]    { order: 18; }
.entry-cell--catalog[b-cpt15erzeu]    { order: 19; }
.entry-cell--comment[b-cpt15erzeu]    { order: 20; }


.entry-cell--relevances[b-cpt15erzeu]{
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── Loading state ── */
.entry-loading[b-cpt15erzeu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    min-height: 30vh;
}

.entry-loading-text[b-cpt15erzeu] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

/* ── Error state ── */
.entry-not-found a[b-cpt15erzeu] {
    color: var(--cg-color-link);
}

/* ── Action buttons ── */
.entry-actions[b-cpt15erzeu] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: var(--cg-spacing-2);
}

.entry-action-btn[b-cpt15erzeu] {
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-primary);
    color: white;
    background: var(--cg-color-primary);
    text-decoration: none;
    padding: 0.6rem 1.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
    min-height: 44px;
    min-width: 44px;
}

.entry-action-btn:hover[b-cpt15erzeu] {
    background: var(--cg-color-primary-hover);
    border-color: var(--cg-color-primary-hover);
}

.entry-action-btn--ghost[b-cpt15erzeu] {
    color: var(--cg-color-text);
    background: var(--cg-color-bg);
    border-color: transparent;
    box-shadow: none;
}

.entry-action-btn--ghost:hover[b-cpt15erzeu] {
    background: color-mix(in oklab, var(--cg-color-bg) 80%, black);
}

.entry-card--empty p[b-cpt15erzeu] {
    color: var(--cg-color-text-muted);
}

/* ═══════════════════════════════════════════════
   Tablet breakpoint (≥ 768px)
   ═══════════════════════════════════════════════ */
@media (min-width: 768px) {
    .entry-page[b-cpt15erzeu] {
        padding: var(--cg-spacing-6) var(--cg-spacing-5) var(--cg-spacing-10);
        gap: var(--cg-spacing-6);
    }

    .entry-layout[b-cpt15erzeu] {
        gap: var(--cg-spacing-6);
    }

    /* Reset mobile order */
    .entry-cell[b-cpt15erzeu] {
        order: unset;
    }

    .entry-loading[b-cpt15erzeu] {
        min-height: 40vh;
    }
}

/* ═══════════════════════════════════════════════
   Desktop breakpoint (≥ 1024px)
   Two independent flex columns: main(2fr) + sidebar(1fr)
   Each column packs tightly — no cross-column row sync
   ═══════════════════════════════════════════════ */
@media (min-width: 1024px) {
    .entry-layout[b-cpt15erzeu] {
        flex-direction: row;
        gap: 2rem;
        align-items: start;
    }

    /* Restore column wrappers as real flex containers */
    .entry-main-col[b-cpt15erzeu] {
        display: flex;
        flex-direction: column;
        gap: var(--cg-spacing-6);
        flex: 2;
        min-width: 0;
    }

    .entry-side-col[b-cpt15erzeu] {
        display: flex;
        flex-direction: column;
        gap: var(--cg-spacing-6);
        flex: 1;
        min-width: 320px;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Entry/EntryEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.entry-edit-page[b-myh4q4rqmv] {
    min-height: 100vh;
}

/* ── 顶部提示条（提交错误）── */
.entry-edit-alert[b-myh4q4rqmv] {
    padding: var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    margin: var(--cg-spacing-4) var(--cg-spacing-6);
    font-weight: var(--cg-font-weight-medium);
}

.entry-edit-alert--error[b-myh4q4rqmv] {
    background-color: var(--cg-color-editor-error-bg);
    color: var(--cg-color-error);
    border: 1px solid var(--cg-color-editor-error-border);
}

/* ── 两栏布局 ── */
.entry-edit-layout[b-myh4q4rqmv] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.entry-edit-main[b-myh4q4rqmv] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-myh4q4rqmv] .entry-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-myh4q4rqmv] .entry-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-myh4q4rqmv] .entry-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-myh4q4rqmv] .entry-editor-section .entry-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-myh4q4rqmv] .entry-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 统一空状态 ── */
[b-myh4q4rqmv] .cg-editor-empty {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}

/* ── 统一操作按钮列 ── */
[b-myh4q4rqmv] .cg-actions {
    white-space: nowrap;
    display: flex;
    gap: var(--cg-spacing-2);
    min-width: 110px;
}

/* ── 加载/错误状态 ── */
.entry-edit-loading[b-myh4q4rqmv],
.entry-edit-error[b-myh4q4rqmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.entry-edit-loading-spinner[b-myh4q4rqmv] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-myh4q4rqmv 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-myh4q4rqmv {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .entry-edit-layout[b-myh4q4rqmv] {
        flex-direction: column;
    }

    .entry-edit-main[b-myh4q4rqmv] {
        padding: var(--cg-spacing-4);
    }

    [b-myh4q4rqmv] .entry-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Examine/EditRecordPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════�?   EditRecordPage �?编辑记录页面
   ══════════════════════════════════════════════════�?*/

.edit-record-page[b-d4pzp47bgt] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    animation: erp-fade-in-b-d4pzp47bgt 0.35s ease-out;
}

@keyframes erp-fade-in-b-d4pzp47bgt {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Header ── */
.edit-record-page__header[b-d4pzp47bgt] {
    padding-bottom: var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
}

.edit-record-page__title[b-d4pzp47bgt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-d4pzp47bgt] .edit-record-page__title .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

/* ── Loading / Error ── */
.edit-record-page__loading[b-d4pzp47bgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) 0;
    color: var(--cg-color-text-muted);
}

.edit-record-page__error[b-d4pzp47bgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) 0;
    color: var(--cg-color-text-muted);
    text-align: center;
}

[b-d4pzp47bgt] .edit-record-page__error .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
}

.edit-record-page__error p[b-d4pzp47bgt] {
    font-size: var(--cg-font-size-base);
    margin: 0;
}

/* ── Object Banner ── */
.edit-record-page__object-banner[b-d4pzp47bgt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-4);
    padding: 1.25rem 1.5rem;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    transition: box-shadow var(--cg-transition-normal);
}

.edit-record-page__object-banner:hover[b-d4pzp47bgt] {
    box-shadow: var(--cg-shadow-md);
}

.edit-record-page__object-image[b-d4pzp47bgt] {
    width: auto;
    height: auto;
    max-width: 140px;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    border-radius: var(--cg-radius-lg);
    flex-shrink: 0;
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
}

.edit-record-page__object-info[b-d4pzp47bgt] {
    flex: 1;
    min-width: 0;
}

.edit-record-page__object-name[b-d4pzp47bgt] {
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0 0 var(--cg-spacing-1) 0;
}

.edit-record-page__object-desc[b-d4pzp47bgt] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0 0 var(--cg-spacing-2) 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.edit-record-page__object-link[b-d4pzp47bgt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    padding: var(--cg-spacing-1) var(--cg-spacing-2);
    border-radius: var(--cg-radius-full);
    transition: background var(--cg-transition-fast);
}

.edit-record-page__object-link:hover[b-d4pzp47bgt] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    text-decoration: none;
}

[b-d4pzp47bgt] .edit-record-page__object-link .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Body Layout ── */
.edit-record-page__body[b-d4pzp47bgt] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 768px) {
    .edit-record-page__body[b-d4pzp47bgt] {
        grid-template-columns: 1fr;
    }
}

/* ── Sidebar ── */
.edit-record-page__sidebar[b-d4pzp47bgt] {
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    overflow: hidden;
    position: sticky;
    top: calc(var(--cg-header-height, 64px) + var(--cg-spacing-4));
}

.edit-record-page__sidebar-header[b-d4pzp47bgt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    border-bottom: 1px solid var(--cg-color-border);
    background: color-mix(in srgb, var(--cg-color-surface) 60%, var(--cg-color-bg) 40%);
}

[b-d4pzp47bgt] .edit-record-page__sidebar-header .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-primary);
}

/* ── Main ── */
.edit-record-page__main[b-d4pzp47bgt] {
    min-height: 300px;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.edit-record-page__no-selection[b-d4pzp47bgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    background: var(--cg-color-surface);
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
}

[b-d4pzp47bgt] .edit-record-page__no-selection .cg-mdi-icon {
    width: 48px;
    height: 48px;
    opacity: 0.4;
    color: var(--cg-color-primary);
}

/* ── Login Prompt ── */
.edit-record-page__login-prompt[b-d4pzp47bgt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: 1.25rem 1.5rem;
    background: var(--cg-color-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 10%, var(--cg-color-border));
    border-radius: var(--cg-radius-xl);
    box-shadow: var(--cg-shadow-sm);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

[b-d4pzp47bgt] .edit-record-page__login-prompt .cg-mdi-icon {
    width: 20px;
    height: 20px;
    opacity: 0.6;
}

/* ── Contrast View ── */
.edit-record-page__contrast-view[b-d4pzp47bgt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cg-spacing-4);
}

@media (max-width: 768px) {
    .edit-record-page__contrast-view[b-d4pzp47bgt] {
        grid-template-columns: 1fr;
    }
}

.edit-record-page__contrast-column[b-d4pzp47bgt] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    min-width: 0;
}

.edit-record-page__contrast-column-title[b-d4pzp47bgt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-lg);
}

.edit-record-page__contrast-column-title--before[b-d4pzp47bgt] {
    background: color-mix(in srgb, var(--cg-color-warning) 10%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-warning) 25%, transparent);
}

.edit-record-page__contrast-column-title--after[b-d4pzp47bgt] {
    background: color-mix(in srgb, var(--cg-color-success) 10%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-success) 25%, transparent);
}

[b-d4pzp47bgt] .edit-record-page__contrast-column-title .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.edit-record-page__contrast-column-title--before[b-d4pzp47bgt]  .cg-mdi-icon {
    color: var(--cg-color-warning);
}

.edit-record-page__contrast-column-title--after[b-d4pzp47bgt]  .cg-mdi-icon {
    color: var(--cg-color-success);
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .edit-record-page[b-d4pzp47bgt] {
        padding: 2rem 1.5rem 4rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Examine/ExamineDetailPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   ExamineDetailPage — 审核详情页面
   ═══════════════════════════════════════════════════ */

.examine-detail-page[b-244bus5sz4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    animation: edp-fade-in-b-244bus5sz4 0.35s ease-out;
}

@keyframes edp-fade-in-b-244bus5sz4 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Header ── */
.examine-detail-page__header[b-244bus5sz4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
}

.examine-detail-page__title[b-244bus5sz4] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-244bus5sz4] .examine-detail-page__title .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

.examine-detail-page__nav[b-244bus5sz4] {
    display: flex;
    align-items: center;
}

.examine-detail-page__back[b-244bus5sz4] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-primary);
    text-decoration: none;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border-radius: var(--cg-radius-full);
    border: 1px solid color-mix(in srgb, var(--cg-color-primary) 20%, transparent);
    transition: background var(--cg-transition-fast), border-color var(--cg-transition-fast);
}

.examine-detail-page__back:hover[b-244bus5sz4] {
    background: color-mix(in srgb, var(--cg-color-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--cg-color-primary) 35%, transparent);
    text-decoration: none;
}

[b-244bus5sz4] .examine-detail-page__back .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Loading / Error ── */
.examine-detail-page__loading[b-244bus5sz4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) 0;
    color: var(--cg-color-text-muted);
}

.examine-detail-page__error[b-244bus5sz4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) 0;
    color: var(--cg-color-text-muted);
    text-align: center;
}

[b-244bus5sz4] .examine-detail-page__error .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
}

.examine-detail-page__error p[b-244bus5sz4] {
    font-size: var(--cg-font-size-base);
    margin: 0;
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .examine-detail-page[b-244bus5sz4] {
        padding: 2rem 1.5rem 4rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/FavoriteFolder/FavoriteFolderDetailPage.razor.rz.scp.css */
/* ── 页面级容器 —— 对齐 .entry-page ── */
.cg-ff-page[b-j09pn6oz8d] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

/* ── 两栏布局 —— 对齐 .entry-layout ── */
.cg-ff-layout[b-j09pn6oz8d] {
    position: relative;
    z-index: 1;
}

.cg-ff-layout--desktop[b-j09pn6oz8d] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.cg-ff-main-col[b-j09pn6oz8d],
.cg-ff-side-col[b-j09pn6oz8d] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── 未找到 / 加载失败 ── */
.cg-ff-not-found[b-j09pn6oz8d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1.5rem;
    text-align: center;
    max-width: 600px;
    margin: 2rem auto;
}

.cg-ff-not-found h1[b-j09pn6oz8d] {
    margin: 0 0 0.5rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 900;
    color: var(--cg-color-text);
}

.cg-ff-not-found p[b-j09pn6oz8d] {
    margin: 0 0 1.5rem;
    color: var(--cg-color-text-muted);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* ── 骨架加载 —— 对齐 .entry-loading ── */
.cg-ff-loading[b-j09pn6oz8d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 920px;
    margin: 2rem auto;
}

.cg-ff-loading-block[b-j09pn6oz8d] {
    border-radius: var(--cg-radius-lg);
    height: 140px;
    background: linear-gradient(
        120deg,
        color-mix(in oklab, var(--cg-color-bg) 90%, white),
        color-mix(in oklab, var(--cg-color-bg) 76%, white),
        color-mix(in oklab, var(--cg-color-bg) 90%, white)
    );
    background-size: 200% 100%;
    animation: cg-ff-loading-b-j09pn6oz8d 1.2s infinite;
}

.cg-ff-loading-block--wide[b-j09pn6oz8d] {
    height: 220px;
}

@keyframes cg-ff-loading-b-j09pn6oz8d {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* ── 响应式 —— 对齐 entry 的断点策略 ── */
@media (min-width: 768px) {
    .cg-ff-page[b-j09pn6oz8d] {
        padding: 2rem 1.5rem 4rem;
        gap: 2rem;
    }

    .cg-ff-layout--desktop[b-j09pn6oz8d] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .cg-ff-layout--desktop[b-j09pn6oz8d] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        gap: 2rem;
        align-items: start;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/FavoriteFolder/FavoriteFolderEditPage.razor.rz.scp.css */
/* ── 全局容器 —— 对齐 .entry-edit-page ── */
.cg-ff-edit-page[b-26i0fdgnkt] {
    min-height: 100vh;
}

/* ── 两栏布局 —— 对齐 .entry-edit-layout ── */
.cg-ff-edit-layout[b-26i0fdgnkt] {
    display: flex;
    min-height: 100vh;
}

/* ── 侧边栏 —— 对齐 .entry-edit-sidebar ── */
.cg-ff-edit-sidebar[b-26i0fdgnkt] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--cg-color-border);
    background-color: var(--cg-color-surface);
    display: flex;
    flex-direction: column;
    padding: var(--cg-spacing-4);
    position: sticky;
    top: calc(var(--cg-header-height) + var(--cg-spacing-8) + var(--cg-spacing-6));
    max-height: calc(100vh - var(--cg-header-height) - 60px);
    align-self: flex-start;
    overflow-y: auto;
    z-index: 10;
    border-radius: var(--cg-radius-lg);
    margin: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-8);
    box-shadow: var(--cg-shadow-sm);
}

/* 自定义滚动条 */
.cg-ff-edit-sidebar[b-26i0fdgnkt]::-webkit-scrollbar {
    width: 4px;
}

.cg-ff-edit-sidebar[b-26i0fdgnkt]::-webkit-scrollbar-track {
    background: transparent;
}

.cg-ff-edit-sidebar[b-26i0fdgnkt]::-webkit-scrollbar-thumb {
    background: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
    border-radius: 10px;
}

.cg-ff-edit-sidebar[b-26i0fdgnkt]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--cg-color-primary) 40%, transparent);
}

/* ── 状态卡片 —— 对齐 .entry-edit-sidebar__card ── */
.cg-ff-edit-sidebar__card[b-26i0fdgnkt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-md);
    border: 1px solid transparent;
    margin-bottom: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xs);
}

.cg-ff-edit-sidebar__card[b-26i0fdgnkt]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.cg-ff-edit-sidebar__card h3[b-26i0fdgnkt] {
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

.cg-ff-edit-sidebar__card p[b-26i0fdgnkt] {
    font-size: 0.625rem;
    margin: 0;
}

/* primary 变体 */
.cg-ff-edit-sidebar__card--primary[b-26i0fdgnkt] {
    background: color-mix(in oklab, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.cg-ff-edit-sidebar__card--primary[b-26i0fdgnkt]  .cg-mdi-icon {
    color: var(--cg-color-primary);
}

.cg-ff-edit-sidebar__card--primary h3[b-26i0fdgnkt] {
    color: var(--cg-color-primary);
}

.cg-ff-edit-sidebar__card--primary p[b-26i0fdgnkt] {
    color: var(--cg-color-text-muted);
}

/* ── 导航列表 —— 对齐 .entry-edit-sidebar__nav ── */
.cg-ff-edit-sidebar__nav[b-26i0fdgnkt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.cg-ff-edit-nav-item[b-26i0fdgnkt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-3) var(--cg-spacing-4);
    border-radius: var(--cg-radius-lg);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    cursor: pointer;
    user-select: none;
}

.cg-ff-edit-nav-item:hover[b-26i0fdgnkt] {
    background-color: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.cg-ff-edit-nav-item--active[b-26i0fdgnkt] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    font-weight: var(--cg-font-weight-semibold);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

.cg-ff-edit-nav-item--active:hover[b-26i0fdgnkt] {
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-primary-hover));
    color: var(--cg-color-on-primary);
    filter: brightness(1.05);
}

.cg-ff-edit-nav-item[b-26i0fdgnkt]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: color var(--cg-transition-fast);
}

.cg-ff-edit-nav-item--active[b-26i0fdgnkt]  .cg-mdi-icon {
    color: var(--cg-color-on-primary);
}

/* ── 底部按钮 —— 对齐 .entry-edit-sidebar__actions ── */
.cg-ff-edit-sidebar__actions[b-26i0fdgnkt] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    margin-top: var(--cg-spacing-6);
    padding-top: var(--cg-spacing-4);
    border-top: 1px solid var(--cg-color-border);
}

.cg-ff-edit-sidebar__actions[b-26i0fdgnkt]  .cg-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--cg-radius-lg);
    font-weight: var(--cg-font-weight-bold);
}

.cg-ff-edit-sidebar__actions[b-26i0fdgnkt]  .cg-btn--primary {
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.cg-ff-edit-sidebar__actions[b-26i0fdgnkt]  .cg-btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

/* ── 主内容区 —— 对齐 .entry-edit-main ── */
.cg-ff-edit-main[b-26i0fdgnkt] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section —— 对齐 .entry-editor-section ── */
.cg-ff-edit-section[b-26i0fdgnkt] {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

.cg-ff-edit-section:hover[b-26i0fdgnkt] {
    box-shadow: var(--cg-shadow-md);
}

.cg-ff-edit-section h2[b-26i0fdgnkt] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

.cg-ff-edit-section h2[b-26i0fdgnkt]  .cg-mdi-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

.cg-ff-edit-checkboxes[b-26i0fdgnkt] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    margin-top: var(--cg-spacing-3);
}

/* ── 加载 / 错误状态 —— 对齐 entry-edit ── */
.cg-ff-edit-loading[b-26i0fdgnkt],
.cg-ff-edit-error[b-26i0fdgnkt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.cg-ff-edit-loading-spinner[b-26i0fdgnkt] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-ff-spin-b-26i0fdgnkt 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-ff-spin-b-26i0fdgnkt {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .cg-ff-edit-layout[b-26i0fdgnkt] {
        flex-direction: column;
    }

    .cg-ff-edit-sidebar[b-26i0fdgnkt] {
        width: 100%;
        min-width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--cg-color-border);
        border-radius: 0;
        margin: 0;
        padding: var(--cg-spacing-3);
        box-shadow: none;
    }

    .cg-ff-edit-sidebar__card[b-26i0fdgnkt] {
        margin-bottom: var(--cg-spacing-2);
    }

    .cg-ff-edit-sidebar__nav[b-26i0fdgnkt] {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--cg-spacing-1);
        padding-bottom: var(--cg-spacing-2);
    }

    .cg-ff-edit-nav-item[b-26i0fdgnkt] {
        white-space: nowrap;
        padding: var(--cg-spacing-2) var(--cg-spacing-3);
        font-size: var(--cg-font-size-xs);
        border-radius: var(--cg-radius-md);
    }

    .cg-ff-edit-sidebar__actions[b-26i0fdgnkt] {
        flex-direction: row;
        margin-top: var(--cg-spacing-3);
        padding-top: var(--cg-spacing-3);
    }

    .cg-ff-edit-main[b-26i0fdgnkt] {
        padding: var(--cg-spacing-4);
    }

    .cg-ff-edit-section[b-26i0fdgnkt] {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/CVThematicPage.razor.rz.scp.css */
/* ── Page layout ── */
.cv-page[b-l8u0a0f5of] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── Header ── */
.cv-page__header[b-l8u0a0f5of] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-xl);
    padding: var(--cg-spacing-8) var(--cg-spacing-6);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-2);
    text-align: center;
}

.cv-page__title[b-l8u0a0f5of] {
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.cv-page__desc[b-l8u0a0f5of] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Loading ── */
.cv-page__loading[b-l8u0a0f5of] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
}

/* ── Error ── */
.cv-page__error[b-l8u0a0f5of] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

[b-l8u0a0f5of] .cv-page__error .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
}

.cv-page__error p[b-l8u0a0f5of] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

.cv-page__error-link[b-l8u0a0f5of] {
    display: inline-flex;
    align-items: center;
    padding: var(--cg-spacing-2) var(--cg-spacing-5);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

.cv-page__error-link:hover[b-l8u0a0f5of] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Empty ── */
.cv-page__empty[b-l8u0a0f5of] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px dashed var(--cg-color-border);
}

[b-l8u0a0f5of] .cv-page__empty .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

.cv-page__empty p[b-l8u0a0f5of] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

/* ── Hero row (News + Carousel) ── */
.cv-page__hero-row[b-l8u0a0f5of] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cg-spacing-4);
}

.cv-page__hero-col[b-l8u0a0f5of] {
    min-width: 0;
    aspect-ratio: 4 / 3;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── CV card grid ── */
.cv-page__grid[b-l8u0a0f5of] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--cg-spacing-4);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .cv-page[b-l8u0a0f5of] {
        padding: var(--cg-spacing-4) var(--cg-spacing-3);
    }

    .cv-page__header[b-l8u0a0f5of] {
        padding: var(--cg-spacing-6) var(--cg-spacing-4);
        border-radius: var(--cg-radius-lg);
    }

    .cv-page__grid[b-l8u0a0f5of] {
        grid-template-columns: repeat(3, 1fr);
    }

    .cv-page__hero-row[b-l8u0a0f5of] {
        grid-template-columns: 1fr;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/DiscountPage.razor.rz.scp.css */
/* ── Page layout ── */
.discount-page[b-dmh9edw7f8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .discount-page[b-dmh9edw7f8] {
        max-width: 1200px;
        margin: 0 auto;
        padding: var(--cg-spacing-6) var(--cg-spacing-4);
        gap: var(--cg-spacing-6);
    }
}

/* ── Header (card style, matching GamePublishTimesPage) ── */
.discount-page__header[b-dmh9edw7f8] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-6) var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-2);
    text-align: center;
}

@media (min-width: 768px) {
    .discount-page__header[b-dmh9edw7f8] {
        border-radius: var(--cg-radius-xl);
        padding: var(--cg-spacing-8) var(--cg-spacing-6);
    }
}

.discount-page__title[b-dmh9edw7f8] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

@media (min-width: 768px) {
    .discount-page__title[b-dmh9edw7f8] {
        font-size: var(--cg-font-size-2xl);
    }
}

.discount-page__desc[b-dmh9edw7f8] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Loading ── */
.discount-page__loading[b-dmh9edw7f8] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-8) 0;
}

@media (min-width: 768px) {
    .discount-page__loading[b-dmh9edw7f8] {
        padding: var(--cg-spacing-10) 0;
    }
}

/* ── Error (card container with pill button) ── */
.discount-page__error[b-dmh9edw7f8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 768px) {
    .discount-page__error[b-dmh9edw7f8] {
        padding: var(--cg-spacing-10) var(--cg-spacing-6);
    }
}

[b-dmh9edw7f8] .discount-page__error .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
}

.discount-page__error p[b-dmh9edw7f8] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

.discount-page__error-link[b-dmh9edw7f8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--cg-spacing-2) var(--cg-spacing-5);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .discount-page__error-link[b-dmh9edw7f8] {
        min-height: auto;
    }
}

.discount-page__error-link:hover[b-dmh9edw7f8] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Empty (dashed card with subtle icon) ── */
.discount-page__empty[b-dmh9edw7f8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px dashed var(--cg-color-border);
}

@media (min-width: 768px) {
    .discount-page__empty[b-dmh9edw7f8] {
        padding: var(--cg-spacing-10) var(--cg-spacing-6);
    }
}

[b-dmh9edw7f8] .discount-page__empty .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

.discount-page__empty p[b-dmh9edw7f8] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

/* ── Card grid ── */
.discount-page__grid[b-dmh9edw7f8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-4);
}

@media (min-width: 640px) {
    .discount-page__grid[b-dmh9edw7f8] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/GamePublishTimesPage.razor.rz.scp.css */
/* ── Page container ── */
.publish-times-page[b-un9torfksi] {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .publish-times-page[b-un9torfksi] {
        max-width: 1200px;
        padding: var(--cg-spacing-6) var(--cg-spacing-4);
    }
}

/* ── Header ── */
.publish-times-header[b-un9torfksi] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-5) var(--cg-spacing-4);
    margin-bottom: var(--cg-spacing-5);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-4);
}

@media (min-width: 768px) {
    .publish-times-header[b-un9torfksi] {
        border-radius: var(--cg-radius-xl);
        padding: var(--cg-spacing-8) var(--cg-spacing-6);
        gap: var(--cg-spacing-5);
        margin-bottom: var(--cg-spacing-6);
    }
}

.publish-times-title[b-un9torfksi] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    margin: 0;
    color: var(--cg-color-text);
    text-align: center;
}

@media (min-width: 768px) {
    .publish-times-title[b-un9torfksi] {
        font-size: var(--cg-font-size-2xl);
    }
}

.publish-times-desc[b-un9torfksi] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
    text-align: center;
}

/* ── Toggle buttons ── */
.publish-times-controls[b-un9torfksi] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    width: 100%;
}

@media (min-width: 640px) {
    .publish-times-controls[b-un9torfksi] {
        flex-direction: row;
        justify-content: center;
        width: auto;
    }
}

.publish-times-toggle-group[b-un9torfksi] {
    display: flex;
    flex: 1;
    border-radius: var(--cg-radius-full);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-bg);
}

@media (min-width: 640px) {
    .publish-times-toggle-group[b-un9torfksi] {
        flex: none;
    }
}

.publish-times-toggle[b-un9torfksi] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border: none;
    background: transparent;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-family: var(--cg-font-family);
    border-radius: var(--cg-radius-full);
    white-space: nowrap;
}

@media (min-width: 768px) {
    .publish-times-toggle[b-un9torfksi] {
        padding: var(--cg-spacing-2) var(--cg-spacing-4);
    }
}

.publish-times-toggle:hover[b-un9torfksi] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.publish-times-toggle--active[b-un9torfksi] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.publish-times-toggle--active:hover[b-un9torfksi] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
}

[b-un9torfksi] .publish-times-toggle .cg-mdi-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* ── Month navigation ── */
.publish-times-nav[b-un9torfksi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: var(--cg-spacing-2);
}

@media (min-width: 640px) {
    .publish-times-nav[b-un9torfksi] {
        width: auto;
        justify-content: center;
        gap: var(--cg-spacing-4);
    }
}

.publish-times-nav-btn[b-un9torfksi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-full);
    background: var(--cg-color-surface);
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-sm);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-family: var(--cg-font-family);
    white-space: nowrap;
}

.publish-times-nav-btn:hover[b-un9torfksi] {
    background: var(--cg-color-focus-ring);
    border-color: var(--cg-color-primary);
}

[b-un9torfksi] .publish-times-nav-btn .cg-mdi-icon {
    width: 20px;
    height: 20px;
}

.publish-times-nav-btn-text[b-un9torfksi] {
    display: none;
}

@media (min-width: 480px) {
    .publish-times-nav-btn-text[b-un9torfksi] {
        display: inline;
    }
}

.publish-times-nav-label[b-un9torfksi] {
    font-size: var(--cg-font-size-lg);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    text-align: center;
    min-width: 120px;
}

@media (min-width: 768px) {
    .publish-times-nav-label[b-un9torfksi] {
        font-size: var(--cg-font-size-xl);
    }
}

/* ── Date range ── */
.publish-times-date-range[b-un9torfksi] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: var(--cg-spacing-2);
}

@media (min-width: 768px) {
    .publish-times-date-range[b-un9torfksi] {
        gap: var(--cg-spacing-3);
        flex-wrap: nowrap;
        width: auto;
    }
}

.publish-times-date-label[b-un9torfksi] {
    display: none;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    white-space: nowrap;
}

@media (min-width: 640px) {
    .publish-times-date-label[b-un9torfksi] {
        display: flex;
    }
}

.publish-times-date-separator[b-un9torfksi] {
    font-size: var(--cg-font-size-lg);
    color: var(--cg-color-text-muted);
}

/* ── Loading ── */
.publish-times-loading[b-un9torfksi] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
}

/* ── Error ── */
.publish-times-error[b-un9torfksi], .publish-times-empty[b-un9torfksi] {
    text-align: center;
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
}

.publish-times-empty[b-un9torfksi] {
    border-style: dashed;
}

[b-un9torfksi] .publish-times-error .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
}

[b-un9torfksi] .publish-times-empty .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

.publish-times-error p[b-un9torfksi], .publish-times-empty p[b-un9torfksi] {
    color: var(--cg-color-text-muted);
    margin: var(--cg-spacing-3) 0;
}

.publish-times-error-link[b-un9torfksi] {
    display: inline-flex;
    align-items: center;
    padding: var(--cg-spacing-2) var(--cg-spacing-5);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

.publish-times-error-link:hover[b-un9torfksi] {
    background: var(--cg-color-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Card grid ── */
.publish-times-card-grid[b-un9torfksi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cg-spacing-4);
}

@media (min-width: 640px) {
    .publish-times-card-grid[b-un9torfksi] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: var(--cg-spacing-5);
    }
}

@media (min-width: 1024px) {
    .publish-times-card-grid[b-un9torfksi] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/HomePage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   HomePage.razor.css — Mobile-first, optimized for native feel
   ══════════════════════════════════════════════════════════ */

.home-page[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom:calc(var(--cg-bottom-nav-height, 0px));
    max-width: 1440px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .home-page[b-jp1lkx20gk] {
        gap: 3rem;
        padding: 2rem 0;
    }
}

/* ── Community links + Action buttons ── */

.home-community-action-section[b-jp1lkx20gk] {
    display: none;
}

@media (min-width: 768px) {
    .home-community-action-section[b-jp1lkx20gk] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }
}

/* Moved into previous definition */

.home-community-left[b-jp1lkx20gk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.home-community-right[b-jp1lkx20gk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.home-community-right > *[b-jp1lkx20gk] {
    flex: 1;
}

@media (min-width: 640px) {
    .home-community-right[b-jp1lkx20gk] {
        width: auto;
        flex-shrink: 0;
    }

    .home-community-right > *[b-jp1lkx20gk] {
        flex: none;
    }
}

.home-action-btn[b-jp1lkx20gk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border-radius: var(--cg-radius-md);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    white-space: nowrap;
}

@media (min-width: 640px) {
    .home-action-btn[b-jp1lkx20gk] {
        padding: 0.625rem 1.125rem;
        font-size: 0.875rem;
    }
}

.home-action-btn[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.home-action-btn--primary[b-jp1lkx20gk] {
    background: var(--cg-color-primary);
    color: white;
}

.home-action-btn--primary:hover[b-jp1lkx20gk] {
    background: var(--cg-color-primary-hover);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-md);
}

.home-action-btn--secondary[b-jp1lkx20gk] {
    background: var(--cg-color-secondary);
    color: white;
}

.home-action-btn--secondary:hover[b-jp1lkx20gk] {
    background: color-mix(in oklab, var(--cg-color-secondary) 85%, black);
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Games section ── */

.home-games-section[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .home-games-section[b-jp1lkx20gk] {
        gap: 1.5rem;
    }
}

.home-community-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

@media (min-width: 640px) {
    .home-community-grid[b-jp1lkx20gk] {
        display: contents;
    }
}

/* ── Main + Sidebar grid ── */

.home-grid-layout[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .home-grid-layout[b-jp1lkx20gk] {
        gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .home-grid-layout[b-jp1lkx20gk] {
        gap: 2rem;
    }
}

.home-grid-main[b-jp1lkx20gk] {
    grid-column: span 12 / span 12;
}
@media (max-width: 768px) {
    .home-grid-main[b-jp1lkx20gk] {
           gap: 1.5rem;
    display: flex;
    flex-direction: column;
    }
}
.home-grid-sidebar[b-jp1lkx20gk] {
    grid-column: span 12 / span 12;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}


@media (min-width: 768px) {
    .home-grid-sidebar[b-jp1lkx20gk] {
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .home-grid-main[b-jp1lkx20gk] {
        grid-column: span 8 / span 8;
    }

    .home-grid-sidebar[b-jp1lkx20gk] {
        grid-column: span 4 / span 4;
    }
}

/* ── Game card grid ── */

.home-game-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 640px) {
    .home-game-grid[b-jp1lkx20gk] {
        gap: 1.1rem;
    }
}

@media (min-width: 768px) {
    .home-game-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-game-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ── Activity carousel grid ── */

.home-carousel-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-carousel-grid[b-jp1lkx20gk]  > *:first-child {
    grid-column: 1 / -1;
}

.home-carousel-grid[b-jp1lkx20gk]  > *:nth-child(n+4) {
    display: none;
}

@media (min-width: 768px) {
    .home-carousel-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .home-carousel-grid[b-jp1lkx20gk]  > *:first-child {
        grid-column: auto;
    }

    .home-carousel-grid[b-jp1lkx20gk]  > *:nth-child(n+4) {
        display: list-item;
    }
}

/* ── Article / video list ── */

.home-list[b-jp1lkx20gk] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .home-list[b-jp1lkx20gk] {
        gap: 1rem;
    }
}

.home-dev-news-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .home-dev-news-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.home-dev-news-grid[b-jp1lkx20gk]  .home-news-card--dev {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
}

.home-dev-news-grid[b-jp1lkx20gk]  .home-news-card--dev .home-news-card-link:hover {
    background: color-mix(in oklab, var(--cg-color-bg) 72%, white);
}

.home-list-connected[b-jp1lkx20gk] {
    gap: 0;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    background: var(--cg-color-surface);
}

.home-list-connected[b-jp1lkx20gk]  .home-news-card--dev,
.home-list-connected[b-jp1lkx20gk]  .home-card,
.home-list-connected[b-jp1lkx20gk]  .home-game-card-link {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--cg-color-border);
}

.home-list-connected[b-jp1lkx20gk]  .home-news-card--dev:last-child,
.home-list-connected[b-jp1lkx20gk]  .home-card:last-child,
.home-list-connected[b-jp1lkx20gk]  .home-game-card:last-child .home-game-card-link {
    border-bottom: 0;
}

.home-list-connected[b-jp1lkx20gk]  .home-news-card--dev .home-news-card-link:hover,
.home-list-connected[b-jp1lkx20gk]  .home-card:hover,
.home-list-connected[b-jp1lkx20gk]  .home-game-card-link:hover {
    background: color-mix(in oklab, var(--cg-color-bg) 72%, white);
    box-shadow: none;
    transform: none;
    border-color: var(--cg-color-border);
}

/* ── Articles grid ── */

.home-articles-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .home-articles-grid[b-jp1lkx20gk] {
        gap: 1rem;
    }
}

/* ── Evaluations: hidden on mobile ── */

.home-evaluations-section[b-jp1lkx20gk] {
    display: none;
}

@media (min-width: 768px) {
    .home-evaluations-section[b-jp1lkx20gk] {
        display: block;
    }
}

/* ── Bottom game grids (free / discount) ── */

.home-bottom-game-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 640px) {
    .home-bottom-game-grid[b-jp1lkx20gk] {
        gap: 1.1rem;
    }
}

@media (min-width: 768px) {
    .home-bottom-game-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-bottom-game-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .home-bottom-game-grid[b-jp1lkx20gk]  > *:nth-child(n+6) {
        display: none;
    }
}

/* ── Discount / Free labels ── */

.home-discount-label[b-jp1lkx20gk] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 700;
}

@media (min-width: 640px) {
    .home-discount-label[b-jp1lkx20gk] {
        font-size: 0.875rem;
    }
}

.home-discount-cut[b-jp1lkx20gk] {
    background-color: var(--cg-color-amber);
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: var(--cg-radius-sm);
    font-size: 0.6875rem;
}

@media (min-width: 640px) {
    .home-discount-cut[b-jp1lkx20gk] {
        font-size: 0.75rem;
    }
}

.home-discount-price[b-jp1lkx20gk] {
    color: var(--cg-color-amber);
}

.home-free-label[b-jp1lkx20gk] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cg-color-emerald);
    background: var(--cg-color-emerald-subtle);
    padding: 0.125rem 0.5rem;
    border-radius: var(--cg-radius-sm);
}

/* ── Upcoming date badge ── */

[b-jp1lkx20gk] .home-upcoming-date {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.15rem 0.375rem;
    border-radius: var(--cg-radius-full);
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    border: 1px solid color-mix(in oklab, var(--cg-color-primary) 18%, transparent);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 640px) {
    [b-jp1lkx20gk] .home-upcoming-date {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }
}

[b-jp1lkx20gk] .home-upcoming-date .cg-mdi-icon {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}

/* ── Generic card (legacy / fallback) ── */

.home-card[b-jp1lkx20gk] {
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    background: var(--cg-color-surface);
    padding: 1rem;
}

.home-card p[b-jp1lkx20gk] {
    color: var(--cg-color-text-muted);
    margin: 0.5rem 0;
}

.home-card a[b-jp1lkx20gk] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: 600;
}

.home-card a:hover[b-jp1lkx20gk] {
    text-decoration: underline;
}

/* ── 空状态卡片（如无生日） ── */

.home-empty-state-card[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    background: var(--cg-color-surface);
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-xl);
    text-align: center;
    transition: all var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-empty-state-card[b-jp1lkx20gk] {
        padding: 2.5rem 1.5rem;
    }
}

.home-empty-state-card:hover[b-jp1lkx20gk] {
    border-color: color-mix(in oklab, var(--cg-color-secondary) 40%, transparent);
    background: color-mix(in oklab, var(--cg-color-secondary) 2%, transparent);
}

.home-empty-state-card__icon[b-jp1lkx20gk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--cg-radius-full);
    background: color-mix(in oklab, var(--cg-color-secondary) 10%, transparent);
    color: var(--cg-color-secondary);
    margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
    .home-empty-state-card__icon[b-jp1lkx20gk] {
        width: 3.5rem;
        height: 3.5rem;
        margin-bottom: 1rem;
    }
}

.home-empty-state-card__icon[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1.75rem;
    height: 1.75rem;
}

@media (min-width: 640px) {
    .home-empty-state-card__icon[b-jp1lkx20gk]  .cg-mdi-icon {
        width: 2rem;
        height: 2rem;
    }
}

.home-empty-state-card__text[b-jp1lkx20gk] {
    margin: 0 0 1rem;
    color: var(--cg-color-text-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

@media (min-width: 640px) {
    .home-empty-state-card__text[b-jp1lkx20gk] {
        margin: 0 0 1.25rem;
        font-size: 0.875rem;
    }
}

.home-empty-state-card__action[b-jp1lkx20gk] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-secondary);
    color: white;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-bold);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
}

.home-empty-state-card__action:hover[b-jp1lkx20gk] {
    transform: translateY(-2px);
    box-shadow: var(--cg-shadow-sm);
    background: color-mix(in oklab, var(--cg-color-secondary) 85%, black);
    color: white;
}

.home-empty-state-card__action[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}

/* ── 支持我们 + 热门标签面板 ── */

.home-support-tags-panel[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.home-support-row[b-jp1lkx20gk] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1rem;
}

@media (min-width: 768px) {
    .home-support-row[b-jp1lkx20gk] {
        gap: 1rem;
        margin-top: 3.5rem;
        margin-bottom: 3rem;
    }
}

/* ── 支持我们 & 社区数据 共享基础样式 ── */

.home-stats-card[b-jp1lkx20gk],
.home-support-card[b-jp1lkx20gk] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border-radius: var(--cg-radius-xl);
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    transition: all var(--cg-transition-normal);
    text-decoration: none;
    color: var(--cg-color-text);
    z-index: 1;
}

@media (min-width: 640px) {
    .home-stats-card[b-jp1lkx20gk],
    .home-support-card[b-jp1lkx20gk] {
        padding: 1.5rem;
    }
}

.home-stats-card[b-jp1lkx20gk] {
    flex: 1 1 100%;
    min-width: 0;
    cursor: pointer;
}

.home-support-card[b-jp1lkx20gk] {
    flex: 1 1 100%;
    min-width: 0;
    cursor: pointer;
}

.home-stats-card:hover[b-jp1lkx20gk],
.home-support-card:hover[b-jp1lkx20gk] {
    transform: translateY(-4px);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 30%, transparent);
}

/* 渐变发光背景（默认隐藏，hover显示） */

.home-stats-card[b-jp1lkx20gk]::before,
.home-support-card[b-jp1lkx20gk]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, color-mix(in oklab, var(--cg-color-primary) 8%, transparent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--cg-transition-normal);
    z-index: -1;
    pointer-events: none;
}

.home-stats-card:hover[b-jp1lkx20gk]::before,
.home-support-card:hover[b-jp1lkx20gk]::before {
    opacity: 1;
}

/* ── 社区数据卡片 ── */

.home-stats-card__title[b-jp1lkx20gk] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .home-stats-card__title[b-jp1lkx20gk] {
        margin: 0 0 1.25rem;
        font-size: 1.125rem;
    }
}

.home-stats-card__grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.75rem;
    flex: 1;
}

@media (min-width: 640px) {
    .home-stats-card__grid[b-jp1lkx20gk] {
        gap: 1.25rem 1rem;
    }
}

.home-stats-card__item[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (min-width: 640px) {
    .home-stats-card__item[b-jp1lkx20gk] {
        gap: 0.375rem;
    }
}

.home-stats-card__label[b-jp1lkx20gk] {
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-muted);
}

@media (min-width: 640px) {
    .home-stats-card__label[b-jp1lkx20gk] {
        font-size: 0.8125rem;
    }
}

.home-stats-card__value[b-jp1lkx20gk] {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--cg-color-primary);
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

@media (min-width: 640px) {
    .home-stats-card__value[b-jp1lkx20gk] {
        font-size: 1.75rem;
    }
}

.home-stats-card__decor[b-jp1lkx20gk] {
    position: absolute;
    right: -1rem;
    bottom: -1rem;
    color: var(--cg-color-primary);
    opacity: 0.04;
    transition: transform var(--cg-transition-normal), opacity var(--cg-transition-normal);
    pointer-events: none;
    z-index: -1;
}

.home-stats-card:hover .home-stats-card__decor[b-jp1lkx20gk] {
    transform: scale(1.1) rotate(-5deg);
    opacity: 0.08;
}

.home-stats-card__decor[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 6rem;
    height: 6rem;
}

@media (min-width: 640px) {
    .home-stats-card__decor[b-jp1lkx20gk]  .cg-mdi-icon {
        width: 8rem;
        height: 8rem;
    }
}

/* ── 支持我们 ── */

.home-support-card__icon[b-jp1lkx20gk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.75rem;
    color: var(--cg-color-primary);
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
    border-radius: var(--cg-radius-lg);
    transition: all var(--cg-transition-normal);
}

@media (min-width: 640px) {
    .home-support-card__icon[b-jp1lkx20gk] {
        width: 3rem;
        height: 3rem;
        margin-bottom: 1rem;
    }
}

.home-support-card:hover .home-support-card__icon[b-jp1lkx20gk] {
    transform: scale(1.1) translateY(-2px);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    box-shadow: 0 4px 12px color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

.home-support-card__icon[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1.25rem;
    height: 1.25rem;
}

@media (min-width: 640px) {
    .home-support-card__icon[b-jp1lkx20gk]  .cg-mdi-icon {
        width: 1.5rem;
        height: 1.5rem;
    }
}

.home-support-card__title[b-jp1lkx20gk] {
    font-size: 0.9375rem;
    font-weight: var(--cg-font-weight-bold);
    line-height: 1.4;
    margin-bottom: 0.375rem;
    color: var(--cg-color-text);
}

@media (min-width: 640px) {
    .home-support-card__title[b-jp1lkx20gk] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
}

.home-support-card__desc[b-jp1lkx20gk] {
    margin: 0 0 0.75rem;
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 640px) {
    .home-support-card__desc[b-jp1lkx20gk] {
        margin: 0 0 1rem;
        font-size: 0.8125rem;
    }
}

.home-support-card__action[b-jp1lkx20gk] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: auto;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    text-decoration: none;
    transition: gap var(--cg-transition-fast), color var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-support-card__action[b-jp1lkx20gk] {
        font-size: 0.8125rem;
    }
}

.home-support-card:hover .home-support-card__action[b-jp1lkx20gk] {
    gap: 0.625rem;
    color: var(--cg-color-primary-hover);
}

.home-support-card__action[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}

/* ── 热门标签 ── */

.home-hot-tags[b-jp1lkx20gk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 640px) {
    .home-hot-tags[b-jp1lkx20gk] {
        gap: 0.5rem;
    }
}

.home-hot-tags a[b-jp1lkx20gk] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: var(--cg-radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    color: hsl(var(--_tag-hue, 220) 55% 42%);
    background: hsl(var(--_tag-hue, 220) 70% 95%);
    border: 1px solid hsl(var(--_tag-hue, 220) 60% 88%);
    transition: all var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-hot-tags a[b-jp1lkx20gk] {
        padding: 0.3rem 0.875rem;
        font-size: 0.8125rem;
    }
}

.home-hot-tags a:hover[b-jp1lkx20gk] {
    background: hsl(var(--_tag-hue, 220) 65% 50%);
    color: var(--cg-color-on-dark);
    border-color: hsl(var(--_tag-hue, 220) 65% 50%);
    transform: scale(1.06);
    box-shadow: 0 2px 8px hsl(var(--_tag-hue, 220) 60% 60% / 0.3);
}

/* ── Weekly digest card ── */

.home-weekly-digest-card[b-jp1lkx20gk] {
    display: block;
    background: linear-gradient(135deg, var(--cg-color-primary), #4f46e5);
    border-radius: var(--cg-radius-lg);
    padding: 1.25rem;
    color: white;
    text-decoration: none;
    transition: transform var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-weekly-digest-card[b-jp1lkx20gk] {
        padding: 1.5rem;
    }
}

.home-weekly-digest-card:hover[b-jp1lkx20gk] {
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-lg);
}

.home-weekly-digest-card h3[b-jp1lkx20gk] {
    margin: 0 0 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
}

@media (min-width: 640px) {
    .home-weekly-digest-card h3[b-jp1lkx20gk] {
        margin: 0 0 0.5rem;
        font-size: 1rem;
    }
}

.home-weekly-digest-card h3[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
}

@media (min-width: 640px) {
    .home-weekly-digest-card h3[b-jp1lkx20gk]  .cg-mdi-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
}

.home-weekly-digest-card p[b-jp1lkx20gk] {
    margin: 0 0 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--cg-color-on-dark-secondary);
}

@media (min-width: 640px) {
    .home-weekly-digest-card p[b-jp1lkx20gk] {
        margin: 0 0 1rem;
        font-size: 0.875rem;
    }
}

.home-weekly-digest-action[b-jp1lkx20gk] {
    display: block;
    width: 100%;
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    color: var(--cg-color-primary);
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
    padding: 0.5rem 0.75rem;
}

@media (min-width: 640px) {
    .home-weekly-digest-action[b-jp1lkx20gk] {
        font-size: 0.875rem;
        padding: 0.6rem 0.75rem;
    }
}

/* ── Friend links grid ── */

.home-friend-link-grid[b-jp1lkx20gk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 640px) {
    .home-friend-link-grid[b-jp1lkx20gk] {
        gap: 1.5rem 1rem;
    }
}

@media (min-width: 768px) {
    .home-friend-link-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-friend-link-grid[b-jp1lkx20gk] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.home-friend-link-card[b-jp1lkx20gk] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-md);
    background: var(--cg-color-surface);
    color: var(--cg-color-text);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    overflow: hidden;
    height: 100%;
}

.home-friend-link-card:hover[b-jp1lkx20gk] {
    border-color: var(--cg-color-primary);
    box-shadow: var(--cg-shadow-sm);
    color: var(--cg-color-primary);
    transform: translateY(-1px);
}

.home-friend-link-card img[b-jp1lkx20gk] {
    width: 100%;
    aspect-ratio: 460 / 215;
    object-fit: cover;
    background-color: var(--cg-color-bg);
}

.home-friend-link-card span[b-jp1lkx20gk] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.5rem 0.5rem;
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

@media (min-width: 640px) {
    .home-friend-link-card span[b-jp1lkx20gk] {
        font-size: 0.875rem;
        padding: 0.75rem 1rem;
        line-height: 1.4;
    }
}

/* ── Section "查看更多" link ── */

.home-section-more-link[b-jp1lkx20gk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    transition: color var(--cg-transition-fast), gap var(--cg-transition-fast);
}

@media (min-width: 640px) {
    .home-section-more-link[b-jp1lkx20gk] {
        font-size: 0.8125rem;
    }
}

.home-section-more-link:hover[b-jp1lkx20gk] {
    color: var(--cg-color-primary);
    gap: 0.5rem;
}

.home-section-more-link[b-jp1lkx20gk]  .cg-mdi-icon {
    width: 0.875rem;
    height: 0.875rem;
}

@media (min-width: 640px) {
    .home-section-more-link[b-jp1lkx20gk]  .cg-mdi-icon {
        width: 1rem;
        height: 1rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/RevenuePage.razor.rz.scp.css */
.revenue-page[b-3dkmatxo2q] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.revenue-page__header[b-3dkmatxo2q] {
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    padding: var(--cg-spacing-4);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--cg-spacing-3);
    text-align: left;
}

.revenue-page__title[b-3dkmatxo2q] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    margin: 0;
    color: var(--cg-color-text);
    line-height: 1.25;
}

.revenue-page__info[b-3dkmatxo2q] {
    width: 100%;
    background: var(--cg-color-bg);
    border-radius: var(--cg-radius-md);
    padding: var(--cg-spacing-3);
    text-align: left;
}

.revenue-page__info-list[b-3dkmatxo2q] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    line-height: 1.65;
}

.revenue-page__info-list li[b-3dkmatxo2q] {
    position: relative;
    padding-left: var(--cg-spacing-3);
    overflow-wrap: anywhere;
}

.revenue-page__info-list li[b-3dkmatxo2q]::before {
    content: "●";
    position: absolute;
    left: 0;
    color: var(--cg-color-primary);
    font-size: var(--cg-font-size-xs);
    line-height: 1.7;
}

.revenue-page__info-list s[b-3dkmatxo2q] {
    opacity: 0.6;
}

.revenue-page__info-sub[b-3dkmatxo2q] {
    display: block;
    padding-left: 0;
    color: var(--cg-color-text-muted);
    opacity: 0.7;
    font-size: var(--cg-font-size-xs);
}

.revenue-page__info-list a[b-3dkmatxo2q] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-medium);
    transition: color var(--cg-transition-fast);
}

.revenue-page__info-list a:hover[b-3dkmatxo2q] {
    text-decoration: underline;
}

.revenue-page__controls[b-3dkmatxo2q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--cg-spacing-3);
}

.revenue-page__controls[b-3dkmatxo2q]  .cg-select {
    width: 100%;
    min-width: 0;
}

.revenue-page__controls[b-3dkmatxo2q]  .cg-select__trigger {
    min-height: 44px;
    border-radius: var(--cg-radius-lg);
}

.revenue-page__toggle-group[b-3dkmatxo2q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border-radius: var(--cg-radius-lg);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
    background: var(--cg-color-bg);
}

.revenue-page__toggle[b-3dkmatxo2q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-1);
    min-height: 44px;
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border: none;
    background: transparent;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
    font-family: var(--cg-font-family);
    border-radius: var(--cg-radius-md);
    white-space: nowrap;
}

.revenue-page__toggle:hover[b-3dkmatxo2q] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.revenue-page__toggle--active[b-3dkmatxo2q] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
}

.revenue-page__toggle--active:hover[b-3dkmatxo2q] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
}

[b-3dkmatxo2q] .revenue-page__toggle .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.revenue-page__grid[b-3dkmatxo2q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cg-spacing-2);
}

.revenue-page__loading[b-3dkmatxo2q] {
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-8) 0;
}

.revenue-page__error[b-3dkmatxo2q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

[b-3dkmatxo2q] .revenue-page__error .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-error);
}

.revenue-page__error p[b-3dkmatxo2q] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

.revenue-page__error-link[b-3dkmatxo2q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--cg-spacing-2) var(--cg-spacing-5);
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

.revenue-page__error-link:hover[b-3dkmatxo2q] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
    box-shadow: var(--cg-shadow-md);
}

.revenue-page__empty[b-3dkmatxo2q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px dashed var(--cg-color-border);
}

[b-3dkmatxo2q] .revenue-page__empty .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

.revenue-page__empty p[b-3dkmatxo2q] {
    margin: 0;
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
}

@media (min-width: 640px) {
    .revenue-page__controls[b-3dkmatxo2q] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .revenue-page__controls[b-3dkmatxo2q]  .cg-select {
        width: 10rem;
    }

    .revenue-page__toggle-group[b-3dkmatxo2q] {
        width: auto;
        border-radius: var(--cg-radius-full);
    }

    .revenue-page__toggle[b-3dkmatxo2q] {
        padding-right: var(--cg-spacing-4);
        padding-left: var(--cg-spacing-4);
        border-radius: var(--cg-radius-full);
    }
}

@media (min-width: 768px) {
    .revenue-page[b-3dkmatxo2q] {
        padding: var(--cg-spacing-6) 0;
        gap: var(--cg-spacing-6);
    }

    .revenue-page__header[b-3dkmatxo2q] {
        padding: var(--cg-spacing-8) var(--cg-spacing-6);
        border-radius: var(--cg-radius-xl);
        align-items: center;
        gap: var(--cg-spacing-4);
        text-align: center;
    }

    .revenue-page__title[b-3dkmatxo2q] {
        font-size: var(--cg-font-size-2xl);
    }

    .revenue-page__info[b-3dkmatxo2q] {
        border-radius: var(--cg-radius-lg);
        padding: var(--cg-spacing-4) var(--cg-spacing-6);
    }

    .revenue-page__info-list[b-3dkmatxo2q] {
        font-size: var(--cg-font-size-sm);
        line-height: 1.7;
    }

    .revenue-page__info-list li[b-3dkmatxo2q] {
        padding-left: var(--cg-spacing-4);
    }

    .revenue-page__info-sub[b-3dkmatxo2q] {
        padding-left: var(--cg-spacing-2);
    }

    .revenue-page__grid[b-3dkmatxo2q] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: var(--cg-spacing-5);
    }

    .revenue-page__loading[b-3dkmatxo2q] {
        padding: var(--cg-spacing-10) 0;
    }

    .revenue-page__error[b-3dkmatxo2q],
    .revenue-page__empty[b-3dkmatxo2q] {
        padding: var(--cg-spacing-10) var(--cg-spacing-4);
    }

    [b-3dkmatxo2q] .revenue-page__error .cg-mdi-icon,
    [b-3dkmatxo2q] .revenue-page__empty .cg-mdi-icon {
        width: 48px;
        height: 48px;
    }

    .revenue-page__error-link:hover[b-3dkmatxo2q] {
        transform: translateY(-1px);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/SearchPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SearchPage.razor.css — Mobile-first, native-like search
   ══════════════════════════════════════════════════════════ */

/* ── Page layout ── */
.search-page[b-oo2kih165r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: calc(var(--cg-bottom-nav-height, 0px));
    max-width: 960px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .search-page[b-oo2kih165r] {
        gap: 1.25rem;
        padding: 1.5rem var(--cg-page-gutter, 1.5rem);
        padding-bottom: 1.5rem;
    }
}

/* ── Header ── */
.search-page__header[b-oo2kih165r] {
    display: none;
}

@media (min-width: 768px) {
    .search-page__header[b-oo2kih165r] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        text-align: center;
        background: var(--cg-color-surface);
        border-radius: var(--cg-radius-xl);
        padding: 2rem 1.5rem;
        border: 1px solid var(--cg-color-border);
        box-shadow: var(--cg-shadow-sm);
    }
}

.search-page__title[b-oo2kih165r] {
    font-size: 1.5rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.search-page__desc[b-oo2kih165r] {
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Search bar ── */
.search-page__search-bar[b-oo2kih165r] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: stretch;
    position: sticky;
    top: calc(var(--cg-header-height, 56px));
    z-index: 10;
    background: var(--cg-color-bg);
    padding: 0.5rem 0;
    margin: 0 -0.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

@media (min-width: 768px) {
    .search-page__search-bar[b-oo2kih165r] {
        gap: 0.75rem;
        position: static;
        background: transparent;
        padding: 0;
        margin: 0;
    }
}

.search-page__input-wrapper[b-oo2kih165r] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    padding: 0 0.75rem;
    min-height: 44px;
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

.search-page__input-wrapper:focus-within[b-oo2kih165r] {
    border-color: var(--cg-color-primary);
    box-shadow: 0 0 0 3px var(--cg-color-focus-ring);
}

[b-oo2kih165r] .search-page__input-wrapper > .cg-mdi-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-text-muted);
    flex-shrink: 0;
}

.search-page__input[b-oo2kih165r] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.9375rem;
    font-family: var(--cg-font-family);
    color: var(--cg-color-text);
    padding: 0.625rem 0;
    min-width: 0;
}

.search-page__input[b-oo2kih165r]::placeholder {
    color: var(--cg-color-text-muted);
}

.search-page__clear-btn[b-oo2kih165r] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: var(--cg-radius-full);
    transition: background var(--cg-transition-fast);
    min-width: 32px;
    min-height: 32px;
}

.search-page__clear-btn:hover[b-oo2kih165r] {
    background: var(--cg-color-hover-overlay);
}

[b-oo2kih165r] .search-page__clear-btn .cg-mdi-icon {
    width: 18px;
    height: 18px;
    color: var(--cg-color-text-muted);
}

.search-page__search-btn[b-oo2kih165r] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.625rem 1rem;
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    font-size: 0.875rem;
    font-weight: var(--cg-font-weight-semibold);
    font-family: var(--cg-font-family);
    border: none;
    border-radius: var(--cg-radius-lg);
    cursor: pointer;
    transition: all var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .search-page__search-btn[b-oo2kih165r] {
        padding: 0.625rem 1.5rem;
        font-size: 0.9375rem;
    }
}

.search-page__search-btn:hover[b-oo2kih165r] {
    background: var(--cg-color-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Loading ── */
.search-page__loading[b-oo2kih165r] {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .search-page__loading[b-oo2kih165r] {
        padding: 4rem 0;
    }
}

/* ── Error ── */
.search-page__error[b-oo2kih165r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1rem;
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 768px) {
    .search-page__error[b-oo2kih165r] {
        padding: 3rem 1.5rem;
    }
}

[b-oo2kih165r] .search-page__error .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-error);
}

@media (min-width: 768px) {
    [b-oo2kih165r] .search-page__error .cg-mdi-icon {
        width: 48px;
        height: 48px;
    }
}

.search-page__error p[b-oo2kih165r] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--cg-color-text-muted);
}

.search-page__error-link[b-oo2kih165r] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    min-height: 44px;
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    border-radius: var(--cg-radius-full);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-medium);
    transition: all var(--cg-transition-fast);
}

.search-page__error-link:hover[b-oo2kih165r] {
    background: var(--cg-color-primary-hover);
    color: var(--cg-color-on-primary);
    transform: translateY(-1px);
    box-shadow: var(--cg-shadow-md);
}

/* ── Empty ── */
.search-page__empty[b-oo2kih165r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1rem;
    text-align: center;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px dashed var(--cg-color-border);
}

@media (min-width: 768px) {
    .search-page__empty[b-oo2kih165r] {
        padding: 3rem 1.5rem;
    }
}

[b-oo2kih165r] .search-page__empty .cg-mdi-icon {
    width: 40px;
    height: 40px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

@media (min-width: 768px) {
    [b-oo2kih165r] .search-page__empty .cg-mdi-icon {
        width: 48px;
        height: 48px;
    }
}

.search-page__empty p[b-oo2kih165r] {
    margin: 0;
    font-size: 1rem;
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
}

.search-page__empty-actions[b-oo2kih165r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
}

.search-page__action-link[b-oo2kih165r] {
    color: var(--cg-color-primary);
    text-decoration: none;
    font-weight: var(--cg-font-weight-medium);
    padding: 0.25rem 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: color var(--cg-transition-fast);
}

.search-page__action-link:hover[b-oo2kih165r] {
    color: var(--cg-color-primary-hover);
    text-decoration: underline;
}

.search-page__action-divider[b-oo2kih165r] {
    color: var(--cg-color-text-muted);
}

/* ── Results list ── */
.search-page__results[b-oo2kih165r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .search-page__results[b-oo2kih165r] {
        gap: 0.75rem;
    }
}

/* ── Results count ── */
.search-page__results-info[b-oo2kih165r] {
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
    padding: 0.25rem 0;
}

@media (min-width: 768px) {
    .search-page__results-info[b-oo2kih165r] {
        font-size: 0.8125rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/ShareGamesPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   ShareGamesPage.razor.css — Mobile-first
   ══════════════════════════════════════════════════════════ */

.share-games-page[b-n9u9zytk8s] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: calc(var(--cg-bottom-nav-height, 0px));
}

@media (min-width: 768px) {
    .share-games-page[b-n9u9zytk8s] {
        gap: 1.5rem;
        padding: 1.5rem 1rem;
        padding-bottom: 1.5rem;
    }
}

[b-n9u9zytk8s] .space-steam-info-card, [b-n9u9zytk8s] .space-steam-toolbar {
    margin-bottom: 0;
}

/* ── Header ── */
.share-games-header[b-n9u9zytk8s] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.625rem;
    padding: 0.875rem;
    background: var(--cg-color-surface);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
}

@media (min-width: 768px) {
    .share-games-header[b-n9u9zytk8s] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1.5rem;
        border-radius: var(--cg-radius-xl);
    }
}

.share-games-header__title[b-n9u9zytk8s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.0625rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

@media (min-width: 768px) {
    .share-games-header__title[b-n9u9zytk8s] {
        font-size: 1.375rem;
        gap: 0.75rem;
    }
}

.share-games-header__title[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 22px;
    height: 22px;
    fill: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .share-games-header__title[b-n9u9zytk8s]  .cg-mdi-icon {
        width: 28px;
        height: 28px;
    }
}

.share-games-header__desc[b-n9u9zytk8s] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--cg-color-text-muted);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .share-games-header__desc[b-n9u9zytk8s] {
        margin: 0.375rem 0 0;
        font-size: 0.8125rem;
    }
}

.share-games-header__stats[b-n9u9zytk8s] {
    display: flex;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .share-games-header__stats[b-n9u9zytk8s] {
        gap: 1.5rem;
    }
}

.share-games-header__stat[b-n9u9zytk8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 0.5rem 0.75rem;
    background: color-mix(in srgb, var(--cg-color-primary) 8%, var(--cg-color-bg));
    border-radius: var(--cg-radius-lg);
}

@media (min-width: 768px) {
    .share-games-header__stat[b-n9u9zytk8s] {
        flex: none;
        padding: 0.75rem 1.25rem;
    }
}

.share-games-header__stat-value[b-n9u9zytk8s] {
    font-size: 1.125rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
    line-height: 1;
}

@media (min-width: 768px) {
    .share-games-header__stat-value[b-n9u9zytk8s] {
        font-size: 1.375rem;
    }
}

.share-games-header__stat-label[b-n9u9zytk8s] {
    font-size: 0.6875rem;
    color: var(--cg-color-text-muted);
    margin-top: 0.25rem;
}

/* ── Tip bar ── */
.share-games-tip[b-n9u9zytk8s] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: color-mix(in srgb, var(--cg-color-primary) 6%, var(--cg-color-surface));
    border: 1px solid color-mix(in srgb, var(--cg-color-primary) 20%, var(--cg-color-border));
    border-radius: var(--cg-radius-lg);
    font-size: 0.6875rem;
    color: var(--cg-color-text);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .share-games-tip[b-n9u9zytk8s] {
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
        font-size: 0.8125rem;
    }
}

.share-games-tip[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    fill: var(--cg-color-primary);
    flex-shrink: 0;
    margin-top: 1px;
}

@media (min-width: 768px) {
    .share-games-tip[b-n9u9zytk8s]  .cg-mdi-icon {
        width: 18px;
        height: 18px;
        margin-top: 0;
    }
}

.share-games-tip a[b-n9u9zytk8s] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-semibold);word-break: keep-all;
}

.share-games-tip a:hover[b-n9u9zytk8s] {
    text-decoration: underline;
}

/* ── Shared section title ── */
.share-games-section-title[b-n9u9zytk8s] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.9375rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
    padding-bottom: 0.625rem;
    border-bottom: 2px solid var(--cg-color-border);
}

@media (min-width: 768px) {
    .share-games-section-title[b-n9u9zytk8s] {
        font-size: 1.0625rem;
        gap: 0.5rem;
        padding-bottom: 0.75rem;
    }
}

.share-games-section-title[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    fill: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .share-games-section-title[b-n9u9zytk8s]  .cg-mdi-icon {
        width: 22px;
        height: 22px;
    }
}

/* ── Reviews section ── */
.share-games-reviews-section[b-n9u9zytk8s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .share-games-reviews-section[b-n9u9zytk8s] {
        gap: 1rem;
    }
}

.share-games-reviews-grid[b-n9u9zytk8s] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
}

@media (min-width: 640px) {
    .share-games-reviews-grid[b-n9u9zytk8s] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
}

@media (min-width: 1024px) {
    .share-games-reviews-grid[b-n9u9zytk8s] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

/* ── My library section ── */
.share-games-my-library[b-n9u9zytk8s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .share-games-my-library[b-n9u9zytk8s] {
        gap: 1rem;
    }
}

/* ── Login CTA ── */
.share-games-login-cta[b-n9u9zytk8s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem 0.75rem;
    background: var(--cg-color-surface);
    border: 1px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    color: var(--cg-color-text-muted);
    font-size: 0.8125rem;
}

@media (min-width: 768px) {
    .share-games-login-cta[b-n9u9zytk8s] {
        padding: 1.5rem 1rem;
        border-radius: var(--cg-radius-xl);
        font-size: 0.875rem;
    }
}

.share-games-login-cta[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 20px;
    height: 20px;
    fill: var(--cg-color-text-muted);
}

/* ── Loading ── */
.share-games-loading[b-n9u9zytk8s] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
}

@media (min-width: 768px) {
    .share-games-loading[b-n9u9zytk8s] {
        min-height: 60vh;
    }
}

/* ── Error ── */
.share-games-error[b-n9u9zytk8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 40vh;
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: 1rem;
}

@media (min-width: 768px) {
    .share-games-error[b-n9u9zytk8s] {
        min-height: 50vh;
    }
}

.share-games-error[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 40px;
    height: 40px;
    fill: var(--cg-color-error);
}

@media (min-width: 768px) {
    .share-games-error[b-n9u9zytk8s]  .cg-mdi-icon {
        width: 48px;
        height: 48px;
    }
}

.share-games-error h1[b-n9u9zytk8s] {
    font-size: 1.125rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

@media (min-width: 768px) {
    .share-games-error h1[b-n9u9zytk8s] {
        font-size: 1.25rem;
    }
}

.share-games-error p[b-n9u9zytk8s] {
    font-size: 0.8125rem;
    margin: 0;
}

.share-games-error__home-link[b-n9u9zytk8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
    color: var(--cg-color-link);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: var(--cg-font-weight-medium);
    min-height: 44px;
}

.share-games-error__home-link:hover[b-n9u9zytk8s] {
    text-decoration: underline;
}

.share-games-error__home-link[b-n9u9zytk8s]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Home/SquarePage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SquarePage.razor.css — Mobile-first 广场页面
   ══════════════════════════════════════════════════════════ */

.square-page[b-zio9jb7m8d] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: calc(var(--cg-bottom-nav-height, 0px));
    animation: square-fade-in-b-zio9jb7m8d 0.35s ease-out;
}

@media (min-width: 768px) {
    .square-page[b-zio9jb7m8d] {
        gap: 2rem;
        padding: 2rem 1.5rem 4rem;
    }
}

@keyframes square-fade-in-b-zio9jb7m8d {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.square-page[b-zio9jb7m8d]  .home-section {
    margin: 0;
}

/* ── Header ── */

.square-page__header[b-zio9jb7m8d] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

@media (min-width: 768px) {
    .square-page__header[b-zio9jb7m8d] {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--cg-color-border);
        gap: 0.5rem;
    }
}

.square-page__title[b-zio9jb7m8d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--cg-color-text);
    margin: 0;
}

@media (min-width: 768px) {
    .square-page__title[b-zio9jb7m8d] {
        font-size: 1.75rem;
        gap: 0.75rem;
    }
}

.square-page__title[b-zio9jb7m8d]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .square-page__title[b-zio9jb7m8d]  .cg-mdi-icon {
        width: 32px;
        height: 32px;
    }
}

.square-page__desc[b-zio9jb7m8d] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .square-page__desc[b-zio9jb7m8d] {
        font-size: 0.9375rem;
    }
}

/* ── Section spacing ── */

.square-section[b-zio9jb7m8d] {
    display: flex;
    flex-direction: column;
}

/* ── Tag grid ── */

.square-tag-grid[b-zio9jb7m8d] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.square-tag-grid[b-zio9jb7m8d]  > li:nth-child(n+4) {
    display: none;
}

@media (min-width: 640px) {
    .square-tag-grid[b-zio9jb7m8d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}

@media (min-width: 768px) {
    .square-tag-grid[b-zio9jb7m8d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .square-tag-grid[b-zio9jb7m8d]  > li:nth-child(n+4) {
        display: list-item;
    }
}

@media (min-width: 1024px) {
    .square-tag-grid[b-zio9jb7m8d] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

/* ── Lottery grid ── */

.square-lottery-grid[b-zio9jb7m8d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 640px) {
    .square-lottery-grid[b-zio9jb7m8d] {
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .square-lottery-grid[b-zio9jb7m8d] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

/* ── Vote grid ── */

.square-vote-grid[b-zio9jb7m8d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 640px) {
    .square-vote-grid[b-zio9jb7m8d] {
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .square-vote-grid[b-zio9jb7m8d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

/* ── More link ── */

.square-section-more-link[b-zio9jb7m8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-muted);
    text-decoration: none;
    min-height: 44px; /* Touch target size for mobile */
    min-width: 44px;
    padding: 0 0.5rem;
    border-radius: var(--cg-radius-md);
    transition: all var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .square-section-more-link[b-zio9jb7m8d] {
        font-size: 0.8125rem;
        min-height: auto;
        min-width: auto;
        padding: 0;
    }
}

.square-section-more-link:hover[b-zio9jb7m8d] {
    color: var(--cg-color-primary);
    gap: 0.5rem;
    text-decoration: none;
    background: color-mix(in oklab, var(--cg-color-primary) 10%, transparent);
}

@media (min-width: 768px) {
    .square-section-more-link:hover[b-zio9jb7m8d] {
        background: transparent;
    }
}

.square-section-more-link[b-zio9jb7m8d]  .cg-mdi-icon {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 768px) {
    .square-section-more-link[b-zio9jb7m8d]  .cg-mdi-icon {
        width: 1.125rem;
        height: 1.125rem;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Lottery/DrawLotteryPage.razor.rz.scp.css */
.draw-lottery-info[b-wot3b8egi9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--cg-font-size-xl);
    padding: var(--cg-spacing-4);
    gap: var(--cg-spacing-2);
}

.draw-lottery-end[b-wot3b8egi9] {
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-primary);
}

.draw-lottery-highlight[b-wot3b8egi9] {
    color: var(--cg-color-primary);
}

.draw-lottery-award-image[b-wot3b8egi9] {
    max-width: 200px;
    width: 100%;
    margin-top: 30px;
}

.draw-lottery-loading[b-wot3b8egi9] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    max-width: 920px;
    margin: var(--cg-spacing-8) auto;
}

.draw-lottery-loading-block[b-wot3b8egi9] {
    border-radius: var(--cg-radius-lg);
    background: linear-gradient(
        120deg,
        color-mix(in oklab, var(--cg-color-bg) 90%, white),
        color-mix(in oklab, var(--cg-color-bg) 76%, white),
        color-mix(in oklab, var(--cg-color-bg) 90%, white)
    );
    background-size: 200% 100%;
    animation: lottery-loading-b-wot3b8egi9 1.2s infinite;
}

@keyframes lottery-loading-b-wot3b8egi9 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Lottery/LotteryDetailPage.razor.rz.scp.css */
.lottery-page[b-axf8uxu2d0] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    max-width: 1280px;
    margin: 0 auto;
}

.lottery-layout[b-axf8uxu2d0] {
    position: relative;
    z-index: 1;
}

.lottery-layout--desktop[b-axf8uxu2d0] {
    display: none;
}

.lottery-main-col[b-axf8uxu2d0],
.lottery-side-col[b-axf8uxu2d0] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.lottery-layout--mobile[b-axf8uxu2d0] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
}

.lottery-not-found[b-axf8uxu2d0] {
    max-width: 600px;
    margin: var(--cg-spacing-10) auto;
    text-align: center;
}

.lottery-not-found h1[b-axf8uxu2d0] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin-bottom: var(--cg-spacing-2);
}

.lottery-not-found p[b-axf8uxu2d0] {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
}

.lottery-not-found a[b-axf8uxu2d0] {
    color: var(--cg-color-link);
}

.lottery-loading[b-axf8uxu2d0] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    max-width: 920px;
    margin: var(--cg-spacing-8) auto;
}

.lottery-loading-block[b-axf8uxu2d0] {
    border-radius: var(--cg-radius-lg);
    height: 140px;
    background: linear-gradient(
        120deg,
        color-mix(in oklab, var(--cg-color-bg) 90%, white),
        color-mix(in oklab, var(--cg-color-bg) 76%, white),
        color-mix(in oklab, var(--cg-color-bg) 90%, white)
    );
    background-size: 200% 100%;
    animation: lottery-loading-b-axf8uxu2d0 1.2s infinite;
}

.lottery-loading-block--wide[b-axf8uxu2d0] {
    height: 220px;
}

@keyframes lottery-loading-b-axf8uxu2d0 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}



@media (min-width: 768px) {
    .lottery-page[b-axf8uxu2d0] {
        padding: var(--cg-spacing-8) var(--cg-spacing-6) var(--cg-spacing-10);
        gap: var(--cg-spacing-8);
    }

    .lottery-layout--mobile[b-axf8uxu2d0] {
        display: none;
    }

    .lottery-layout--desktop[b-axf8uxu2d0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--cg-spacing-6);
    }

    .lottery-main-col[b-axf8uxu2d0],
    .lottery-side-col[b-axf8uxu2d0] {
        gap: var(--cg-spacing-6);
    }
}

@media (min-width: 1024px) {
    .lottery-layout--desktop[b-axf8uxu2d0] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        align-items: start;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Lottery/LotteryEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.lottery-edit-page[b-kfgfd6kcw5] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.lottery-edit-layout[b-kfgfd6kcw5] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.lottery-edit-main[b-kfgfd6kcw5] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-kfgfd6kcw5] .lottery-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-kfgfd6kcw5] .lottery-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-kfgfd6kcw5] .lottery-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-kfgfd6kcw5] .lottery-editor-section .lottery-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-kfgfd6kcw5] .lottery-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 加载/错误状态 ── */
.lottery-edit-loading[b-kfgfd6kcw5],
.lottery-edit-error[b-kfgfd6kcw5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.lottery-edit-loading-spinner[b-kfgfd6kcw5] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: lottery-spin-b-kfgfd6kcw5 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes lottery-spin-b-kfgfd6kcw5 {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .lottery-edit-layout[b-kfgfd6kcw5] {
        flex-direction: column;
    }

    .lottery-edit-main[b-kfgfd6kcw5] {
        padding: var(--cg-spacing-4);
    }

    [b-kfgfd6kcw5] .lottery-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Lottery/LotteryHomePage.razor.rz.scp.css */
.lottery-home[b-wzy5zg0wl7] {
    margin: 0 auto;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

@media (min-width: 768px) {
    .lottery-home[b-wzy5zg0wl7] {
        padding-top: var(--cg-spacing-8);
        gap: var(--cg-spacing-8);
    }
}

/* ── Header ── */
.lottery-home-header[b-wzy5zg0wl7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lottery-home-header-text[b-wzy5zg0wl7] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-1);
    align-items: center;
}

.lottery-home-title[b-wzy5zg0wl7] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-2xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

[b-wzy5zg0wl7] .lottery-home-title .cg-mdi-icon {
    width: 28px;
    height: 28px;
    color: var(--cg-color-primary);
}

.lottery-home-subtitle[b-wzy5zg0wl7] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Grid ── */
.lottery-home-grid[b-wzy5zg0wl7] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .lottery-home-grid[b-wzy5zg0wl7] {
        gap: var(--cg-spacing-6);
    }
}

/* ── Empty state ── */
.lottery-home-empty[b-wzy5zg0wl7] {
    text-align: center;
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    min-height: 40vh;
    justify-content: center;
}

.lottery-home-empty-icon[b-wzy5zg0wl7] {
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

[b-wzy5zg0wl7] .lottery-home-empty-icon .cg-mdi-icon {
    width: 56px;
    height: 56px;
}

.lottery-home-empty p[b-wzy5zg0wl7] {
    color: var(--cg-color-text-muted);
    margin: 0;
}

.lottery-home-empty a[b-wzy5zg0wl7] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-semibold);
    padding: var(--cg-spacing-2) var(--cg-spacing-4);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.lottery-home-empty a:hover[b-wzy5zg0wl7] {
    text-decoration: underline;
    background: var(--cg-color-hover-overlay);
}

/* ── Error state ── */
.lottery-home-error[b-wzy5zg0wl7] {
    max-width: 600px;
    margin: var(--cg-spacing-10) auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-3);
    padding: 0 var(--cg-page-gutter);
}

.lottery-home-error-icon[b-wzy5zg0wl7] {
    color: var(--cg-color-error);
}

[b-wzy5zg0wl7] .lottery-home-error-icon .cg-mdi-icon {
    width: 48px;
    height: 48px;
}

.lottery-home-error h1[b-wzy5zg0wl7] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin: 0;
}

.lottery-home-error p[b-wzy5zg0wl7] {
    color: var(--cg-color-text-muted);
    margin: 0;
}

.lottery-home-error a[b-wzy5zg0wl7] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-semibold);
    padding: var(--cg-spacing-2) var(--cg-spacing-4);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--cg-radius-md);
    transition: background var(--cg-transition-fast);
}

.lottery-home-error a:hover[b-wzy5zg0wl7] {
    text-decoration: underline;
    background: var(--cg-color-hover-overlay);
}

/* ── Loading skeleton ── */
.lottery-home-loading[b-wzy5zg0wl7] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    max-width: 800px;
    margin: var(--cg-spacing-8) auto;
    padding: 0 var(--cg-page-gutter);
    width: 100%;
}

.lottery-home-loading-block[b-wzy5zg0wl7] {
    border-radius: var(--cg-radius-xl);
    height: 140px;
    background: linear-gradient(
        120deg,
        color-mix(in oklab, var(--cg-color-bg) 90%, white),
        color-mix(in oklab, var(--cg-color-bg) 76%, white),
        color-mix(in oklab, var(--cg-color-bg) 90%, white)
    );
    background-size: 200% 100%;
    animation: lottery-home-skeleton-b-wzy5zg0wl7 1.2s infinite;
}

.lottery-home-loading-block--wide[b-wzy5zg0wl7] {
    height: 220px;
}

@media (min-width: 768px) {
    .lottery-home-loading-block[b-wzy5zg0wl7] {
        height: 250px;
    }

    .lottery-home-loading-block--wide[b-wzy5zg0wl7] {
        height: 100px;
    }
}

@keyframes lottery-home-skeleton-b-wzy5zg0wl7 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Lottery/LotteryManagementPage.razor.rz.scp.css */
/* ── Page layout ── */

.lottery-manage-page[b-tfr5riowzf] {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
}

/* ── Header ── */

.lottery-manage-page__header[b-tfr5riowzf] {
    margin-bottom: var(--cg-spacing-5);
    padding-bottom: var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
}

.lottery-manage-page__title[b-tfr5riowzf] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.lottery-manage-page__title[b-tfr5riowzf]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

/* ── Tab panels ── */

.lottery-manage-page__panel[b-tfr5riowzf] {
    padding-top: var(--cg-spacing-1);
}

/* ── Cell content ── */

.lottery-manage-user[b-tfr5riowzf] {
    font-weight: var(--cg-font-weight-medium);
}

.lottery-manage-award-type[b-tfr5riowzf] {
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
}

.lottery-manage-code[b-tfr5riowzf] {
    font-family: var(--cg-font-mono, monospace);
    font-size: var(--cg-font-size-sm);
    word-break: break-all;
}

.lottery-manage-na[b-tfr5riowzf] {
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

/* ── Status badges ── */

.lottery-manage-badge[b-tfr5riowzf] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: var(--cg-radius-full);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
}

.lottery-manage-badge--hidden[b-tfr5riowzf] {
    background: color-mix(in oklab, var(--cg-color-text-muted) 12%, transparent);
    color: var(--cg-color-text-muted);
}

.lottery-manage-badge--visible[b-tfr5riowzf] {
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
    color: var(--cg-color-success);
}

/* ── Action buttons ── */

.lottery-manage-actions[b-tfr5riowzf] {
    display: flex;
    gap: var(--cg-spacing-1);
    align-items: center;
}

.lottery-manage-action-btn[b-tfr5riowzf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--cg-radius-md);
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background var(--cg-transition-fast), color var(--cg-transition-fast);
    padding: 0;
}

.lottery-manage-action-btn[b-tfr5riowzf]  .cg-mdi-icon {
    width: 18px;
    height: 18px;
}

.lottery-manage-action-btn--show[b-tfr5riowzf] {
    color: var(--cg-color-success);
}

.lottery-manage-action-btn--show:hover[b-tfr5riowzf] {
    background: color-mix(in oklab, var(--cg-color-success) 12%, transparent);
}

.lottery-manage-action-btn--hide[b-tfr5riowzf] {
    color: var(--cg-color-text-muted);
}

.lottery-manage-action-btn--hide:hover[b-tfr5riowzf] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.lottery-manage-action-btn--edit[b-tfr5riowzf] {
    color: var(--cg-color-primary);
}

.lottery-manage-action-btn--edit:hover[b-tfr5riowzf] {
    background: color-mix(in oklab, var(--cg-color-primary) 12%, transparent);
}

.lottery-manage-action-btn--execute[b-tfr5riowzf] {
    color: var(--cg-color-warning);
}

.lottery-manage-action-btn--execute:hover[b-tfr5riowzf] {
    background: color-mix(in oklab, var(--cg-color-warning) 12%, transparent);
}

/* ── Toolbar export button ── */

.lottery-manage-export-btn[b-tfr5riowzf] {
    display: inline-flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding: 0 var(--cg-spacing-3);
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-medium);
    color: var(--cg-color-text-secondary);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--cg-radius-md);
    height: 32px;
    transition: background var(--cg-transition-fast), color var(--cg-transition-fast);
}

.lottery-manage-export-btn:hover[b-tfr5riowzf] {
    background: var(--cg-color-hover-overlay);
    color: var(--cg-color-text);
}

.lottery-manage-export-btn[b-tfr5riowzf]  .cg-mdi-icon {
    width: 16px;
    height: 16px;
}

/* ── Modal content ── */

.lottery-manage-modal-body[b-tfr5riowzf] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    min-width: 360px;
}

.lottery-manage-modal-hint[b-tfr5riowzf] {
    margin: 0;
    color: var(--cg-color-text-secondary);
    font-size: var(--cg-font-size-sm);
}

.lottery-manage-modal-footer[b-tfr5riowzf] {
    display: flex;
    gap: var(--cg-spacing-2);
    justify-content: flex-end;
}

/* ── Export data display ── */

.lottery-manage-export-pre[b-tfr5riowzf] {
    white-space: break-spaces;
    max-height: 60vh;
    overflow-y: auto;
    font-size: var(--cg-font-size-sm);
    padding: var(--cg-spacing-3);
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-md);
    margin: 0;
}

/* _content/CnGalWebSite.MainSite.Shared/Pages/Message/MessagePage.razor.rz.scp.css */
/* ── MessagePage ── */

.message-page[b-ftkuboews9] {
    max-width: 1200px;
    margin: var(--cg-spacing-6) auto;
    padding: 0 var(--cg-spacing-4);
}

/* ── Header ── */

.message-page__header[b-ftkuboews9] {
    margin-bottom: var(--cg-spacing-5);
    padding-bottom: var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
}

.message-page__title[b-ftkuboews9] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.message-page__title[b-ftkuboews9]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

/* ── Tab panel ── */

.message-page__tab-panel[b-ftkuboews9] {

}

/* ── Loading ── */

.message-page__loading[b-ftkuboews9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
    gap: var(--cg-spacing-3);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

/* ── Error ── */

.message-page__error[b-ftkuboews9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
    gap: var(--cg-spacing-3);
    text-align: center;
}

.message-page__error[b-ftkuboews9]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
    opacity: 0.7;
}

.message-page__error p[b-ftkuboews9] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .message-page[b-ftkuboews9] {
        margin: var(--cg-spacing-3) auto;
        padding: 0 var(--cg-spacing-3);
    }

    .message-page__title[b-ftkuboews9] {
        font-size: var(--cg-font-size-lg);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Perfections/PerfectionHomePage.razor.rz.scp.css */
/* ════════════════════════════════════════════════
   PerfectionHomePage — 完善度概览页面
   3 态渲染：加载 / 错误 / 内容
   ════════════════════════════════════════════════ */

.perfection-page[b-44hv35ztmw] {
    max-width: 1440px;
    margin: 0 auto;
    padding: var(--cg-spacing-6) var(--cg-page-gutter);
    padding-bottom: calc(var(--cg-bottom-nav-height, 0px) + var(--cg-spacing-6));    gap: 2rem;
    display: flex;
    flex-direction: column;
}

/* ── Header ── */

.perfection-page__header[b-44hv35ztmw] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

@media (min-width: 768px) {
    .perfection-page__header[b-44hv35ztmw] {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--cg-color-border);
        gap: 0.5rem;
    }
}

.perfection-page__title[b-44hv35ztmw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--cg-color-text);
    margin: 0;
}

@media (min-width: 768px) {
    .perfection-page__title[b-44hv35ztmw] {
        font-size: 1.75rem;
        gap: 0.75rem;
    }
}

.perfection-page__title[b-44hv35ztmw]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

@media (min-width: 768px) {
    .perfection-page__title[b-44hv35ztmw]  .cg-mdi-icon {
        width: 32px;
        height: 32px;
    }
}

.perfection-page__desc[b-44hv35ztmw] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cg-color-text-muted);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .perfection-page__desc[b-44hv35ztmw] {
        font-size: 0.9375rem;
    }
}

/* ── Loading ── */
.perfection-page__loading[b-44hv35ztmw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-4);
    min-height: 60vh;
    color: var(--cg-color-text-muted);
}

.perfection-page__loading-text[b-44hv35ztmw] {
    font-size: var(--cg-font-size-sm);
}

/* ── Error ── */
.perfection-page__error[b-44hv35ztmw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-4);
    min-height: 60vh;
    text-align: center;
    padding: var(--cg-spacing-8) var(--cg-page-gutter);
}

.perfection-page__error[b-44hv35ztmw]  .cg-mdi-icon {
    width: 3rem;
    height: 3rem;
    color: var(--cg-color-error);
}

.perfection-page__error-title[b-44hv35ztmw] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

.perfection-page__error-text[b-44hv35ztmw] {
    font-size: var(--cg-font-size-md);
    color: var(--cg-color-text-muted);
    margin: 0;
    max-width: 400px;
}

.perfection-page__error-actions[b-44hv35ztmw] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-4);
}

.perfection-page__error-link[b-44hv35ztmw] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    text-decoration: none;
}

.perfection-page__error-link:hover[b-44hv35ztmw] {
    color: var(--cg-color-link);
    text-decoration: underline;
}

/* ── Tabs wrapper ── */
.perfection-page[b-44hv35ztmw]  .cg-tabs__bar {
    margin-bottom: var(--cg-spacing-6);
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .perfection-page[b-44hv35ztmw] {
        padding-top: var(--cg-spacing-4);
    }

    .perfection-page__header[b-44hv35ztmw] {
        margin-bottom: var(--cg-spacing-4);
    }

    .perfection-page__title[b-44hv35ztmw] {
        font-size: var(--cg-font-size-xl);
    }

    .perfection-page__error[b-44hv35ztmw] {
        padding: var(--cg-spacing-6) var(--cg-page-gutter);
    }
}

@media (max-width: 640px) {
    .perfection-page[b-44hv35ztmw] {
        padding-top: var(--cg-spacing-3);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Periphery/PeripheryDetailPage.razor.rz.scp.css */
.periphery-page[b-81lu1ouftv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

.periphery-layout[b-81lu1ouftv] {
    position: relative;
    z-index: 1;
}

.periphery-layout--desktop[b-81lu1ouftv] {
    display: none;
}

.periphery-main-col[b-81lu1ouftv],
.periphery-side-col[b-81lu1ouftv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.periphery-layout--mobile[b-81lu1ouftv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── 错误态 ── */
.periphery-not-found[b-81lu1ouftv] {
    max-width: 600px;
    margin: 4rem auto;
    text-align: center;
}

.periphery-not-found h1[b-81lu1ouftv] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin-bottom: 0.5rem;
}

.periphery-not-found p[b-81lu1ouftv] {
    color: var(--cg-color-text-muted);
    margin-bottom: 1rem;
}

.periphery-not-found a[b-81lu1ouftv] {
    color: var(--cg-color-link);
}

/* ── 加载态 ── */
.periphery-loading[b-81lu1ouftv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 40vh;
}

.periphery-loading-text[b-81lu1ouftv] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

/* ── 响应式布局 ── */
@media (min-width: 768px) {
    .periphery-page[b-81lu1ouftv] {
        padding: 2rem 1.5rem 4rem;
        gap: 2rem;
    }

    .periphery-layout--mobile[b-81lu1ouftv] {
        display: none;
    }

    .periphery-layout--desktop[b-81lu1ouftv] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .periphery-layout--desktop[b-81lu1ouftv] {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        gap: 2rem;
        align-items: start;
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Periphery/PeripheryEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.periphery-edit-page[b-9vdwqow5ok] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.periphery-edit-layout[b-9vdwqow5ok] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.periphery-edit-main[b-9vdwqow5ok] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-9vdwqow5ok] .periphery-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-9vdwqow5ok] .periphery-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-9vdwqow5ok] .periphery-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-9vdwqow5ok] .periphery-editor-section .periphery-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-9vdwqow5ok] .periphery-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 统一空状态 ── */
[b-9vdwqow5ok] .cg-editor-empty {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}

/* ── 统一操作按钮列 ── */
[b-9vdwqow5ok] .cg-actions {
    white-space: nowrap;
    display: flex;
    gap: var(--cg-spacing-2);
    min-width: 110px;
}

/* ── 加载/错误状态 ── */
.periphery-edit-loading[b-9vdwqow5ok],
.periphery-edit-error[b-9vdwqow5ok] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.periphery-edit-loading-spinner[b-9vdwqow5ok] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-9vdwqow5ok 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-9vdwqow5ok {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .periphery-edit-layout[b-9vdwqow5ok] {
        flex-direction: column;
    }

    .periphery-edit-main[b-9vdwqow5ok] {
        padding: var(--cg-spacing-4);
    }

    [b-9vdwqow5ok] .periphery-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Space/BindSteamPage.razor.rz.scp.css */
.bind-steam-container[b-sqqvk8bcmv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    gap: var(--cg-spacing-4);
}

.bind-steam-loading[b-sqqvk8bcmv] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}

.bind-steam-loading__text[b-sqqvk8bcmv] {
    margin-left: var(--cg-spacing-4);
    color: var(--cg-color-text-secondary);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Space/SpaceEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.space-edit-page[b-q37dv79ydk] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.space-edit-layout[b-q37dv79ydk] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.space-edit-main[b-q37dv79ydk] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-q37dv79ydk] .space-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-q37dv79ydk] .space-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-q37dv79ydk] .space-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-q37dv79ydk] .space-editor-section .space-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-q37dv79ydk] .space-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 加载/错误状态 ── */
.space-edit-loading[b-q37dv79ydk],
.space-edit-error[b-q37dv79ydk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.space-edit-loading-spinner[b-q37dv79ydk] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-q37dv79ydk 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-q37dv79ydk {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .space-edit-layout[b-q37dv79ydk] {
        flex-direction: column;
    }

    .space-edit-main[b-q37dv79ydk] {
        padding: var(--cg-spacing-4);
    }

    [b-q37dv79ydk] .space-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Space/SpaceIndexPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SpaceIndexPage.razor.css — Mobile-first, optimized for native feel
   ══════════════════════════════════════════════════════════ */

.cg-space-container[b-meqtc1hhqp] {
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: calc(var(--cg-bottom-nav-height, 0px));
}

@media (min-width: 768px) {
    .cg-space-container[b-meqtc1hhqp] {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.cg-space-layout-row[b-meqtc1hhqp] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .cg-space-layout-row[b-meqtc1hhqp] {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--cg-section-gap);
    }
}

.cg-space-layout-sidebar[b-meqtc1hhqp] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .cg-space-layout-sidebar[b-meqtc1hhqp] {
        width: 320px;
        flex-shrink: 0;
        position: sticky;
        top: calc(var(--cg-header-height) + 2rem);
    }
}

.cg-space-layout-main[b-meqtc1hhqp] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .cg-space-layout-main[b-meqtc1hhqp] {
        flex-grow: 1;
        min-width: 0;
    }
}

/* ── Status views ── */

.cg-space-not-found[b-meqtc1hhqp],
.cg-space-error[b-meqtc1hhqp],
.cg-space-loading[b-meqtc1hhqp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    text-align: center;
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    margin: var(--cg-page-gutter) auto;
    max-width: 800px;
}

@media (min-width: 640px) {
    .cg-space-not-found[b-meqtc1hhqp],
    .cg-space-error[b-meqtc1hhqp],
    .cg-space-loading[b-meqtc1hhqp] {
        padding: var(--cg-spacing-10);
    }
}

.cg-space-not-found-title[b-meqtc1hhqp],
.cg-space-error-title[b-meqtc1hhqp] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text-primary);
    margin-bottom: var(--cg-spacing-2);
}

@media (min-width: 640px) {
    .cg-space-not-found-title[b-meqtc1hhqp],
    .cg-space-error-title[b-meqtc1hhqp] {
        font-size: var(--cg-font-size-2xl);
    }
}

.cg-space-not-found-text[b-meqtc1hhqp],
.cg-space-error-text[b-meqtc1hhqp] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-secondary);
    margin-bottom: var(--cg-spacing-4);
}

@media (min-width: 640px) {
    .cg-space-not-found-text[b-meqtc1hhqp],
    .cg-space-error-text[b-meqtc1hhqp] {
        font-size: var(--cg-font-size-md);
    }
}

/* ── User Certification Section ── */

.cg-space-cert-header[b-meqtc1hhqp] {
    display: flex;
    align-items: center;
    padding: var(--cg-spacing-2) 0;
    margin-bottom: var(--cg-spacing-2);
}

.cg-space-cert-header[b-meqtc1hhqp]  .cg-space-cert-icon {
    width: 20px;
    height: 20px;
    color: var(--cg-color-primary);
    margin-right: var(--cg-spacing-2);
}

@media (min-width: 640px) {
    .cg-space-cert-header[b-meqtc1hhqp]  .cg-space-cert-icon {
        width: 24px;
        height: 24px;
    }
}

.cg-space-cert-title[b-meqtc1hhqp] {
    font-size: var(--cg-font-size-md);
    font-weight: var(--cg-font-weight-bold);
    margin: 0;
    color: var(--cg-color-text-primary);
}

@media (min-width: 640px) {
    .cg-space-cert-title[b-meqtc1hhqp] {
        font-size: var(--cg-font-size-lg);
    }
}

/* ── Edit Button ── */

.cg-space-edit-btn[b-meqtc1hhqp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: 0.625rem 1rem;
    border-radius: var(--cg-radius-lg);
    background: linear-gradient(135deg, var(--cg-color-primary), color-mix(in oklab, var(--cg-color-primary) 85%, white));
    color: white;
    font-size: var(--cg-font-size-sm);
    font-weight: var(--cg-font-weight-bold);
    text-decoration: none;
    transition: all var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
    cursor: pointer;
}

@media (min-width: 640px) {
    .cg-space-edit-btn[b-meqtc1hhqp] {
        padding: 0.75rem 1.25rem;
    }
}

.cg-space-edit-btn:hover[b-meqtc1hhqp] {
    filter: brightness(1.05);
    box-shadow: var(--cg-shadow-md);
    transform: translateY(-1px);
    color: white;
}

.cg-space-edit-btn[b-meqtc1hhqp]  .cg-mdi-icon {
    width: 1.125rem;
    height: 1.125rem;
    color: white;
}

/* ── Tabs panel card ── */

.cg-space-tab-card[b-meqtc1hhqp] {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-3);
    overflow: hidden;
    border: 1px solid var(--cg-color-border);
}

@media (min-width: 640px) {
    .cg-space-tab-card[b-meqtc1hhqp] {
        padding: var(--cg-spacing-4);
        border: none;
    }
}

/* ── CgTabs 间距 ── */
[b-meqtc1hhqp] .cg-tabs {
    margin-bottom: var(--cg-spacing-4);
}

[b-meqtc1hhqp] .cg-tabs__panel {
    margin-top: var(--cg-spacing-4);
}

/* ── Comment section spacing ── */
.cg-space-comment-wrapper[b-meqtc1hhqp] {
    margin-top: var(--cg-spacing-6);
}

@media (min-width: 768px) {
    .cg-space-comment-wrapper[b-meqtc1hhqp] {
        margin-top: var(--cg-spacing-8);
    }
}

/* ── Heatmap section spacing ── */
.cg-space-heatmap-section[b-meqtc1hhqp] {
    margin-top: var(--cg-spacing-4);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Space/TasksPage.razor.rz.scp.css */
/* ── TasksPage ── */

.tasks-page[b-yqsnr143p5] {
    max-width: 800px;
    margin: var(--cg-spacing-6) auto;
    padding: 0 var(--cg-spacing-4);
}

.tasks-page__title[b-yqsnr143p5] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.tasks-page__title[b-yqsnr143p5]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}

/* ── Sections ── */

.tasks-page__section[b-yqsnr143p5] {
    margin-bottom: var(--cg-spacing-6);
}

.tasks-page__section-header[b-yqsnr143p5] {
    margin-bottom: var(--cg-spacing-3);
}

/* ── Task list ── */

.tasks-page__list[b-yqsnr143p5] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

/* ── Loading ── */

.tasks-page__loading[b-yqsnr143p5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
    gap: var(--cg-spacing-3);
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-sm);
}

/* ── Error ── */

.tasks-page__error[b-yqsnr143p5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cg-spacing-10) 0;
    gap: var(--cg-spacing-3);
    text-align: center;
}

.tasks-page__error[b-yqsnr143p5]  .cg-mdi-icon {
    width: 48px;
    height: 48px;
    color: var(--cg-color-error);
    opacity: 0.7;
}

.tasks-page__error p[b-yqsnr143p5] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    margin: 0;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .tasks-page[b-yqsnr143p5] {
        margin: var(--cg-spacing-3) auto;
        padding: 0 var(--cg-spacing-3);
    }

    .tasks-page__title[b-yqsnr143p5] {
        font-size: var(--cg-font-size-lg);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Table/TableSummaryPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   TableSummaryPage — 数据汇总页面（现代化布局）
   ═══════════════════════════════════════════ */

/* ── 页面容器 ── */
.table-summary[b-f4vvnd1zns] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-4);
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .table-summary[b-f4vvnd1zns] {
        gap: var(--cg-spacing-6);
        padding: var(--cg-spacing-8) var(--cg-page-gutter, 0);
    }
}

/* ── Hero Banner ── */
.table-summary__banner[b-f4vvnd1zns] {
    position: relative;
    overflow: hidden;
    background: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    box-shadow: var(--cg-shadow-md);
    padding: var(--cg-spacing-6) var(--cg-spacing-4);
    text-align: center;
}

@media (min-width: 768px) {
    .table-summary__banner[b-f4vvnd1zns] {
        border-radius: var(--cg-radius-xl);
        padding: var(--cg-spacing-8) var(--cg-spacing-8) var(--cg-spacing-6);
    }
}

/* 装饰性光晕 */
.table-summary__banner[b-f4vvnd1zns]::before {
    content: '';
    position: absolute;
    top: -60%;
    left: -15%;
    width: 55%;
    height: 180%;
    background: radial-gradient(ellipse, color-mix(in oklab, var(--cg-color-primary) 6%, transparent) 0%, transparent 70%);
    pointer-events: none;
}

.table-summary__banner[b-f4vvnd1zns]::after {
    content: '';
    position: absolute;
    bottom: -50%;
    right: -15%;
    width: 50%;
    height: 160%;
    background: radial-gradient(ellipse, color-mix(in oklab, var(--cg-color-secondary) 5%, transparent) 0%, transparent 70%);
    pointer-events: none;
}

.table-summary__title[b-f4vvnd1zns] {
    position: relative;
    margin: 0 0 var(--cg-spacing-1) 0;
    font-size: var(--cg-font-size-xl);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--cg-color-text);
}

@media (min-width: 768px) {
    .table-summary__title[b-f4vvnd1zns] {
        font-size: 1.75rem;
    }
}

.table-summary__subtitle[b-f4vvnd1zns] {
    position: relative;
    margin: 0 0 var(--cg-spacing-4) 0;
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

@media (min-width: 768px) {
    .table-summary__subtitle[b-f4vvnd1zns] {
        margin: 0 0 var(--cg-spacing-6) 0;
    }
}

/* ── 统计数字网格 ── */
.table-summary__stats[b-f4vvnd1zns] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cg-spacing-2);
    width: 100%;
}

@media (min-width: 768px) {
    .table-summary__stats[b-f4vvnd1zns] {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--cg-spacing-3);
        max-width: 720px;
        margin: 0 auto;
    }
}

.table-summary__stat[b-f4vvnd1zns] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-3) var(--cg-spacing-2);
    background: var(--cg-color-section-bg);
    border: 1px solid var(--cg-color-border);
    border-radius: var(--cg-radius-lg);
    transition: transform var(--cg-transition-fast),
        background var(--cg-transition-fast),
        box-shadow var(--cg-transition-fast),
        border-color var(--cg-transition-fast);
}

@media (min-width: 768px) {
    .table-summary__stat[b-f4vvnd1zns] {
        padding: var(--cg-spacing-4) var(--cg-spacing-3);
    }
}

.table-summary__stat:hover[b-f4vvnd1zns] {
    transform: translateY(-3px);
    background: var(--cg-color-surface);
    box-shadow: var(--cg-shadow-card-hover);
    border-color: color-mix(in oklab, var(--cg-color-primary) 25%, transparent);
}

[b-f4vvnd1zns] .table-summary__stat-icon {
    width: 22px;
    height: 22px;
    color: var(--cg-color-primary);
    flex-shrink: 0;
    opacity: 0.7;
}

.table-summary__stat-value[b-f4vvnd1zns] {
    font-size: var(--cg-font-size-lg);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    background: linear-gradient(135deg, var(--cg-color-primary), var(--cg-color-secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

@media (min-width: 768px) {
    .table-summary__stat-value[b-f4vvnd1zns] {
        font-size: var(--cg-font-size-xl);
    }
}

.table-summary__stat-label[b-f4vvnd1zns] {
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    white-space: nowrap;
    font-weight: var(--cg-font-weight-medium);
}

/* ── 最后编辑时间 ── */
.table-summary__stat--time[b-f4vvnd1zns] {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: center;
    background: none;
    border: none;
    padding: var(--cg-spacing-2) 0 0;
    gap: var(--cg-spacing-2);
}

.table-summary__stat--time:hover[b-f4vvnd1zns] {
    transform: none;
    background: none;
    box-shadow: none;
    border-color: transparent;
}

.table-summary__stat--time .table-summary__stat-label[b-f4vvnd1zns] {
    font-size: var(--cg-font-size-xs);
    color: color-mix(in oklab, var(--cg-color-text-muted) 60%, transparent);
}

.table-summary__stat--time[b-f4vvnd1zns]  .table-summary__stat-icon {
    width: 16px;
    height: 16px;
    color: color-mix(in oklab, var(--cg-color-text-muted) 50%, transparent);
}

/* ── 加载态 / 错误态 ── */
.table-summary__loading[b-f4vvnd1zns] {
    position: relative;
    display: flex;
    justify-content: center;
    padding: var(--cg-spacing-8) 0;
}

.table-summary__error[b-f4vvnd1zns] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-4);
    color: var(--cg-color-error);
    font-size: var(--cg-font-size-sm);
}

[b-f4vvnd1zns] .table-summary__error-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* ── 导出工具栏 ── */
.table-summary__toolbar[b-f4vvnd1zns] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cg-spacing-2);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    background: var(--cg-color-section-bg);
    border-radius: var(--cg-radius-lg);
    border: 1px solid var(--cg-color-border);
    width: 100%;
    transition: border-color var(--cg-transition-fast), box-shadow var(--cg-transition-fast);
}

@media (min-width: 480px) {
    .table-summary__toolbar[b-f4vvnd1zns] {
        flex-wrap: nowrap;
        gap: var(--cg-spacing-3);
        padding: var(--cg-spacing-2) var(--cg-spacing-4);
        border-radius: var(--cg-radius-full);
        width: fit-content;
    }
}

.table-summary__toolbar:hover[b-f4vvnd1zns] {
    border-color: color-mix(in oklab, var(--cg-color-primary) 20%, var(--cg-color-border));
    box-shadow: var(--cg-shadow-sm);
}

.table-summary__toolbar-label[b-f4vvnd1zns] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-2);
    font-size: var(--cg-font-size-xs);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-semibold);
    white-space: nowrap;
    width: 100%;
}

@media (min-width: 480px) {
    .table-summary__toolbar-label[b-f4vvnd1zns] {
        width: auto;
        padding-right: var(--cg-spacing-2);
        border-right: 1px solid var(--cg-color-border);
    }
}

[b-f4vvnd1zns] .table-summary__toolbar-icon {
    width: 16px;
    height: 16px;
    color: var(--cg-color-text-muted);
}

.table-summary__toolbar-actions[b-f4vvnd1zns] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-1);
    width: 100%;
}

@media (min-width: 480px) {
    .table-summary__toolbar-actions[b-f4vvnd1zns] {
        width: auto;
    }
}

.table-summary__export-btn[b-f4vvnd1zns] {
    display: inline-flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: var(--cg-spacing-1);
    padding: var(--cg-spacing-2) var(--cg-spacing-3);
    border: none;
    border-radius: var(--cg-radius-full);
    background: transparent;
    color: var(--cg-color-text-muted);
    font-size: var(--cg-font-size-xs);
    font-weight: var(--cg-font-weight-semibold);
    font-family: var(--cg-font-family);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--cg-transition-fast);
}

@media (min-width: 480px) {
    .table-summary__export-btn[b-f4vvnd1zns] {
        flex: none;
        padding: var(--cg-spacing-1) var(--cg-spacing-3);
    }
}

.table-summary__export-btn:hover:not(:disabled)[b-f4vvnd1zns] {
    background: var(--cg-color-primary);
    color: var(--cg-color-on-primary);
    box-shadow: 0 2px 8px color-mix(in oklab, var(--cg-color-primary) 20%, transparent);
}

.table-summary__export-btn:active:not(:disabled)[b-f4vvnd1zns] {
    transform: scale(0.96);
}

.table-summary__export-btn:disabled[b-f4vvnd1zns] {
    opacity: 0.4;
    cursor: not-allowed;
}

[b-f4vvnd1zns] .table-summary__export-icon {
    width: 14px;
    height: 14px;
}

/* ── CgTabs 面板覆写 ── */
[b-f4vvnd1zns] .cg-tabs {
    margin-bottom: var(--cg-spacing-5);
}

[b-f4vvnd1zns] .cg-tabs__panel {
    min-height: 400px;
}

/* ── 链接样式 ── */
.table-summary__link[b-f4vvnd1zns] {
    color: var(--cg-color-link);
    text-decoration: none;
    font-weight: var(--cg-font-weight-medium);
    transition: color var(--cg-transition-fast);
    position: relative;
}

.table-summary__link[b-f4vvnd1zns]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--cg-color-primary);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform var(--cg-transition-fast);
}

.table-summary__link:hover[b-f4vvnd1zns] {
    color: var(--cg-color-primary-hover);
}

.table-summary__link:hover[b-f4vvnd1zns]::after {
    transform: scaleX(1);
    transform-origin: left;
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Tag/TagDetailPage.razor.rz.scp.css */
.tag-page[b-tqzcgycgw3] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

/* ── Layout containers ── */
.tag-header[b-tqzcgycgw3] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.tag-main-content[b-tqzcgycgw3] {
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.tag-footer-related[b-tqzcgycgw3] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-3);
}

.tag-not-found[b-tqzcgycgw3] {
    text-align: center;
    padding: var(--cg-spacing-10) var(--cg-spacing-4);
}

.tag-not-found h1[b-tqzcgycgw3] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin-bottom: var(--cg-spacing-2);
}

.tag-not-found p[b-tqzcgycgw3] {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
}

.tag-not-found a[b-tqzcgycgw3] {
    color: var(--cg-color-link);
}

.tag-loading[b-tqzcgycgw3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cg-spacing-4);
    min-height: 40vh;
}

.tag-loading-text[b-tqzcgycgw3] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

/* ═══════════════════════════════════════════════
   Tablet breakpoint (≥ 768px)
   ═══════════════════════════════════════════════ */
@media (min-width: 768px) {
    .tag-page[b-tqzcgycgw3] {
        padding: var(--cg-spacing-6) var(--cg-spacing-5) var(--cg-spacing-10);
        gap: var(--cg-spacing-6);
    }

    .tag-header[b-tqzcgycgw3] {
        gap: var(--cg-spacing-6);
    }

    .tag-main-content[b-tqzcgycgw3] {
        gap: var(--cg-spacing-6);
    }

    .tag-footer-related[b-tqzcgycgw3] {
        gap: var(--cg-spacing-6);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Tag/TagEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.tag-edit-page[b-5220dg4z7h] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.tag-edit-layout[b-5220dg4z7h] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.tag-edit-main[b-5220dg4z7h] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-5220dg4z7h] .entry-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-5220dg4z7h] .entry-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-5220dg4z7h] .entry-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-5220dg4z7h] .entry-editor-section .entry-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-5220dg4z7h] .entry-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 加载/错误状态 ── */
.tag-edit-loading[b-5220dg4z7h],
.tag-edit-error[b-5220dg4z7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.tag-edit-loading-spinner[b-5220dg4z7h] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-5220dg4z7h 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-5220dg4z7h {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .tag-edit-layout[b-5220dg4z7h] {
        flex-direction: column;
    }

    .tag-edit-main[b-5220dg4z7h] {
        padding: var(--cg-spacing-4);
    }

    [b-5220dg4z7h] .entry-editor-section {
        padding: var(--cg-spacing-5);
    }
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/UserCenter/UserCenterPage.razor.rz.scp.css */
.user-center-page[b-goihn8o9n2] {
    max-width: 1200px;
    margin: 0 auto;
}

/* ── 页头 ── */
.user-center-page__header[b-goihn8o9n2] {
    margin-bottom: var(--cg-spacing-5);
    padding-bottom: var(--cg-spacing-4);
    border-bottom: 1px solid var(--cg-color-border);
}

.user-center-page__title[b-goihn8o9n2] {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin: 0;
}

.user-center-page__title[b-goihn8o9n2]  .cg-mdi-icon {
    width: 24px;
    height: 24px;
    color: var(--cg-color-primary);
}


/* ── 未登录状态 ── */
.user-center-page--unauth[b-goihn8o9n2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    gap: var(--cg-spacing-3);
    color: var(--cg-color-text-muted);
}

[b-goihn8o9n2] .user-center-unauth__icon {
    width: 64px;
    height: 64px;
    color: var(--cg-color-text-muted);
    opacity: 0.5;
}

.user-center-page--unauth h2[b-goihn8o9n2] {
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-semibold);
    color: var(--cg-color-text);
    margin: 0;
}

.user-center-page--unauth p[b-goihn8o9n2] {
    margin: 0;
    font-size: var(--cg-font-size-sm);
}
/* _content/CnGalWebSite.MainSite.Shared/Pages/Video/VideoDetailPage.razor.rz.scp.css */
.video-page[b-c8rjkadrjx] {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

.video-header[b-c8rjkadrjx] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.video-info-bar[b-c8rjkadrjx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 2rem;
    border-top: 1px solid var(--cg-color-border);
    border-bottom: 1px solid var(--cg-color-border);
}

.video-main-content[b-c8rjkadrjx] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem;
}

.video-prose[b-c8rjkadrjx] {
    font-size: var(--cg-font-size-lg);
    line-height: 1.8;
    color: var(--cg-color-text);
}

.video-footer-related[b-c8rjkadrjx] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-top: 1px solid var(--cg-color-border);
    padding-top: 3rem;
}

.video-not-found[b-c8rjkadrjx] {
    text-align: center;
    padding: 4rem 1rem;
}

.video-not-found h1[b-c8rjkadrjx] {
    font-size: var(--cg-font-size-xl);
    color: var(--cg-color-text);
    margin-bottom: 0.5rem;
}

.video-not-found p[b-c8rjkadrjx] {
    color: var(--cg-color-text-muted);
    margin-bottom: 1rem;
}

.video-not-found a[b-c8rjkadrjx] {
    color: var(--cg-color-link);
}

.video-loading[b-c8rjkadrjx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 40vh;
}

.video-loading-text[b-c8rjkadrjx] {
    font-size: var(--cg-font-size-sm);
    color: var(--cg-color-text-muted);
    font-weight: var(--cg-font-weight-medium);
}

.video-action-btn[b-c8rjkadrjx] {
    border-radius: var(--cg-radius-full);
    border: 1px solid var(--cg-color-primary);
    color: white;
    background: var(--cg-color-primary);
    text-decoration: none;
    padding: 0.8rem 2rem;
    font-size: var(--cg-font-size-base);
    font-weight: var(--cg-font-weight-bold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: var(--cg-transition-fast);
    box-shadow: var(--cg-shadow-sm);
}

.video-action-btn:hover[b-c8rjkadrjx] {
    background: var(--cg-color-primary-hover);
    border-color: var(--cg-color-primary-hover);
    transform: translateY(-1px);
}

.video-outlink-list[b-c8rjkadrjx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.video-outlink-list li a[b-c8rjkadrjx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cg-color-link);
    font-size: var(--cg-font-size-base);
    text-decoration: none;
    transition: var(--cg-transition-fast);
    padding: 0.5rem 0;
}

.video-outlink-list li a:hover[b-c8rjkadrjx] {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .video-page[b-c8rjkadrjx] {
        padding: 3rem 2rem 5rem;
    }
}

/* _content/CnGalWebSite.MainSite.Shared/Pages/Video/VideoEditPage.razor.rz.scp.css */
/* ── 全局容器 ── */
.video-edit-page[b-xk122880b7] {
    min-height: 100vh;
}

/* ── 两栏布局 ── */
.video-edit-layout[b-xk122880b7] {
    display: flex;
    min-height: 100vh;
}

/* ── 右侧主内容区 ── */
.video-edit-main[b-xk122880b7] {
    flex: 1;
    min-width: 0;
    padding: var(--cg-spacing-8);
    display: flex;
    flex-direction: column;
    gap: var(--cg-spacing-6);
}

/* ── 编辑器 Section 样式（穿透子组件）── */
[b-xk122880b7] .entry-editor-section {
    background-color: var(--cg-color-surface);
    border-radius: var(--cg-radius-lg);
    box-shadow: var(--cg-shadow-sm);
    padding: var(--cg-spacing-8);
    border: 1px solid var(--cg-color-border);
    scroll-margin-top: calc(56px + var(--cg-spacing-4));
    transition: box-shadow var(--cg-transition-normal), transform var(--cg-transition-normal);
}

[b-xk122880b7] .entry-editor-section:hover {
    box-shadow: var(--cg-shadow-md);
}

[b-xk122880b7] .entry-editor-section h2 {
    display: flex;
    align-items: center;
    gap: var(--cg-spacing-3);
    font-size: var(--cg-font-size-xl);
    font-weight: var(--cg-font-weight-bold);
    color: var(--cg-color-text);
    margin-top: 0;
    margin-bottom: var(--cg-spacing-3);
    padding-bottom: var(--cg-spacing-3);
    border-bottom: none;
    line-height: 1.3;
}

[b-xk122880b7] .entry-editor-section .entry-section-icon {
    width: 2rem;
    height: 2rem;
    color: var(--cg-color-primary);
    flex-shrink: 0;
}

[b-xk122880b7] .entry-editor-section>p {
    color: var(--cg-color-text-muted);
    margin-bottom: var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
}

/* ── 统一空状态 ── */
[b-xk122880b7] .cg-editor-empty {
    text-align: center;
    color: var(--cg-color-text-muted);
    padding: var(--cg-spacing-8) var(--cg-spacing-4);
    font-size: var(--cg-font-size-sm);
    background: linear-gradient(135deg, var(--cg-color-section-bg) 0%, var(--cg-color-surface) 100%);
    border: 2px dashed var(--cg-color-border);
    border-radius: var(--cg-radius-md);
}

/* ── 统一操作按钮列 ── */
[b-xk122880b7] .cg-actions {
    white-space: nowrap;
    display: flex;
    gap: var(--cg-spacing-2);
    min-width: 110px;
}

/* ── 加载/错误状态 ── */
.video-edit-loading[b-xk122880b7],
.video-edit-error[b-xk122880b7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    text-align: center;
}

.video-edit-loading-spinner[b-xk122880b7] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cg-color-border);
    border-top-color: var(--cg-color-primary);
    border-radius: 50%;
    animation: cg-spin-b-xk122880b7 1s linear infinite;
    margin-bottom: var(--cg-spacing-4);
}

@keyframes cg-spin-b-xk122880b7 {
    to {
        transform: rotate(360deg);
    }
}

/* ── 响应式 ── */
@media (max-width: 1024px) {
    .video-edit-layout[b-xk122880b7] {
        flex-direction: column;
    }

    .video-edit-main[b-xk122880b7] {
        padding: var(--cg-spacing-4);
    }

    [b-xk122880b7] .entry-editor-section {
        padding: var(--cg-spacing-5);
    }
}