@import url("/skin/style_theme.css");
.page-with-sidebar{background:linear-gradient(#f2f6fc 0,#f7f9fc 260px,#f5f7fb 100%)}
.page-header{padding:22px 25px;border:1px solid #e2e9f4;border-left:5px solid var(--primary);border-radius:0 14px 14px 0;background:#fff;box-shadow:var(--shadow-sm)}
.page-header h1:after{display:none}
.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:0}
.list-grid>a{display:block;min-width:0;height:100%}
.list-item{display:flex;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm);transition:var(--transition)}
.list-item:hover{transform:translateY(-3px);border-color:#c8daf8;box-shadow:var(--shadow)}
.list-img{display:flex;flex:0 0 190px;align-items:center;justify-content:center;width:190px;min-height:168px;overflow:hidden;background:#edf2f8}
.list-img img{width:100%;object-fit:cover;transition:transform .4s ease}
.list-item:hover .list-img img{transform:scale(1.04)}
.list-content{display:flex;flex:1;flex-direction:column;min-width:0;padding:17px 17px 15px}
.list-content h3{display:-webkit-box;overflow:hidden;margin:0 0 10px;color:var(--dark);font-size:18px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list-content p{display:-webkit-box;overflow:hidden;margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:#8792a4;font-size:12px}
.list-meta i{margin-right:3px;color:var(--primary)}
.list-price{display:inline-flex;margin-top:auto;padding:4px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700}
.sidebar-widget .sidebar-links li{position:relative}
.sidebar-widget .sidebar-links a{display:block}
@media(max-width:1024px){.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-img{flex-basis:165px;width:165px}}
@media(max-width:768px){
  .page-header{padding:17px 17px 18px;border-left-width:4px}
  .list-grid{grid-template-columns:1fr;gap:13px}
  .list-item{min-height:132px}
  .list-img{flex-basis:132px;width:132px;min-height:132px}
  .list-content{padding:13px}
  .list-content h3{font-size:16px;-webkit-line-clamp:2}
  .list-content p{margin-bottom:8px;font-size:12px;-webkit-line-clamp:2}
  .list-meta{font-size:11px}
}
@media(max-width:480px){.list-img{flex-basis:112px;width:112px;min-height:122px}.list-content{padding:11px}.list-content h3{font-size:15px}}
.page-update{display:inline-flex;align-items:center;margin-left:8px;padding:3px 9px;border-radius:999px;background:#eef4ff;color:#31527f;font-size:12px;white-space:nowrap}
@media(max-width:600px){.page-update{display:flex;width:max-content;margin:8px 0 0}}