×

注意!页面内容来自https://www.timezone-map.com/country-us,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> /* 移动端图标修复 - 仅在屏幕宽度 ≤768px 时生效 */ @media (max-width: 768px) { #menu-icon { min-width: 2.5rem !important; min-height: 2.5rem !important; max-width: 2.5rem !important; max-height: 2.5rem !important; width: 2.5rem !important; height: 2.5rem !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } #menu-icon svg { width: 1.5rem !important; height: 1.5rem !important; flex-shrink: 0 !important; display: block !important; margin: 0 !important; } /* 强制图标和文字在同一行显示 */ .flex.items-center.space-x-3.group { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } }

U.S. Current Time & Time Zone Map & Time Zone

Live time zones for all U.S. states and territories

Alaska
Standard Time

AKDT(UTC-8)

Alaska Map

Aleutian
Standard Time

HADT(UTC-9)

Samoa
Standard Time

SST(UTC-11)

 

Pacific
Standard Time

PDT(UTC-7)

Mountain
Standard Time

MDT(UTC-6)

Central
Standard Time

CDT(UTC-5)

Eastern
Standard Time

EDT(UTC-4)

Arizona Mountain
Standard Time

MDT(UTC-6)

United States Time Zone Map

Hawaii
Standard Time

HST(UTC-10)

Hawaii Map

Chamorro
Standard Time

CHST(UTC+10)

Atlantic
Standard Time

Puerto Rico / US Virgin Islands

AST(UTC-4)

1. How Many Time Zones Does the United States Have?

The United States and its territories legally recognize 9 time zones. Howeverwhen including the time zones of Howland Island and Baker Island—two uninhabited U.S. territories—the total reaches 11 time zones.

The continental United States has 4 standard time zones. AdditionallyAlaskaHawaiiand 5 U.S. territories each have their own time zones. Since Hawaii and these 5 territories do not observe Daylight Saving Time (DST)there are only 6 corresponding DST time zones.

2. U.S. Time Zones by State & Territory (Map Reference)

Aleutian Standard Time (HADT/HST)

Parts of Alaska

HADT (Hawaii-Aleutian Daylight Time) is UTC-9 when daylight saving time is in effect; HST (Hawaii-Aleutian Standard Time) is UTC-10 during standard time.

Samoa Standard Time (SST)

American Samoa

SST (Samoa Standard Time) is UTC-11 and does not observe daylight saving time. This time zone remains constant throughout the year.

Pacific Standard Time (PST/PDT)

Washington (WA)Oregon (OR)Nevada (NV)California (CA)

PST (Pacific Standard Time) is UTC-8 during standard time; PDT (Pacific Daylight Time) is UTC-7 when daylight saving time is observed.

Arizona Mountain Standard Time (MST)

Arizona (AZ)

MST (Mountain Standard Time) is UTC-7 and does not observe daylight saving time. Arizona remains on standard time year-roundexcept for the Navajo Nation which does observe DST.

Mountain Standard Time (MST/MDT)

Montana (MT)Idaho (ID)Wyoming (WY)Utah (UT)Colorado (CO)New Mexico (NM)

MST (Mountain Standard Time) is UTC-7 during standard time; MDT (Mountain Daylight Time) is UTC-6 when daylight saving time is observed.

Central Standard Time (CST/CDT)

North Dakota (ND)South Dakota (SD)Nebraska (NE)Kansas (KS)Oklahoma (OK)Texas (TX)Minnesota (MN)Iowa (IA)Missouri (MO)Arkansas (AR)Louisiana (LA)Wisconsin (WI)Illinois (IL)Tennessee (TN)Mississippi (MS)Alabama (AL)

CST (Central Standard Time) is UTC-6 during standard time; CDT (Central Daylight Time) is UTC-5 when daylight saving time is observed.

Eastern Standard Time (EST/EDT)

Michigan (MI)Indiana (IN)Ohio (OH)Kentucky (KY)West Virginia (WV)Virginia (VA)North Carolina (NC)South Carolina (SC)Georgia (GA)Florida (FL)Maine (ME)Vermont (VT)New Hampshire (NH)Massachusetts (MA)Rhode Island (RI)Connecticut (CT)New York (NY)Pennsylvania (PA)New Jersey (NJ)Delaware (DE)Maryland (MD)District of Columbia (DC)

EST (Eastern Standard Time) is UTC-5 during standard time; EDT (Eastern Daylight Time) is UTC-4 when daylight saving time is observed.

