.mobile-sidebar-style #sidebar.news-sidebar { display: block; width: 100%; }
.mobile-sidebar-style #sidebar > .box { padding: 0; margin: 0 0 34px; overflow: visible; background: #fff; }
.mobile-sidebar-style #sidebar .sidebar-section-title { margin: 0 0 19px; padding: 0; border-bottom: 0; color: #29394c; font-size: 17px; font-weight: 500; line-height: 1.6; }
.mobile-sidebar-style #sidebar .sidebar-hot-item { margin-bottom: 24px; padding-bottom: 0; border-bottom: 0; }
.mobile-sidebar-style #sidebar .sidebar-hot-item:last-child { margin-bottom: 0; padding-bottom: 0; }
.mobile-sidebar-style #sidebar .sidebar-hot-item h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 12px; font-size: 14px; font-weight: 400; line-height: 1.8; }
.mobile-sidebar-style #sidebar .sidebar-hot-item h3 a { color: #36475c; }
.mobile-sidebar-style #sidebar .sidebar-hot-item h3 a:hover { color: #172c46; }
.mobile-sidebar-style #sidebar .sidebar-hot-body { grid-template-columns: 96px minmax(0, 1fr); gap: 13px; align-items: start; }
.mobile-sidebar-style #sidebar .sidebar-hot-body img { display: block; width: 96px; height: 72px; object-fit: cover; border-radius: 3px; }
.mobile-sidebar-style #sidebar .sidebar-hot-body p { -webkit-line-clamp: 2; color: #8a95a3; font-size: 12px; line-height: 21px; }
.mobile-sidebar-style #sidebar .sidebar-detail { display: inline-block; margin-top: 6px; color: #687b92; font-size: 11px; line-height: 20px; }
.mobile-sidebar-style #sidebar .sidebar-ranking .sidebar-section-title { margin-bottom: 8px; }
.mobile-sidebar-style #sidebar .ranking-tabs { gap: 26px; margin-bottom: 8px; border-bottom: 0; }
.mobile-sidebar-style #sidebar .ranking-tabs button { flex: 0 0 auto; height: 40px; padding: 0px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; box-shadow: none; color: #929ba7; font-size: 14px; }
.mobile-sidebar-style #sidebar .ranking-tabs button:hover { color: #36475c; background: none; }
.mobile-sidebar-style #sidebar .ranking-tabs button[aria-selected="true"] { border-color: var(--site-primary, #ff5000); background: none; color: #36475c; font-weight: 500; }
.mobile-sidebar-style #sidebar .news-rank-item { gap: 10px; min-height: 39px; }
.mobile-sidebar-style #sidebar .news-rank-item > a { color: #59697d; font-size: 12px; }
.mobile-sidebar-style #sidebar .news-rank-item > a:hover { color: #243c59; }
.mobile-sidebar-style #sidebar .news-rank-item small { min-width: 35px; text-align: right; color: #a2aab5; font-size: 10px; font-variant-numeric: tabular-nums; }
.mobile-sidebar-style #sidebar .rank-number { width: 16px; height: 16px; border-radius: 2px; font-size: 10px; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(1) .rank-number { background: #ff5000; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(2) .rank-number { background: #ff702e; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(3) .rank-number { background: #ff8b54; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(4) .rank-number { background: #ffa477; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(5) .rank-number { background: #ffbd9a; }
.mobile-sidebar-style #sidebar .news-rank-item:nth-child(n+6) .rank-number { background: #e3e6eb; color: #939ca8; }
.mobile-sidebar-style .phone-ranking-caption { float: right; margin-top: 5px; color: #a4acb6; font-size: 11px; font-weight: 400; }
.mobile-sidebar-style .sidebar-phone-list { margin: 0; padding: 0; list-style: none; }
.mobile-sidebar-style .sidebar-phone-item { display: flex; align-items: center; gap: 13px; padding: 11px 0; }
.mobile-sidebar-style .sidebar-phone-item:first-child { padding-top: 0; }
.mobile-sidebar-style .phone-ranking-number { flex: 0 0 18px; color: #ff5000; font-size: 17px; font-weight: 500; font-variant-numeric: tabular-nums; }
.mobile-sidebar-style .sidebar-phone-item:nth-child(2) .phone-ranking-number { color: #ff702e; }
.mobile-sidebar-style .sidebar-phone-item:nth-child(3) .phone-ranking-number { color: #ff8b54; }
.mobile-sidebar-style .sidebar-phone-item:nth-child(n+4) .phone-ranking-number { color: #b5bdc7; }
.mobile-sidebar-style .phone-ranking-image { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 58px; }
.mobile-sidebar-style .phone-ranking-image img { display: block; width: 44px; height: 54px; object-fit: contain; transition: transform .25s ease; }
.mobile-sidebar-style .phone-ranking-info { display: flex; flex: 1; flex-direction: column; gap: 7px; min-width: 0; }
.mobile-sidebar-style .phone-ranking-info > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #36475c; font-size: 13px; line-height: 1.6; }
.mobile-sidebar-style .phone-ranking-info > a:hover { color: #ff5000; }
.mobile-sidebar-style .phone-ranking-price { color: #8c97a5; font-size: 12px; }
.mobile-sidebar-style .phone-ranking-trend { display: flex; flex: 0 0 24px; width: 24px; height: 24px; align-items: center; justify-content: center; margin-left: auto; border: 0; border-radius: 0; background: none; }
.mobile-sidebar-style .phone-ranking-trend svg { display: block; width: 15px; height: 15px; fill: currentColor; stroke: none; }
.mobile-sidebar-style .phone-ranking-trend.is-up { color: #ed7845; background: none; }
.mobile-sidebar-style .phone-ranking-trend.is-down { color: #a3adbb; background: none; }
@media (hover: hover) and (pointer: fine) {
  .mobile-sidebar-style .phone-ranking-image:hover img { transform: scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-sidebar-style .phone-ranking-image img { transition: none; }
}

.phone-detail-layout > .table{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start;}
.phone-detail-layout > .table > #main{display:block;min-width:0;padding-left:0;}
@media(max-width:980px){.phone-detail-layout > .table{grid-template-columns:minmax(0,1fr);}.phone-detail-layout > .table > #sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}}
@media(max-width:600px){.phone-detail-layout > .table > #sidebar{display:block;}}

.mobile-sidebar-style .phone-ranking-trend img{display:block;width:20px;height:20px;object-fit:contain;filter:none;opacity:1;}

.mobile-sidebar-style .phone-ranking-trend{gap:3px;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;}
.mobile-sidebar-style .phone-ranking-trend.is-up{color:var(--site-primary,#ff5000);}
.mobile-sidebar-style .phone-ranking-trend.is-down,.mobile-sidebar-style .phone-ranking-trend.is-steady{color:#9ba5b3;}
.mobile-sidebar-style .rank-change-marker{display:block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;}
.mobile-sidebar-style .is-up .rank-change-marker{border-bottom:5px solid currentColor;}
.mobile-sidebar-style .is-down .rank-change-marker{border-top:5px solid currentColor;}