:root{--email-primary:#409eff;--email-success:#67c23a;--email-warning:#e6a23c;--email-danger:#f56c6c;--email-text-primary:#303133;--email-text-regular:#606266;--email-text-secondary:#909399;--email-border-base:#dcdfe6;--email-background-base:#f5f7fa}.email-header-wrapper{align-items:center;display:grid;gap:12px;grid-template-columns:24px 40px 40px 40px 200px 200px 1fr 40px 162px 126px;padding:6px 16px;width:100%}@media (max-width:1200px){.email-header-wrapper{grid-template-columns:24px 40px 40px 40px 150px 1fr 40px 120px}.email-header-wrapper .email-header-cell:nth-child(6){display:none}}@media (max-width:768px){.email-header-wrapper{gap:6px;grid-template-columns:24px 40px 1fr 80px;padding:6px 8px}.email-header-wrapper>:nth-child(10),.email-header-wrapper>:nth-child(2),.email-header-wrapper>:nth-child(3),.email-header-wrapper>:nth-child(5),.email-header-wrapper>:nth-child(6),.email-header-wrapper>:nth-child(8){display:none}.email-header-wrapper>:nth-child(7){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-header-wrapper>:nth-child(9){font-size:12px;text-align:right}}@media (max-width:480px){.email-header-wrapper{gap:4px;grid-template-columns:24px 32px 1fr 70px;padding:6px 4px}.email-header-wrapper>:nth-child(4) .q-avatar{font-size:12px;height:32px;width:32px}}.email-header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-expansion-item.q-expansion-item--popup.q-expansion-item--collapsed{padding:0}.email-expansion-item.q-expansion-item--popup.q-expansion-item--expanded{padding:15px 0}.email-separator{background-color:var(--email-primary);height:5px}.email-highlight-indicator{background-color:var(--email-warning);width:2px}.email-item-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;contain:layout style;margin-bottom:8px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease;will-change:transform}.email-item-wrapper:hover{box-shadow:0 4px 12px #0f172a1f;transform:translateY(-1px)}.email-item-wrapper.unread{background:#f8fafc;border-left:3px solid var(--email-primary)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-email-item{animation:slideInDown .3s ease-out}.attachment-card,.q-btn,.q-card,.search-chip{transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.q-expansion-item{contain:layout;transition:padding .3s ease,background-color .2s ease}@media (max-width:768px){.email-item-wrapper{border-radius:6px;margin-bottom:6px}.email-avatar{font-size:12px}}.email-card,.emails-page{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.email-card h1,.email-card h2,.email-card h3,.email-card h4,.email-card h5,.email-card h6,.emails-page h1,.emails-page h2,.emails-page h3,.emails-page h4,.emails-page h5,.emails-page h6{color:#111827;font-weight:600;line-height:1.4}.email-card p,.emails-page p{color:#374151;line-height:1.6}