.sidebar-wrapper{background-color:#fff;border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;overflow:hidden}.sidebar-section{border-bottom:1px solid #000;padding:30px 20px}.sidebar-section:last-child{border-bottom:none}.sidebar-title{color:#333;font-size:16px;font-weight:700;letter-spacing:.1em;margin-bottom:25px;margin-top:0;text-align:center}.popular-list{display:flex;flex-direction:column;gap:20px}.popular-item{align-items:center;color:#333;display:flex;gap:15px;text-decoration:none;transition:opacity .3s}.popular-item:hover{opacity:.7}.popular-rank{flex-shrink:0;font-size:18px;font-weight:700;text-align:center;width:15px}.popular-img{flex-shrink:0;height:70px;width:70px}.popular-img img{height:100%;object-fit:cover;width:100%}.popular-title{font-size:13px;line-height:1.5;margin:0}.recommend-grid{display:grid;gap:20px 15px;grid-template-columns:repeat(2,1fr)}.recommend-item{color:#333;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:opacity .3s}.recommend-item:hover{opacity:.7}.recommend-img{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.recommend-img img{height:100%;object-fit:cover;width:100%}.recommend-tag{background-color:#000;color:#fff;font-size:10px;font-weight:700;left:0;padding:4px 8px;position:absolute;top:0}.recommend-title{font-size:12px;line-height:1.5;margin:0}.category-list{border-top:1px dotted #888;list-style:none;margin:0;padding:0}.category-item{border-bottom:1px dotted #888}.category-item a{color:#333;display:block;font-size:13px;padding:15px 0;text-align:center;text-decoration:none;transition:background-color .3s}.category-item a:hover{background-color:#f9f9f9}.banner-section{padding:8px 8px 20px}.banner2-section{padding:20px 15px}.banner-wrapper{background-color:#eee;padding:10px}.banner-wrapper,.banner2-wrapper{display:flex;flex-direction:column;gap:10px}.banner-link{display:block;transition:opacity .3s}.banner-link:hover{opacity:.8}.banner-link img{display:block;height:auto;width:100%}@media (min-width:768px){.banner-section{order:-1}.sidebar-section.banner-section:last-child{border-bottom:1px solid #000}.sidebar-section.category-section{border-bottom:none}.sidebar-wrapper.has-banner2 .sidebar-section.category-section{border-bottom:1px solid #000}}