/* ============================================
   上海安禾美阁 - 高端医美定制风格 v2.0
   参考艺星医美设计体系优化
   ============================================ */

/* ---- 基础重置 ---- */
html, body {
    background-color: #f5f3f0 !important;
    font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Helvetica Neue', Arial, sans-serif !important;
    color: #1a1a1a !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---- 全局链接 ---- */
a {
    color: #a68b5b !important;
    transition: all 0.3s ease !important;
}
a:hover {
    color: #8a6f3f !important;
    text-decoration: none !important;
}

/* ---- 导航栏 - 艺星风格深色高端 ---- */
.gw-browse-module[name="导航"] .gw-browse-module-content,
.gw-browse-module[data-anchor-id*="nav"] .gw-browse-module-content,
#gw-module-22468231 .gw-browse-module-content,
.gw-header, .gw-nav-bar {
    background: linear-gradient(135deg, #0d0d0d 0%, #1f1f1f 100%) !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.2) !important;
}

.gw-nav, .gw-nav a, .nav-link, .navbar-nav > li > a {
    color: #f0f0f0 !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 15px !important;
}

.gw-nav:hover, .nav-link:hover, .navbar-nav > li > a:hover {
    color: #c9a96e !important;
}

/* ---- 模块背景 ---- */
.gw-browse-module {
    background-color: #f5f3f0 !important;
}

.gw-browse-module-content {
    background-color: transparent !important;
}

/* 白色模块改为高级暖白 */
.gw-browse-module[style*="background-color:rgb(255, 255, 255)"],
.gw-browse-module[style*="background-color:#fff"],
.gw-browse-module[style*="background-color: #fff"] {
    background-color: #faf8f5 !important;
}

/* ---- Banner区域 ---- */
.swiper-container {
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
}

.swiper-img {
    filter: brightness(0.97) contrast(1.03) !important;
}

/* 第一张banner文字遮盖 */
.swiper-wrapper > .swiper-slide:first-child .swiper-img {
    position: relative !important;
}

.swiper-wrapper > .swiper-slide:first-child .swiper-img::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 40% !important;
    background: linear-gradient(to bottom, 
        rgba(245,243,240,0.9) 0%, 
        rgba(245,243,240,0.5) 50%,
        rgba(245,243,240,0) 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.swiper-pagination-bullet {
    background: rgba(201, 169, 110, 0.35) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background: #c9a96e !important;
    width: 24px !important;
    border-radius: 4px !important;
}

/* ---- 卡片与内容容器 - 艺星风格大圆角 ---- */
.shop_goods_style_9 .child-container,
.child-container,
.content-box {
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important;
    border: none !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    overflow: hidden !important;
}

.shop_goods_style_9 .child-container:hover,
.child-container:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 48px rgba(201, 169, 110, 0.12) !important;
}

.img-content-proportion img {
    border-radius: 0 !important;
    transition: transform 0.6s ease !important;
}

.child-container:hover .img-content-proportion img {
    transform: scale(1.05) !important;
}

/* ---- 医生图片修复：调整显示位置 ---- */
.goods_img img,
.hover-img-box img,
.img-content-proportion img,
.gw-browse-module img[alt*="医生"],
.gw-browse-module img[alt*="专家"],
.gw-browse-module img[alt*="院长"],
.gw-browse-module img[alt*="主任"] {
    object-fit: cover !important;
    object-position: center 20% !important;
}

/* 移动端医生图片 */
@media (max-width: 768px) {
    .goods_img img,
    .hover-img-box img,
    .gw-browse-module img[alt*="医生"],
    .gw-browse-module img[alt*="专家"] {
        object-position: center 15% !important;
    }
}

/* ---- 标题文字 ---- */
.gw-browse-component-content {
    font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

.goods_title, .title, .one-row.title,
.shop_goods_style_9 .title,
.article_title, .classified-name {
    color: #1a1a1a !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.goods_title:hover, .title:hover {
    color: #c9a96e !important;
}

/* ---- 医师团队 ---- */
.gw-browse-module[name="医师团队"] .goods_title,
.gw-browse-module[data-anchor-id*="team"] .goods_title,
.gw-browse-module[data-anchor-id*="doctor"] .goods_title {
    color: #1a1a1a !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-top: 12px !important;
}

/* ---- 按钮 - 艺星风格 ---- */
.btn, .btn-primary, .btn-default,
.gw-browse-component-content .btn,
button[type="submit"] {
    background: linear-gradient(135deg, #c9a96e 0%, #b8945f 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 12px 32px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    box-shadow: 0 6px 20px rgba(201, 169, 110, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn:hover, .btn-primary:hover {
    background: linear-gradient(135deg, #b8945f 0%, #a07f4e 100%) !important;
    box-shadow: 0 8px 28px rgba(201, 169, 110, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* ---- 分类菜单 ---- */
.classified-name-box, .classified-list, .child-classified-list {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

a.classified-name.active, a.classified-name:hover,
a.child-classified-name.active, a.child-classified-name:hover {
    background-color: #c9a96e !important;
    color: #fff !important;
    border-radius: 10px !important;
}

/* ---- 页脚 ---- */
.gw-browse-module[name="页脚"] .gw-browse-module-content,
.gw-browse-module[data-anchor-id*="footer"] .gw-browse-module-content,
.gw-footer, .icp-panel {
    background: linear-gradient(135deg, #0d0d0d 0%, #1f1f1f 100%) !important;
    color: #bbb !important;
}

.gw-footer a, .icp-panel a {
    color: #c9a96e !important;
}

/* ---- 悬浮联系按钮 - 艺星风格修复 ---- */
.user-btn, .share {
    background: linear-gradient(135deg, #c9a96e 0%, #b8945f 100%) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(201, 169, 110, 0.4) !important;
}

/* 移动端底部悬浮栏 - 覆盖绿色 */
.isolated-cs-container {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    padding: 8px 16px !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15) !important;
}

.isolated-cs-button,
.isolated-cs-container .isolated-cs-button.isolated-cs-call,
.isolated-cs-button.isolated-cs-wechat {
    background: linear-gradient(135deg, #c9a96e 0%, #b8945f 100%) !important;
    border-radius: 24px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 12px rgba(201, 169, 110, 0.3) !important;
    border: none !important;
    min-width: 140px !important;
}

.isolated-cs-button.isolated-cs-wechat {
    background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 100%) !important;
    border: 1px solid rgba(201, 169, 110, 0.4) !important;
    color: #c9a96e !important;
}

/* ---- 新闻/文章列表 ---- */
.article_abstract {
    color: #555 !important;
    line-height: 1.8 !important;
}

.article-list .item, .news-item {
    border-bottom: 1px solid rgba(201, 169, 110, 0.08) !important;
    padding: 18px 0 !important;
}

/* ---- 表单输入框 ---- */
input[type="text"], input[type="tel"], input[type="email"],
textarea, select, .form-control {
    border: 1px solid #e5e0d8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: #c9a96e !important;
    box-shadow: 0 0 0 4px rgba(201, 169, 110, 0.08) !important;
    outline: none !important;
}

/* ---- 修复文字变淡问题 ---- */
/* 确保所有重要文字都有足够对比度 */
.gw-browse-component-content span,
.gw-browse-component-content p,
.gw-browse-component-content div,
.text-component span,
.text-component p {
    color: inherit !important;
}

/* 链接在白色背景上的对比度 */
.gw-browse-module a.gw-nav,
.gw-browse-module a[href^="tel"] {
    color: #c9a96e !important;
    font-weight: 600 !important;
}

/* 确保按钮文字清晰可见 */
.isolated-cs-button,
.isolated-cs-container a,
.isolated-cs-container button {
    color: #ffffff !important;
}

/* ---- 滚动条美化 ---- */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #c9a96e;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b8945f;
}

/* ---- 分割线 ---- */
hr, .divider {
    border-color: rgba(201, 169, 110, 0.15) !important;
}

/* ---- 艺星风格模块标题 ---- */
.gw-browse-module .gw-browse-component-content {
    line-height: 1.6 !important;
}

/* 大标题加粗 */
h1, h2, h3, h4, h5, h6,
.gw-browse-component-content strong,
.gw-browse-component-content b {
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* ---- 响应式优化 ---- */
@media (max-width: 768px) {
    .swiper-container {
        border-radius: 0 0 16px 16px !important;
    }
    
    .child-container, .content-box {
        border-radius: 16px !important;
    }
    
    .goods_title, .title {
        font-size: 14px !important;
    }
    
    /* 移动端banner遮罩 */
    .swiper-wrapper > .swiper-slide:first-child .swiper-img::after {
        height: 30% !important;
    }
    
    /* 移动端悬浮栏 */
    .isolated-cs-container {
        padding: 6px 12px !important;
    }
    
    .isolated-cs-button {
        min-width: 120px !important;
        font-size: 14px !important;
        padding: 8px 16px !important;
    }
}

/* ---- 动画效果 ---- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gw-browse-module {
    animation: fadeInUp 0.6s ease-out;
}

/* ---- 金色装饰线 ---- */
.gold-line {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #c9a96e, transparent) !important;
    margin: 24px auto !important;
    width: 50px !important;
}