.page-module__Fi4PMq__container{min-height:100dvh;padding-top:calc(var(--nav-height) + 8px);padding-bottom:calc(2rem + var(--safe-bottom))}.page-module__Fi4PMq__main{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem 2rem;display:flex}.page-module__Fi4PMq__pageHeader{flex-direction:column;gap:.4rem;padding-top:.5rem;display:flex}.page-module__Fi4PMq__title{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.page-module__Fi4PMq__subtitle{color:var(--subtext);font-size:.85rem}.page-module__Fi4PMq__searchBar{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border);width:100%;padding:4px;transition:border-color .2s,box-shadow .2s;display:flex}.page-module__Fi4PMq__searchBar:focus-within{border-color:#ff4b2b66;box-shadow:0 0 0 3px #ff4b2b14}.page-module__Fi4PMq__searchInput{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.55rem .85rem;font-size:.88rem}.page-module__Fi4PMq__searchInput::placeholder{color:var(--subtext);font-size:.82rem}.page-module__Fi4PMq__searchBtn{background:var(--haidilao-gradient);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;height:38px;padding:.55rem 1rem;font-size:.82rem;font-weight:700;transition:transform .1s}.page-module__Fi4PMq__searchBtn:active{transform:scale(.96)}.page-module__Fi4PMq__filterSection{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.page-module__Fi4PMq__sortTabs{flex-wrap:wrap;gap:.3rem;display:flex}.page-module__Fi4PMq__sortTab{border-radius:var(--radius-full);color:var(--subtext);background:0 0;align-items:center;height:34px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.page-module__Fi4PMq__sortTab:active{background:var(--surface-active);color:var(--foreground)}.page-module__Fi4PMq__activeTab,.page-module__Fi4PMq__activeTab:hover,.page-module__Fi4PMq__activeTab:active{background:var(--haidilao-gradient);color:#fff}.page-module__Fi4PMq__emptyState{text-align:center;color:var(--subtext);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);grid-column:1/-1;padding:3rem 1rem;font-size:.95rem}.page-module__Fi4PMq__grid{grid-template-columns:1fr;gap:.6rem;display:grid}.page-module__Fi4PMq__card{border-radius:var(--radius-lg);cursor:pointer;background:var(--card-bg);border:1px solid var(--border);flex-direction:row;min-height:100px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.page-module__Fi4PMq__card:active{transform:scale(.99)}.page-module__Fi4PMq__cardImagePlaceholder{background:linear-gradient(135deg,#ff4b2b,#ff416c);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;min-height:100px;display:flex;position:relative;overflow:hidden}.page-module__Fi4PMq__typoGraphic{color:#fffffff2;text-shadow:0 1px 4px #00000026;z-index:2;text-align:center;word-break:keep-all;padding:0 .5rem;font-size:.8rem;font-weight:800;line-height:1.2}.page-module__Fi4PMq__typoWatermark{color:#ffffff40;letter-spacing:.5px;text-transform:uppercase;font-size:.5rem;font-weight:800;position:absolute;bottom:.3rem;right:.4rem}.page-module__Fi4PMq__cardContent{flex-direction:column;flex:1;justify-content:center;gap:.3rem;min-width:0;padding:.7rem .85rem;display:flex}.page-module__Fi4PMq__cardTitle{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.page-module__Fi4PMq__cardDescription{color:var(--subtext);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.page-module__Fi4PMq__cardTags{flex-wrap:wrap;gap:.2rem;display:flex}.page-module__Fi4PMq__tag{color:var(--primary);border-radius:var(--radius-sm);background:#ff4b2b14;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.page-module__Fi4PMq__cardFooter{color:var(--subtext);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.page-module__Fi4PMq__stats{gap:.5rem;display:flex}.page-module__Fi4PMq__statItem{align-items:center;gap:.15rem;display:flex}.page-module__Fi4PMq__author{font-weight:500}@media (min-width:769px){.page-module__Fi4PMq__container{padding-bottom:2rem}.page-module__Fi4PMq__main{gap:1.5rem;padding:0 2rem 4rem}.page-module__Fi4PMq__title{font-size:1.8rem}.page-module__Fi4PMq__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.page-module__Fi4PMq__card{border-radius:var(--radius-xl);flex-direction:column}.page-module__Fi4PMq__card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.page-module__Fi4PMq__cardImagePlaceholder{width:100%;height:180px;min-height:180px}.page-module__Fi4PMq__typoGraphic{padding:0 1.5rem;font-size:1.6rem}.page-module__Fi4PMq__cardContent{gap:.5rem;padding:1.2rem}.page-module__Fi4PMq__cardTitle{font-size:1.15rem}.page-module__Fi4PMq__cardDescription{-webkit-line-clamp:2;font-size:.85rem}.page-module__Fi4PMq__sortTab{height:38px;padding:.5rem 1rem;font-size:.88rem}.page-module__Fi4PMq__sortTab:hover{background:var(--surface-hover);color:var(--foreground)}.page-module__Fi4PMq__filterSection{border-radius:var(--radius-xl);padding:1rem}}