.semester-board{
width:100%;
background:rgb(24 24 24 / 0%);
}
.board-header{
display:flex;
flex-direction:column;
gap:1rem;
margin-bottom:2rem;
}
.board-header h1{
font-size:1.8rem;
font-weight:600;
letter-spacing:-0.02em;
color:var(--beige-dual);
display:flex;
align-items:center;
gap:0.6rem;
}
.board-header h1 i{
color:#3b7cff;
font-size:2rem;
}
.tabs-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
width:100%;
}
.semester-tabs{
display:flex;
gap:0.4rem;
background:var(--header-bg);
padding:0.4rem;
border-radius:60px;
border:var(--border);
flex-wrap:wrap;
}
.tab-btn{
background:transparent;
border:none;
padding:0.5rem 1.2rem;
border-radius:40px;
font-weight:550;
font-size:0.9rem;
color:var(--color);
cursor:pointer;
transition:all 0.2s ease;
font-family:inherit;
letter-spacing:-0.01em;
white-space:nowrap;
}
.tab-btn.active{
background:var(--blockqcolor);
color:var(--Mainbg);
box-shadow:0 4px 10px rgba(0,35,70,0.08);
font-weight:600;
}
.panels-container{
margin-top:2rem;
width:100%;
display:block;
}
.tab-panel{
display:block;
width:100%;
}
.tab-panel.hidden{
display:none;
}
.semester-content{
background:rgb(65 65 65 / 0%);
border-radius:12px;
padding:1.8rem 2rem;
border:var(--border);
}
.semester-title{
font-size:1.6rem;
font-weight:600;
margin-bottom:1.5rem;
color:var(--color);
display:flex;
align-items:center;
gap:0;
}
.paper-list{
list-style:none;
padding:0;
}
.paper-item:last-child{
border-bottom:none;
}
.paper-item a{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
color:var(--color);
background:var(--Mainbg);
transition:background 0.2s ease,color 0.2s ease;
border:var(--border);
}
.paper-item a i{
font-size:0.9em;
opacity:0.8;
}
.paper-item a::before{
display:none;
}
.paper-count{
font-size:0.8rem;
background:var(--blockqcolor);
color:var(--Mainbg);
padding:0.25rem 1rem;
border-radius:30px;
margin-left:1rem;
font-weight:400;
}
.footer-note{
margin-top:2rem;
text-align:center;
font-size:0.85rem;
color:#778ea9;
}
.footer-note i{
color:#a6bbda;
}
@media (max-width:700px){
.semester-board{
padding:0;
}
.board-header{
flex-direction:column;
align-items:flex-start;
gap:10px;
}
.tabs-row{
display:flex;
flex-direction:column;
gap:8px;
width:100%;
}
.semester-tabs{
width:100%;
flex-wrap:nowrap;
overflow-x:auto;
scrollbar-width:none;
padding:0.4rem;
}
.semester-tabs::-webkit-scrollbar{
display:none;
}
.tab-btn{
flex:0 0 auto;
padding:0.35rem 0.9rem;
font-size:0.85rem;
}
.semester-content{
padding:1.2rem;
}
}