【外文局单位主办】第六届“中外传播杯”大学生英语翻译大赛
.sk-rich-doc{container-type:inline-size;container-name:sk-rich-doc;overflow-x:hidden;max-width:100%;width:100%;min-width:0;box-sizing:border-box;}
- 竞赛类别
- 外语
- 报名时间
- 2026.09.03-2026.11.12
- 比赛时间
- 2026.10.14-2026.11.12
- 报名截止
- 2026.11.12
竞赛通知
.sk-rich-doc{container-type:inline-size;container-name:sk-rich-doc;overflow-x:hidden;max-width:100%;width:100%;min-width:0;box-sizing:border-box;}
.sk-rich-doc *,.sk-rich-doc *::before,.sk-rich-doc *::after{box-sizing:border-box;}
.sk-rich-doc{
--primary-red: #B71C1C;
--primary-blue: #1565C0;
--accent-gold: #FFD700;
--dark-red: #8B0000;
--dark-blue: #0D47A1;
--text-dark: #333;
--text-light: #666;
--bg-light: #F5F5F5;
--bg-white: #FFFFFF;
--border-light: #E0E0E0;
}
.sk-rich-doc *{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.sk-rich-doc{
font-size: 16px;
scroll-behavior: smooth;
}
.sk-rich-doc{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.6;
color: var(--text-dark);
background: var(--bg-light);
overflow-x: hidden;
}
.sk-rich-doc .nav-bar{
background: var(--bg-white);
border-bottom: 1px solid var(--border-light);
position: sticky;
top: 0;
z-index: 100;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.sk-rich-doc .nav-bar::-webkit-scrollbar{
display: none;
}
.sk-rich-doc .nav-list{
display: flex;
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
justify-content: center;
}
.sk-rich-doc .nav-list li{
flex-shrink: 0;
}
.sk-rich-doc .nav-list a{
display: block;
padding: 0.8rem 1rem;
text-decoration: none;
color: var(--text-dark);
font-size: 0.85rem;
border-bottom: 2px solid transparent;
transition: all 0.3s;
}
.sk-rich-doc .nav-list a:hover, .sk-rich-doc .nav-list a.active{
color: var(--primary-red);
border-bottom-color: var(--primary-red);
}
.sk-rich-doc .main-container{
max-width:100%;
margin: 0 auto;
padding: 1.5rem 1rem;
}
.sk-rich-doc .section{
background: var(--bg-white);
border-radius: 0.75rem;
padding: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.sk-rich-doc .section-title{
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-red);
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--primary-red);
display: flex;
align-items: center;
gap: 0.5rem;
}
.sk-rich-doc .section-title::before{
content: '';
display: inline-block;
width: 4px;
height: 1.2rem;
background: var(--primary-red);
border-radius: 2px;
}
.sk-rich-doc .section-content{
font-size: 0.95rem;
color: var(--text-dark);
line-height: 1.8;
}
.sk-rich-doc .section-content p{
margin-bottom: 0.8rem;
text-align: justify;
}
.sk-rich-doc .info-list{
list-style: none;
padding: 0;
}
.sk-rich-doc .info-list li{
padding: 0.6rem 0;
border-bottom: 1px dashed var(--border-light);
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.sk-rich-doc .info-list li:last-child{
border-bottom: none;
}
.sk-rich-doc .info-list .label{
font-weight: 600;
color: var(--primary-blue);
min-width: 5rem;
flex-shrink: 0;
}
.sk-rich-doc .info-list .value{
color: var(--text-dark);
}
.sk-rich-doc .data-table{
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
font-size: 0.9rem;
}
.sk-rich-doc .data-table th, .sk-rich-doc .data-table td{
border: 1px solid var(--border-light);
padding: 0.75rem 0.5rem;
text-align: center;
}
.sk-rich-doc .data-table th{
background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
color: white;
font-weight: 600;
}
.sk-rich-doc .data-table tr:nth-child(even){
background: #FAFAFA;
}
.sk-rich-doc .data-table tr:hover{
background: #F0F0F0;
}
.sk-rich-doc .track-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.sk-rich-doc .track-grid.compact{
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
margin: 1rem 0;
}
.sk-rich-doc .track-card{
background: linear-gradient(135deg, #FFF8E1, #FFFFFF);
border: 1px solid #FFE082;
border-radius: 0.5rem;
padding: 1rem;
transition: transform 0.3s, box-shadow 0.3s;
}
.sk-rich-doc .track-grid.compact .track-card{
padding: 0.8rem 0.4rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 80px;
}
.sk-rich-doc .track-card:hover{
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.sk-rich-doc .track-card h4{
color: var(--dark-red);
font-size: 1rem;
margin-bottom: 0.5rem;
}
.sk-rich-doc .track-grid.compact .track-card h4{
font-size: 1.1rem;
margin-bottom: 0.3rem;
}
.sk-rich-doc .track-card p{
font-size: 0.85rem;
color: var(--text-light);
margin: 0;
}
.sk-rich-doc .track-grid.compact .track-card p{
font-size: 0.75rem;
line-height: 1.4;
}
.sk-rich-doc .theme-list{
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.sk-rich-doc .theme-item{
position: relative;
border-radius: 0.75rem;
padding: 0;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
transition: transform 0.3s, box-shadow 0.3s;
}
.sk-rich-doc .theme-item:hover{
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.sk-rich-doc .theme-header{
padding: 1.2rem 1.5rem;
color: white;
position: relative;
overflow: hidden;
}
.sk-rich-doc .theme-header::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.15;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='white'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='white'/%3E%3Ccircle cx='40' cy='70' r='1' fill='white'/%3E%3Ccircle cx='70' cy='80' r='2' fill='white'/%3E%3Ccircle cx='10' cy='60' r='1.5' fill='white'/%3E%3C/svg%3E");
background-size: 60px 60px;
}
.sk-rich-doc .theme-header.theme-1{ background: linear-gradient(135deg, #2E7D32, #66BB6A); }
.sk-rich-doc .theme-header.theme-2{ background: linear-gradient(135deg, #1565C0, #42A5F5); }
.sk-rich-doc .theme-header.theme-3{ background: linear-gradient(135deg, #C62828, #EF5350); }
.sk-rich-doc .theme-header .theme-num{
font-size: 0.75rem;
font-weight: 600;
opacity: 0.85;
letter-spacing: 0.1em;
position: relative;
z-index: 1;
}
.sk-rich-doc .theme-header h4{
font-size: 1.1rem;
font-weight: 700;
margin: 0.3rem 0 0;
position: relative;
z-index: 1;
}
.sk-rich-doc .theme-body{
padding: 1rem 1.5rem;
background: #fff;
}
.sk-rich-doc .theme-body p{
font-size: 0.88rem;
color: var(--text-light);
margin: 0;
line-height: 1.7;
}
.sk-rich-doc .theme-action{
padding: 0 1.5rem 1.2rem;
background: #fff;
}
.sk-rich-doc .theme-download{
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.85rem;
color: var(--primary-red);
text-decoration: none;
font-weight: 600;
padding: 0.5rem 1rem;
border: 1.5px solid var(--primary-red);
border-radius: 2rem;
transition: all 0.3s;
}
.sk-rich-doc .theme-download:hover{
background: var(--primary-red);
color: white;
}
.sk-rich-doc .theme-bg{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 0;
pointer-events: none;
}
.sk-rich-doc .theme-mask{
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.75) 100%);
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
}
.sk-rich-doc .theme-item:hover .theme-bg, .sk-rich-doc .theme-item:hover .theme-mask{
opacity: 1;
}
.sk-rich-doc .theme-item:hover .theme-header{
background: transparent !important;
}
.sk-rich-doc .theme-item:hover .theme-header::before{
opacity: 0;
}
.sk-rich-doc .theme-item:hover .theme-body, .sk-rich-doc .theme-item:hover .theme-action{
background: transparent;
}
.sk-rich-doc .theme-item:hover .theme-body p{
color: #fff;
}
.sk-rich-doc .theme-item:hover .theme-download{
color: #fff;
border-color: #fff;
}
.sk-rich-doc .theme-item:hover .theme-download:hover{
background: #fff;
color: var(--primary-red);
}
.sk-rich-doc .award-section{
margin-top: 1rem;
}
.sk-rich-doc .award-subtitle{
font-size: 1rem;
font-weight: 600;
color: var(--dark-red);
margin: 1rem 0 0.5rem;
}
.sk-rich-doc .highlight-box{
background: linear-gradient(135deg, #FFF3E0, #FFFFFF);
border: 1px solid #FFCC80;
border-radius: 0.5rem;
padding: 1rem;
margin: 0.5rem 0;
}
.sk-rich-doc .highlight-box p{
margin: 0.3rem 0;
font-size: 0.9rem;
}
.sk-rich-doc .highlight-box strong{
color: var(--dark-red);
}
.sk-rich-doc .certificate-showcase{
margin-top: 1.5rem;
text-align: center;
background: linear-gradient(135deg, #FFF8F0, #FFFFFF);
border: 1px solid #FFE0B2;
border-radius: 0.75rem;
padding: 1.5rem;
}
.sk-rich-doc .certificate-showcase h4{
font-size: 1rem;
color: var(--dark-red);
margin-bottom: 0.5rem;
}
.sk-rich-doc .certificate-subtitle{
font-size: 0.8rem;
color: var(--text-light);
margin-bottom: 1rem;
}
.sk-rich-doc .certificate-img{
max-width: 420px;
width: 100%;
height: auto;
border-radius: 0.5rem;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
border: 1px solid var(--border-light);
}
.sk-rich-doc .certificate-note{
font-size: 0.78rem;
color: #888;
margin-top: 0.8rem;
font-style: italic;
}
.sk-rich-doc .certificate-note::before{
content: '— ';
}
.sk-rich-doc .certificate-note::after{
content: ' —';
}
.sk-rich-doc .incentive-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-top: 1rem;
}
.sk-rich-doc .incentive-card{
background: linear-gradient(135deg, #FFF8E1, #FFFFFF);
border: 1px solid #FFE082;
border-radius: 0.6rem;
padding: 1.2rem 1rem;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
}
.sk-rich-doc .incentive-card:hover{
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.sk-rich-doc .incentive-card .ic-icon{
font-size: 2rem;
margin-bottom: 0.5rem;
}
.sk-rich-doc .incentive-card h4{
font-size: 0.95rem;
color: var(--dark-red);
margin-bottom: 0.4rem;
}
.sk-rich-doc .incentive-card p{
font-size: 0.82rem;
color: var(--text-light);
line-height: 1.6;
margin: 0;
}
.sk-rich-doc .contact-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
}
.sk-rich-doc .contact-item{
background: #F5F5F5;
border-radius: 0.5rem;
padding: 1rem;
text-align: center;
}
.sk-rich-doc .contact-item .icon{
font-size: 1.5rem;
margin-bottom: 0.3rem;
}
.sk-rich-doc .contact-item h4{
font-size: 0.9rem;
color: var(--text-dark);
margin-bottom: 0.3rem;
}
.sk-rich-doc .contact-item p{
font-size: 0.85rem;
color: var(--text-light);
margin: 0;
}
.sk-rich-doc .footer{
text-align: center;
padding: 2rem 1rem;
background: var(--text-dark);
color: rgba(255,255,255,0.7);
font-size: 0.8rem;
}
.sk-rich-doc .footer p{
margin: 0.3rem 0;
}
.sk-rich-doc .timeline{
position: relative;
padding-left: 1.5rem;
}
.sk-rich-doc .timeline::before{
content: '';
position: absolute;
left: 0.4rem;
top: 0.5rem;
bottom: 0.5rem;
width: 2px;
background: linear-gradient(180deg, var(--primary-red), var(--primary-blue));
}
.sk-rich-doc .timeline-item{
position: relative;
margin-bottom: 1rem;
padding-left: 1rem;
}
.sk-rich-doc .timeline-item::before{
content: '';
position: absolute;
left: -1.25rem;
top: 0.4rem;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--primary-red);
border: 2px solid white;
box-shadow: 0 0 0 2px var(--primary-red);
}
.sk-rich-doc .timeline-item h4{
font-size: 0.95rem;
color: var(--dark-red);
margin-bottom: 0.2rem;
}
.sk-rich-doc .timeline-item p{
font-size: 0.88rem;
color: var(--text-light);
margin: 0;
}
.sk-rich-doc .countdown-section{
background: linear-gradient(180deg, #FFF8F0 0%, #FFFFFF 100%);
border-radius: 0.75rem;
padding: 2rem 1.5rem;
margin-bottom: 1.5rem;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
position: relative;
overflow: hidden;
}
.sk-rich-doc .countdown-section::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary-red), var(--accent-gold), var(--primary-blue));
}
.sk-rich-doc .countdown-deco{
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
margin-bottom: 1rem;
}
.sk-rich-doc .countdown-deco .deco-line{
width: 3rem;
height: 1px;
background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);
}
.sk-rich-doc .countdown-deco span{
font-size: 0.7rem;
letter-spacing: 0.06em;
color: #999;
text-transform: none;
white-space: normal;
line-height: 1.7;
max-width: 100%;
text-align: center;
}
.sk-rich-doc .countdown-main-title{
font-size: 1.6rem;
font-weight: 700;
color: var(--dark-blue);
line-height: 1.4;
margin-bottom: 0.3rem;
}
.sk-rich-doc .countdown-main-title .highlight{
color: var(--primary-red);
}
.sk-rich-doc .countdown-sub-title{
font-size: 1.1rem;
color: var(--text-light);
margin-bottom: 1rem;
}
.sk-rich-doc .countdown-slogan{
display: inline-block;
background: linear-gradient(135deg, #FFF3E0, #FFE0B2);
border: 1px solid #FFCC80;
border-radius: 2rem;
padding: 0.5rem 1.5rem;
font-size: 0.85rem;
color: var(--dark-red);
margin-bottom: 1.2rem;
letter-spacing: 0.05em;
}
.sk-rich-doc .countdown-org{
font-size: 0.85rem;
color: #666;
margin-bottom: 0.8rem;
}
.sk-rich-doc .countdown-stats{
display: flex;
justify-content: center;
gap: 0;
margin: 1.2rem 0 1.5rem;
flex-wrap: wrap;
}
.sk-rich-doc .stat-item{
display: flex;
flex-direction: column;
align-items: center;
padding: 0.4rem 1.5rem;
min-width: 110px;
position: relative;
}
.sk-rich-doc .stat-item:not(:last-child)::after{
content: '';
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background: #e0e0e0;
}
.sk-rich-doc .stat-num{
font-size: 1.7rem;
font-weight: 700;
line-height: 1;
margin-bottom: 0.25rem;
}
.sk-rich-doc .stat-num.red{ color: var(--primary-red); }
.sk-rich-doc .stat-num.blue{ color: var(--primary-blue); }
.sk-rich-doc .stat-label{
font-size: 0.72rem;
color: #777;
text-align: center;
white-space: nowrap;
}
.sk-rich-doc .countdown-wrap{
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.sk-rich-doc .countdown-label-text{
font-size: 0.9rem;
color: var(--dark-red);
font-weight: 600;
margin-right: 0.5rem;
}
.sk-rich-doc .countdown-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 4rem;
height: 4.5rem;
background: var(--bg-white);
border-radius: 0.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid var(--border-light);
}
.sk-rich-doc .countdown-box .num{
font-size: 1.6rem;
font-weight: 700;
color: var(--primary-red);
line-height: 1;
}
.sk-rich-doc .countdown-box .unit{
font-size: 0.7rem;
color: #999;
margin-top: 0.3rem;
}
.sk-rich-doc .countdown-colon{
font-size: 1.4rem;
font-weight: 700;
color: var(--accent-gold);
line-height: 1;
}
.sk-rich-doc .countdown-ended{
font-size: 1.2rem;
font-weight: 700;
color: var(--primary-red);
padding: 1rem;
}
.sk-rich-doc .organizer-box{
display: flex;
align-items: flex-start;
gap: 1.5rem;
background: linear-gradient(135deg, #FAFAFA, #FFFFFF);
border: 1px solid var(--border-light);
border-radius: 0.75rem;
padding: 1.5rem;
}
.sk-rich-doc .organizer-logo{
width: 160px;
height: auto;
flex-shrink: 0;
border-radius: 0.5rem;
}
.sk-rich-doc .organizer-info{
flex: 1;
}
.sk-rich-doc .organizer-name{
font-size: 1.05rem;
font-weight: 700;
color: var(--dark-red);
margin-bottom: 0.6rem;
}
.sk-rich-doc .organizer-desc{
font-size: 0.9rem;
color: var(--text-light);
line-height: 1.8;
margin-bottom: 0.8rem;
}
.sk-rich-doc .organizer-link{
display: inline-block;
font-size: 0.85rem;
color: var(--primary-blue);
text-decoration: none;
font-weight: 600;
padding: 0.4rem 0;
border-bottom: 1px solid transparent;
transition: border-color 0.3s;
}
.sk-rich-doc .organizer-link:hover{
border-bottom-color: var(--primary-blue);
}
.sk-rich-doc .tip-box{
background: #E8F5E9;
border: 1px solid #A5D6A7;
border-radius: 0.5rem;
padding: 0.75rem 1rem;
margin: 0.5rem 0;
font-size: 0.88rem;
color: #2E7D32;
}
.sk-rich-doc .rule-list{
counter-reset: rule;
list-style: none;
}
.sk-rich-doc .rule-list > li{
margin-bottom: 1rem;
padding-left: 0;
}
.sk-rich-doc .rule-list > li::before{
counter-increment: rule;
content: counter(rule) ". ";
font-weight: 700;
color: var(--primary-red);
}
.sk-rich-doc .rule-list h4{
display: inline;
font-size: 1rem;
color: var(--text-dark);
}
.sk-rich-doc .rule-list ul{
margin-top: 0.3rem;
padding-left: 1.5rem;
}
.sk-rich-doc .rule-list ul li{
font-size: 0.9rem;
color: var(--text-light);
margin: 0.2rem 0;
}
.sk-rich-doc .quick-modules{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 1.5rem;
}
.sk-rich-doc .quick-card{
display: flex;
align-items: center;
gap: 0.9rem;
background: #fff;
border: 1px solid var(--border-light);
border-radius: 0.75rem;
padding: 1.1rem 1.2rem;
text-decoration: none;
color: inherit;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
position: relative;
overflow: hidden;
}
.sk-rich-doc .quick-card::before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
}
.sk-rich-doc .quick-card.qc-red::before{
background: linear-gradient(180deg, var(--primary-red), var(--dark-red));
}
.sk-rich-doc .quick-card.qc-blue::before{
background: linear-gradient(180deg, var(--primary-blue), #0D47A1);
}
.sk-rich-doc .quick-card:hover{
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.sk-rich-doc .quick-card .qc-icon{
flex: none;
width: 2.9rem;
height: 2.9rem;
border-radius: 0.65rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
}
.sk-rich-doc .quick-card.qc-red .qc-icon{
background: rgba(183, 28, 28, 0.08);
}
.sk-rich-doc .quick-card.qc-blue .qc-icon{
background: rgba(21, 101, 192, 0.08);
}
.sk-rich-doc .quick-card .qc-body{
flex: 1;
min-width: 0;
}
.sk-rich-doc .quick-card .qc-title{
font-size: 1.02rem;
font-weight: 700;
color: var(--text-dark);
margin: 0 0 0.2rem;
line-height: 1.4;
}
.sk-rich-doc .quick-card .qc-desc{
font-size: 0.8rem;
color: var(--text-light);
margin: 0;
line-height: 1.5;
}
.sk-rich-doc .quick-card .qc-arrow{
flex: none;
font-size: 1rem;
color: #bbb;
transition: transform 0.2s ease, color 0.2s ease;
}
.sk-rich-doc .quick-card:hover .qc-arrow{
transform: translateX(4px);
color: var(--primary-red);
}
.sk-rich-doc .notice-meta{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0.2rem 0 0.9rem;
}
.sk-rich-doc .notice-tag{
font-size: 0.72rem;
color: #fff;
background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
padding: 0.18rem 0.7rem;
border-radius: 2rem;
letter-spacing: 0.05em;
}
.sk-rich-doc .notice-date{
font-size: 0.75rem;
color: var(--text-light);
background: #f5f5f5;
border: 1px solid var(--border-light);
padding: 0.18rem 0.7rem;
border-radius: 2rem;
}
.sk-rich-doc .notice-highlight{
border-left: 4px solid var(--accent-gold);
background: #FFFDF5;
border-radius: 0.5rem;
padding: 0.8rem 1rem;
margin: 0.9rem 0;
font-size: 0.9rem;
color: #5D4037;
line-height: 1.7;
}
.sk-rich-doc .submit-steps{
display: flex;
flex-direction: column;
gap: 0.75rem;
margin: 0.6rem 0 0.4rem;
}
.sk-rich-doc .submit-step{
display: flex;
align-items: flex-start;
gap: 0.85rem;
background: #ffffff;
border: 1px solid var(--border-light);
border-radius: 0.75rem;
padding: 0.95rem 1rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.sk-rich-doc .step-badge{
flex: none;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
color: #fff;
font-weight: 700;
font-size: 0.85rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.05rem;
}
.sk-rich-doc .step-content{
flex: 1;
min-width: 0;
}
.sk-rich-doc .step-title{
margin: 0 0 0.25rem;
padding: 0;
font-size: 0.95rem;
font-weight: 700;
color: var(--text-dark);
line-height: 1.4;
}
.sk-rich-doc .step-desc{
margin: 0;
padding: 0;
font-size: 0.88rem;
color: var(--text-light);
line-height: 1.6;
}
.sk-rich-doc .step-desc strong{
color: var(--text-dark);
font-weight: 600;
}
.sk-rich-doc section[id], .sk-rich-doc .notice-anchor{
scroll-margin-top: 4.6rem;
}
@container sk-rich-doc (max-width:600px){.sk-rich-doc{
font-size: 14px;
}
.sk-rich-doc .nav-list a{
padding: 0.6rem 0.75rem;
font-size: 0.8rem;
}
.sk-rich-doc .main-container{
padding: 1rem 0.75rem;
}
.sk-rich-doc .quick-modules{
grid-template-columns: 1fr;
gap: 0.75rem;
margin-bottom: 1rem;
}
.sk-rich-doc .quick-card{
padding: 0.85rem 0.95rem;
gap: 0.7rem;
}
.sk-rich-doc .quick-card .qc-icon{
width: 2.5rem;
height: 2.5rem;
font-size: 1.25rem;
border-radius: 0.55rem;
}
.sk-rich-doc .quick-card .qc-title{
font-size: 0.95rem;
}
.sk-rich-doc .quick-card .qc-desc{
font-size: 0.75rem;
}
.sk-rich-doc .notice-meta{
margin-bottom: 0.7rem;
}
.sk-rich-doc .notice-tag, .sk-rich-doc .notice-date{
font-size: 0.68rem;
}
.sk-rich-doc .section{
padding: 1rem;
margin-bottom: 1rem;
border-radius: 0.5rem;
}
.sk-rich-doc .section-title{
font-size: 1.1rem;
}
.sk-rich-doc .section-content{
font-size: 0.9rem;
}
.sk-rich-doc .data-table{
font-size: 0.8rem;
}
.sk-rich-doc .data-table th, .sk-rich-doc .data-table td{
padding: 0.5rem 0.3rem;
}
.sk-rich-doc .track-grid{
grid-template-columns: 1fr;
}
.sk-rich-doc .track-grid.compact{
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
}
.sk-rich-doc .track-grid.compact .track-card{
padding: 0.6rem 0.2rem;
min-height: 60px;
}
.sk-rich-doc .track-grid.compact .track-card h4{
font-size: 0.9rem;
}
.sk-rich-doc .track-grid.compact .track-card p{
font-size: 0.65rem;
}
.sk-rich-doc .contact-grid{
grid-template-columns: 1fr;
}
.sk-rich-doc .info-list li{
flex-direction: column;
gap: 0.2rem;
}
.sk-rich-doc .info-list .label{
min-width: auto;
}
.sk-rich-doc .timeline{
padding-left: 1.2rem;
}
.sk-rich-doc .countdown-section{
padding: 1.5rem 1rem;
}
.sk-rich-doc .countdown-deco{
flex-wrap: wrap;
}
.sk-rich-doc .countdown-deco .deco-line{
display: none;
}
.sk-rich-doc .countdown-deco span{
font-size: 0.5rem;
letter-spacing: 0.04em;
line-height: 1.8;
}
.sk-rich-doc .countdown-main-title{
font-size: 1.3rem;
}
.sk-rich-doc .countdown-sub-title{
font-size: 0.95rem;
}
.sk-rich-doc .countdown-slogan{
font-size: 0.78rem;
padding: 0.4rem 1rem;
}
.sk-rich-doc .countdown-stats{
gap: 0;
margin: 0.8rem 0 1rem;
}
.sk-rich-doc .stat-item{
min-width: 42%;
padding: 0.5rem;
}
.sk-rich-doc .stat-item:not(:last-child)::after{
display: none;
}
.sk-rich-doc .stat-item:nth-child(1), .sk-rich-doc .stat-item:nth-child(2){
border-bottom: 1px solid #eee;
padding-bottom: 0.6rem;
margin-bottom: 0.6rem;
}
.sk-rich-doc .stat-num{
font-size: 1.4rem;
}
.sk-rich-doc .stat-label{
font-size: 0.7rem;
}
.sk-rich-doc .organizer-box{
flex-direction: column;
align-items: center;
text-align: center;
gap: 1rem;
}
.sk-rich-doc .organizer-logo{
width: 140px;
}
.sk-rich-doc .incentive-grid{
grid-template-columns: 1fr;
}
.sk-rich-doc .certificate-img{
max-width: 100%;
}
.sk-rich-doc .countdown-box{
width: 3.2rem;
height: 3.8rem;
}
.sk-rich-doc .countdown-box .num{
font-size: 1.3rem;
}
.sk-rich-doc .countdown-box .unit{
font-size: 0.65rem;
}
.sk-rich-doc .countdown-label-text{
font-size: 0.8rem;
width: 100%;
text-align: center;
margin-bottom: 0.5rem;
}
.sk-rich-doc .countdown-wrap{
gap: 0.4rem;
}
.sk-rich-doc .countdown-colon{
font-size: 1.1rem;
}}
@container sk-rich-doc (min-width:601px) and (max-width:768px){.sk-rich-doc .track-grid{
grid-template-columns: repeat(2, 1fr);
}}
.sk-rich-doc .jump-btns{
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 1.2rem;
}
.sk-rich-doc .jump-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
padding: 0.6rem 1.4rem;
border-radius: 2rem;
transition: all 0.3s;
cursor: pointer;
border: 2px solid transparent;
}
.sk-rich-doc .jump-btn.e2c{
background: #E3F2FD;
color: #1565C0;
border-color: #1565C0;
}
.sk-rich-doc .jump-btn.e2c:hover{
background: #1565C0;
color: white;
box-shadow: 0 4px 12px rgba(21,101,192,0.3);
}
.sk-rich-doc .jump-btn.c2e{
background: #FFEBEE;
color: #B71C1C;
border-color: #B71C1C;
}
.sk-rich-doc .jump-btn.c2e:hover{
background: #B71C1C;
color: white;
box-shadow: 0 4px 12px rgba(183,28,28,0.3);
}
.sk-rich-doc .jump-btn.submit-btn{
background: #FFF8E1;
color: #F57F17;
border-color: #F57F17;
}
.sk-rich-doc .jump-btn.submit-btn:hover{
background: #F57F17;
color: white;
box-shadow: 0 4px 12px rgba(245,127,23,0.3);
}
.sk-rich-doc .jump-btn.view-btn{
background: #E8F5E9;
color: #2E7D32;
border-color: #2E7D32;
}
.sk-rich-doc .jump-btn.view-btn:hover{
background: #2E7D32;
color: white;
box-shadow: 0 4px 12px rgba(46,125,50,0.3);
}
.sk-rich-doc{
position: relative;
}
.sk-rich-doc::before{
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
background: radial-gradient(circle 180px at var(--mouse-x, -200px) var(--mouse-y, -200px), rgba(255,215,0,0.12), transparent 70%);
transition: background 0.1s;
}
@container sk-rich-doc (max-width:600px){.sk-rich-doc .jump-btns{
gap: 0.6rem;
}
.sk-rich-doc .jump-btn{
font-size: 0.8rem;
padding: 0.5rem 1rem;
}}
.sk-rich-doc .highlights-box{
margin-top: 1.8rem;
background: rgba(255,255,255,0.95);
border: 1px solid #E0E0E0;
border-radius: 14px;
padding: 1.2rem 1.2rem 1rem;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.sk-rich-doc .highlights-title{
text-align: center;
font-size: 1.05rem;
font-weight: 700;
color: #B71C1C;
margin-bottom: 0.9rem;
letter-spacing: 0.5px;
}
.sk-rich-doc .highlights-list{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.7rem;
margin-bottom: 1rem;
}
.sk-rich-doc .highlight-item{
display: flex;
align-items: flex-start;
gap: 0.5rem;
padding: 0.55rem 0.7rem;
border-radius: 10px;
background: #FAFAFA;
border: 1px solid #F0F0F0;
}
.sk-rich-doc .highlight-icon{
flex: none;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
background: linear-gradient(135deg, #B71C1C, #8B0000);
color: #fff;
font-size: 0.85rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.05rem;
}
.sk-rich-doc .highlight-text{
flex: 1;
font-size: 0.82rem;
color: #444;
line-height: 1.45;
text-align: left;
}
.sk-rich-doc .highlight-text strong{
color: #222;
}
.sk-rich-doc .highlights-img-wrap{
text-align: center;
margin-top: 0.6rem;
}
.sk-rich-doc .highlights-img{
max-width: 100%;
width: auto;
max-height: 220px;
border-radius: 10px;
border: 1px solid #E8E8E8;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.sk-rich-doc .highlights-img-caption{
margin-top: 0.35rem;
font-size: 0.75rem;
color: #777;
}
@container sk-rich-doc (max-width:600px){.sk-rich-doc .highlights-list{
grid-template-columns: 1fr;
gap: 0.55rem;
}
.sk-rich-doc .highlights-title{
font-size: 0.95rem;
}
.sk-rich-doc .highlight-text{
font-size: 0.78rem;
}
.sk-rich-doc .highlights-img{
max-height: 180px;
}}
.sk-rich-doc .course-intro{
background: linear-gradient(135deg, #FFF8F0, #FFFFFF);
border: 1px solid #FFE0B2;
border-radius: 0.6rem;
padding: 1rem 1.1rem;
font-size: 0.92rem;
color: var(--text-dark);
line-height: 1.8;
}
.sk-rich-doc .course-intro strong{
color: var(--dark-red);
}
.sk-rich-doc .course-tag{
display: inline-block;
background: linear-gradient(135deg, var(--primary-red), var(--dark-red));
color: #fff;
font-size: 0.72rem;
font-weight: 600;
padding: 0.18rem 0.7rem;
border-radius: 2rem;
letter-spacing: 0.05em;
margin-right: 0.4rem;
vertical-align: middle;
}
.sk-rich-doc .course-modules{
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0.5rem;
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px dashed #FFE0B2;
}
.sk-rich-doc .course-modules span{
display: inline-flex;
align-items: center;
gap: 0.3rem;
background: #FFF8E1;
border: 1px solid #FFE082;
border-radius: 2rem;
padding: 0.22rem 0.75rem;
font-size: 0.8rem;
color: var(--text-dark);
white-space: nowrap;
}
.sk-rich-doc .course-modules b{
color: var(--primary-red);
font-weight: 700;
}
@container sk-rich-doc (max-width:600px){.sk-rich-doc .course-modules span{
font-size: 0.74rem;
padding: 0.18rem 0.6rem;
}}
The 6th "China-Abroad Communication Cup" College Students' English Translation Competition
第六届"中外传播杯"大学生英语翻译大赛
主办单位：中国外文局亚太传播中心（人民中国杂志社、中国报道杂志社）
以译为媒 · 以赛促学 · 展现可信可爱可敬的中国
6届 连续举办
1700+ 参赛高校覆盖
360万 系列赛总浏览量
60000+ 参赛高校学子
距第二场报名截止
29 天
:
22 时
:
51 分
:
15 秒
📘 英译汉赛道 📕 汉译英赛道
🏆 大赛亮点
✓
权威盖章：中国外文局亚太传播中心主办（中国外文局直属事业单位）。
✓
高校认可：已加入全国多所高校 官方竞赛名录。
✓
赛道多元：英译汉 / 汉译英 双赛道，A/B/C 三组别 覆盖。
✓
助力评优：深度融入 奖学金评定、保研推免 等重要环节。
高校竞赛认定名录（部分）
主办单位
中国外文局亚太传播中心（人民中国杂志社、中国报道杂志社）
是中国外文出版发行事业局直属事业单位，是面向亚太地区的具有媒体属性的国际传播综合体。由成立于1950年的人民中国杂志社、中国报道杂志社的全部传播业务及北京周报社日文业务、人民画报社韩文业务整合组建而成。代管中华全国世界语协会。
中国外文出版发行事业局官网 →
参赛对象
各高校在校大学生（包括研究生、本科生、高职高专学生）均可报名参赛，不限专业；其他爱好英语、翻译人士也可报名参赛。
赛道划分
大赛分设 "英译汉"、"汉译英" 两个赛道。每赛道下设 A、B、C 三个组别，参赛选手根据自身能力与需求，选择对应赛道的对应组别参赛。
A 组
研究生
B 组
英语专业本科生
C 组
非英语专业本科生、专科生、高职高专类
📘 英译汉赛道 📕 汉译英赛道
大赛日程
报名时间
即日起 - 202 6年12月15日
第一场作品提交
即日起 - 2026年10月13日（已结束）
第二场作品提交
2026年10月14日 - 2026年11月12日（进行中）
第三场作品提交
2026年11月13日 - 2026年12月17日
📝 译文提交格式及流程
提示：三场比赛效力相同，可选任意一场次进行作品提交。
大赛主题
大赛共设置三场比赛，每场设置不同主题。
第一场
共建人与自然生命共同体
该主题聚焦生态文明思想的国际阐释，围绕"人与自然生命共同体"理念、联合国2030年可持续发展议程框架下的全球合作，以及绿色"一带一路"建设的生动实践。赛题将选取生物多样性保护与应对气候变化的国际合作文本，以及中国绿色发展的白皮书与人文纪实材料。
第二场
数智时代的文明互鉴
该主题聚焦新一轮科技革命浪潮下文化和科技的深度融合，关注中国式现代化的世界意义、人工智能时代翻译行业的变革与坚守，以及中华优秀传统文化借助数字载体"破圈出海"的传播实践。赛题将选取科技人文评论、数智传播观察与中国新业态出海的纪实文本。
📄 第二场赛题下载
第三场
守正传薪火，创新续华章
该主题聚焦中华优秀传统文化的创造性转化与创新性发展，围绕"国潮"涌动背后的文化自信，以及中华文化标识走向世界的当代叙事。赛题将选取非物质文化遗产与古籍文物的活化实践、传统节日和匠心技艺焕发新生的中外报道及纪实文本。
官方配套 免费开放 持续更新
备赛建议：大赛首场报名 / 作品提交时间为 即日起 — 2026年10月13日，建议先学习对应主题的往届赛题与优秀译文，再动笔翻译，事半功倍。
📚 前往学习官方备赛课
译文提交格式及流程
1
完成报名
2
下载赛题并完成翻译
下载第一场对应赛题，独立完成翻译。作品严禁抄袭，必须由本人独立完成，译文要求忠实原文、用词准确、表达完整、流畅。
3
导出为 PDF 格式
将电子版译文保存 / 导出为 PDF 格式（仅接受电子版 PDF，无需邮寄纸质版）。建议将文件命名为“赛道-组别-姓名”，便于核对。
4
上传作品
格式要点：译文文件仅接受 PDF；请务必 按照报名组别提交 对应赛题译文；提交完成后请保留翻译原稿，直至成绩公布。
时间提醒：第二场作品提交截止时间为 2026年11月12日18:00，请合理安排翻译与提交时间，避免临近截止集中上传。
📝 译文提交格式及流程
大赛规则
报名方式
以教研部门、学校、班级为单位统一组织报名
以个人为单位报名
参赛形式
本届赛事采取双轨制赛区布局，同步设立线上考试与线下赛区。
线上参赛：参赛者可在附件中自行下载翻译赛题，将电子版的翻译作品按照组别提交（要求为PDF格式）即成功完成作品上传，无需邮寄纸质版作品。
线下参赛：由线下赛点院校负责老师统一组织线下考试，负责老师进行线下监考。组委会将会为该线下赛点院校提供密封纸质版试卷或开设专属考场。
老师组织30人及以上参赛的情况下且确保组织老师联系组委会说明情况后通知到考生，考生即为线下参赛，其余均为线上参赛。
奖项设置
一、学生奖项（各赛道、组别分别设置）
奖项 ｜ 奖项划分 ｜ 奖励
一等奖 ｜ 参赛人数前10% ｜ 纸质版获奖证书
二等奖 ｜ 参赛人数前11%-30% ｜ 纸质版获奖证书
三等奖 ｜ 参赛人数前31%-60% ｜ 纸质版获奖证书
优秀奖 ｜ 其余提交有效译文且无抄袭作弊嫌疑的选手 ｜ 纸质版获奖证书
证书样图展示
以证书实物为主，样图不带章，正式证书均有落款盖章
证书以实际发放为准
二、学生额外激励政策
🏆
精装外壳证书
每场比赛各赛道、组别一等奖前3名，可获得精装外壳版获奖证书
💰
奖金激励
每场综合排名前三分别获得300元、200元、100元奖金
🎓
训练营资格
各赛道组别综合排名第1名获英语实习翻译训练营入营资格
注：每场比赛前三名作品将从内容忠实度、语言表达、语法准确、风格与语体四方面综合考察。
三、学生感谢信
积极投身赛事相关支持工作，以实际行动助力中华文化的多元传播，推动跨文化的理解与交流互融的同学可获得学生感谢信。
四、赛事宣传老师及高校
指导选手参赛并取得奖项的高校老师，或组织多名学生报名参赛的赛点院校/单位可获得教师和单位感谢信，具体可联系大赛组委会负责老师进行咨询。
组委会微信：19992820689（赵老师）
报名费用
联系方式
💬
组委会微信
19992820689（赵老师）
🐧
组委会QQ
3833909422（赵老师）
👥
大赛通知QQ群
1群：1103094760（已满）
2群：1072799377
📢
大赛宣传QQ群
1107362111
%5B%7B%22code%22%3A%22%2F%2F%20%E5%80%92%E8%AE%A1%E6%97%B6%E9%80%BB%E8%BE%91%20%E2%80%94%E2%80%94%20%E7%AC%AC%E4%BA%8C%E5%9C%BA%E4%BD%9C%E5%93%81%E6%8F%90%E4%BA%A4%E6%88%AA%E6%AD%A2%EF%BC%9A2026%E5%B9%B411%E6%9C%8812%E6%97%A5%2017%3A00%5Cn%20%20%20%20%20%20%20%20(function()%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20deadline%20%3D%20new%20Date('2026-11-12T17%3A00%3A00').getTime()%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20daysEl%20%3D%20document.getElementById('cd-days')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20hoursEl%20%3D%20document.getElementById('cd-hours')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20minsEl%20%3D%20document.getElementById('cd-minutes')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20secsEl%20%3D%20document.getElementById('cd-seconds')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20const%20wrapEl%20%3D%20document.getElementById('countdown-timer')%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20function%20pad(n)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20n%20%3C%2010%20%3F%20'0'%20%2B%20n%20%3A%20n%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20function%20updateCountdown()%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20now%20%3D%20Date.now()%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20diff%20%3D%20deadline%20-%20now%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(diff%20%3C%3D%200)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20wrapEl.innerHTML%20%3D%20'%3Cspan%20class%3D%5C%22countdown-ended%5C%22%3E%E7%AC%AC%E4%B8%80%E5%9C%BA%E4%BD%9C%E5%93%81%E6%8F%90%E4%BA%A4%E5%B7%B2%E6%88%AA%E6%AD%A2%3C%2Fspan%3E'%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20days%20%3D%20Math.floor(diff%20%2F%20(1000%20*%2060%20*%2060%20*%2024))%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20hours%20%3D%20Math.floor((diff%20%25%20(1000%20*%2060%20*%2060%20*%2024))%20%2F%20(1000%20*%2060%20*%2060))%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20minutes%20%3D%20Math.floor((diff%20%25%20(1000%20*%2060%20*%2060))%20%2F%20(1000%20*%2060))%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20seconds%20%3D%20Math.floor((diff%20%25%20(1000%20*%2060))%20%2F%201000)%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(daysEl)%20daysEl.textContent%20%3D%20pad(days)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(hoursEl)%20hoursEl.textContent%20%3D%20pad(hours)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(minsEl)%20minsEl.textContent%20%3D%20pad(minutes)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(secsEl)%20secsEl.textContent%20%3D%20pad(seconds)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20updateCountdown()%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20setInterval(updateCountdown%2C%201000)%3B%5Cn%20%20%20%20%20%20%20%20%7D)()%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%2F%2F%20%E5%AF%BC%E8%88%AA%E9%AB%98%E4%BA%AE%5Cn%20%20%20%20%20%20%20%20const%20sections%20%3D%20document.querySelectorAll('section%5Bid%5D')%3B%5Cn%20%20%20%20%20%20%20%20const%20navLinks%20%3D%20document.querySelectorAll('.nav-list%20a')%3B%5Cn%5Cn%20%20%20%20%20%20%20%20function%20updateActiveNav()%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20let%20current%20%3D%20''%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20sections.forEach(section%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20sectionTop%20%3D%20section.offsetTop%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(scrollY%20%3E%3D%20sectionTop%20-%20100)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20current%20%3D%20section.getAttribute('id')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%20%20%20%20navLinks.forEach(link%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20link.classList.remove('active')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(link.getAttribute('href')%20%3D%3D%3D%20'%23'%20%2B%20current)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20link.classList.add('active')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20%20%20window.addEventListener('scroll'%2C%20updateActiveNav)%3B%5Cn%20%20%20%20%20%20%20%20updateActiveNav()%3B%5Cn%5Cn%20%20%20%20%20%20%20%20%2F%2F%20%E9%BC%A0%E6%A0%87%E8%BF%BD%E8%B8%AA%E5%85%89%E6%95%88%5Cn%20%20%20%20%20%20%20%20document.addEventListener('mousemove'%2C%20function(e)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20document.body.style.setProperty('--mouse-x'%2C%20e.clientX%20%2B%20'px')%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20document.body.style.setProperty('--mouse-y'%2C%20e.clientY%20%2B%20'px')%3B%5Cn%20%20%20%20%20%20%20%20%7D)%3B%22%7D%5D