/* 网易企业邮箱 - 响应式样式 */
/* 平板横屏 992-1199px */
@media (max-width:1199px){
  :root{--site-gutter:24px}
  .container{padding:0 var(--site-gutter)}
  .hero-banner{height:460px}
  .hero-title{font-size:34px}
  .hero-desc{font-size:15px}
  .hero-slide{padding:0 40px}
  .product-cards{grid-template-columns:repeat(2,1fr);gap:20px}
  .cases-grid{grid-template-columns:repeat(2,1fr)}
  .section{padding:60px 0}
  .section-title{font-size:28px}
  .header-inner .nav-link{padding:8px 11px;font-size:13px}
  .header-inner .nav-link-linghang,
  .header-inner .nav-link-xinchuang{padding:8px 11px !important}
  .nav-list{gap:2px}
  .header-inner .nav-hotline-num{font-size:12px}
  .header-inner .btn-sm{padding:6px 9px;font-size:12px}
  .footer-top{column-gap:6px}
  .footer-title{font-size:13px;margin-bottom:8px}
  .footer-links a{font-size:11px}
  .footer-contact-info p{font-size:11px}
}

/* 平板竖屏 768-991px */
@media (max-width:991px){
  :root{--site-gutter:20px}
  body:has(.header-topbar){--header-nav-height:56px}
  .container{padding:0 var(--site-gutter)}
  .menu-toggle{display:flex}
  .nav{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--white);flex-direction:column;align-items:stretch;padding:80px 20px 40px;box-shadow:-4px 0 20px rgba(0,0,0,0.1);transition:right 0.3s ease;z-index:999;overflow-y:auto}
  .nav-active .nav {right: 0;}
  .header.nav-active .nav {right: 0;}
  .nav-active .nav-overlay,
  .header.nav-active ~ .nav-overlay {display: block}
  .nav-list{flex-direction:column;gap:0}
  .nav-link{padding:12px 0;border-bottom:1px solid var(--border-light)}
  .nav-link-linghang{
    margin-right:0;padding:12px 0 !important;
  }
  .nav-link-xinchuang{
    margin-right:0;padding:12px 0 !important;
  }
  .nav-linghang-tag{
    position:static;display:inline-block;margin-left:6px;vertical-align:2px;
  }
  .nav-xinchuang-tag{
    position:static;display:inline-block;margin-left:6px;vertical-align:2px;
  }
  .nav-dropdown .dropdown-menu{position:static;transform:none;box-shadow:none;opacity:1;visibility:visible;display:none;padding:0 0 0 16px}
  .nav-dropdown:hover .dropdown-menu,
  .nav-dropdown.dropdown-open .dropdown-menu{display:block}
  .nav-dropdown-mega .dropdown-menu-mega,
  .nav-dropdown-products .dropdown-menu-products{position:static;display:none;width:100%;border-top:none;box-shadow:none;padding:0 0 8px 16px}
  .nav-dropdown-mega:hover .dropdown-menu-mega,
  .nav-dropdown-products:hover .dropdown-menu-products{display:none}
  .nav-dropdown-mega.dropdown-open .dropdown-menu-mega,
  .nav-dropdown-products.dropdown-open .dropdown-menu-products{display:block}
  .mega-menu-inner,.mega-menu-inner-products{grid-template-columns:1fr;gap:20px;padding:8px 0 0;max-width:none}
  .mega-menu-list-2col{grid-template-columns:1fr}
  .mega-menu-title{font-size:13px;margin-bottom:10px;padding-bottom:8px}
  .mega-menu-list li a{padding:7px 0;font-size:13px}
  .nav-actions{margin-left:0;margin-top:20px;flex-direction:column;align-items:stretch;width:100%}
  .nav-actions .nav-hotline{align-self:flex-start;margin-bottom:4px}
  .nav-actions .btn{width:100%;justify-content:center}
  .hero-banner{height:400px}
  .hero-title{font-size:28px}
  .hero-desc{font-size:14px;margin-bottom:24px}
  .hero-content{max-width:100%}
  .hero-slide{padding:0 30px}
  .advantages-stats{flex-wrap:wrap;gap:12px;padding:20px 12px}
  .advantages-stat-divider{display:none}
  .advantages-stat-item{flex:1 1 45%;min-width:120px;padding:10px 0}
  .advantages-stat-num{font-size:28px}
  .advantages-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .advantage-card{padding:28px 16px}
  .product-cards{grid-template-columns:repeat(2,1fr);gap:16px}
  .features-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .solution-card-media{position:relative;width:100%;height:auto;aspect-ratio:588/426}
  .solution-card-body{margin-left:0;min-height:0;padding-top:24px}
  .solution-card-body h3{width:100%;font-size:20px;line-height:32px}
  .solution-actions{justify-content:flex-start;padding-top:32px}
  .solutions-tabs{
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px 12px;
    padding:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .solutions-tab{font-size:16px;height:36px;line-height:36px;padding:0 8px}
  .clients-section{padding:60px 0}
  .clients-logos-wall{margin-top:28px}
  .version-detail-grid,.solution-detail-grid{grid-template-columns:1fr;gap:30px}
  .cases-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .stat-number{font-size:32px}
  .contact-cards{grid-template-columns:repeat(2,1fr);gap:16px}
  .honor-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}
  .section{padding:50px 0}
  .section-title{font-size:26px}
  .section-subtitle{font-size:15px;margin-bottom:36px}
  .page-hero{padding:60px 0}
  .page-hero-title{font-size:30px}
  .home-content-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
}

