html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg-1);color:var(--color-text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;overflow:hidden}.shell,.shell *{min-height:0}.shell{flex-direction:column;height:100vh;display:flex}.shell-body{flex:1;min-height:0;display:flex}.pane{flex-direction:column;height:100%;min-height:0;display:flex}.pane-fixed{flex:none}.pane-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row{text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:10px 16px;transition:background .15s;display:block}.row:hover{background:var(--color-fill-1)}.row[data-selected=true]{background:var(--color-primary-light-1);border-left-color:rgb(var(--primary-6))}.row-top{align-items:center;gap:8px;margin-bottom:3px;display:flex}.row-from{min-width:0;color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.row-date{color:var(--color-text-3);flex:none;font-size:12px}.row-subject{color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-size:14px;display:block;overflow:hidden}.row-snippet{color:var(--color-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.msg-list .arco-list-item{border:none!important;padding:0!important}.msg-list .arco-list-item+.arco-list-item{border-top:1px solid var(--color-border-2)!important}.msg-list .arco-list{border:none}.msg-body{color:var(--color-text-1);white-space:pre-wrap;word-break:break-word;max-width:68ch;font-size:14px;line-height:1.7}.gap-divider{align-items:center;gap:12px;padding:10px 16px;display:flex}.gap-divider:before,.gap-divider:after{content:"";background:var(--color-border-2);flex:1;height:1px}.gap-divider span{color:var(--color-text-3);white-space:nowrap;font-size:12px}@media (max-width:900px){.reader-pane{display:none}}.date-group{z-index:1;background:var(--color-fill-1);border-bottom:1px solid var(--color-border-2);color:var(--color-text-3);padding:6px 16px;font-size:12px;font-weight:500;position:sticky;top:0}.rail-section{padding:4px 6px 12px}.rail-label{color:var(--color-text-3);padding:8px 12px 4px;font-size:12px}.rail-row{border-radius:var(--border-radius-medium,4px);align-items:center;gap:8px;min-height:36px;padding:0 12px;display:flex}.rail-row-icon{color:var(--color-text-3);flex:none}.rail-row-name{min-width:0;color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.rail-row-count{color:var(--color-text-3);flex:none;font-size:11px}.row-date{color:var(--color-text-3);font-size:12px}.attachments{border-top:1px solid var(--color-border-2);margin-top:24px;padding-top:14px}.attachments-label{color:var(--color-text-3);margin-bottom:8px;font-size:12px}.attachments-label span{color:var(--color-text-4)}.attachment{align-items:center;gap:8px;padding:5px 0;display:flex}.attachment-icon{color:var(--color-text-3);flex:none}.attachment-name{color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attachment-size{color:var(--color-text-3);flex:none;font-size:11px}.rail-row-button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none}.rail-row-button:hover{background:var(--color-fill-2)}.rail-row-button.on{background:var(--color-primary-light-1)}.rail-row-button.on .rail-row-name{color:rgb(var(--primary-6))}.thread-strip{background:var(--color-fill-1);border-radius:var(--border-radius-medium,4px);margin-bottom:20px;padding:10px 12px}.thread-strip-label{color:var(--color-text-3);margin-bottom:6px;font-size:12px}.thread-item{cursor:pointer;width:100%;font:inherit;text-align:left;border-radius:var(--border-radius-small,2px);background:0 0;border:none;align-items:baseline;gap:10px;padding:5px 8px;display:flex}.thread-item:hover:not(:disabled){background:var(--color-fill-2)}.thread-item.on{background:var(--color-bg-2);cursor:default}.thread-item.on .thread-who{color:var(--color-text-1);font-weight:500}.thread-who{min-width:0;color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.thread-when{color:var(--color-text-3);flex:none;font-size:11px}a.attachment{border-radius:var(--border-radius-small,2px);margin-left:-6px;padding:5px 6px;text-decoration:none}a.attachment:hover{background:var(--color-fill-2)}a.attachment:hover .attachment-name{color:rgb(var(--primary-6))}body.resizing,body.resizing *{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.arco-resizebox-split-trigger{position:relative}.arco-resizebox-split-trigger:after{content:"";cursor:col-resize;position:absolute;inset:0 -4px}.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper{background-color:var(--color-border-2);transition:background-color .15s}.arco-resizebox-split-trigger:hover .arco-resizebox-trigger-icon-wrapper,.arco-resizebox-split-trigger:active .arco-resizebox-trigger-icon-wrapper{background-color:rgb(var(--primary-6))}.file-row{align-items:center;gap:12px;display:flex}.ext-badge{border-radius:var(--border-radius-small,2px);color:#fff;flex:none;justify-content:center;align-items:flex-end;width:34px;height:40px;padding-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:500;display:flex}.file-main{flex:1;min-width:0}.back-to-list{display:none}@media (max-width:900px){.reader-pane{display:none}.reader-pane.open{z-index:10;background:var(--color-bg-1);display:flex;position:fixed;inset:60px 0 0}.back-to-list{display:inline-flex}}