/* ==========================================================
   LSK Product List Premium Tuning - 2026-06-25
   Scope: 产品中心列表页。只做立体感、卡片质感、侧栏与面包屑美化。
   Important: 产品图片比例不改，仍沿用原来的 img-x[data-ratio="16:16"]。
   ========================================================== */
.product-premium-page{
    background:#f4f7fb;
    color:#26364d;
}
.product-premium-page .product-list-banner{
    position:relative;
    overflow:hidden;
    margin-bottom:28px!important;
    background:#0b315f;
    box-shadow:0 16px 36px rgba(8,37,76,.10);
}
.product-premium-page .product-list-banner:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:5px;
    background:linear-gradient(90deg,#f08c00 0%,#0b63b6 28%,rgba(11,99,182,.25) 100%);
    opacity:.92;
}
.product-premium-page .product-list-container{
    padding-bottom:50px;
}
.product-premium-page .product-list-row{
    display:block;
}
.product-premium-page .product-main-area{
    position:relative;
}
.product-premium-page .product-place-card{
    position:relative;
    min-height:54px;
    padding:14px 20px!important;
    border:1px solid rgba(196,211,229,.75)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%)!important;
    box-shadow:0 12px 30px rgba(22,55,92,.08);
    overflow:hidden;
}
.product-premium-page .product-place-card:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:linear-gradient(180deg,#f08c00,#0b63b6);
}
.product-premium-page .product-place-card h1{
    color:#17283f;
    font-weight:800!important;
    letter-spacing:.2px;
}
.product-premium-page .product-place-card h1 i{
    margin-right:7px;
    color:#0b63b6;
}
.product-premium-page .product-place-card .place,
.product-premium-page .product-place-card .place a{
    color:#7b8796;
}
.product-premium-page .product-place-card .place a:hover{
    color:#0b63b6;
}
/* 左侧分类 */
.product-premium-page .product-side{
    padding-right:18px;
}
.product-premium-page .product-side .function{
    margin-bottom:20px;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(198,212,228,.8);
    box-shadow:0 14px 36px rgba(18,47,80,.08);
}
.product-premium-page .product-side dt{
    position:relative;
    height:52px!important;
    line-height:52px!important;
    padding:0 18px!important;
    margin-left:0!important;
    border-left:0!important;
    font-size:17px!important;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,#0b63b6 0%,#07539a 62%,#0d4779 100%)!important;
    letter-spacing:.2px;
}
.product-premium-page .product-side dt:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:#f08c00;
}
.product-premium-page .product-side dt:after{
    content:"";
    position:absolute;
    right:-30px;top:-42px;
    width:110px;height:110px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.product-premium-page .product-side dd{
    padding:7px 12px!important;
    border:0!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.product-premium-page .product-side dd ul li{
    position:relative;
    padding:0!important;
    border-bottom:1px solid #edf2f7!important;
}
.product-premium-page .product-side dd ul li:last-child{
    border-bottom:0!important;
}
.product-premium-page .product-side dd ul li a{
    position:relative;
    display:block;
    padding:12px 8px 12px 18px;
    line-height:1.45;
    color:#5f6d7e;
    border-radius:10px;
    font-size:15px;
    transition:all .24s ease;
}
.product-premium-page .product-side dd ul li a:before{
    content:"";
    position:absolute;
    left:3px;top:50%;
    width:5px;height:5px;
    border-radius:50%;
    background:#c7d4e3;
    transform:translateY(-50%);
    transition:all .24s ease;
}
.product-premium-page .product-side dd ul li a:hover,
.product-premium-page .product-side dd ul li a.hover{color:#073d78!important;background:linear-gradient(90deg,#eef6ff 0%,#fff 100%)!important;box-shadow:inset 0 0 0 1px rgba(11,103,189,.12),0 8px 18px rgba(15,45,86,.06)!important;transform:translateX(3px);}
.product-premium-page .product-side dd ul li a:hover:before,
.product-premium-page .product-side dd ul li a.hover:before{background:#f08c00!important;box-shadow:0 0 0 4px rgba(240,140,0,.16)!important;}
/* 左侧搜索 */
.product-premium-page .product-side-search dd{
    padding:14px!important;
}
.product-premium-page .product-side-search #divSearchPanel,
.product-premium-page .product-side-search form{
    width:100%;
}
.product-premium-page .product-side #divSearchPanel dd form,
.product-premium-page .product-side-search dd form{
    height:40px!important;
    border:1px solid #d7e2ee!important;
    border-radius:999px!important;
    overflow:hidden;
    background:#f8fbff;
}
.product-premium-page .product-side #divSearchPanel input[type="text"]{
    height:38px!important;
    line-height:38px!important;
    width:68%!important;
    padding-left:15px!important;
    color:#26364d;
    background:transparent;
}
.product-premium-page .product-side #divSearchPanel input[type="submit"]{
    height:38px!important;
    width:32%!important;
    background:linear-gradient(135deg,#0b63b6,#07539a)!important;
    color:#fff;
    font-weight:700;
}
/* 产品卡片：不改图片比例，只增强卡片质感 */
.product-premium-page .product-grid-premium ul.row{
    margin-left:-10px;
    margin-right:-10px;
}
.product-premium-page .product-grid-premium .product-grid-item{
    padding-left:10px!important;
    padding-right:10px!important;
    margin-bottom:24px!important;
}
.product-premium-page .product-card-premium{
    position:relative;
    display:block;
    overflow:hidden;
    border:1px solid rgba(206,218,232,.9)!important;
    border-radius:16px;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(18,51,88,.08);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.product-premium-page .product-card-premium:before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;
    height:3px;
    background:linear-gradient(90deg,#f08c00,#0b63b6,rgba(11,99,182,0));
    opacity:.0;
    transition:opacity .28s ease;
    z-index:3;
}
.product-premium-page .product-card-premium > span.img-x{
    background:linear-gradient(145deg,#f7faff,#edf4fb);
    border-bottom:1px solid #edf2f7;
}
.product-premium-page .product-card-premium > span.img-x:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:42%;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(7,42,81,.08));
    pointer-events:none;
}
.product-premium-page .product-card-premium .product-card-title{
    position:relative;
    min-height:58px;
    padding:16px 14px!important;
    line-height:26px!important;
    height:auto!important;
    color:#2b3748;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
    font-size:16px!important;
    font-weight:700;
    letter-spacing:.2px;
}
.product-premium-page .product-card-premium .product-card-title:after{
    content:"";
    position:absolute;
    left:50%;bottom:8px;
    width:34px;height:2px;
    border-radius:6px;
    background:linear-gradient(90deg,#f08c00,#0b63b6);
    transform:translateX(-50%) scaleX(.65);
    opacity:.0;
    transition:all .28s ease;
}
.product-premium-page .product-card-premium:hover{
    border-color:rgba(11,99,182,.45)!important;
    box-shadow:0 20px 42px rgba(10,54,105,.16);
    transform:translateY(-6px);
}
.product-premium-page .product-card-premium:hover:before{
    opacity:1;
}
.product-premium-page .product-card-premium:hover .product-card-title{
    color:#0b5fac;
}
.product-premium-page .product-card-premium:hover .product-card-title:after{
    opacity:1;
    transform:translateX(-50%) scaleX(1);
}
.product-premium-page .product-pagebar{
    margin:8px 0 36px!important;
}
.product-premium-page .product-pagebar .xiycms-page{
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:0;
}
.product-premium-page .product-pagebar li{
    float:none!important;
}
.product-premium-page .product-pagebar a,
.product-premium-page .product-pagebar .now-page{
    min-width:38px;
    height:38px;
    line-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0!important;
    padding:4px 13px!important;
    border-radius:11px!important;
    border:1px solid #dbe6f2;
    background:#fff!important;
    color:#526070!important;
    box-shadow:0 8px 18px rgba(15,45,86,.05);
}
.product-premium-page .product-pagebar a:hover,
.product-premium-page .product-pagebar .now-page{
    background:linear-gradient(135deg,#0b63b6,#07539a)!important;
    color:#fff!important;
    border-color:#0b63b6;
}
@media screen and (max-width:768px){
    .product-premium-page .product-list-banner{margin-bottom:16px!important;}
    .product-premium-page .product-place-card{padding:12px 14px!important;border-radius:12px!important;}
    .product-premium-page .product-place-card .place{float:none!important;display:block;margin-top:8px;}
    .product-premium-page .product-grid-premium ul.row{margin-left:-5px;margin-right:-5px;}
    .product-premium-page .product-grid-premium .product-grid-item{padding-left:5px!important;padding-right:5px!important;margin-bottom:12px!important;}
    .product-premium-page .product-card-premium{border-radius:12px;}
    .product-premium-page .product-card-premium .product-card-title{font-size:14px!important;line-height:22px!important;padding:12px 8px!important;min-height:48px;}
}



/* GOLSK product side selected item: elegant light blue dropdown matching style */
.product-premium-page .product-side dd ul li a:hover,.product-premium-page .product-side dd ul li a.hover{color:#073d78!important;background:linear-gradient(90deg,#eef6ff 0%,#fff 100%)!important;box-shadow:inset 0 0 0 1px rgba(11,103,189,.12),0 8px 18px rgba(15,45,86,.06)!important;}
.product-premium-page .product-side dd ul li a:hover:before,.product-premium-page .product-side dd ul li a.hover:before{background:#f08c00!important;box-shadow:0 0 0 4px rgba(240,140,0,.16)!important;}

/* GOLSK product hero lighter background fix 2026-06-25 */
.product-premium-page .product-solution-style-hero:before{
  background:linear-gradient(100deg,rgba(3,29,60,.30) 0%,rgba(3,84,166,.12) 46%,rgba(255,255,255,.02) 100%)!important;
}
.product-premium-page .product-solution-style-hero img{
  filter:none!important;
  opacity:1!important;
}
/* /GOLSK product hero lighter background fix 2026-06-25 */