/* ==================== 共享工作区壳样式 ==================== */

.aff-page-shell {
    position: relative;
    padding: 12px;
}

.aff-page-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 250, 240, 0.95), rgba(255, 255, 255, 0.98)),
        linear-gradient(90deg, rgba(20, 25, 35, 0.03) 1px, transparent 1px),
        linear-gradient(rgba(20, 25, 35, 0.03) 1px, transparent 1px);
    background-size: auto, 22px 22px, 22px 22px;
    pointer-events: none;
}

.aff-page-shell > .aff-shell {
    position: relative;
    z-index: 1;
}

.aff-page-panel {
    padding: 22px;
}

.aff-page-panel .page-header {
    padding: 0;
    margin-bottom: 18px;
}

.aff-page-panel .page-desc {
    margin-top: 8px;
    font-size: 0.9rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .aff-page-shell {
        padding: 10px;
    }

    .aff-page-panel {
        padding: 18px;
    }
}

[data-theme="dark"] .aff-page-shell::before {
    background:
        linear-gradient(180deg, rgba(19, 24, 35, 0.96), rgba(12, 17, 26, 0.98)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: auto, 22px 22px, 22px 22px;
}