.cats{padding-block:14px 24px}.cats__title{font-size:var(--fs-16);font-weight:var(--fw-bold);margin-bottom:8px;text-align:center}.cats__group-name{font-size:var(--fs-15,.9375rem);font-weight:var(--fw-bold)}.cats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;padding:6px 0 14px}.cattile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.cattile__media{width:100%;aspect-ratio:1/1;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--c-teal)}.cattile__media img{width:100%;height:100%;object-fit:cover}.cattile__label{font-size:var(--fs-10);color:var(--c-text-muted);line-height:1.5}.cats__viewall{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-size:var(--fs-13);color:var(--c-teal);font-weight:var(--fw-medium)}.cats__viewall svg{width:18px;height:18px}.search.container{padding-block:14px 24px}.search__form{margin-bottom:22px}.search__box{display:flex;align-items:center;background:var(--c-surface);border:1.5px solid var(--c-indigo);border-radius:var(--r);padding:4px 6px 4px 14px}.search__box input{flex:1;border:0;background:0 0;font-family:inherit;font-size:var(--fs-14);color:var(--c-text);padding:10px 8px;min-width:0}.search__box input:focus{outline:none}.search__box button{flex:0 0 auto;color:var(--c-text-dim);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.search__box button svg{width:24px;height:24px}.search__heading{font-size:var(--fs-16);font-weight:var(--fw-bold);margin:0 0 14px}.search__recent{margin-bottom:26px}.search__chips{display:flex;flex-wrap:wrap;gap:10px}.search__chip{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:9px 14px;font-size:var(--fs-12);color:var(--c-text);cursor:pointer}.poplist{display:flex;flex-direction:column}.poprow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--c-line)}.poprow__media{flex:0 0 auto;width:72px;height:72px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--c-teal)}.poprow__media img{width:100%;height:100%;object-fit:cover}.poprow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.poprow__name{font-size:var(--fs-14);font-weight:var(--fw-bold)}.poprow__count{font-size:var(--fs-12);color:var(--c-text-muted)}.poptag{flex:0 0 auto;font-size:var(--fs-11);font-weight:var(--fw-medium);padding:5px 10px;border-radius:var(--r-sm)}.poptag.is-new{background:var(--c-indigo-50);color:var(--c-indigo-600)}.poptag.is-hot{background:#fff0f1;color:var(--c-red)}.poptag.is-off{background:#faeeda;color:#854f0b}.poptag.is-fav{background:var(--c-teal-100);color:var(--c-teal-600)}.notif{padding-block:16px 24px}.notif__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notif__title{font-size:var(--fs-16);font-weight:var(--fw-bold)}.notif__readall{font-size:var(--fs-12);color:var(--c-indigo-600);font-weight:var(--fw-medium)}.notif__list{display:flex;flex-direction:column;gap:10px}.notifcard{display:flex;align-items:center;gap:12px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:14px}.notifcard.is-unread{background:var(--c-indigo-50);border-color:transparent}.notifcard__ic{flex:0 0 auto;width:48px;height:48px;border-radius:var(--r);display:flex;align-items:center;justify-content:center}.notifcard__ic svg{width:24px;height:24px}.notifcard__ic--accent{background:var(--c-indigo);color:#fff}.notifcard__ic--plain{background:var(--c-bg);color:var(--c-gray-700)}.notifcard__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notifcard__title{font-size:var(--fs-14);font-weight:var(--fw-bold)}.notifcard__text{font-size:var(--fs-12);color:var(--c-text-muted);line-height:1.6}.notifcard__time{flex:0 0 auto;align-self:flex-start;font-size:var(--fs-11);color:var(--c-text-dim)}.cats__title{font-weight:var(--fw-regular);color:#40444c}.cats__group-name{font-size:var(--fs-12);font-weight:var(--fw-regular);color:#40444c}.cattile__label{color:#40444c}.notif__title{font-size:var(--fs-16);font-weight:var(--fw-regular);color:#40444c}.notif__readall{font-size:var(--fs-10);font-weight:var(--fw-regular);color:#007aff}.notif__list{gap:8px}.notifcard{padding:12px 14px;gap:10px}.notifcard__title{font-size:var(--fs-12);font-weight:var(--fw-regular);color:#40444c;margin-bottom:2px}.notifcard__text{font-size:var(--fs-10);color:#40444c;line-height:1.8}.notifcard__time{font-size:8px;color:#626c83}.notifcard.is-unread .notifcard__time{color:#007aff}.search__box input{font-size:var(--fs-14)}.search__box input::placeholder{color:#96a0b6}.search__heading{font-size:var(--fs-16);font-weight:var(--fw-regular);color:#40444c}.search__chip{font-size:var(--fs-14);font-weight:var(--fw-regular);color:var(--c-teal)}.poprow__name{font-size:var(--fs-12);font-weight:var(--fw-regular);color:#40444c}.poprow__count{font-size:var(--fs-10);color:#626c83}