.feat-tools-section{
width:var(--pw2);
max-width:calc(100% - var(--gap) * 2);
margin:var(--gap) auto;
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
box-shadow:var(--fbs);
overflow:hidden;
}
.feat-tools-buttons{
display:flex;
min-height:56px;
}
.feat-tool-btn{
flex:1;
background-color:transparent;
border:none;
padding:0 var(--gap);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
color:var(--tx2);
font-family:var(--ff2);
font-size:16px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.feat-tool-btn:first-child{
border-right:var(--bw1) solid var(--bc1);
}
.feat-tool-btn:hover{
background-color:var(--hv1);
color:var(--cl1);
}
.feat-tool-btn.active{
background-color:var(--ob3);
color:var(--cl1);
}
.feat-tool-icon,
.feat-tool-arrow{
width:22px;
height:22px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
}
.feat-tool-icon svg,
.feat-tool-arrow svg{
width:22px;
height:22px;
stroke:currentColor;
fill:currentColor;
}
.feat-tools-content{
display:none;
border-top:var(--bw1) solid var(--bc1);
}
.feat-tools-content.active{
display:block;
}
.feat-tool-panel{
display:none;
}
.feat-tool-panel.active{
display:block;
}
.feat-jump-nav{
display:flex;
flex-direction:column;
}
.feat-jump-link{
display:flex;
align-items:center;
padding:14px var(--gap) 14px 0;
background-color:transparent;
color:var(--tx1);
font-size:var(--fz1);
font-weight:500;
line-height:1.5;
border-bottom:var(--bw1) solid var(--bc1);
}
.feat-jump-link:last-child{
border-bottom:none;
}
.feat-jump-link:hover{
background-color:var(--hv1);
color:var(--cl1);
}
.feat-jump-link.disabled{
color:var(--tx3);
cursor:not-allowed;
pointer-events:none;
opacity:0.5;
}
.feat-jump-link-num{
color:var(--cl1);
font-weight:800;
font-size:18px;
width:55px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.feat-jump-link-num svg{
width:20px;
height:20px;
fill:currentColor;
stroke:currentColor;
}
.feat-tool-placeholder{
padding:var(--gap);
}
.feat-tool-placeholder p{
color:var(--tx2);
font-size:var(--fz1);
line-height:var(--lh1);
margin:0;
text-align:center;
}
.feat-ai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:var(--gap);
padding:var(--gap);
}
.feat-ai-btn{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
padding:var(--gap);
background-color:var(--bg3);
border-radius:var(--br2);
color:var(--tx1);
border:var(--bw1) solid var(--bc1);
}
.feat-ai-btn:hover{
background-color:var(--hv1);
border-color:var(--cl1);
}
.feat-ai-btn svg{
width:48px;
height:48px;
fill:var(--tx2);
}
.feat-ai-btn:hover svg{
fill:var(--cl1);
}
.feat-ai-btn span{
font-size:15px;
font-weight:600;
color:var(--tx2);
}
.feat-ai-btn:hover span{
color:var(--cl1);
}
.feat-ai-desc{
text-align:center;
color:var(--tx2);
font-size:var(--fz1);
line-height:var(--lh1);
padding:0 var(--gap) var(--gap);
}
.feat-ai-desc strong{
color:var(--cl1);
display:block;
margin-bottom:8px;
font-size:20px;
}