/* Shared, incremental visual polish for secondary pages. */

/* Typography: slightly more breathing room. */
.beauty_con p,
.mall_con p,
.maternal_stores_con p,
.petshop_con p,
.yoga_fitness_con p,
.product01_con ul li p,
.product02_con ul li p,
.product03_con ul li p,
.entance .entance_right p {
    line-height: 1.75;
    letter-spacing: .01em;
}

.function_li p,
.function_lists .function_li p {
    line-height: 1.65;
}

/* Softer product tab surface and clearer hover state. */
.product_tab {
    border-bottom-color: #eef1f6;
    box-shadow: 0 6px 18px rgba(47, 56, 111, .04);
}

.product_tab li a {
    transition: color .2s ease, background-color .2s ease;
}

.product_tab li a:hover {
    color: #4c33dd;
}

.line_bottom {
    border-radius: 2px;
}

/* Clickable controls: consistent 0.2s feedback. */
a.experience_demo,
a.more {
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

a.experience_demo:hover,
a.more:hover {
    transform: translateY(-2px);
}

.product_tab li a:focus-visible,
a.experience_demo:focus-visible,
a.more:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Demo entry cards. */
.entance .entance_right li {
    border-radius: 12px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.entance .entance_right li:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
}

/* Tab controls on industry pages. */
.duan .terminal {
    transition: color .2s ease, background-color .2s ease;
}

.duan .terminal:not(.active):hover {
    color: #4c33dd;
    background: #f7f8fc;
}

/* Screenshot surfaces: soft edges instead of hard image boundaries. */
.beauty_con .inner > img.img_m,
.mall_con .inner > img.img_m,
.maternal_stores_con .inner > img.img_m,
.petshop_con .inner > img.img_m,
.yoga_fitness_con .inner > img.img_m,
.product01_con ul li img,
.product02_con ul li img,
.product03_con ul li img,
.yoga_solution_display li img,
.petshop_system_display li img {
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}

@media (max-width: 1240px) {
    .product01_con ul li img.w1000,
    .product01_con ul li img.w1200,
    .product02_con ul li img.w1200,
    .product03_con ul li img.w640,
    .product03_con ul li img.w840,
    .yoga_fitness_con img.img_m {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}