/* 手机横屏 576-767px */
@media (max-width:767px){
  :root{--site-gutter:16px}
  body:has(.header-topbar){
    --header-topbar-height:34px;
    --header-nav-height:52px;
  }
  .header-topbar-inner{
    flex-direction:column;align-items:flex-start;justify-content:center;
    gap:1px;padding:4px var(--site-gutter);font-size:11px;line-height:1.25;
  }
  .header-topbar-left{
    flex-wrap:wrap;align-content:flex-start;row-gap:2px;
    white-space:normal;overflow:visible;text-overflow:clip;
  }
  .header-topbar-slogan{white-space:normal}
  .header-topbar-right{text-align:left;justify-content:flex-start}
  .container{padding:0 var(--site-gutter)}
  .hero-banner{height:360px}
  .hero-title{font-size:24px}
  .hero-desc{font-size:13px}
  .hero-slide{padding:0 24px}
  .hero-btns{flex-direction:column;gap:10px}
  .hero-btns .btn{width:100%}
  .slider-arrow{display:none}
  .slider-dots{bottom:20px}
  .advantages-grid{grid-template-columns:1fr;gap:12px}
  .advantage-card{padding:24px 16px}
  .advantage-title{font-size:16px}
  .product-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .product-card{padding:24px 20px}
  .product-card-actions{flex-direction:column;gap:8px}
  .product-card-btn{height:38px;font-size:13px}
  .features-grid{grid-template-columns:1fr 1fr;gap:12px}
  .feature-item{padding:24px 16px}
  .solutions-section{padding:50px 0}
  .solutions-tabs{gap:6px 10px;margin-top:20px}
  .solutions-tab{font-size:14px;height:32px;line-height:32px;padding:0 6px}
  .solution-card{min-height:0}
  .solution-card-body h3{font-size:18px;line-height:28px}
  .solution-desc p{font-size:14px;line-height:24px}
  .solution-actions{flex-wrap:wrap;gap:10px}
  .solution-btn{width:100%;max-width:160px}
  .clients-section{padding:50px 0}
  .clients-cta{margin-top:32px}
  .home-content-rec{padding-bottom:50px}
  .home-content-rec-grid{grid-template-columns:1fr;gap:16px}
  .home-content-rec-col{padding:20px 16px}
  .faq-summary{font-size:14px;padding:16px 0}
  .update-item{flex-direction:column;gap:6px}
  .update-date{width:auto}
  .cases-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .case-card{padding:24px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .stat-number{font-size:28px}
  .contact-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .honor-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .timeline{padding-left:30px}
  .timeline-item::before{left:-24px}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;column-gap:28px}
  .footer-phone,.footer-email{white-space:normal}
  .footer-bottom{flex-direction:column;text-align:center}
  .section{padding:40px 0}
  .section-title{font-size:22px;margin-bottom:12px}
  .section-subtitle{font-size:14px;margin-bottom:28px}
  .page-hero{padding:50px 0}
  .page-hero-title{font-size:26px}
  .page-hero-desc{font-size:14px}
  .solution-page-layout{grid-template-columns:1fr;gap:24px}
  .solution-page-sidebar{position:static}
  .solutions-hub-grid{grid-template-columns:1fr;gap:20px}
  .solution-entry-banner{min-height:280px}
  .solution-entry-banner h1{font-size:28px}
  .solution-entry-banner p{font-size:14px}
  .solution-entry-section-title{font-size:24px}
  .solution-entry-needs-grid,.solution-entry-advantage-grid{grid-template-columns:1fr}
  .solution-entry-plan-item,.solution-entry-plan-item--reverse{grid-template-columns:1fr;padding:20px}
  .solution-entry-plan-item--reverse .solution-entry-plan-media,.solution-entry-plan-item--reverse .solution-entry-plan-body{order:unset}
  .solution-entry-need-card{min-height:160px}
  .solution-entry-need-card::after{width:42%}
  .solution-entry-need-card__body{max-width:58%;padding:20px 18px 22px}
  .solution-entry-cases-title{font-size:26px;padding-top:36px}
  .solution-entry-cases-viewport{height:auto;aspect-ratio:2360/648;min-height:180px}
  .solution-cases-arrow{width:36px;height:36px;opacity:0.6}
  .solution-cases-arrow--prev{left:16px}
  .solution-cases-arrow--next{right:16px}
  .solution-cases-dots{left:24px;bottom:20px}
  .solution-entry-cases-slogan{margin-top:40px;font-size:18px}
  .back-to-top{bottom:20px;right:20px;width:40px;height:40px}
}