Hawaii Standard Time (HST)

Hawaii (HI)

HST (Hawaii Standard Time) is UTC-10 and does not observe daylight saving time. Hawaii remains on standard time year-round.

Chamorro Standard Time (CHST)

Guam

CHST (Chamorro Standard Time) is UTC+10 and does not observe daylight saving time. This time zone remains constant throughout the year.

Atlantic Standard Time (AST)

Puerto Rico (PR)United States Virgin Islands (USVI)

AST (Atlantic Standard Time) is UTC-4 and does not observe daylight saving time. These territories remain on standard time year-round.

3. Daylight Saving Time schedule (U.S.)

Begins on the second Sunday in March at 2:00 a.m. local time (clocks move forward to 3:00 a.m.).

Ends on the first Sunday in November at 2:00 a.m. local time (clocks move back to 1:00 a.m.).

DST is not observed in Hawaiimost of Arizona (except the Navajo Nation)and the U.S. territories of Puerto Ricothe U.S. Virgin IslandsGuamAmerican Samoaand the Northern Mariana Islands.

4. History of U.S. Time Zones

On November 181883the United States was divided into 4 standard time zoneswith the Interstate Commerce Commission (ICC) responsible for governing these zones. Since 1967the U.S. Department of Transportation (DOT) has been responsible for managing America's time zones.

U.S. time zones are defined in Title 15Chapter 6Subchapter IX of the U.S. Codeunder "Standard Time." The time zones in the law are defined by their offset from Coordinated Universal Time (UTC).

U.S. law recognizes 9 official time zones. Additionallythe uninhabited territories of Baker Island (AoE) and Wake Island (WAKT) atoll add to the time zone countbringing the total number of U.S. time zones to 11.

Nearly all states in the United States observe Daylight Saving Time (DST). Arizona and most of Hawaii do not observe DST. Indiana introduced DST in 2006.

5. Learn More About U.S. Time Zones

For comprehensive information about time zones in the United Statesincluding detailed historical backgroundlegal definitionsand current regulationsvisit the official Wikipedia page:

Time in the United States - Wikipedia (opens in new tab)

