/* ==========================================================================
   nav-page-index.css  首页专用：天气 + 实时热搜小组件
   仅 index.html 引入
   ========================================================================== */

.widget-row{display:flex;gap:16px;margin-bottom:18px;flex-wrap:wrap;}

.weather-widget{
    background:var(--nav-card);color:var(--nav-card-text);border-radius:12px;
    padding:14px 18px;display:flex;align-items:center;gap:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.06);min-width:220px;flex-wrap:wrap;
}
.weather-widget .w-city{font-weight:700;font-size:16px;}
.weather-widget .w-temp{color:#f76b1c;font-weight:700;}
.weather-widget .w-tips{color:var(--nav-muted,#999);font-size:12px;width:100%;}

.hotsearch-widget{
    flex:1;min-width:280px;background:var(--nav-card);border-radius:12px;
    padding:12px 16px;box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.hotsearch-widget .hs-head{
    display:flex;justify-content:space-between;align-items:center;
    font-weight:700;color:var(--nav-card-text);margin-bottom:8px;
}
.hotsearch-widget .hs-tabs a{
    font-weight:400;font-size:13px;color:var(--nav-muted,#999);
    cursor:pointer;margin-left:10px;
}
.hotsearch-widget .hs-tabs a.active{color:#1E9FFF;font-weight:700;}
.hotsearch-widget .hs-list{
    list-style:none;margin:0;padding:0;columns:2;column-gap:24px;
}
.hotsearch-widget .hs-list li{
    display:flex;align-items:center;gap:8px;padding:4px 0;
    font-size:14px;break-inside:avoid;
}
.hotsearch-widget .hs-list li .rk{
    width:18px;text-align:center;color:#bbb;font-weight:700;font-style:normal;
}
.hotsearch-widget .hs-list li:nth-child(1) .rk,
.hotsearch-widget .hs-list li:nth-child(2) .rk,
.hotsearch-widget .hs-list li:nth-child(3) .rk{
    color:#f76b1c;
}
.hotsearch-widget .hs-list li a{
    color:var(--nav-card-text,#333);text-decoration:none;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hotsearch-widget .hs-list li a:hover{color:#1E9FFF;}

@media (max-width:640px){
    .hotsearch-widget .hs-list{columns:1;}
}