/* ===== /mail/ 企业邮箱产品页专属样式（products.css 之上叠加，只作用于 .theme-mail） ===== */
.theme-mail .hero-feats li i{ color:#ffd24a; }
.theme-mail .product-card-features{ grid-template-columns:1fr 1fr; }

/* 新一代网页邮箱展示 */
.theme-mail .mail-showcase{ max-width:1200px; margin:0 auto; padding:80px 20px 40px; display:grid; grid-template-columns:1.15fr 1fr; gap:56px; align-items:center; }
.theme-mail .mail-showcase .ms-copy h2{ font-size:32px; font-weight:700; color:var(--pb-heading); margin:0 0 6px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.theme-mail .ms-new{ display:inline-block; padding:3px 9px; background:linear-gradient(135deg,#ff7a00,#ffb800); color:#fff; font-size:12px; font-weight:700; letter-spacing:.5px; vertical-align:middle; }
.theme-mail .ms-copy > p{ font-size:16px; color:#7a8699; line-height:1.8; margin:0 0 22px; }
.theme-mail .ms-list{ list-style:none; padding:0; margin:0 0 24px; display:flex; flex-direction:column; gap:14px; }
.theme-mail .ms-list li{ display:flex; gap:14px; align-items:flex-start; font-size:15px; color:#2b3a55; line-height:1.6; }
.theme-mail .ms-list li i{ width:38px; height:38px; flex:0 0 38px; display:flex; align-items:center; justify-content:center; background:#eaf1ff; color:#2563eb; font-size:16px; }
.theme-mail .ms-list li b{ display:block; color:var(--pb-heading); font-size:15.5px; margin-bottom:2px; }
.theme-mail .ms-list li span{ font-size:13.5px; color:#7a8699; }
.theme-mail .ms-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.theme-mail .ms-chips span{ padding:6px 12px; background:#f5f8fc; border:1px solid var(--pb-border); color:#41506b; font-size:13px; }
.theme-mail .ms-chips span i{ color:#2563eb; margin-right:5px; }

/* 网页邮箱模拟窗 */
.theme-mail .mm-frame{ background:#fff; border:1px solid #dfe5ee; box-shadow:0 30px 70px rgba(2,27,121,.16); overflow:hidden; font-size:12.5px; color:#2b3a55; }
.theme-mail .mm-bar{ display:flex; align-items:center; gap:6px; padding:10px 14px; background:#f3f6fb; border-bottom:1px solid #e6ebf3; }
.theme-mail .mm-bar span{ width:10px; height:10px; border-radius:50%; background:#d5dce8; }
.theme-mail .mm-bar span:nth-child(1){ background:#ff5f57; } .theme-mail .mm-bar span:nth-child(2){ background:#febc2e; } .theme-mail .mm-bar span:nth-child(3){ background:#28c840; }
.theme-mail .mm-bar em{ flex:1; margin-left:10px; padding:5px 12px; background:#fff; border:1px solid #e3e8f0; font-style:normal; font-size:12px; color:#7a8699; font-family:Consolas,Menlo,monospace; }
.theme-mail .mm-bar i{ color:#7a8699; }
.theme-mail .mm-body{ display:grid; grid-template-columns:132px 1fr 1.25fr; height:360px; }
.theme-mail .mm-side{ background:#0f1f4d; color:#c7d2ee; padding:14px 10px; display:flex; flex-direction:column; gap:4px; }
.theme-mail .mm-logo{ display:flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:13px; padding:0 4px 12px; }
.theme-mail .mm-logo svg{ width:22px; height:22px; }
.theme-mail .mm-compose{ background:#2563eb; color:#fff; text-align:center; padding:7px 0; font-weight:600; margin-bottom:8px; }
.theme-mail .mm-folder{ display:flex; align-items:center; gap:8px; padding:6px 8px; font-size:12px; }
.theme-mail .mm-folder i{ width:14px; text-align:center; opacity:.8; }
.theme-mail .mm-folder span{ margin-left:auto; background:#2563eb; color:#fff; font-size:10px; padding:1px 6px; }
.theme-mail .mm-folder.active{ background:rgba(255,255,255,.1); color:#fff; }
.theme-mail .mm-list{ border-right:1px solid #eef1f6; overflow:hidden; }
.theme-mail .mm-search{ margin:10px; padding:7px 10px; background:#f5f8fc; border:1px solid #e6ebf3; color:#9aa3b5; font-size:12px; display:flex; gap:8px; align-items:center; }
.theme-mail .mm-item{ display:flex; gap:10px; align-items:center; padding:10px 12px; border-top:1px solid #f0f3f8; }
.theme-mail .mm-item div{ flex:1; min-width:0; }
.theme-mail .mm-item b{ display:block; font-size:12.5px; color:#2b3a55; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.theme-mail .mm-item p{ margin:0; font-size:12px; color:#8a93a6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.theme-mail .mm-item time{ font-size:11px; color:#9aa3b5; }
.theme-mail .mm-item.unread{ background:#f4f8ff; }
.theme-mail .mm-item.unread b{ color:#0b1f4d; }
.theme-mail .mm-av{ width:30px; height:30px; flex:0 0 30px; border-radius:50%; color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:13px; }
.theme-mail .mm-read{ padding:16px 18px; }
.theme-mail .mm-read h4{ font-size:15px; font-weight:700; color:#0b1f4d; margin:0 0 12px; }
.theme-mail .mm-meta{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.theme-mail .mm-meta b{ display:block; font-size:12.5px; }
.theme-mail .mm-meta small{ color:#8a93a6; font-size:11px; }
.theme-mail .mm-tag{ margin-left:auto; font-size:11px; color:#10b981; background:#e7f8ef; padding:3px 8px; white-space:nowrap; }
.theme-mail .mm-lines{ display:flex; flex-direction:column; gap:9px; margin-bottom:16px; }
.theme-mail .mm-lines span{ height:9px; background:#eef1f6; display:block; }
.theme-mail .mm-attach{ display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #e6ebf3; background:#fafbfd; font-size:12px; color:#41506b; }
.theme-mail .mm-attach i{ color:#ef4444; }

/* 升级能力网格上的 NEW 角标 */
.theme-mail .product-feature-card{ position:relative; }
.theme-mail .fc-new{ position:absolute; top:0; right:0; padding:4px 10px; background:linear-gradient(135deg,#ff7a00,#ffb800); color:#fff; font-size:11px; font-weight:700; letter-spacing:.5px; }

/* 接入参数表 */
.theme-mail .mail-proto{ max-width:1000px; margin:0 auto; background:#fff; border:1px solid var(--pb-border); overflow-x:auto; }
.theme-mail .mail-proto table{ width:100%; border-collapse:collapse; min-width:640px; }
.theme-mail .mail-proto th{ background:#f5f8fc; color:#41506b; font-size:13px; font-weight:600; text-align:left; padding:13px 18px; border-bottom:1px solid var(--pb-border); }
.theme-mail .mail-proto td{ padding:14px 18px; border-bottom:1px solid #eef1f6; font-size:14px; color:#2b3a55; vertical-align:middle; }
.theme-mail .mail-proto tr:last-child td{ border-bottom:0; }
.theme-mail .mail-proto td b{ color:var(--pb-heading); }
.theme-mail .mail-proto td small{ display:block; font-size:12px; color:#8a93a6; margin-top:2px; }
.theme-mail .mail-proto .mono{ font-family:Consolas,Menlo,monospace; font-size:13.5px; }
.theme-mail .mail-proto .lock{ display:inline-flex; align-items:center; gap:6px; padding:3px 9px; background:#e7f8ef; color:#10b981; font-size:12px; font-weight:600; }

/* 三步开通 */
.theme-mail .mail-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1000px; margin:0 auto; }
.theme-mail .mail-step{ background:#fff; border:1px solid var(--pb-border); padding:28px 26px; position:relative; }
.theme-mail .mail-step em{ display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--pb-primary),var(--pb-primary-dark)); color:#fff; font-style:normal; font-weight:700; font-size:18px; margin-bottom:16px; }
.theme-mail .mail-step h3{ font-size:18px; font-weight:700; color:var(--pb-heading); margin:0 0 8px; }
.theme-mail .mail-step p{ font-size:14px; color:#7a8699; line-height:1.8; margin:0; }
.theme-mail .mail-step:after{ content:'\f054'; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:-16px; top:50%; transform:translateY(-50%); color:#c9d3e6; font-size:14px; }
.theme-mail .mail-step:last-child:after{ display:none; }

/* 常见问题 */
.theme-mail .mail-faq{ max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.theme-mail .mail-faq details{ background:#fff; border:1px solid var(--pb-border); }
.theme-mail .mail-faq summary{ list-style:none; cursor:pointer; padding:18px 22px; font-size:15.5px; font-weight:600; color:var(--pb-heading); display:flex; align-items:center; gap:12px; }
.theme-mail .mail-faq summary::-webkit-details-marker{ display:none; }
.theme-mail .mail-faq summary i{ color:#2563eb; transition:.2s; }
.theme-mail .mail-faq details[open] summary i{ transform:rotate(90deg); }
.theme-mail .mail-faq details p{ margin:0; padding:0 22px 18px 48px; font-size:14px; color:#5f6b80; line-height:1.9; }

@media (max-width:991px){
  .theme-mail .mail-showcase{ grid-template-columns:1fr; gap:36px; padding-top:60px; }
  .theme-mail .mail-steps{ grid-template-columns:1fr; }
  .theme-mail .mail-step:after{ display:none; }
}
@media (max-width:640px){
  .theme-mail .mm-body{ grid-template-columns:1fr 1.2fr; height:320px; }
  .theme-mail .mm-side{ display:none; }
  .theme-mail .mail-showcase .ms-copy h2{ font-size:26px; }
  .theme-mail .product-card-features{ grid-template-columns:1fr; }
}