/* 登入頁面外星主題 CSS - Dark Cyan配黑色，亮色調文字 */
/* Alien Login Theme CSS - Dark Cyan with Black, Light Text */

/* 登入頁面外星主題 */
.alien-theme .docs-body {
    background: linear-gradient(to bottom, #0a0a0a 0%, #006064 100%) !important;
    background: -moz-linear-gradient(top, #0a0a0a 0%, #006064 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0a0a0a), color-stop(100%, #006064)) !important;
    background: -webkit-linear-gradient(top, #0a0a0a 0%, #006064 100%) !important;
    background: -o-linear-gradient(top, #0a0a0a 0%, #006064 100%) !important;
    background: -ms-linear-gradient(top, #0a0a0a 0%, #006064 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0a0a', endColorstr='#006064', GradientType=0) !important;
}

/* 登入頁面底部外星主題 */
.alien-theme .docs-footer {
    background-color: #006064 !important;
    color: #e0f2f1 !important;
}

/* 登入標題外星主題 */
/* .alien-theme .login-title {
    color: #ffeb3b !important;
} */

/* 登入標題中的鏈接外星主題 */
.alien-theme .login-title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.alien-theme .login-title a:hover {
    color: #f8f9fa !important;
}

/* 登入容器外星主題 */
.alien-theme .docs-login-wrapper {
    background-color: #006064 !important;
    color: #ffffff !important; /* 白色 */
    border: 1px solid #4db6ac !important;
}

/* 左側包裝器外星主題 - 保持商標區域原樣 */
/* .alien-theme .left-wrapper {
    background-color: #00838f !important;
    background: linear-gradient(135deg, #00838f 0%, #0a0a0a 100%) !important;
} */

/* 右側包裝器外星主題 */
.alien-theme .right-wrapper {
    background-color: #006064 !important;
}

/* 登入標題外星主題 */
.alien-theme .docs-login-header {
    color: #ffffff !important; /* 白色 */
}

/* 表單組外星主題 */
.alien-theme .docs-form-group {
    color: #ffffff !important; /* 白色 */
}

/* 輸入框包裝器外星主題 */
.alien-theme .docs-textbox-wrap {
    border: 1px solid #4db6ac !important;
    background-color: #00838f !important;
}

.alien-theme .docs-textbox {
    background-color: #00838f !important;
    color: #ffffff !important; /* 白色 */
    border: 0 !important;
}

.alien-theme .docs-textbox::placeholder {
    color: #b2dfdb !important; /* 淺青色 */
}

/* 按鈕樣式外星主題 */
.alien-theme .docs-btn {
    background-color: #ffeb3b !important; /* 亮黃色 */
    color: #0a0a0a !important; /* 黑色文字 */
    border: 1px solid #ffeb3b !important;
}

.alien-theme .docs-btn:hover {
    background-color: #fff176 !important; /* 淺亮黃色 */
    border-color: #fff176 !important;
}

.alien-theme .docs-btn.no-background-color {
    border: 1px solid #ffeb3b !important; /* 亮黃色邊框 */
    background-color: transparent !important;
    color: #ffffff !important; /* 白色文字 */
}

/* 忘記密碼和註冊鏈接外星主題 */
.alien-theme #forget-password,
.alien-theme a[href*="Register"] {
    color: #ffeb3b !important;
}

.alien-theme #forget-password:hover,
.alien-theme a[href*="Register"]:hover {
    color: #fff176 !important;
}

/* 文化選擇外星主題 */
.alien-theme .home_culture_select a {
    color: #ffffff !important; /* 白色 */
    background-color: rgba(0, 96, 100, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #4db6ac !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.alien-theme .home_culture_select a:hover {
    background-color: #00838f !important;
    color: #ffffff !important;
}

.alien-theme .culture_panel {
    background: #006064 !important;
    border: 1px solid #4db6ac !important;
}

.alien-theme .culture_panel ul li {
    color: #ffffff !important; /* 白色 */
}

/* 主題選擇器外星主題 */
.alien-theme #theme-selector .theme_select_btn a {
    color: #ffffff !important;
    background-color: rgba(0, 96, 100, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #4db6ac !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.alien-theme #theme-selector .theme_select_btn a:hover {
    background-color: #00838f !important;
    color: #ffffff !important;
}

.alien-theme #theme-selector .theme_panel {
    background: #006064 !important;
    border: 1px solid #4db6ac !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.alien-theme #theme-selector .theme_panel li {
    color: #ffffff !important;
    background-color: #006064 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    margin: 2px 0 !important;
    border: 1px solid transparent !important;
}

.alien-theme #theme-selector .theme_panel li:hover {
    background-color: #00838f !important;
    color: #ffffff !important;
    border: 1px solid #4db6ac !important;
}

/* 外星主題 - Banner背景色 */
.alien-theme .right-top-wrapper {
    background: linear-gradient(135deg, #006064 0%, #004d40 100%) !important;
    border-bottom: 1px solid #4db6ac !important;
}

/* 響應式調整外星主題 - 保持商標區域原樣 */
@media only screen and (max-width: 1024px) {
    /* .alien-theme .left-wrapper {
        background: linear-gradient(180deg, #00838f 0%, #0a0a0a 100%) !important;
    } */
}

@media only screen and (max-width: 560px) {
    .alien-theme .docs-login-wrapper {
        background-color: #006064 !important;
    }
}

@media only screen and (max-width: 320px) {
    /* .alien-theme .login-title {
        color: #ffeb3b !important;
    } */
}