/**
 * 创作后台统一壳层（与 creator-admin-shell.js 配合）
 * 各子页仍主要使用 Tailwind；此处补充 token 与抽屉动效。
 */
:root {
    --cas-orange-start: #ffa94d;
    --cas-orange-end: #ff7a00;
    --cas-cream: #fff9f2;
    --cas-sidebar-w: 14rem;
    --cas-topbar-h: 3.25rem;
}

.creator-admin-body {
    -webkit-text-size-adjust: 100%;
}

.creator-admin-body .font-display {
    font-family: 'Noto Serif SC', ui-serif, serif;
}

@media (max-width: 1023px) {
    .creator-admin-body {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

#cas-drawer-backdrop.cas-open {
    opacity: 1;
    pointer-events: auto;
}

#cas-mobile-drawer.cas-open {
    translate: 0 0;
    transform: translateX(0);
}

.cas-nav-link.is-active {
    background: linear-gradient(90deg, rgba(255, 169, 77, 0.22), rgba(255, 122, 0, 0.08));
    border-left: 3px solid #ff7a00;
    color: #c2410c;
    font-weight: 600;
}

.cas-main-scroll {
    scrollbar-gutter: stable;
}