<> /* 移动端图标修复 - 仅在屏幕宽度 ≤768px 时生效 */ @media (max-width: 768px) { #footer-icon { min-width: 2.5rem !important; min-height: 2.5rem !important; max-width: 2.5rem !important; max-height: 2.5rem !important; width: 2.5rem !important; height: 2.5rem !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } #footer-icon svg { width: 1.5rem !important; height: 1.5rem !important; flex-shrink: 0 !important; display: block !important; margin: 0 !important; } /* 强制图标和文字在同一行显示 */ .flex.items-center.space-x-3.mb-4 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } /* 修复Tools部分的flex布局问题 - 覆盖us_time.php中的.flex规则 */ footer .flex.items-center.space-x-2 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } } /* PC端布局修复 - 确保三列布局正确显示,Tools居中 */ @media (min-width: 768px) { /* 确保PC端显示为三列布局,中间列居中 */ footer .max-w-7xl .grid { grid-template-columns: 1fr auto 1fr !important; gap: 2rem !important; display: grid !important; align-items: start !important; } /* 确保Brand section占左列 */ footer .max-w-7xl .col-span-1 { grid-column: 1 !important; justify-self: start !important; } /* Tools section居中 */ footer .max-w-7xl .grid > div:nth-child(2) { grid-column: 2 !important; justify-self: center !important; text-align: center !important; } /* Tools列表项左对齐,与Tools标题左边缘对齐 */ footer .max-w-7xl .grid > div:nth-child(2) ul { display: inline-block !important; text-align: left !important; margin: 0 !important; padding: 0 !important; list-: none !important; } /* Time Zone Map section占右列 */ footer .max-w-7xl .grid > div:nth-child(3) { grid-column: 3 !important; justify-self: end !important; text-align: right !important; } /* Time Zone Map列表项样式 */ footer .max-w-7xl .grid > div:nth-child(3) ul { list-: none !important; } /* 确保所有footer内的flex元素保持flex布局 */ footer .flex { display: flex !important; } /* 确保footer中所有ul都不显示圆点 */ footer ul { list-: none !important; } } /* 小屏幕布局修复 - 屏幕宽度 ≤767px 时让Tools和Popular Countries水平排列 */ @media (max-width: 767px) { /* 使用更具体的选择器来确保覆盖 */ footer .max-w-7xl .grid { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; display: grid !important; } /* 确保Brand section仍然占满宽度 */ footer .max-w-7xl .col-span-1 { grid-column: 1 / -1 !important; margin-bottom: 1rem !important; } /* 备用选择器 - 直接针对grid元素 */ .grid.grid-cols-1 { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; } /* 强制覆盖任何可能的flex干扰 */ footer .grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; } /* 确保所有footer内的flex元素保持flex布局 */ footer .flex { display: flex !important; } /* 确保footer中所有ul都不显示圆点 */ footer ul { list-: none !important; } } <> /* 终极Footer底部响应式布局修复 - 最高优先级 */ /* 移动端 (<1024px):垂直居中排列 */ @media (max-width: 1023px) { /* 主容器强制垂直排列 */ #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1rem !important; text-align: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 确保每个子元素内部的图标和文字水平对齐 */ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; flex-wrap: nowrap !important; } /* 隐藏移动端的分隔符 */ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: none !important; } /* 强制覆盖Tailwind的md:flex-row */ #footer-bottom-container.md\:flex-row { flex-direction: column !important; } /* 移除右侧margin */ #footer-bottom-container > div:last-child { margin-left: 0 !important; } } /* 桌面端 (≥1024px):水平排列 */ @media (min-width: 1024px) { #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; width: 100% !important; } /* 确保桌面端子元素正确排列 */ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 1rem !important; } /* 恢复桌面端的分隔符 */ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: block !important; } }
<> /* 终极Footer底部响应式布局修复 - 最高优先级 */ /* 移动�?(<1024px):垂直居中排�?*/ @media (max-width: 1023px) { /* 主容器强制垂直排�?*/ #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1rem !important; text-align: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 确保每个子元素内部的图标和文字水平对�?*/ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; flex-wrap: nowrap !important; } /* 隐藏移动端的分隔�?*/ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: none !important; } /* 强制覆盖Tailwind的md:flex-row */ #footer-bottom-container.md\:flex-row { flex-direction: column !important; } /* 移除右侧margin */ #footer-bottom-container > div:last-child { margin-left: 0 !important; } } /* 桌面�?(�?024px):水平排�?*/ @media (min-width: 1024px) { #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; width: 100% !important; } /* 确保桌面端子元素正确排列 */ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 1rem !important; } /* 恢复桌面端的分隔�?*/ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: block !important; } } /* 重置time标签内h4的样式,确保视觉效果不变 */ time h4 { margin: 0 !important; padding: 0 !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1 !important; color: inherit !important; font-family: inherit !important; display: inline !important; border: none !important; background: none !important; text-transform: none !important; vertical-align: baseline !important; } /* 进一步缩小time元素内的行间�?*/ time { line-height: 1.2 !important; } /* 确保small元素内的h4标签行间距更紧凑 */ time small h4 { line-height: 1 !important; margin: 0 !important; padding: 0 !important; }
<> /* 移动端图标修复 - 仅在屏幕宽度 ≤768px 时生效 */ @media (max-width: 768px) { #menu-icon { min-width: 2.5rem !important; min-height: 2.5rem !important; max-width: 2.5rem !important; max-height: 2.5rem !important; width: 2.5rem !important; height: 2.5rem !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } #menu-icon svg { width: 1.5rem !important; height: 1.5rem !important; flex-shrink: 0 !important; display: block !important; margin: 0 !important; } /* 强制图标和文字在同一行显示 */ .flex.items-center.space-x-3.group { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } }

U.S. Current Time & Time Zone Map & Time Zone

Live time zones for all U.S. states and territories

 

Pacific
Standard Time

PDT(UTC-7)

Mountain
Standard Time

MDT(UTC-6)

Central
Standard Time

CDT(UTC-5)

Eastern
Standard Time

EDT(UTC-4)

Arizona Mountain
Standard Time

MDT(UTC-6)

United States Time Zone Map
 

Alaska
Standard Time

AKDT(UTC-8)

Hawaii
Standard Time

HST(UTC-10)

Aleutian
Standard Time

HADT(UTC-9)

Samoa
Standard Time

SST(UTC-11)

 

Chamorro
Standard Time

CHST(UTC+10)

Atlantic
Standard Time

AST(UTC-4)

1. How Many Time Zones Does the United States Have?

The United States and its territories legally recognize 9 time zones. Howeverwhen including the time zones of Howland Island and Baker Island—two uninhabited U.S. territories—the total reaches 11 time zones.

The continental United States has 4 standard time zones. AdditionallyAlaskaHawaiiand 5 U.S. territories each have their own time zones. Since Hawaii and these 5 territories do not observe Daylight Saving Time (DST)there are only 6 corresponding DST time zones.

2. U.S. Time Zones by State & Territory (Map Reference)

Aleutian Standard Time (HADT/HST)

Parts of Alaska

HADT (Hawaii-Aleutian Daylight Time) is UTC-9 when daylight saving time is in effect; HST (Hawaii-Aleutian Standard Time) is UTC-10 during standard time.

Samoa Standard Time (SST)

American Samoa

SST (Samoa Standard Time) is UTC-11 and does not observe daylight saving time. This time zone remains constant throughout the year.

Pacific Standard Time (PST/PDT)

Washington (WA)Oregon (OR)Nevada (NV)California (CA)

PST (Pacific Standard Time) is UTC-8 during standard time; PDT (Pacific Daylight Time) is UTC-7 when daylight saving time is observed.

Arizona Mountain Standard Time (MST)

Arizona (AZ)

MST (Mountain Standard Time) is UTC-7 and does not observe daylight saving time. Arizona remains on standard time year-roundexcept for the Navajo Nation which does observe DST.

Mountain Standard Time (MST/MDT)

Montana (MT)Idaho (ID)Wyoming (WY)Utah (UT)Colorado (CO)New Mexico (NM)

MST (Mountain Standard Time) is UTC-7 during standard time; MDT (Mountain Daylight Time) is UTC-6 when daylight saving time is observed.

Central Standard Time (CST/CDT)

North Dakota (ND)South Dakota (SD)Nebraska (NE)Kansas (KS)Oklahoma (OK)Texas (TX)Minnesota (MN)Iowa (IA)Missouri (MO)Arkansas (AR)Louisiana (LA)Wisconsin (WI)Illinois (IL)Tennessee (TN)Mississippi (MS)Alabama (AL)

CST (Central Standard Time) is UTC-6 during standard time; CDT (Central Daylight Time) is UTC-5 when daylight saving time is observed.

Eastern Standard Time (EST/EDT)

Michigan (MI)Indiana (IN)Ohio (OH)Kentucky (KY)West Virginia (WV)Virginia (VA)North Carolina (NC)South Carolina (SC)Georgia (GA)Florida (FL)Maine (ME)Vermont (VT)New Hampshire (NH)Massachusetts (MA)Rhode Island (RI)Connecticut (CT)New York (NY)Pennsylvania (PA)New Jersey (NJ)Delaware (DE)Maryland (MD)District of Columbia (DC)

EST (Eastern Standard Time) is UTC-5 during standard time; EDT (Eastern Daylight Time) is UTC-4 when daylight saving time is observed.

Hawaii Standard Time (HST)

Hawaii (HI)

HST (Hawaii Standard Time) is UTC-10 and does not observe daylight saving time. Hawaii remains on standard time year-round.

Chamorro Standard Time (CHST)

Guam

CHST (Chamorro Standard Time) is UTC+10 and does not observe daylight saving time. This time zone remains constant throughout the year.

Atlantic Standard Time (AST)

Puerto Rico (PR)United States Virgin Islands (USVI)

AST (Atlantic Standard Time) is UTC-4 and does not observe daylight saving time. These territories remain on standard time year-round.

3. Daylight Saving Time schedule (U.S.)

Begins on the second Sunday in March at 2:00 a.m. local time (clocks move forward to 3:00 a.m.).

Ends on the first Sunday in November at 2:00 a.m. local time (clocks move back to 1:00 a.m.).

DST is not observed in Hawaiimost of Arizona (except the Navajo Nation)and the U.S. territories of Puerto Ricothe U.S. Virgin IslandsGuamAmerican Samoaand the Northern Mariana Islands.

4. History of U.S. Time Zones

On November 181883the United States was divided into 4 standard time zoneswith the Interstate Commerce Commission (ICC) responsible for governing these zones. Since 1967the U.S. Department of Transportation (DOT) has been responsible for managing America's time zones.

U.S. time zones are defined in Title 15Chapter 6Subchapter IX of the U.S. Codeunder "Standard Time." The time zones in the law are defined by their offset from Coordinated Universal Time (UTC).

U.S. law recognizes 9 official time zones. Additionallythe uninhabited territories of Baker Island (AoE) and Wake Island (WAKT) atoll add to the time zone countbringing the total number of U.S. time zones to 11.

Nearly all states in the United States observe Daylight Saving Time (DST). Arizona and most of Hawaii do not observe DST. Indiana introduced DST in 2006.

5. Learn More About U.S. Time Zones

For comprehensive information about time zones in the United Statesincluding detailed historical backgroundlegal definitionsand current regulationsvisit the official Wikipedia page:

Time in the United States - Wikipedia (opens in new tab)

<> /* 移动端图标修复 - 仅在屏幕宽度 ≤768px 时生效 */ @media (max-width: 768px) { #footer-icon { min-width: 2.5rem !important; min-height: 2.5rem !important; max-width: 2.5rem !important; max-height: 2.5rem !important; width: 2.5rem !important; height: 2.5rem !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } #footer-icon svg { width: 1.5rem !important; height: 1.5rem !important; flex-shrink: 0 !important; display: block !important; margin: 0 !important; } /* 强制图标和文字在同一行显示 */ .flex.items-center.space-x-3.mb-4 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } /* 修复Tools部分的flex布局问题 - 覆盖us_time.php中的.flex规则 */ footer .flex.items-center.space-x-2 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } } /* PC端布局修复 - 确保三列布局正确显示,Tools居中 */ @media (min-width: 768px) { /* 确保PC端显示为三列布局,中间列居中 */ footer .max-w-7xl .grid { grid-template-columns: 1fr auto 1fr !important; gap: 2rem !important; display: grid !important; align-items: start !important; } /* 确保Brand section占左列 */ footer .max-w-7xl .col-span-1 { grid-column: 1 !important; justify-self: start !important; } /* Tools section居中 */ footer .max-w-7xl .grid > div:nth-child(2) { grid-column: 2 !important; justify-self: center !important; text-align: center !important; } /* Tools列表项左对齐,与Tools标题左边缘对齐 */ footer .max-w-7xl .grid > div:nth-child(2) ul { display: inline-block !important; text-align: left !important; margin: 0 !important; padding: 0 !important; list-: none !important; } /* Time Zone Map section占右列 */ footer .max-w-7xl .grid > div:nth-child(3) { grid-column: 3 !important; justify-self: end !important; text-align: right !important; } /* Time Zone Map列表项样式 */ footer .max-w-7xl .grid > div:nth-child(3) ul { list-: none !important; } /* 确保所有footer内的flex元素保持flex布局 */ footer .flex { display: flex !important; } /* 确保footer中所有ul都不显示圆点 */ footer ul { list-: none !important; } } /* 小屏幕布局修复 - 屏幕宽度 ≤767px 时让Tools和Popular Countries水平排列 */ @media (max-width: 767px) { /* 使用更具体的选择器来确保覆盖 */ footer .max-w-7xl .grid { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; display: grid !important; } /* 确保Brand section仍然占满宽度 */ footer .max-w-7xl .col-span-1 { grid-column: 1 / -1 !important; margin-bottom: 1rem !important; } /* 备用选择器 - 直接针对grid元素 */ .grid.grid-cols-1 { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; } /* 强制覆盖任何可能的flex干扰 */ footer .grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1rem !important; } /* 确保所有footer内的flex元素保持flex布局 */ footer .flex { display: flex !important; } /* 确保footer中所有ul都不显示圆点 */ footer ul { list-: none !important; } } <> /* 终极Footer底部响应式布局修复 - 最高优先级 */ /* 移动端 (<1024px):垂直居中排列 */ @media (max-width: 1023px) { /* 主容器强制垂直排列 */ #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1rem !important; text-align: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 确保每个子元素内部的图标和文字水平对齐 */ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; flex-wrap: nowrap !important; } /* 隐藏移动端的分隔符 */ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: none !important; } /* 强制覆盖Tailwind的md:flex-row */ #footer-bottom-container.md\:flex-row { flex-direction: column !important; } /* 移除右侧margin */ #footer-bottom-container > div:last-child { margin-left: 0 !important; } } /* 桌面端 (≥1024px):水平排列 */ @media (min-width: 1024px) { #footer-bottom-container, footer .pt-8.border-t.border-slate-200 > div.flex.flex-col.md\:flex-row.items-center.justify-between.space-y-4.md\:space-y-0, footer .pt-8.border-t.border-slate-200 > div { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; width: 100% !important; } /* 确保桌面端子元素正确排列 */ #footer-bottom-container .flex.items-center, footer .pt-8.border-t.border-slate-200 .flex.items-center { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 1rem !important; } /* 恢复桌面端的分隔符 */ #footer-bottom-container .hidden.md\:block, footer .hidden.md\:block { display: block !important; } }