/* 手机竖屏 <576px */
@media (max-width:575px){
  :root{--site-gutter:14px;--header-height:48px}
  .container{padding:0 var(--site-gutter)}
  .logo img{height:28px;max-width:140px}
  .hero-banner{height:320px}
  .hero-title{font-size:20px;margin-bottom:12px}
  .hero-desc{font-size:12px;margin-bottom:20px;line-height:1.6}
  .hero-slide{padding:0 16px}
  .features-grid{grid-template-columns:1fr;gap:10px;max-width:360px;margin:0 auto}
  .solutions-tabs{gap:4px;justify-content:flex-start}
  .solutions-tab{padding:6px 14px;font-size:12px}
  .clients-section{padding:40px 0}
  .clients-cta{margin-top:24px}
  .btn-clients-more{width:100px;height:36px;line-height:34px;font-size:14px}
  .version-detail{padding:40px 0}
  .version-detail-info h2{font-size:22px}
  .solution-detail{padding:50px 0}
  .solution-detail-text h2{font-size:20px}
  .compare-table{font-size:12px}
  .compare-table thead th,.compare-table tbody td{padding:10px 12px}
  .faq-summary{font-size:13px}
  .stat-number{font-size:24px}
  .stat-label{font-size:12px}
  .advantages-stat-num{font-size:24px}
  .advantages-stat-item{min-width:100px;padding:8px 0}
  .footer-top{grid-template-columns:1fr;row-gap:20px}
  .footer-col.footer-contact{width:auto;max-width:100%}
  .footer-links a{white-space:normal}
  .footer{padding:40px 0 0}
  .btn-lg{padding:10px 24px;font-size:14px}
  .section{padding:36px 0}
  .section-title{font-size:20px}
  .section-subtitle{font-size:13px;margin-bottom:24px}
  .page-hero{padding:40px 0}
  .page-hero-title{font-size:22px}
  .cta-section{padding:50px 0}
}

@media (max-width:359px){
  .hero-title{font-size:18px}
  .hero-desc{font-size:12px}
  .hero-banner{height:300px}
  .solutions-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
  .solutions-tab{flex-shrink:0}
}