.major[data-v-1c2de213]{
width:100%;
height:120px;
margin:1%;
border-radius:2px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-around;
cursor:pointer;
background:#a0b5d2;
padding:0;
text-align:center;
color:#fff;
font-size:1rem;
font-weight:700
}
.major[data-v-1c2de213]:hover{
background:#083c84
}
.major-code[data-v-1c2de213]{
display:flex;
align-items:center;
justify-content:center
}
[data-v-f0f83f24]{
margin:0;
padding:0;
box-sizing:border-box
}
a[data-v-f0f83f24]{
text-decoration:none
}
.page-container[data-v-f0f83f24]{
background-color:#f9fafb;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif
}
.header[data-v-f0f83f24]{
background-color:#fff;
padding:1rem 1.5rem;
box-shadow:0 1px 3px #0000001a
}
.header-info[data-v-f0f83f24]{
display:flex
}
.header-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between
}
.header-left[data-v-f0f83f24]{
display:flex;
align-items:center;
gap:1rem
}
.subtitle[data-v-f0f83f24]{
font-size:24px;
color:#fff;
margin:auto 0 auto 16px
}
.navigation[data-v-f0f83f24]{
background-color:#002d80;
color:#fff;
border-bottom:4px solid #c79f73
}
.nav-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto
}
.nav-list[data-v-f0f83f24]{
display:flex;
justify-content:space-between;
gap:2rem;
padding:1rem 1.5rem;
list-style:none
}
.nav-link[data-v-f0f83f24]{
color:#fff;
text-decoration:none;
transition:color .3s ease
}
.nav-link[data-v-f0f83f24]:hover{
color:#bfdbfe
}
.nav-item-dropdown[data-v-f0f83f24]{
position:relative
}
.dropdown-menu[data-v-f0f83f24]{
position:absolute;
top:163%;
left:-40px;
background-color:#fff;
border:1px solid #e5e7eb;
border-radius:.375rem;
box-shadow:0 10px 15px -3px #0000001a;
min-width:12rem;
opacity:0;
visibility:hidden;
transform:translateY(-10px);
transition:all .3s ease;
z-index:1000
}
.nav-item-dropdown:hover .dropdown-menu[data-v-f0f83f24]{
opacity:1;
visibility:visible;
transform:translateY(0)
}
.dropdown-item[data-v-f0f83f24]{
display:block;
padding:.75rem 1rem;
color:#374151;
text-decoration:none;
font-size:.875rem;
border-bottom:1px solid #f3f4f6;
transition:background-color .2s ease;
cursor:pointer
}
.dropdown-item[data-v-f0f83f24]:hover{
background-color:#f9fafb;
color:#1e40af
}
.dropdown-item[data-v-f0f83f24]:last-child{
border-bottom:none
}
.hero-section[data-v-f0f83f24]{
position:relative;
color:#fff;
overflow:hidden
}
.hero-background[data-v-f0f83f24]{
inset:0;
width:100vw
}
.hero-background img[data-v-f0f83f24]{
width:100%;
height:49vh
}
.quick-access-section[data-v-f0f83f24]{
padding:3rem 0;
background-color:#fff
}
.quick-access-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto;
padding:0 1.5rem
}
.section-header[data-v-f0f83f24]{
display:flex;
align-items:center;
margin-bottom:2rem
}
.section-indicator[data-v-f0f83f24]{
width:1.5rem;
height:1.5rem;
background-color:#f59e0b;
border-radius:.25rem;
margin-right:.75rem
}
.section-title[data-v-f0f83f24]{
font-size:1.5rem;
font-weight:700;
color:#1f2937
}
.quick-access-grid[data-v-f0f83f24]{
display:grid;
grid-template-columns:repeat(9,1fr);
gap:1rem
}
@media (min-width: 768px){
.quick-access-grid[data-v-f0f83f24]{
grid-template-columns:repeat(9,1fr);
gap:1rem
}

}
@media (max-width: 768px){
.quick-access-grid[data-v-f0f83f24]{
grid-template-columns:repeat(3,1fr);
gap:1rem
}

}
@media (max-width: 480px){
.quick-access-grid[data-v-f0f83f24]{
grid-template-columns:repeat(3,1fr);
gap:.75rem
}

}
.quick-access-item[data-v-f0f83f24]{
text-align:center;
cursor:pointer
}
.quick-access-icon[data-v-f0f83f24]{
width:64px;
height:64px;
margin:0 auto .75rem;
border-radius:.5rem;
display:flex;
align-items:center;
justify-content:center;
transition:all .3s ease
}
.quick-access-item:hover .quick-access-icon[data-v-f0f83f24]{
transform:translateY(-2px);
box-shadow:0 4px 12px #00000026
}
.icon[data-v-f0f83f24]{
width:2rem;
height:2rem;
color:#fff
}
.quick-access-label[data-v-f0f83f24]{
font-size: 14px;
  font-weight: 500;
  color: #374151;
  text-align: center;
}
.red-bg[data-v-f0f83f24]{
background-color:#ef4444
}
.red-bg[data-v-f0f83f24]:hover{
background-color:#dc2626
}
.yellow-bg[data-v-f0f83f24]{
background-color:#eab308
}
.yellow-bg[data-v-f0f83f24]:hover{
background-color:#ca8a04
}
.blue-bg[data-v-f0f83f24]{
background-color:#3b82f6
}
.blue-bg[data-v-f0f83f24]:hover{
background-color:#2563eb
}
.indigo-bg[data-v-f0f83f24]{
background-color:#6366f1
}
.indigo-bg[data-v-f0f83f24]:hover{
background-color:#4f46e5
}
.cyan-bg[data-v-f0f83f24]{
background-color:#06b6d4
}
.cyan-bg[data-v-f0f83f24]:hover{
background-color:#0891b2
}
.orange-bg[data-v-f0f83f24]{
background-color:#f97316
}
.orange-bg[data-v-f0f83f24]:hover{
background-color:#ea580c
}
.green-bg[data-v-f0f83f24]{
background-color:#10b981
}
.green-bg[data-v-f0f83f24]:hover{
background-color:#059669
}
.purple-bg[data-v-f0f83f24]{
background-color:#7c3aed
}
.purple-bg[data-v-f0f83f24]:hover{
background-color:#6d28d9
}
.deep-green-bg[data-v-f0f83f24]{
background-color:#086446
}
.deep-green-bg[data-v-f0f83f24]:hover{
background-color:#059669
}
.news-section[data-v-f0f83f24]{
padding:3rem 0;
background-color:#fff;
border:2px solid #dc2626;
margin:2rem 1.5rem;
border-radius:8px
}
.news-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto;
padding:2rem 1.5rem
}
.news-header[data-v-f0f83f24]{
text-align:center;
margin-bottom:2rem
}
.news-title[data-v-f0f83f24]{
font-size:1.5rem;
font-weight:700;
color:#1f2937;
margin-bottom:.5rem
}
.news-title-underline[data-v-f0f83f24]{
width:60px;
height:3px;
background-color:#10b981;
margin:0 auto
}
.news-grid[data-v-f0f83f24]{
display:grid;
grid-template-columns:2fr 1fr;
gap:2rem
}
.news-main-article[data-v-f0f83f24]{
background-color:#fff
}
.article-image[data-v-f0f83f24]{
position:relative;
width:100%;
height:300px;
overflow:hidden;
border-radius:8px;
margin-bottom:1rem
}
.article-image img[data-v-f0f83f24]{
width:100%;
height:100%;
object-fit:cover
}
.article-overlay[data-v-f0f83f24]{
position:absolute;
bottom:0;
left:0;
right:0;
background:#fffffff2;
padding:1rem;
border-radius:0 0 8px 8px
}
.article-title[data-v-f0f83f24]{
font-size:1rem;
font-weight:600;
color:#1f2937;
line-height:1.4;
margin:0
}
.article-content[data-v-f0f83f24]{
padding:1rem 0
}
.article-text[data-v-f0f83f24]{
font-size:.875rem;
color:#6b7280;
line-height:1.6;
margin:0
}
.news-list[data-v-f0f83f24]{
display:flex;
flex-direction:column;
gap:1rem
}
.news-item[data-v-f0f83f24]{
background-color:#f8f9fa;
border-radius:8px;
padding:1rem;
display:flex;
align-items:flex-start;
gap:1rem;
transition:all .3s ease;
cursor:pointer
}
.news-item[data-v-f0f83f24]:hover{
background-color:#e9ecef;
transform:translateY(-2px);
box-shadow:0 4px 12px #0000001a
}
.news-date[data-v-f0f83f24]{
display:flex;
flex-direction:column;
align-items:center;
background-color:#10b981;
padding:.75rem;
border-radius:6px;
min-width:3.5rem;
color:#fff
}
.date-day[data-v-f0f83f24]{
font-size:1rem;
font-weight:700;
line-height:1
}
.date-year[data-v-f0f83f24]{
font-size:.75rem;
opacity:.9;
margin-top:2px
}
.news-item .news-title[data-v-f0f83f24]{
font-size:.875rem;
line-height:1.4;
color:#374151;
flex:1;
margin:0
}
.hot-majors-section[data-v-f0f83f24]{
padding:4rem 0;
background:url(/assets/b7d1te054659781-CLh1qvsV.jpg) no-repeat;
background-size:cover;
background-position:center
}
.hot-majors-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto;
padding:0 1.5rem
}
.section-indicator-blue[data-v-f0f83f24]{
width:1.5rem;
height:1.5rem;
background-color:#1e40af;
border-radius:.25rem;
margin-right:.75rem
}
.section-title-white[data-v-f0f83f24]{
font-size:1.5rem;
font-weight:700;
color:#1f2937
}
.majors-grid[data-v-f0f83f24]{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:1.5rem;
margin-top:2rem
}
@media (min-width: 768px){
.majors-grid[data-v-f0f83f24]{
grid-template-columns:repeat(4,1fr)
}

}
.major-card[data-v-f0f83f24]{
background-color:#3b82f6cc;
border-radius:.5rem;
padding:1.5rem;
color:#fff;
text-align:center;
transition:all .3s ease;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.major-card[data-v-f0f83f24]:hover{
background-color:#3b82f6e6;
transform:translateY(-2px);
box-shadow:0 4px 12px #3b82f64d
}
.major-name[data-v-f0f83f24]{
font-size:1rem;
font-weight:600;
margin-bottom:.75rem;
line-height:1.4
}
.major-code[data-v-f0f83f24]{
font-size:.875rem;
opacity:.9
}
.footer[data-v-f0f83f24]{
background-color:#374151;
color:#d1d5db;
padding:2rem 0;
margin-top:2rem
}
.footer-content[data-v-f0f83f24]{
max-width:80rem;
margin:0 auto;
padding:0 1.5rem
}
.footer-info[data-v-f0f83f24]{
text-align:center
}
.footer-text[data-v-f0f83f24]{
font-size:.875rem;
line-height:1.6;
margin-bottom:.5rem;
color:#d1d5db
}
.footer-text[data-v-f0f83f24]:last-child{
margin-bottom:0
}
.footer-icon[data-v-f0f83f24]{
margin-right:.5rem
}
.modal-overlay[data-v-f0f83f24]{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#00000080;
display:flex;
align-items:center;
justify-content:center;
z-index:1000
}
.modal-container[data-v-f0f83f24]{
background-color:#fff;
border-radius:8px;
width:90%;
max-width:500px;
max-height:90vh;
overflow-y:auto;
box-shadow:0 10px 25px #0003
}
.modal-header[data-v-f0f83f24]{
display:flex;
align-items:center;
justify-content:space-between;
padding:20px 24px;
border-bottom:1px solid #e5e7eb
}
.modal-header h3[data-v-f0f83f24]{
font-size:18px;
font-weight:600;
color:#1f2937;
margin:0
}
.modal-close[data-v-f0f83f24]{
background:none;
border:none;
font-size:24px;
color:#6b7280;
cursor:pointer;
padding:0;
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center
}
.modal-close[data-v-f0f83f24]:hover{
color:#374151
}
.modal-content[data-v-f0f83f24]{
padding:24px
}
.query-form[data-v-f0f83f24]{
display:flex;
flex-direction:column;
gap:20px
}
.form-group[data-v-f0f83f24]{
display:flex;
flex-direction:column;
gap:8px
}
.form-group label[data-v-f0f83f24]{
font-size:14px;
font-weight:500;
color:#374151
}
.form-group input[data-v-f0f83f24]{
padding:12px;
border:1px solid #d1d5db;
border-radius:6px;
font-size:14px;
transition:border-color .2s
}
.form-group input[data-v-f0f83f24]:focus{
outline:none;
border-color:#3b82f6;
box-shadow:0 0 0 3px #3b82f61a
}
.form-group input.error[data-v-f0f83f24]{
border-color:#ef4444
}
.error-message[data-v-f0f83f24]{
font-size:12px;
color:#ef4444
}
.verification-code-container[data-v-f0f83f24]{
display:flex;
gap:12px;
align-items:stretch
}
.verification-code-container input[data-v-f0f83f24]{
flex:1
}
.verification-btn[data-v-f0f83f24]{
padding:12px 16px;
background-color:#f3f4f6;
border:1px solid #d1d5db;
border-radius:6px;
font-size:14px;
color:#374151;
cursor:pointer;
white-space:nowrap;
transition:all .2s
}
.verification-btn[data-v-f0f83f24]:hover:not(:disabled){
background-color:#e5e7eb
}
.verification-btn[data-v-f0f83f24]:disabled{
opacity:.5;
cursor:not-allowed
}
.submit-btn[data-v-f0f83f24]{
padding:12px 24px;
background-color:#1e40af;
color:#fff;
border:none;
border-radius:6px;
font-size:16px;
font-weight:500;
cursor:pointer;
transition:background-color .2s
}
.submit-btn[data-v-f0f83f24]:hover:not(:disabled){
background-color:#1d4ed8
}
.submit-btn[data-v-f0f83f24]:disabled{
opacity:.5;
cursor:not-allowed
}
.enrollment-plan-section[data-v-f0f83f24]{
max-width:80rem;
margin:50px auto
}
@media (max-width: 768px){
.header-content[data-v-f0f83f24]{
flex-direction:column;
gap:1rem
}
.nav-list[data-v-f0f83f24]{
flex-wrap:wrap;
gap:1rem;
justify-content:center
}
.news-grid[data-v-f0f83f24]{
grid-template-columns:1fr
}
.news-section[data-v-f0f83f24]{
margin:1rem
}
.article-image[data-v-f0f83f24]{
height:200px
}
.majors-grid[data-v-f0f83f24]{
grid-template-columns:1fr
}
.modal-container[data-v-f0f83f24]{
width:95%;
margin:20px
}
.modal-content[data-v-f0f83f24]{
padding:20px
}
.verification-code-container[data-v-f0f83f24]{
flex-direction:column
}
.verification-btn[data-v-f0f83f24]{
width:100%
}
.announcement-container[data-v-f0f83f24]{
flex-direction:column
}
.announcement-container .announcement-carousel img[data-v-f0f83f24]{
height:10rem
}

}
@media (max-width: 768px){
.dropdown-menu[data-v-f0f83f24]{
position:static;
opacity:1;
visibility:visible;
transform:none;
box-shadow:none;
border:none;
background-color:#ffffff1a;
margin-top:.5rem
}
.nav-item-dropdown:hover .dropdown-menu[data-v-f0f83f24]{
display:block
}
.dropdown-item[data-v-f0f83f24]{
color:#bfdbfe;
border-bottom-color:#ffffff1a
}
.dropdown-item[data-v-f0f83f24]:hover{
background-color:#ffffff1a;
color:#fff
}
[data-v-f0f83f24] .el-dialog{
width:21rem!important;
--el-dialog-width: 21rem !important
}
.enrollment-plan-section[data-v-f0f83f24]{
box-sizing:border-box;
margin:50px 22px 50px 20px
}

}
.announcement-section[data-v-f0f83f24]{
max-width:80rem;
margin:50px auto;
padding:0 1.5rem
}
.announcement-container[data-v-f0f83f24]{
display:flex;
gap:20px;
margin-top:20px
}
.announcement-carousel[data-v-f0f83f24]{
flex:0 0 60%;
height:320px;
border-radius:8px;
overflow:hidden;
position:relative;
box-shadow:0 4px 12px #0000001a
}
.announcement-slide[data-v-f0f83f24]{
width:100%;
height:100%;
position:relative
}
.announcement-slide-image[data-v-f0f83f24]{
width:100%;
height:100%;
cursor:pointer
}
.announcement-slide-image img[data-v-f0f83f24]{
width:100%;
height:100%;
object-fit:cover
}
.announcement-slide-content[data-v-f0f83f24]{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:20px;
background:linear-gradient(transparent,#000000b3);
color:#fff;
cursor:pointer
}
.announcement-slide-title[data-v-f0f83f24]{
font-size:20px;
margin-bottom:10px;
font-weight:500
}
.announcement-slide-desc[data-v-f0f83f24]{
font-size:14px;
opacity:.9;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
	color: #fff;
-webkit-box-orient:vertical;
overflow:hidden
}
.announcement-list[data-v-f0f83f24]{
flex:0 0 40%;
display:flex;
flex-direction:column;
gap:10px
}
.announcement-item[data-v-f0f83f24]{
display:flex;
padding:15px;
border-radius:8px;
background-color:var(--secondary-bg-color, #fff);
box-shadow:0 2px 8px #0000000d;
transition:transform .3s;
cursor:pointer
}
.announcement-item[data-v-f0f83f24]:hover{
transform:translate(5px);
box-shadow:0 2px 8px #0000001a
}
.announcement-date[data-v-f0f83f24]{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-width:70px;
margin-right:15px;
padding-right:15px;
border-right:1px solid #eee
}
.announcement-day[data-v-f0f83f24]{
font-size:20px;
font-weight:700;
color:#850000
}
.announcement-year[data-v-f0f83f24]{
font-size:12px;
color:var(--secondary-text-color)
}
.announcement-title[data-v-f0f83f24]{
font-size:15px;
padding-top:5px;
flex:1;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.success-dialog-content[data-v-f0f83f24]{
text-align:center;
padding:20px
}
.success-icon[data-v-f0f83f24]{
margin-bottom:20px
}
.success-message[data-v-f0f83f24]{
font-size:18px;
font-weight:500;
color:#303133;
margin-bottom:10px
}
.success-details[data-v-f0f83f24]{
font-size:14px;
color:#606266;
line-height:1.5
}
.dialog-footer[data-v-f0f83f24]{
text-align:center
}