/* 优翰官网最终视觉层：始终在 modern.css 之后加载 */

/* 通用行动按钮 */
a.btn-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

/* 服务卡片：立即咨询 */
.gray-product .more a.btn-more {
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    color: #087f5b !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.gray-product .more a.btn-more::after {
    content: "→";
    margin-left: 6px;
    font-size: 16px;
    transition: transform .2s ease;
}
.gray-product .more {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    padding: 12px 16px 18px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.gray-product .more::before,
.gray-product .more::after { display: none !important; content: none !important; }
.gray-product .more a.btn-more:hover,
.gray-product .more a.btn-more:focus {
    color: #065f46 !important;
    background: transparent !important;
    border-color: transparent !important;
    transform: none !important;
}
.gray-product .more a.btn-more:hover::after,
.gray-product .more a.btn-more:focus::after { transform: translateX(3px); }

/* 首页关于我们下方三枚按钮 */
.forus-bg .morebox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
.forus-bg .morebox a.btn-more {
    margin: 0 !important;
    min-height: 46px !important;
    padding: 0 24px !important;
    border-radius: 8px !important;
}
.forus-bg .morebox a.more0 {
    color: #102a43 !important;
    background: #fff !important;
    border: 1px solid #bcccdc !important;
    box-shadow: none !important;
}
.forus-bg .morebox a.more1 {
    color: #fff !important;
    background: #0f9f79 !important;
    border: 1px solid #0f9f79 !important;
    box-shadow: 0 7px 16px rgba(15,159,121,.18) !important;
}
.forus-bg .morebox a.more2 {
    color: #102a43 !important;
    background: #edf2f7 !important;
    border: 1px solid #bcccdc !important;
    box-shadow: none !important;
}
.forus-bg .morebox a:hover { transform: translateY(-2px) !important; }

/* 首页首屏按钮 */
.banners:not(.pagebanner) .pics_wrap::before {
    background: linear-gradient(90deg, rgba(7,21,37,.52) 0%, rgba(7,21,37,.30) 42%, rgba(7,21,37,.04) 78%) !important;
}
.banners:not(.pagebanner) .home-hero-actions a.more1 {
    color: #fff !important;
    background: #0f9f79 !important;
    border: 1px solid #0f9f79 !important;
}
.banners:not(.pagebanner) .home-hero-actions a.more2 {
    color: #fff !important;
    background: rgba(16,42,67,.9) !important;
    border: 1px solid rgba(255,255,255,.68) !important;
}

/* 内页栏目导航：只保留一层卡片，禁止标题与列表各自套圆角 */
.sub-nav-box {
    overflow: hidden !important;
    margin-bottom: 22px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgba(16,42,67,.07) !important;
}
.sub-nav-box .sub-nav-title {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e2ec !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.sub-nav-box .sub-nav {
    overflow: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.sub-nav-box .sub-nav ul { margin: 0 !important; padding: 0 !important; }

@media (max-width: 600px) {
    .banners:not(.pagebanner) .pics_wrap::before {
        background: linear-gradient(180deg, rgba(7,21,37,.08), rgba(7,21,37,.58)) !important;
    }
    .forus-bg .morebox { display: grid !important; grid-template-columns: 1fr 1fr !important; }
    .forus-bg .morebox a.btn-more { width: 100% !important; padding: 0 14px !important; }
    .forus-bg .morebox a.more2 { grid-column: 1 / -1 !important; }
    .gray-product .more a.btn-more { width: auto !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
}

@media (prefers-reduced-motion: reduce) {
    a.btn-more { transition: none !important; }
}