/* ========================================
   又开外卖 - 首页样式覆盖
   配色方案: 橙色(#FF6B35) + 深色背景(#1a1a2e)
   ======================================== */

/* 全局变量 */
:root {
    --yk-orange: #FF6B35;
    --yk-orange-light: #FF8C5A;
    --yk-orange-dark: #E55A25;
    --yk-dark: #1a1a2e;
    --yk-dark-secondary: #16213e;
    --yk-blue: #0f3460;
    --yk-text-light: #ffffff;
    --yk-text-gray: #cccccc;
}

/* Header 背景 */
.head .head_box {
    background: linear-gradient(135deg, var(--yk-dark) 0%, var(--yk-dark-secondary) 100%) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3) !important;
}

/* 导航文字颜色 */
.head .h_cont .menus > p span {
    color: var(--yk-text-light) !important;
}

.head .h_cont .menus > p span:hover {
    color: var(--yk-orange) !important;
}

.head .h_cont .menus .ismenus {
    color: var(--yk-orange) !important;
}

.head .h_cont .menus .ismenu {
    border-bottom-color: var(--yk-orange) !important;
}

/* 电话信息颜色 */
.head .h_cont .wei6 {
    color: var(--yk-text-light) !important;
}

.head .h_cont .t-c {
    color: var(--yk-text-gray) !important;
}

/* 登录按钮 */
.head .h_cont .btn-primary {
    background: var(--yk-orange) !important;
    border: none;
    transition: all 0.3s ease;
}

.head .h_cont .btn-primary:hover {
    background: var(--yk-orange-light) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

.head .h_cont .btn-success {
    background: transparent !important;
    border: 1px solid var(--yk-orange) !important;
    color: var(--yk-orange) !important;
}

.head .h_cont .btn-success:hover {
    background: var(--yk-orange) !important;
    color: #fff !important;
}

/* Banner 轮播 */
.el-carousel {
    background: linear-gradient(135deg, var(--yk-dark) 0%, var(--yk-dark-secondary) 50%, var(--yk-blue) 100%);
}

.el-carousel__item {
    background: linear-gradient(135deg, var(--yk-dark) 0%, var(--yk-dark-secondary) 100%);
}

.head .bannet .f46 {
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.head .bannet .f20 {
    color: var(--yk-text-gray) !important;
}

/* Banner 指示器 */
.el-carousel__indicator button {
    background: rgba(255, 107, 53, 0.5) !important;
    border-color: var(--yk-orange) !important;
}

.el-carousel__indicator button.is-active {
    background: var(--yk-orange) !important;
    border-color: var(--yk-orange) !important;
}

/* CTA 按钮 */
.btn-lg-primary {
    background: var(--yk-orange) !important;
}

.btn-lg-primary:hover {
    background: var(--yk-orange-light) !important;
    box-shadow: 0 4px 20px rgba(255, 107, 53, 0.5);
}

/* 产品介绍区域 - 保持原始样式 */

/* 解决方案区域 */
.solution {
    background: linear-gradient(135deg, var(--yk-dark) 0%, var(--yk-dark-secondary) 100%) !important;
}

.solution > div > h1 {
    color: #fff !important;
}

.solution > div > p {
    color: var(--yk-text-gray) !important;
}

.solution .s_item {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.solution .s_item > div > h3 {
    color: var(--yk-orange) !important;
}

.solution .s_item > div > h4 {
    color: var(--yk-text-gray) !important;
}

.solution .s_item .s_cont {
    background: rgba(255, 107, 53, 0.1) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 107, 53, 0.3);
}

.solution .s_item .s_cont:hover {
    background: var(--yk-orange) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.solution .s_item .s_bot span {
    color: var(--yk-orange) !important;
}

/* 特色功能区域 */
.special {
    background: #fff !important;
}

.special > .w1200 h1 {
    color: var(--yk-dark) !important;
}

.special .t_cont .t_item:hover > img {
    transform: translateY(-15px);
}

/* 营销能力区域 */
.scheme {
    background: linear-gradient(135deg, var(--yk-orange) 0%, var(--yk-orange-dark) 100%) !important;
}

.scheme .j_cont {
    background: rgba(255, 255, 255, 0.95) !important;
}

.scheme .j_cont:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* 案例区域 */
.partner {
    background: linear-gradient(135deg, var(--yk-dark) 0%, var(--yk-dark-secondary) 100%) !important;
}

.partner .f36 {
    color: #fff !important;
}

.partner .p_cont .p_txt {
    background: var(--yk-orange) !important;
    box-shadow: 0 -5px 10px 5px rgba(255, 107, 53, 0.7) !important;
}

/* 关于我们 */
#intro {
    background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%) !important;
}

#intro .f36 {
    color: var(--yk-dark) !important;
}

/* 服务理念 */
.about {
    background: var(--yk-dark) !important;
}

.about .f36 {
    color: #fff !important;
}

.about .f16 {
    color: var(--yk-text-gray) !important;
}

.about .a_item {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.about .a_item .f20 {
    color: var(--yk-orange) !important;
}

.about .a_item .f16 {
    color: var(--yk-text-gray) !important;
}

/* CTA 区域 */
.new {
    background: linear-gradient(135deg, var(--yk-orange) 0%, var(--yk-orange-dark) 100%) !important;
}

.new .cf {
    color: #fff !important;
}

.new .btn-white {
    background: var(--yk-dark) !important;
    color: #fff !important;
    border: none;
}

.new .btn-white:hover {
    background: var(--yk-dark-secondary) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* 底部 */
.bottom {
    background: var(--yk-dark) !important;
}

.bottom .f20 {
    color: var(--yk-orange) !important;
}

.bottom .f22 {
    color: #fff !important;
}

.bottom .f16 {
    color: var(--yk-text-gray) !important;
}

.bottom .f14 {
    color: var(--yk-text-gray) !important;
}

.bottom .p20 {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.bottom .c9 {
    color: var(--yk-text-gray) !important;
}

/* 侧边栏 */
.box .kf {
    background: var(--yk-orange) !important;
}

.box .kf:hover {
    background: var(--yk-orange-light) !important;
}

.box .kf .code .til {
    background: linear-gradient(135deg, var(--yk-orange) 0%, var(--yk-orange-dark) 100%) !important;
}

.box .kf .code .spa {
    color: var(--yk-orange) !important;
}

.box .us:hover {
    background-color: var(--yk-orange) !important;
}

.box .us:hover .text {
    color: #fff !important;
}

.box .toTop:hover {
    background: var(--yk-orange) !important;
    color: #fff !important;
}

/* 弹窗 */
.zx .z_item .z_head {
    background: linear-gradient(135deg, var(--yk-orange) 0%, var(--yk-orange-dark) 100%) !important;
}

.zx .f24 {
    color: var(--yk-orange) !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .head .head_box {
        background: var(--yk-dark) !important;
    }
    
    .head .h_cont .btn-primary {
        background: var(--yk-orange) !important;
    }
    
    .head .h_cont .btn-success {
        border-color: var(--yk-orange) !important;
        color: var(--yk-orange) !important;
    }
}

/* 动画效果 */
@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(255, 107, 53, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 107, 53, 0); }
}

.head .h_cont .btn-primary {
    animation: pulse-orange 2s infinite;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 选中文本颜色 */
::selection {
    background: var(--yk-orange);
    color: #fff;
}

::-moz-selection {
    background: var(--yk-orange);
    color: #fff;
}