feat(inbox): 侧边栏状态筛选与日期分组 — Segmented 图标筛选 + Skeleton 加载态 + 五级日期分组可折叠 + 卡片显示关联日期

src/web/styles.css

@@ -308,7 +308,7 @@ body {
 .material-list-item {
   border-left: 3px solid transparent;
   border-bottom: 1px solid var(--ant-color-border-secondary);
-  padding: var(--ant-padding-xs) 0;
+  padding: var(--ant-padding-xs) var(--ant-padding-sm);
   padding-left: var(--ant-padding-sm);
   cursor: pointer;
   transition: border-color 0.15s ease, background 0.15s ease;
@@ -365,3 +365,54 @@ body {
 .material-item-time {
   font-size: var(--ant-font-size-sm);
 }
+
+.app-inbox-group {
+  margin-top: var(--ant-margin-xs);
+}
+
+.app-inbox-group-header {
+  display: flex;
+  align-items: center;
+  gap: var(--ant-margin-xxs);
+  padding: var(--ant-padding-xs) var(--ant-padding-xs);
+  cursor: pointer;
+  user-select: none;
+  border-radius: var(--ant-border-radius-sm);
+  transition: background 0.15s ease;
+}
+
+.app-inbox-group-header:hover {
+  background: var(--ant-color-fill-tertiary);
+}
+
+.app-inbox-group-arrow {
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--ant-font-size-sm);
+  color: var(--ant-color-text-quaternary);
+  width: 14px;
+}
+
+.app-inbox-group-label {
+  font-size: var(--ant-font-size-sm);
+  font-weight: 500;
+}
+
+.app-inbox-group-count {
+  font-size: var(--ant-font-size-sm);
+}
+
+.app-inbox-group-content {
+  padding-bottom: var(--ant-padding-xs);
+}
+
+.app-inbox-group-empty {
+  display: block;
+  padding: var(--ant-padding-xs) var(--ant-padding);
+  font-size: var(--ant-font-size-sm);
+}
+
+.app-inbox-filter-count {
+  margin-left: 4px;
+  font-size: var(--ant-font-size-sm);
+}