/**
 * 後台管理 - 基礎樣式
 * Admin Base Styles
 * 黑金/白金主題 (Black-Gold / White-Gold Theme)
 */

/* 後台頁面主體 - 深色主題 (Dark Theme) */
.admin-page {
    /* Gold accent colors (matching index.html) */
    --admin-primary: #d4a520;
    --admin-primary-hover: #f5c542;
    --admin-primary-dark: #b8860b;
    --admin-gold: #ffd700;
    --admin-gold-light: #ffe066;
    --admin-gold-dark: #c9a227;

    /* Dark theme backgrounds */
    --admin-bg: #0a0a0a;
    --admin-bg-secondary: #111111;
    --admin-bg-card: #151515;
    --admin-bg-elevated: #1a1a1a;
    --admin-text: #fff;
    --admin-text-secondary: #888;
    --admin-border: #2a2a2a;
    --admin-border-gold: rgba(212, 165, 32, 0.2);

    /* Background with gold radial gradient */
    background:
        radial-gradient(ellipse at 0% 0%, rgba(212, 165, 32, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(255, 215, 0, 0.02) 0%, transparent 50%),
        linear-gradient(180deg, #0a0a0a 0%, #0d0d0d 50%, #080808 100%);
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    color: var(--admin-text);
}

/* 後台頁面主體 - 淺色主題 (Light Theme) */
.admin-page.light-theme {
    /* Light theme backgrounds */
    --admin-bg: #fffdf8;
    --admin-bg-secondary: #fff;
    --admin-bg-card: #fff;
    --admin-bg-elevated: #faf8f2;
    --admin-text: #1a1a1a;
    --admin-text-secondary: #8b6914;
    --admin-border: rgba(184, 134, 11, 0.15);
    --admin-border-gold: rgba(184, 134, 11, 0.18);

    background:
        radial-gradient(ellipse at 0% 0%, rgba(212, 165, 32, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(184, 134, 11, 0.04) 0%, transparent 50%),
        linear-gradient(180deg, #fffdf8 0%, #faf8f2 50%, #f5f2e8 100%);
    background-attachment: fixed;
    color: var(--admin-text);
}

/* 共用動畫 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}