/*
Theme Name:		导航侠-子主题
Theme URI:		https://www.xintheme.com/
Description:	由Ai驱动的网址导航主题...
Author:			XinTheme 新主题 + WordPress果酱
Author URI:		https://www.xintheme.com/
Template:		NavXia
Version:		1.0.1
*/

/* --- 修复 Logo 文字显示问题 --- */
/* 作用：隐藏 Logo 图片下方的“Ai入口”文字，但保留给搜索引擎看 */
.header-logo .site-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.post-content {
    background: #fff;
    margin-bottom: 20px;
    padding: 30px;
    box-shadow: none;
    border: 1px solid #ebedf0;
    border-radius: 6px;
}

/* 工具详情模板：内容容器改为透明，交给内部卡片控制视觉 */
.tool-template-default .post-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

/*文章摘要*/
.post-content .post-desc{margin-bottom:20px;padding:0 20px;border:1px solid #ebedf0;background:#F7F8FA;border-radius:6px}
.post-content .post-desc p{margin-bottom:20px;font-size:12px;line-height:1.6}

/*文章详细内容*/
.post-content .post-body{font-size:18px;line-height:1.75;font-weight:400}
.post-content .post-body.text-indent p{text-indent:2em}
.post-content .post-body>*{margin:1em 0}
.post-content .post-body>:first-child{margin-top:0;padding-top:0}
.post-content .post-body>:last-child{margin-bottom:0}
.post-content .post-body ul{border:1px solid #ebedf0;list-style:disc;background:#F7F8FA;border-radius:6px;padding:15px 30px;line-height:1.6}
.post-content .post-body ul li:not(:last-child){margin-bottom:4px}
.post-content .post-body img{display:block;_width:auto!important;_height:auto!important;_max-width:100%!important}
.post-content .post-body img.aligncenter{margin:0 auto;display:block}
.post-content .post-body div.aligncenter{margin:0 auto;display:block;text-align:center}
.post-content .post-body>p:first-child{margin-top:0}
.post-content .post-body hr{background-color:#eee;color:#eee}
.post-content .post-body a{color:var(--main_color,#2b5ff5)}
.post-content .post-body a:hover{opacity:.8;text-decoration:underline}

.tool-buttons-area{max-width:500px;width:100%}
@media screen and (min-width:769px){
    .tool-details{display:flex!important;gap:40px;align-items:flex-start}
    .tool-details-r{flex:0 0 calc(70% - 20px)!important;width:calc(70% - 20px)!important;max-width:calc(70% - 20px);min-width:0}
    .tool-details-l{flex:0 0 calc(30% - 20px)!important;width:calc(30% - 20px)!important;max-width:calc(30% - 20px);min-width:0;position:sticky!important;top:160px!important;z-index:1}
    .tool-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
}

/* FAQ 模块特定优化 */
#section-faq {
    margin-top: 34px !important; /* 增加10px间距 (原24px + 10px) */
}
#section-faq .tool-section-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
#section-faq .tool-faq-grid {
    grid-template-columns: 1fr !important;
}
#section-faq .tool-faq-item {
    background: #fff;
    border: 1px solid #ebedf0;
}
@media screen and (max-width:768px){
    .tool-details{display:flex;flex-direction:column}
    .tool-details-r{order:1;width:100%;max-width:100%;min-width:0}
    .tool-details-l{order:2;width:100%;max-width:100%;min-width:0;margin-bottom:20px}
    .tool-faq-grid{display:flex;flex-direction:column;gap:10px}
}
.post-meta-row{margin-bottom:15px;color:#666666;font-size:14px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tool-tags-row{margin-bottom:20px}
.tool-tags-cloud{display:flex;flex-wrap:wrap;gap:10px}
.post-meta-row a{color:#888;text-decoration:none}
.tool-buttons-area{margin-bottom:20px}
.tool-excerpt{color:var(--text-secondary,#4b5563);font-size:16px;line-height:1.7;margin-bottom:15px}
.tool-independent-card{background:#fff;border-radius:6px;border:1px solid #ebedf0;box-shadow:none;padding:30px}
.tool-reference-tip{font-size:12px;color:#6b7280;margin-top:8px;line-height:1.6}
/* 独立模块正文基准字号 */
.tool-independent-card{font-size:18px;color:#191919;font-weight:400}
.tool-independent-card p,
.tool-independent-card ul,
.tool-independent-card ol{max-width:75ch}
@media screen and (max-width:768px){.tool-independent-card{padding:20px}}
.blue-line-title{font-size:24px;font-weight:800;color:#191919;margin-top:3rem;margin-bottom:1.5rem;position:relative;padding-bottom:10px}
.blue-line-title:after{content:"";position:absolute;bottom:0;left:0;width:2em;height:3px;background-color:#0d59d5}
.tool-subnav{
    position: sticky;
    top: var(--subnav-top, 0px);
    z-index: 101;
    background: transparent;
    border-bottom: 1px solid #e5e7eb; /* 细灰底线 */
    display: flex;
    gap: 24px;
    flex-wrap: wrap;                /* 允许换行，避免项目被隐藏 */
    white-space: normal;            /* 允许换行 */
    overflow-x: visible;            /* 不再需要水平滚动 */
    scroll-behavior: auto;
    padding: 0;                     /* 统一由子项撑开高度 */
}
.tool-subnav-bg{
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    z-index: 100;
    display: none;
    pointer-events: none;
}
.tool-subnav-link{
    color: var(--text-primary,#030712);
    text-decoration: none;
    padding: 14px 8px;              /* 舒适的上下留白 */
    flex-shrink: 0;                 /* 保持标签宽度不压缩 */
    font-size: 17px;
    transition: none;
}
.tool-subnav-link:hover{
    color: var(--tab_accent, var(--main_color,#2b5ff5));
}
.tool-subnav-link.active{
    color: var(--tab_accent, var(--main_color,#2b5ff5));
    border-bottom: 3px solid var(--tab_accent, var(--main_color,#2b5ff5)); /* 粗下划线覆盖底线 */
    font-weight: 600;
}
/* 优缺点模块新样式 (Vertical Layout) */
.tool-pros-cons-grid-vertical {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.pros-cons-box {
    padding: 15px;
    border-radius: 12px;
    border: 1px solid transparent;
}

.pros-box {
    background-color: rgba(240, 253, 244, 0.5); /* bg-green-50/50 */
    border-color: #dcfce7; /* border-green-100 */
}

.cons-box {
    background-color: rgba(254, 242, 242, 0.5); /* bg-red-50/50 */
    border-color: #fee2e2; /* border-red-100 */
}

.pros-cons-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0 !important; /* 强制去除默认顶部间距 */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pros-cons-title .icon {
    flex-shrink: 0;
}

.pros-cons-title.text-green { color: #15803d; } /* text-green-700 */
.pros-cons-title.text-red { color: #dc2626; } /* text-red-600 */

.pros-cons-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #334155; /* text-slate-700 */
}

.pros-cons-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
    line-height: 1.6;
}
.pros-cons-list .icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.pros-cons-list li:last-child {
    margin-bottom: 0;
}

.pros-cons-list i {
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
}

.pros-cons-list i.text-green { color: #16a34a; } /* text-green-600 */
.pros-cons-list i.text-red { color: #ef4444; } /* text-red-500 */

/* 标题样式调整：支持 no-bar 去除竖线 */
.tool-section-subtitle.no-bar::before {
    display: none !important;
}

.tool-section-subtitle.no-bar {
    padding-left: 0; /* 如果原样式有 padding-left 给竖线留空，这里要重置 */
}

.tool-price-grid{display:grid;grid-template-columns:1fr;gap:12px}
.tool-price-grid.tool-price-grid--stack{grid-template-columns:1fr}
.tool-price-card{background:#fff;border:1px solid #ebedf0;border-radius:12px;padding:16px}
.tool-price-card-title{font-size:18px;font-weight:700;margin:0 0 10px 0;line-height:1.35;color:#0f172a}
.tool-price-card-row{display:flex;gap:8px;align-items:flex-start;line-height:1.6;font-size:14px;color:#334155}
.tool-price-card-row:not(:last-child){margin-bottom:8px}
.tool-price-label{flex:0 0 auto;color:#6b7280;font-weight:600}
.tool-price-value{color:#7150E6;font-weight:700}
.tool-price-desc{color:#334155}
.tool-price-stack{display:flex;flex-direction:column;gap:18px}
.tool-price-stack-item{padding:0 0 18px;border-bottom:1px solid #ebedf0}
.tool-price-stack-item:last-child{padding-bottom:0;border-bottom:0}
.tool-price-stack-title{font-size:18px;font-weight:700;margin:0 0 10px 0;line-height:1.35;color:#0f172a}
.tool-price-stack-text{line-height:1.7;font-size:14px;color:#334155}
.tool-price-stack-text:not(:last-child){margin-bottom:10px}
.tool-price-stack-price{color:#7150E6;font-weight:700}
@media screen and (min-width:769px){.tool-price-grid{grid-template-columns:repeat(3,1fr)}.tool-price-grid.tool-price-grid--stack{grid-template-columns:1fr}}
.tool-price-grid.single-item,
.tool-barrier-dim-grid.single-item{
    grid-template-columns:1fr !important;
}
.tool-price-grid.single-item > *,
.tool-barrier-dim-grid.single-item > *{
    grid-column:1 / -1;
}

.tool-barrier-dim-grid{display:grid;grid-template-columns:1fr;gap:12px}
.tool-barrier-dim-item{background:#fff;border:1px solid #ebedf0;border-radius:12px;padding:16px}
.tool-barrier-dim-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.tool-barrier-dim-title{font-size:18px;font-weight:700;margin:0;line-height:1.35;color:#0f172a}
.tool-barrier-level{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}
.tool-barrier-level-icon{font-size:14px;line-height:1}
.tool-barrier-level-high{background:rgba(254,242,242,.8);color:#dc2626;border:1px solid #fee2e2}
.tool-barrier-level-medium{background:rgba(255,251,235,.9);color:#b45309;border:1px solid #fde68a}
.tool-barrier-level-low{background:rgba(240,253,244,.7);color:#15803d;border:1px solid #dcfce7}
.tool-barrier-dim-desc{font-size:14px;line-height:1.7;color:#334155}
@media screen and (min-width:769px){.tool-barrier-dim-grid{grid-template-columns:repeat(2,1fr)}}

/* 单项目时的自适应布局 */
@media screen and (min-width:769px){
  .tool-barrier-dim-grid.single-item {
    grid-template-columns: 1fr;
  }
  .tool-price-grid.single-item {
    grid-template-columns: 1fr;
  }
}
.site-header{
    background-color: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.site-header .header-submit-btn{
    width: auto;
    min-width: 118px;
    height: 38px;
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
}
.site-header .header-submit-btn i{
    font-size: 16px;
}
.site-header .header-submit-btn .ak-header-submit-icon{
    flex:0 0 auto;
    display:block;
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.site-header .ak-header-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    height:72px;
}
.site-header .ak-header-logo{
    justify-self:start;
    display:flex;
    align-items:center;
}
.site-header .ak-header-menu{
    justify-self:center;
}
.site-header .ak-header-menu > ul{
    display:flex;
    align-items:center;
    gap:32px;
}
.site-header .ak-header-actions{
    justify-self:end;
    display:flex;
    align-items:center;
}
@media (max-width:767px){
    .site-header .ak-header-layout{
        display:flex !important;
        justify-content:space-between;
    }
}

/* 辅助颜色 */
.text-indigo-500 { color: #6366f1; }

/* 关联专题样式修正 */
.topic-section {
    margin-top: 48px;
    padding-top: 40px;
    border-top: 1px solid #e2e8f0;
}

.tool-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tool-alternatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
/* 5. 确保 FAQ 答案默认隐藏 */
.tool-faq-answer {
    display: none; /* 默认隐藏 */
    padding: 20px;
    background: #fff;
    color: #191919;
    line-height: 1.7;
    border-top: 1px solid #ebedf0;
}

/* ⚠️ 移除 .active 下的 display:block，完全交由 JS slideToggle 控制 */
/* 只保留 active 状态下的其他样式（如箭头旋转），不再控制内容显示 */
/* .tool-faq-item.active .tool-faq-answer { display: block; } */
.tool-faq-item{border:1px solid #ebedf0;border-radius:8px;overflow:hidden;background:#fff}
.tool-faq-question{cursor:pointer;padding:15px;background:#ffffff;font-weight:600;display:flex;justify-content:space-between;align-items:center;user-select:none;font-size:18px}
.tool-faq-answer{padding:20px;background:#fff;color:#191919;line-height:1.7;border-top:1px solid #ebedf0;font-size:16px}
.pricing-item{border:1px solid #ebedf0;border-radius:8px;padding:16px}
.pricing-item-title{font-weight:600;margin-bottom:6px;font-size:20px}
.pricing-item-price{color:var(--main_color,#2b5ff5);margin-bottom:6px;font-size:18px}
.pricing-item-desc{color:#666;font-size:14px}
.alt-item{border:1px solid #ebedf0;border-radius:8px;padding:16px}
.alt-item-title{font-weight:600;margin-bottom:6px;font-size:20px}
.alt-item-link{color:var(--main_color,#2b5ff5);text-decoration:none}
.alt-item-desc{color:#666;font-size:14px}
/* 通用列表样式 (修正缩进) */
.tool-list-base{
    margin: 0;
    padding-left: 0;
    color: #191919;
    line-height: 1.8;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
}
.tool-list-base li:not(:last-child){margin-bottom:12px}

/* 工具简介内容样式修正 (覆盖 post-body 的 18px) */
.tool-intro-content.post-body {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
}
/* 确保简介中的段落也是 18px */
.tool-intro-content.post-body p {
    font-size: 18px;
}
.timeline-list{list-style:none;margin:0;padding:0}
.timeline-item{position:relative;padding-left:18px}
.timeline-item::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:9999px;background:var(--main_color,#2b5ff5)}
.timeline-item:not(:last-child){padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #ebedf0}
.timeline-meta{color:#6b7280;font-size:14px;line-height:1.4;margin-bottom:4px}
.timeline-title{font-weight:600;font-size:20px;line-height:1.4;margin:0 0 4px}
.timeline-title a{color:#191919;text-decoration:none}
.timeline-title a:hover{color:var(--main_color,#2b5ff5);text-decoration:underline}
.timeline-desc{color:var(--text-secondary,#4b5563);font-size:16px;line-height:1.7}
.faq-question-text{margin:0;font-size:18px;font-weight:600;display:inline-block}
/* FAQ 切换图标通过伪元素实现 */
.tool-faq-question::after{
    content:"+";
    color:#999;
    font-weight:normal;
    font-size:14px;
}
.tool-faq-item.active .tool-faq-question::after{
    content:"-";
}

/* 6. FAQ 悬停效果：问题标题变主题色 */
.tool-faq-question:hover .faq-question-text {
    color: var(--main_color, #2b5ff5);
    transition: color 0.2s ease;
}
@media screen and (max-width:768px){
    .tool-pricing-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
    .tool-pricing-grid>div{min-width:80%;scroll-snap-align:start}
    .post-meta-row{margin-bottom:10px;font-size:12px;gap:15px}
    .tool-tags-cloud{gap:8px;margin-bottom:15px}
}

.tool-header-card {
    background: transparent;
    border-radius: 16px;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 24px;
}

.tool-header-block{
    display:flex;
    align-items:center;
    gap: 16px;
    margin-bottom:18px;
}
.tool-favicon{
    margin-right:0;
    flex-shrink:0;
}
.tool-favicon img{
    width:64px;
    height:64px;
    border-radius:16px;
    object-fit:cover;
    display:block;
}
.tool-header-block h1{
    margin:0;
    font-size:28px;
    line-height:1.25;
}

.tool-summary-text{
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    font-weight: 500;
}

.tool-meta-row-inline{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    color: #64748b;
}

.tool-meta-row-inline .rating-score{
    font-size: 18px;
}

.tool-header-rating .rating-score{
    font-weight: 700;
}

.tool-related .item-rating .rating-score{
    font-weight: 700;
}

.tool-meta-bottom{
    margin-top: 16px;
    gap: 10px;
}

.tool-meta-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    padding: 6px 12px;
    border-radius: 9999px;
    background-color: #f1f5f9;
    color: #475569;
}

.tool-meta-chip i{
    font-size: 16px;
}

.tool-meta-chip span{
    white-space: nowrap;
    min-width: 0;
}

.tool-screenshot-card{
    margin-bottom: 32px;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
    box-shadow: 0 18px 30px -18px rgba(15,23,42,0.30);
}

.tool-thumbnail-wrapper{
    position: relative;
}

.tool-thumbnail{
    position: relative;
    background-color: #e5e7eb;
}

.tool-thumbnail:not(.is-embed){
    height: 650px;
    overflow: hidden;
}
.tool-thumbnail.is-embed{
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.tool-thumbnail.is-embed.is-embed-blocked{
    background-color: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tool-embed-blocked{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #0f172a;
    font-weight: 600;
    font-size: 14px;
}
.tool-thumbnail.is-embed iframe{
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    overflow: hidden;
    pointer-events: none;
}

.tool-thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: top center;
}

.screenshot-link{
    display: block;
}

.screenshot-overlay{
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    backdrop-filter: blur(6px);
}

.screenshot-link:hover .screenshot-overlay{
    opacity: 1;
}

.screenshot-overlay span{
    background: #ffffff;
    color: #0f172a;
    padding: 10px 20px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 14px;
}

.tool-sidebar-card{
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 18px 30px -18px rgba(15,23,42,0.20);
    padding: 24px 20px;
}

.tool-sidebar-header{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.tool-sidebar-logo{
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #ebedf0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8fafc;
    flex-shrink: 0;
    overflow: hidden;
}

.tool-sidebar-title{
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
    margin: 0;
}

.tool-sidebar-actions{
    margin-bottom: 18px;
}

.tool-sidebar-status{
    border-top: 1px solid #e5e7eb;
    padding-top: 12px;
    margin-top: 8px;
    font-size: 12px;
    color: #64748b;
}

.tool-sidebar-status-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.tool-sidebar-status-row .label{
    color: #94a3b8;
}

.tool-sidebar-status-row .value{
    font-weight: 600;
}

.tool-sidebar-status-row .value.status-up{
    color: #16a34a;
}

.tool-sidebar-status-row .value.status-down{
    color: #dc2626;
}

.tool-sidebar-status-row.meta{
    color: #94a3b8;
}

.tool-sidebar-safe{
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    color: #0f172a;
}

.tool-sidebar-safe i{
    color: #22c55e;
    font-size: 18px;
}

@media (max-width: 768px){
    .tool-header-card{
        padding: 20px 16px;
    }
}

.tool-summary-row .meta-label {
    display: none;
}
.tool-summary-row .meta-value {
    font-size: 18px;
    line-height: 1.7;
    color: #334155;
    font-weight: 600;
}
.tool-status-row .meta-icon-wrapper{
    border-radius:9999px;
    background-color:#f3f4f6;
}
.tool-status-row .status-up i{
    color:#16a34a;
}
.tool-status-row .status-down i{
    color:#dc2626;
}
.tool-status-row .status-unknown i{
    color:#9ca3af;
}
.tool-status-text{
    margin-left:6px;
    font-weight:500;
}
.tool-status-checked-time{
    margin-left:6px;
    color:#6b7280;
    font-size:12px;
}
.tool-divider{
    width:100%;
    height:1px;
    background-color:#eee;
    margin-bottom:20px;
}
.icon-spaced{margin-right:4px;vertical-align:middle}
.tool-tag-pill{display:inline-block;background-color:#f3e8ff;color:#581c87;padding:4px 12px;border:1px solid #e9d5ff;border-radius:9999px;font-size:14px;text-decoration:none}

/* 关联专题标签区域 (已移除高度限制) */
.tool-tags-area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 增加间距 */
    height: auto !important;
    overflow: visible !important;
    max-height: none !important;
}

/* 关联专题标签按钮样式 */
.topic-tag-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff; /* 背景改为白色 */
    border: 1px solid #ebedf0; /* 边框颜色调整 */
    color: #191919; /* 文字颜色调整 */
    padding: 12px 20px;
    border-radius: 6px; /* 圆角调整为 6px，匹配 tool-independent-card */
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 160px;
    flex-grow: 1;
    max-width: 300px;
}

/* 悬停效果：描边变色，字体变色，无阴影，无色块 */
.topic-tag-btn:hover {
    background-color: #fff;
    border-color: var(--main_color, #2b5ff5);
    color: var(--main_color, #2b5ff5);
    box-shadow: none;
}

/* 箭头图标 */
.topic-tag-btn .arrow-icon {
    margin-left: 10px;
    font-weight: bold;
    transition: transform 0.2s;
    color: #a0aec0;
}

/* 悬停箭头变色 */
.topic-tag-btn:hover .arrow-icon {
    transform: translateX(4px);
    color: var(--main_color, #2b5ff5);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .topic-tag-btn {
        width: 100%;
        max-width: none;
    }
}

details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

/* 4. 免费平替模块中的标签样式 (可选，如果觉得也需要限制的话) */
#section-alternatives .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    height: 28px; /* 强制只显示一行 */
    overflow: hidden;
}

#section-alternatives .tag-list a {
    font-size: 12px;
    padding: 2px 8px;
    background: #f3f4f6;
    border-radius: 4px;
    color: #666;
    transition: all 0.2s ease; /* 增加过渡效果 */
    text-decoration: none; /* 去掉默认下划线 */
    display: inline-flex; /* 使用 flex 布局实现居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    line-height: 1.2; /* 修正行高 */
    height: 24px; /* 固定高度，确保对齐 */
}

/* 标签悬停效果 */
#section-alternatives .tag-list a:hover {
    background: var(--main_color, #2b5ff5); /* 悬停变主题色 */
    color: #fff; /* 文字变白 */
    transform: translateY(-1px); /* 微微上浮 */
}

@media screen and (max-width:768px){
    .tool-tag-pill{padding:4px 8px;font-size:12px}
}
.tool-related-products{margin-top:3rem}
:root .mdBorderMain{border:1px solid #ebedf0}

.tool-tax-filter-bar{
    clear: both;
    margin-top: 12px;
}

.tax-tool_category .flex,
.tax-tool_tag .flex{display:flex}
.tax-tool_category .grid,
.tax-tool_tag .grid{display:grid}
.tax-tool_category .block,
.tax-tool_tag .block{display:block}
.tax-tool_category .hidden,
.tax-tool_tag .hidden{display:none}
.tax-tool_category .relative,
.tax-tool_tag .relative{position:relative}
.tax-tool_category .flex-col,
.tax-tool_tag .flex-col{flex-direction:column}
.tax-tool_category .flex-wrap,
.tax-tool_tag .flex-wrap{flex-wrap:wrap}
.tax-tool_category .flex-1,
.tax-tool_tag .flex-1{flex:1 1 0%}
.tax-tool_category .shrink-0,
.tax-tool_tag .shrink-0{flex-shrink:0}
.tax-tool_category .items-center,
.tax-tool_tag .items-center{align-items:center}
.tax-tool_category .items-start,
.tax-tool_tag .items-start{align-items:flex-start}
.tax-tool_category .justify-between,
.tax-tool_tag .justify-between{justify-content:space-between}
.tax-tool_category .justify-center,
.tax-tool_tag .justify-center{justify-content:center}
.tax-tool_category .grid-cols-1,
.tax-tool_tag .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.tax-tool_category .col-span-2,
.tax-tool_tag .col-span-2{grid-column:span 2 / span 2}
.tax-tool_category .col-span-3,
.tax-tool_tag .col-span-3{grid-column:span 3 / span 3}
.tax-tool_category .gap-1,
.tax-tool_tag .gap-1{gap:.25rem}
.tax-tool_category .gap-2,
.tax-tool_tag .gap-2{gap:.5rem}
.tax-tool_category .gap-3,
.tax-tool_tag .gap-3{gap:.75rem}
.tax-tool_category .gap-4,
.tax-tool_tag .gap-4{gap:1rem}
.tax-tool_category .gap-6,
.tax-tool_tag .gap-6{gap:1.5rem}
.tax-tool_category .gap-8,
.tax-tool_tag .gap-8{gap:2rem}
.tax-tool_category .space-y-1 > :not(:last-child),
.tax-tool_tag .space-y-1 > :not(:last-child){margin-bottom:.25rem}
.tax-tool_category .space-y-2 > :not(:last-child),
.tax-tool_tag .space-y-2 > :not(:last-child){margin-bottom:.5rem}
.tax-tool_category .space-y-6 > :not(:last-child),
.tax-tool_tag .space-y-6 > :not(:last-child){margin-bottom:1.5rem}
.tax-tool_category .mb-1,
.tax-tool_tag .mb-1{margin-bottom:.25rem}
.tax-tool_category .mb-2,
.tax-tool_tag .mb-2{margin-bottom:.5rem}
.tax-tool_category .mb-3,
.tax-tool_tag .mb-3{margin-bottom:.75rem}
.tax-tool_category .mb-4,
.tax-tool_tag .mb-4{margin-bottom:1rem}
.tax-tool_category .mb-5,
.tax-tool_tag .mb-5{margin-bottom:1.25rem}
.tax-tool_category .mb-8,
.tax-tool_tag .mb-8{margin-bottom:2rem}
.tax-tool_category .mt-1,
.tax-tool_tag .mt-1{margin-top:.25rem}
.tax-tool_category .mt-2,
.tax-tool_tag .mt-2{margin-top:.5rem}
.tax-tool_category .mt-3,
.tax-tool_tag .mt-3{margin-top:.75rem}
.tax-tool_category .pt-3,
.tax-tool_tag .pt-3{padding-top:.75rem}
.tax-tool_category .pt-5,
.tax-tool_tag .pt-5{padding-top:1.25rem}
.tax-tool_category .pt-8,
.tax-tool_tag .pt-8{padding-top:2rem}
.tax-tool_category .pb-1,
.tax-tool_tag .pb-1{padding-bottom:.25rem}
.tax-tool_category .pb-5,
.tax-tool_tag .pb-5{padding-bottom:1.25rem}
.tax-tool_category .pb-10,
.tax-tool_tag .pb-10{padding-bottom:2.5rem}
.tax-tool_category .py-1,
.tax-tool_tag .py-1{padding-top:.25rem;padding-bottom:.25rem}
.tax-tool_category [class~="py-1.5"],
.tax-tool_tag [class~="py-1.5"]{padding-top:.375rem;padding-bottom:.375rem}
.tax-tool_category .py-8,
.tax-tool_tag .py-8{padding-top:2rem;padding-bottom:2rem}
.tax-tool_category .px-2,
.tax-tool_tag .px-2{padding-left:.5rem;padding-right:.5rem}
.tax-tool_category .px-4,
.tax-tool_tag .px-4{padding-left:1rem;padding-right:1rem}
.tax-tool_category .px-6,
.tax-tool_tag .px-6{padding-left:1.5rem;padding-right:1.5rem}
.tax-tool_category .p-2,
.tax-tool_tag .p-2{padding:.5rem}
.tax-tool_category .p-3,
.tax-tool_tag .p-3{padding:.75rem}
.tax-tool_category .p-5,
.tax-tool_tag .p-5{padding:1.25rem}
.tax-tool_category .w-full,
.tax-tool_tag .w-full{width:100%}
.tax-tool_category .h-full,
.tax-tool_tag .h-full{height:100%}
.tax-tool_category [class~="h-[167px]"],
.tax-tool_tag [class~="h-[167px]"]{height:167px}
.tax-tool_category .max-w-2xl,
.tax-tool_tag .max-w-2xl{max-width:42rem}
.tax-tool_category .overflow-hidden,
.tax-tool_tag .overflow-hidden{overflow:hidden}
.tax-tool_category .overflow-x-auto,
.tax-tool_tag .overflow-x-auto{overflow-x:auto}
.tax-tool_category .object-cover,
.tax-tool_tag .object-cover{object-fit:cover}
.tax-tool_category .leading-relaxed,
.tax-tool_tag .leading-relaxed{line-height:1.625}
.tax-tool_category .text-xs,
.tax-tool_tag .text-xs{font-size:.75rem}
.tax-tool_category .text-sm,
.tax-tool_tag .text-sm{font-size:.875rem}
.tax-tool_category .text-base,
.tax-tool_tag .text-base{font-size:1rem}
.tax-tool_category .text-2xl,
.tax-tool_tag .text-2xl{font-size:1.5rem}
.tax-tool_category .text-3xl,
.tax-tool_tag .text-3xl{font-size:1.875rem}
.tax-tool_category .text-center,
.tax-tool_tag .text-center{text-align:center}
.tax-tool_category .text-right,
.tax-tool_tag .text-right{text-align:right}
.tax-tool_category .font-medium,
.tax-tool_tag .font-medium{font-weight:500}
.tax-tool_category .font-bold,
.tax-tool_tag .font-bold{font-weight:700}
.tax-tool_category .text-slate-300,
.tax-tool_tag .text-slate-300{color:#cbd5e1}
.tax-tool_category .text-slate-500,
.tax-tool_tag .text-slate-500{color:#64748b}
.tax-tool_category .text-slate-600,
.tax-tool_tag .text-slate-600{color:#475569}
.tax-tool_category .text-slate-900,
.tax-tool_tag .text-slate-900{color:#0f172a}
.tax-tool_category .text-indigo-500,
.tax-tool_tag .text-indigo-500{color:#6366f1}
.tax-tool_category .text-indigo-600,
.tax-tool_tag .text-indigo-600{color:#4f46e5}
.tax-tool_category .text-orange-500,
.tax-tool_tag .text-orange-500{color:#f97316}
.tax-tool_category .text-red-500,
.tax-tool_tag .text-red-500{color:#ef4444}
.tax-tool_category .text-green-600,
.tax-tool_tag .text-green-600{color:#16a34a}
.tax-tool_category .bg-white,
.tax-tool_tag .bg-white{background-color:#ffffff}
.tax-tool_category .bg-slate-50,
.tax-tool_tag .bg-slate-50{background-color:#f8fafc}
.tax-tool_category .bg-indigo-50,
.tax-tool_tag .bg-indigo-50{background-color:#eef2ff}
.tax-tool_category .border,
.tax-tool_tag .border{border-width:1px;border-style:solid;border-color:#e2e8f0}
.tax-tool_category .border-b,
.tax-tool_tag .border-b{border-bottom-width:1px;border-style:solid;border-color:#e2e8f0}
.tax-tool_category .border-t,
.tax-tool_tag .border-t{border-top-width:1px;border-style:solid;border-color:#e2e8f0}
.tax-tool_category .border-slate-100,
.tax-tool_tag .border-slate-100{border-color:#f1f5f9}
.tax-tool_category .border-slate-200,
.tax-tool_tag .border-slate-200{border-color:#e2e8f0}
.tax-tool_category .border-indigo-100,
.tax-tool_tag .border-indigo-100{border-color:#e0e7ff}
.tax-tool_category .rounded,
.tax-tool_tag .rounded{border-radius:.25rem}
.tax-tool_category .rounded-lg,
.tax-tool_tag .rounded-lg{border-radius:.5rem}
.tax-tool_category .rounded-xl,
.tax-tool_tag .rounded-xl{border-radius:.75rem}
.tax-tool_category .rounded-2xl,
.tax-tool_tag .rounded-2xl{border-radius:1rem}
.tax-tool_category .shadow-sm,
.tax-tool_tag .shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,0.06)}
.tax-tool_category .line-clamp-3,
.tax-tool_tag .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tax-tool_category .transition,
.tax-tool_tag .transition{transition:all .2s ease}
.tax-tool_category .transform,
.tax-tool_tag .transform{transform:translateZ(0)}
.tax-tool_category .scale-90,
.tax-tool_tag .scale-90{transform:scale(.9)}
.tax-tool_category .origin-top-left,
.tax-tool_tag .origin-top-left{transform-origin:0 0}
.tax-tool_category .group:hover [class~="group-hover:scale-105"],
.tax-tool_tag .group:hover [class~="group-hover:scale-105"]{transform:scale(1.05)}
.tax-tool_category [class~="hover:text-indigo-600"]:hover,
.tax-tool_tag [class~="hover:text-indigo-600"]:hover{color:#4f46e5}
.tax-tool_category .no-scrollbar::-webkit-scrollbar,
.tax-tool_tag .no-scrollbar::-webkit-scrollbar{display:none}
.tax-tool_category .no-scrollbar,
.tax-tool_tag .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
@media (min-width:640px){
    .tax-tool_category [class~="sm:flex"],
    .tax-tool_tag [class~="sm:flex"]{display:flex}
    .tax-tool_category [class~="sm:flex-row"],
    .tax-tool_tag [class~="sm:flex-row"]{flex-direction:row}
    .tax-tool_category [class~="sm:grid-cols-2"],
    .tax-tool_tag [class~="sm:grid-cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .tax-tool_category [class~="sm:grid-cols-3"],
    .tax-tool_tag [class~="sm:grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
    .tax-tool_category [class~="sm:w-[190px]"],
    .tax-tool_tag [class~="sm:w-[190px]"]{width:190px}
}
@media (min-width:768px){
    .tax-tool_category [class~="md:flex-row"],
    .tax-tool_tag [class~="md:flex-row"]{flex-direction:row}
    .tax-tool_category [class~="md:items-end"],
    .tax-tool_tag [class~="md:items-end"]{align-items:flex-end}
    .tax-tool_category [class~="md:pb-0"],
    .tax-tool_tag [class~="md:pb-0"]{padding-bottom:0}
    .tax-tool_category [class~="md:text-4xl"],
    .tax-tool_tag [class~="md:text-4xl"]{font-size:2.25rem}
}
@media (min-width:1024px){
    .tax-tool_category [class~="lg:grid-cols-12"],
    .tax-tool_tag [class~="lg:grid-cols-12"]{grid-template-columns:repeat(12,minmax(0,1fr))}
    .tax-tool_category [class~="lg:col-span-9"],
    .tax-tool_tag [class~="lg:col-span-9"]{grid-column:span 9 / span 9}
    .tax-tool_category [class~="lg:col-span-3"],
    .tax-tool_tag [class~="lg:col-span-3"]{grid-column:span 3 / span 3}
}

.tool-card .btn-visit{
    background-color:#0E172B;
    color:#ffffff;
}

.tool-card .btn-visit:hover{
    background-color:#4f47e6;
}

.tool-card .btn-details{
    background-color:#ffffff;
    color:rgb(51,65,85);
    border-color:rgb(226,232,240);
}

.tool-card .btn-details:hover{
    color:#4f47e6;
    border-color:#4f47e6;
}

.tool-card .tag-chip{
    background-color:rgb(241,245,249);
    border-color:rgb(226,232,240);
    color:rgb(51,65,85);
}

.tool-card .tag-chip:hover{
    background-color:rgb(226,232,240);
}

.tax-tool_category .tool-card h2,
.tax-tool_tag .tool-card h2{
    font-size:24px;
}

.tax-tool_category .tool-card h2 a,
.tax-tool_tag .tool-card h2 a{
    font-size:24px;
}

.tax-tool_category .page-container h1,
.tax-tool_tag .page-container h1{
    font-size:34px;
}

.tax-tool_category .related-term-chip,
.tax-tool_tag .related-term-chip{
    background-color:rgb(241,245,249);
    border-color:rgb(226,232,240);
    color:rgb(51,65,85);
    border-radius:9999px;
    padding:6px 12px;
    font-size:12px;
    display:inline-flex;
    align-items:center;
    transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease;
}

.tax-tool_category .term-stats-card,
.tax-tool_tag .term-stats-card{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    padding:12px 24px;
    background-color:rgb(248,250,252);
    border-radius:10px;
    border:1px solid rgb(226,232,240);
    min-width:260px;
    margin-left:auto;
    margin-right:auto;
}

.tax-tool_category .term-stat,
.tax-tool_tag .term-stat{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.tax-tool_category .term-stat-number,
.tax-tool_tag .term-stat-number{
    font-size:20px;
    font-weight:700;
    color:rgb(15,23,42);
}

.tax-tool_category .term-stat-label,
.tax-tool_tag .term-stat-label{
    margin-top:4px;
    font-size:12px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-weight:600;
    color:rgb(100,116,139);
}

.tax-tool_category .term-stats-separator,
.tax-tool_tag .term-stats-separator{
    font-size:20px;
    font-weight:300;
    color:rgb(148,163,184);
}

.tax-tool_category .related-term-chip:hover,
.tax-tool_tag .related-term-chip:hover{
    background-color:rgb(226,232,240);
    color:rgb(30,64,175);
    border-color:rgb(148,163,184);
}

.tax-tool_category .tool-category-more-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.tax-tool_category .tool-category-more-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:56px;
    padding:16px;
    border:1px solid rgb(241,245,249);
    border-radius:12px;
    background:rgb(248,250,252);
    color:#191919;
    text-decoration:none;
    transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;
}

.tax-tool_category .tool-category-more-card:hover{
    background:rgb(248,250,252);
    border-color:rgb(226,232,240);
    color:#191919;
}

.tax-tool_category .tool-category-more-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:500;
    color:#191919;
}

.tax-tool_category .tool-category-more-count{
    flex:0 0 auto;
    color:#191919;
    font-size:13px;
    font-weight:500;
    opacity:0.78;
}

@media (max-width: 768px){
    .tax-tool_category .tool-category-more-grid{
        grid-template-columns:1fr;
    }
}

.tool-section-panel{
    display:none;
}

.tool-card .tool-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tool-card .tool-section-tab{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:rgb(100,116,139);
    transition:color 0.15s ease;
}

.tool-card .tool-section-tab:hover{
    color:#4f47e6;
}

.tool-card .tool-section-tab .tool-section-arrow{
    font-size:12px;
    color:rgb(148,163,184);
    transition:transform 0.15s ease,color 0.15s ease;
}

.tool-card .tool-section-tab.is-open .tool-section-arrow{
    transform:rotate(180deg);
    color:#4f47e6;
}

.tool-card .tool-section-tab.is-open{
    color:#4f47e6;
}

.tax-tool_category .tool-tax-filter-bar,
.tax-tool_tag .tool-tax-filter-bar{
    padding:8px; /* 对齐 p-2 */
    background-color:rgba(255,255,255,0.8); /* 对齐 bg-white/80 */
    border:1px solid #e5e7eb; /* 对齐 border-slate-200 */
    border-radius:0.75rem; /* 对齐 rounded-xl */
    box-shadow:0 1px 2px rgba(15,23,42,0.06); /* 接近 shadow-sm 效果 */
    -webkit-backdrop-filter:blur(12px); /* 对齐 backdrop-blur-md */
    backdrop-filter:blur(12px);
}

.tool-tax-filter-bar .tool-sort-link{
    color:rgb(71,85,105);
    text-decoration:none;
    padding:6px 10px;
    font-weight:600;
    border-radius:9999px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:background-color 0.15s ease,color 0.15s ease;
}

.tool-tax-filter-bar .tool-sort-link i{
    font-size:16px;
}

.tool-tax-filter-bar .tool-sort-link:hover{
    background-color:rgb(248,250,252);
    color:#4f47e6;
}

.tool-tax-filter-bar .tool-sort-link.is-active{
    background-color: #6540ea0f;
    color: #6540e9;
}

.ad-card{
    position:relative;
    padding:1.25rem;
    border-radius:1rem;
    overflow:hidden;
    border:1px solid #e0e7ff;
    background:linear-gradient(to bottom right,#eef2ff,#ffffff);
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.ad-badge{
    position:absolute;
    top:0;
    right:0;
    background-color:#4f46e5;
    color:#ffffff;
    font-size:10px;
    font-weight:700;
    padding:0.25rem 0.5rem;
    border-bottom-left-radius:0.5rem;
}
.ad-header{
    display:flex;
    align-items:center;
    gap:0.75rem;
    margin-bottom:0.75rem;
}
.ad-logo{
    width:2.5rem;
    height:2.5rem;
    border-radius:0.5rem;
    border:1px solid #ffffff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
    object-fit:cover;
}
.ad-title{
    font-size:0.875rem;
    font-weight:700;
    color:#0f172a;
    margin:0;
}
.ad-subtitle{
    font-size:0.75rem;
    font-weight:500;
    color:#4f46e5;
}
.ad-description{
    font-size:0.75rem;
    color:#475569;
    margin-bottom:1rem;
    line-height:1.625;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:0;
}
.ad-button{
    display:block;
    width:100%;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    text-align:center;
    font-size:0.75rem;
    font-weight:700;
    text-decoration:none;
    border-radius:0.5rem;
    background-color:#ffffff;
    color:#4f46e5;
    border:1px solid #e0e7ff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.ad-button:hover{
    background-color:#4f46e5;
    color:#ffffff;
    border-color:#4f46e5;
}

.tool-details-l .tool-sidebar-aippt-ad{
    width:100%;
    margin-top:16px;
    box-shadow:0 18px 30px -18px rgba(15,23,42,0.20);
}


.sidebar-fixed-container{
    position:relative;
    align-self:flex-start;
    position:sticky;
    top:120px;
}

.sidebar-fixed-inner{
    position:static;
}

.tax-tool_category .page-container,
.tax-tool_tag .page-container,
.tax-tool_category .grid,
.tax-tool_tag .grid{
    overflow:visible;
}

@media (max-width:1024px){
    .sidebar-fixed-container{
        position:static;
        top:auto;
    }
    .sidebar-fixed-inner{
        position:static !important;
        top:auto;
        left:auto;
        width:auto;
    }
}

/* =========================================
   全局基础样式修正 (从 额外CSS 迁移)
   ========================================= */

/* 1. 基础表格去双线 (SaaS风格表格必备) */
table { 
    border-collapse: collapse; 
    width: 100%; 
    margin-bottom: 20px; 
}

/* 2. 单元格加线、加内边距 */
td, th { 
    border: 1px solid #dcdcdc; /* 精致灰边框 */
    padding: 12px;             /* 增加呼吸感 */
}

/* 3. 表头美化 */
th {
    background-color: #f5f7fa; /* 浅灰蓝背景 */
    font-weight: bold;
    color: #333;
}

body, button, input, select, textarea {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

:root {
    --text-primary: #191919;
    --text-secondary: #666666;
    --nav_color_bg: #c00d23;
    --nav_color_current: #000000;
    --nav_color_text: #ffffff;
    --nav_color_text2: #ffffff;
    --bar_color_bg: #000000;
    --bar_color_current: #c00d23;
    --bar_color_text: #ffffff;
    --bar_color_text2: #ffffff;
    --bar_color_line: #292929;
    --mobile_nav_bg: #ffffff;
    --mobile_nav_text: #000000;
}

body{
    color:#191919;
    font-weight:400;
    background-color:#F7F8FA;
}

h1,h2,h3,h4,h5,h6{
    color:#191919;
    font-weight:700;
}

.term-wiki-wrapper{
    margin-top:24px;
    margin-bottom:32px;
}
.tax-tool_tag .term-wiki-wrapper,
.tax-tool_category .term-wiki-wrapper{
    margin-top:24px;
    margin-bottom:32px;
}
.term-wiki-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    box-shadow:0 8px 24px -16px rgba(15,23,42,0.2);
    overflow:hidden;
    transition:box-shadow .25s ease, transform .25s ease;
}
.term-wiki-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:20px 24px;
    cursor:pointer;
    position:relative;
    background:linear-gradient(90deg, rgba(99,102,241,0.08), rgba(255,255,255,0.9));
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.term-wiki-summary::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgb(99 102 241 / 1%), rgba(255,255,255,0));
    opacity:.6;
    pointer-events:none;
    transition:opacity .25s ease;
}
.term-wiki-summary:hover{
    box-shadow:inset 0 -1px 0 rgba(99,102,241,0.15);
    background:#fff;
}
.term-wiki-summary:hover::after{
    opacity:0;
}
.term-wiki-summary:active{
    transform:translateY(0) scale(.995);
}
.term-wiki-card[open]{
    box-shadow:0 12px 30px -18px rgba(15,23,42,0.28);
}
.term-wiki-card[open] .term-wiki-summary{
    background:linear-gradient(90deg, rgba(99,102,241,0.06), rgba(255,255,255,1));
}
.term-wiki-heading{
    display:flex;
    align-items:flex-start;
    gap:16px;
    min-width:0;
}
.term-wiki-icon{
    flex-shrink:0;
    width: 50px;
    height: 50px;
    border-radius:12px;
    color:#ffffff;
    background: #4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
}
.term-wiki-heading-text{
    min-width:0;
}
.term-wiki-title{
    font-size:18px;
    font-weight:700;
    color:rgb(15,23,42);
    margin:0;
}
.term-wiki-badge{
    display:inline-flex;
    align-items:center;
    margin-left:8px;
    padding:2px 8px;
    font-size:12px;
    font-weight:600;
    color:#4f46e5;
    background:#eef2ff;
    border-radius:999px;
}
.term-wiki-subtitle{
    margin:6px 0 0;
    font-size:14px;
    color:#64748b;
    font-weight:500;
}
.term-wiki-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}
.term-wiki-pills{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.term-wiki-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    background:#f8fafc;
    color:#475569;
    font-size:12px;
    font-weight:600;
}
.term-wiki-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:600;
    color:var(--main_color, #2b5ff5);
}
.term-wiki-toggle-open{
    display:inline-flex;
}
.term-wiki-toggle-close{
    display:none;
}
.term-wiki-card[open] .term-wiki-toggle-open{
    display:none;
}
.term-wiki-card[open] .term-wiki-toggle-close{
    display:inline-flex;
}
.term-wiki-card[open] .term-wiki-toggle .icon-svg{
    transform:rotate(90deg);
}
.term-wiki-content{
    padding:32px 24px 32px;
}
.term-wiki-prose{
    color:#191919;
    line-height:1.8;
    font-size:15px;
}
.term-wiki-more-categories{
    margin-top:32px;
}
.term-wiki-prose .tool-section-subtitle{
    color:#191919;
}
.term-wiki-prose .grid{
    display:grid;
}
.term-wiki-prose .grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr));
}
.term-wiki-prose .gap-x-16{
    column-gap:4rem;
}
.term-wiki-prose .gap-y-12{
    row-gap:3rem;
}
@media (min-width:768px){
    .term-wiki-prose .md\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
.term-wiki-prose .text-base{
    font-size:1rem;
}
.term-wiki-prose .text-sm{
    font-size:.875rem;
}
.term-wiki-prose .text-xs{
    font-size:.75rem;
}
.term-wiki-prose .font-bold{
    font-weight:700;
}
.term-wiki-prose .font-medium{
    font-weight:500;
}
.term-wiki-prose .text-slate-900{
    color:#191919;
}
.term-wiki-prose .text-slate-800{
    color:#191919;
}
.term-wiki-prose .text-slate-600{
    color:#191919;
}
.term-wiki-prose .text-indigo-500{
    color:#6366f1;
}
.term-wiki-prose .text-green-500{
    color:#22c55e;
}
.term-wiki-prose .text-yellow-500{
    color:#eab308;
}
.term-wiki-prose .leading-relaxed{
    line-height:1.625;
}
.term-wiki-prose ol{
    line-height:1.9;
}
.term-wiki-prose .term-wiki-list{
    margin-top:8px;
    padding-left:20px;
}
.term-wiki-prose ol li:not(:last-child){
    margin-bottom:12px;
}
.term-wiki-prose .text-justify{
    text-align:justify;
}
.term-wiki-prose .flex{
    display:flex;
}
.term-wiki-prose .flex-wrap{
    flex-wrap:wrap;
}
.term-wiki-prose .items-center{
    align-items:center;
}
.term-wiki-prose .items-start{
    align-items:flex-start;
}
.term-wiki-prose .gap-2{
    gap:.5rem;
}
.term-wiki-prose .space-y-2 > :not([hidden]) ~ :not([hidden]){
    margin-top:.5rem;
}
.term-wiki-prose .mt-0\.5{
    margin-top:.125rem;
}
.term-wiki-prose .text-lg{
    font-size:1.125rem;
}
.term-wiki-prose .px-3{
    padding-left:.75rem;
    padding-right:.75rem;
}
.term-wiki-prose .py-1{
    padding-top:.25rem;
    padding-bottom:.25rem;
}
.term-wiki-prose .bg-slate-50{
    background:#f8fafc;
}
.term-wiki-prose .border{
    border-width:1px;
    border-style:solid;
}
.term-wiki-prose .border-slate-200{
    border-color:#e2e8f0;
}
.term-wiki-prose .rounded-lg{
    border-radius:.5rem;
}
.term-wiki-prose .shadow-sm{
    box-shadow:0 1px 2px rgba(15,23,42,.08);
}
.term-wiki-prose ul{
    padding-left:0;
    margin:0;
    list-style:none;
}
.term-wiki-empty{
    color:#94a3b8;
    font-size:14px;
    margin:0;
}
.icon-svg{
    display:inline-block;
    vertical-align:middle;
    fill:currentColor;
}
.icon-size-14{
    width:14px;
    height:14px;
}
.icon-size-16{
    width:16px;
    height:16px;
}
.icon-size-20{
    width:20px;
    height:20px;
}
.icon-size-24{
    width:24px;
    height:24px;
}
.icon-mr-1{
    margin-right:4px;
}
@media (max-width: 768px){
    .term-wiki-summary{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }
    .term-wiki-actions{
        width:100%;
        justify-content:space-between;
    }
}

.post-content .post-body h2,
.tool-details-v2 .post-body h2,
h2 {
    font-size: 28px;
    font-weight: 700;
}

.post-content .post-body h3,
.tool-details-v2 .post-body h3,
h3 {
    font-size: 20px;
    font-weight: 700;
}

.related-title h3{
    font-size:24px;
    font-weight:800;
    color:#191919;
}

.tool-details-v2 .post-body{
    color:#191919;
}
.tool-independent-card > div + div{margin-top:24px}
.tool-vs-group {
    margin-bottom: 40px;
}
.tool-vs-group:last-child {
    margin-bottom: 0;
}
.tax-tool_category,.tool-template-default{background:#F7F8FA!important}

/* ==========================================================================
   评分、热度、平台、定价 新增样式 (18px)
   ========================================================================== */
.tool-meta-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 18px !important;
    line-height: 1.6;
}

.tool-meta-item .meta-label {
    color: #191919;
    flex-shrink: 0;
    width: 70px;
    font-weight: 600;
}

.tool-meta-item .meta-value {
    color: #191919;
    font-weight: 500;
}

/* 评分样式 */
.star-rating-container {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.star-rating {
    display: inline-flex;
    gap: 6px;
    color: #e0e0e0;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.star-rating .star-icon {
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 24px;
    line-height: 1;
}
.star-rating .star-icon.active {
    color: #ffb400;
}

/* 已评分状态禁用动画 */
.tool-rating-row.has-rated .star-rating .star-icon {
    cursor: default;
}
.tool-rating-row.has-rated .star-rating .star-icon:hover {
    transform: none !important;
}

/* Hover 动画效果：仅在未评分时触发 */
.tool-rating-row:not(.has-rated) .star-rating .star-icon:hover,
.tool-rating-row:not(.has-rated) .star-rating .star-icon:hover ~ .star-icon {
    color: #ffb400;
    transform: scale(1.2);
}
/* 当鼠标悬浮在容器上时，非 hover 状态的星星变灰 */
.tool-rating-row:not(.has-rated) .star-rating:hover .star-icon:not(:hover):not(:hover ~ .star-icon) {
    color: #e0e0e0 !important;
}

.rating-score {
    color: #191919;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.rating-count {
    font-size: 14px;
    color: #666666;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-top: 2px;
}

/* 热度图标 */
.icon-heat {
    color: #ff4d4f;
}

/* 平台/定价图标 */
.meta-icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    margin-right: 8px;
    color: #666;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    border: 1px solid #ebedf0;
}
/* 平台/定价图标颜色体系 */
.meta-icon-wrapper[title*="网页"] { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; }
.meta-icon-wrapper[title*="APP"], .meta-icon-wrapper[title*="Android"], .meta-icon-wrapper[title*="iOS"] { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; }
.meta-icon-wrapper[title*="小程序"] { color: #07c160; background: #e8fff3; border-color: #a0eec0; }
.meta-icon-wrapper[title*="插件"] { color: #722ed1; background: #f9f0ff; border-color: #d3adf7; }
.meta-icon-wrapper[title*="免费"] { color: #faad14; background: #fffbe6; border-color: #ffe58f; }
.meta-icon-wrapper[title*="试用"] { color: #fa8c16; background: #fff7e6; border-color: #ffd591; }
.meta-icon-wrapper[title*="付费"], .meta-icon-wrapper[title*="订阅"] { color: #f5222d; background: #fff1f0; border-color: #ffa39e; }

.meta-icon-wrapper:hover {
    background: #191919 !important;
    color: #fff !important;
    border-color: #191919 !important;
    transform: translateY(-2px);
}
.meta-icon-wrapper i {
    font-size: 18px;
}
/* 自定义 Tooltip (可选，目前使用 title 属性) */
.meta-icon-wrapper::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
    background: #191919;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    pointer-events: none;
    z-index: 10;
}
.meta-icon-wrapper:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-10px);
}

/* 按钮组优化 */
.tool-buttons-area {
    margin-top: 25px;
    margin-bottom: 25px;
}
/* 按钮样式调整 */
.tool-btn-box {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.tool-btn-box > div {
    margin: 0 !important;
    flex: 0 1 auto !important;
}

.tool-btn-box a, 
.tool-btn-box span,
.tool-btn-box button.ak-tool-favorite-btn {
    gap: 6px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    border-radius: 21px !important;
}

.tool-btn-box button.ak-tool-favorite-btn {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-family: inherit;
    min-width: 86px;
    transform: none;
}

.tool-btn-box .ak-tool-favorite-btn [data-ak-tool-favorite-label] {
    border-radius: 0 !important;
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    height: auto !important;
    line-height: 1 !important;
    min-width: 2em !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.site-url-favorite .ak-tool-favorite-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.site-url-favorite .ak-tool-favorite-btn:hover,
.site-url-favorite .ak-tool-favorite-btn:focus {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #1e293b;
    outline: none;
}

/* 移除之前冲突的定义 */

/* 二级导航样式（恢复原始样式，仅保留必要结构） */
.tool-subnav {
    display: flex;
    gap: 25px;
    padding: 12px 0 0 0; /* 仅保留顶部padding，底部交由link控制 */
    /* 灰色下划线：加深颜色，加粗到2px以便与选中状态匹配 */
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 25px;
    background: transparent;
    position: sticky;
    top: var(--subnav-top, 0);
    z-index: 100;
    /* 移除可能导致闪烁的背景过渡 */
    transition: none; 
}

/* 吸顶状态 */
.tool-subnav.stuck {
    /* 吸顶时保持容器本身透明，隐藏原有边框，改由伪元素实现全宽背景和边框 */
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none; /* 移除阴影 */
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

/* 使用伪元素实现吸顶后的全宽白底和下划线，避免内容抖动 */
.tool-subnav.stuck::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* 延伸至全屏宽度 */
    height: 100%;
    background: #fff;
    /* 吸顶后的下划线，保持与非吸顶状态一致的样式 */
    border-bottom: 2px solid #e0e0e0;
    box-shadow: none; /* 移除阴影 */
    z-index: -1; /* 置于内容下方 */
}

.tool-subnav-link {
    color: #191919;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s;
    /* 调整底部padding，适配4px边框，保持总高度一致 (10px padding + 4px border = 14px) */
    padding: 0 0 10px 0; 
    position: relative;
    font-weight: inherit;
    /* 预留位置：透明边框4px */
    border-bottom: 4px solid transparent; 
    /* 负边距：让链接的边框底部与容器边框底部对齐 */
    margin-bottom: -2px; 
}
.tool-subnav-link:hover,
.tool-subnav-link.active {
    color: #0052d9 !important;
    font-weight: inherit;
    /* 选中状态和悬停状态：蓝色边框4px */
    border-bottom: 4px solid #0052d9; 
}

/* 顶部模块高度压缩 */
.tool-details {
    padding-top: 15px !important;
}
.tool-header-block {
    margin-bottom: 15px !important;
}
.tool-meta-item {
    margin-bottom: 10px !important;
}
.tool-buttons-area {
    margin-top: 20px !important;
}
.tool-details-l {
    padding-top: 0 !important;
}
.tool-thumbnail-wrapper {
    margin-top: 0 !important;
}
.tool-thumbnail-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ebedf0;
    margin-bottom: 0 !important;
}
/* 增强选择器优先级来覆盖主主题样式 */
.tool-details .tool-details-l .tool-thumbnail,
.tool-thumbnail-wrapper .tool-thumbnail {
    position: relative;
    width: 100%;
    transition: transform 0.3s ease;
}
.tool-details .tool-details-l .tool-thumbnail::before,
.tool-thumbnail-wrapper .tool-thumbnail::before{
    content:"";
    display:none;
    padding-bottom:0;
}
.tool-details .tool-details-l .tool-thumbnail img,
.tool-thumbnail-wrapper .tool-thumbnail img{
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
}
.screenshot-link:hover .tool-thumbnail {
    transform: scale(1.02);
}
.screenshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.screenshot-link:hover .screenshot-overlay {
    opacity: 1;
}
.screenshot-overlay span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 24px;
    border: 2px solid #fff;
    border-radius: 30px;
}

/* 标签区域样式 */
.tool-tags-area {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tool-tag-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0052d9 !important; /* 品牌色 */
    background-color: rgba(0, 82, 217, 0.05); /* 更浅的背景 */
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px !important;
    font-weight: 400 !important; /* 变细 */
    text-decoration: none;
    border: none !important;
    transition: all 0.3s;
}
.tool-tag-pill:hover {
    background-color: #0052d9;
    color: #fff !important;
}

/* 移动端适配：防止底部悬浮栏遮挡内容 */
@media (max-width: 768px) {
    body {
        padding-bottom: 80px !important; /* 预留足够空间给底部固定栏 */
    }
    .tool-meta-item {
        font-size: 16px !important;
    }
    .tool-meta-item .meta-label {
        width: 60px;
    }
}

/* 🟢 相关AI产品列表响应式布局 - 修复移动端适配隐患 */
/* 小屏幕（手机）：1列显示 */
@media (max-width: 767px) {
    .post-list-v1.list-grid-col_4 .post-item {
        width: 100% !important;
    }
}

/* 中等屏幕（平板）：2列显示 */
@media (max-width: 991px) and (min-width: 768px) {
    .post-list-v1.list-grid-col_4 .post-item {
        width: calc((100% - 10px) / 2) !important;
    }
}

/* 大屏幕（桌面）：4列显示（保持原有样式） */
@media (min-width: 992px) {
    .post-list-v1.list-grid-col_4 .post-item {
        width: calc((100% - 60px) / 4) !important;
    }
}

/* 工具详情页 - 大板块分组样式 */
.tool-big-section {
    margin-bottom: 40px;
}
.tool-big-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #191919;
    display: flex;
    align-items: center;
}
.tool-big-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 24px;
    background: var(--main_color, #2b5ff5);
    margin-right: 12px;
    border-radius:3px;
}

/* 优化后的大板块卡片样式（作为容器，弱化视觉存在感） */
.tool-group-card {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .tool-group-card {
        padding: 0;
    }
}

/* 模块分割线 */
.tool-module-divider {
    height: 1px;
    background-color: #eee;
    margin: 30px 0;
}

/* 简介模块通栏宽度修正 */
.tool-intro-content p {
    max-width: 100% !important;
}

/* 通用模块卡片样式，参考 3.html SaaS 卡片风格 */
.tool-section-card {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 15px -10px rgba(15, 23, 42, 0.12);
    padding: 32px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .tool-section-card {
        padding: 20px;
        border-radius: 12px;
    }
}

/* H3 标题样式优化 */
.tool-section-subtitle {
    font-size: 22px !important;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.25;
}
.tool-section-subtitle::before {
    content: '';
    display: block;
    width: 4px;
    height: 24px;
    background: var(--main_color, #4F46E5);
    border-radius: 2px;
}

/* 通用列表卡片布局，配合 SVG 图标对齐 */
.tool-list-base{
    margin: 0;
    padding-left: 0;
    color: #191919;
    line-height: 1.8;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
}
.tool-list-base li:not(:last-child){margin-bottom:12px}

.tool-list-base-align-center .tool-list-item {
    align-items: center;
}
.tool-list-base-align-center .tool-list-item-icon {
    margin-top: 0;
}

.tool-list-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.tool-list-item-icon {
    flex-shrink: 0;
    margin-top: 4px;
}
.tool-list-item-content {
    flex: 1;
}

.tool-meta-platforms {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.tool-meta-platform-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.feature-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 768px) {
    .feature-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.feature-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: flex-start;
}
.feature-icon svg {
    display: block;
}
.site-header *, .site-header *::before, .site-header *::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
.site-header {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
    box-shadow: none !important;
}
.site-header,
.site-header.sticky,
.site-header.fixed,
.site-header.is-fixed {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.tax-tool_category .site-header,
body.tax-tool_tag .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
}
.tax-tool_category .header-skeleton,
.tax-tool_tag .header-skeleton{
    display:none;
    height:0;
    margin:0;
    padding:0;
}
@media (min-width:768px){
    .tax-tool_category .site-header nav.hidden,
    .tax-tool_tag .site-header nav.hidden{
        display:flex;
    }
}
@media (min-width:768px){
    .site-header nav ul li{
        position:relative;
    }
    .site-header nav ul .sub-menu{
        position:absolute;
        top:100%;
        left:0;
        min-width:180px;
        background:#fff;
        border:1px solid rgba(226,232,240,.8);
        border-radius:10px;
        box-shadow:0 10px 24px -12px rgba(15,23,42,.25);
        padding:8px 0;
        opacity:0;
        transform:translateY(6px);
        visibility:hidden;
        transition:opacity .2s ease, transform .2s ease;
        z-index:1000;
    }
    .site-header nav ul li:hover > .sub-menu{
        opacity:1;
        transform:translateY(0);
        visibility:visible;
    }
    .site-header nav ul .sub-menu li{
        padding:0;
    }
    .site-header nav ul .sub-menu a{
        display:block;
        padding:8px 14px;
        color:#475569;
        font-size:13px;
        line-height:1.4;
        white-space:nowrap;
    }
    .site-header nav ul .sub-menu a:hover{
        color:var(--main_color, #2b5ff5);
        background:rgba(99,102,241,0.08);
    }
}
#logo-icon-animated {
    transition: transform 0.3s ease !important;
}
body.tax-tool_category,
body.tax-tool_tag {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.tax-tool_category .no-scrollbar::-webkit-scrollbar,
.tax-tool_tag .no-scrollbar::-webkit-scrollbar {
    display: none;
}
.tax-tool_category .no-scrollbar,
.tax-tool_tag .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.sticky{position:sticky}
.top-0{top:0}
.w-full{width:100%}
.bg-white\/80{background-color:rgba(255,255,255,.8)}
.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.relative{position:relative}
.mx-auto{margin-left:auto;margin-right:auto}
.h-\[72px\]{height:72px}
.flex{display:flex}
.justify-between{justify-content:space-between}
.items-center{align-items:center}
.z-10{z-index:10}
.gap-2{gap:8px}
.gap-4{gap:16px}
.gap-8{gap:32px}
.w-9{width:36px}
.h-9{height:36px}
.bg-indigo-600{background-color:#4f46e5}
.rounded-xl{border-radius:12px}
.justify-center{justify-content:center}
.text-white{color:#fff}
.font-bold{font-weight:700}
.text-xl{font-size:20px;line-height:28px}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(15,23,42,.12),0 4px 6px -4px rgba(15,23,42,.12)}
.shadow-indigo-200{box-shadow:0 10px 15px -3px rgba(199,210,254,.6),0 4px 6px -4px rgba(199,210,254,.6)}
.group-hover\:rotate-6{transition:transform .3s ease}
.group:hover .group-hover\:rotate-6{transform:rotate(6deg)}
.tracking-tight{letter-spacing:-.025em}
.text-slate-900{color:#0f172a}
.text-indigo-600{color:#4f46e5}
.hidden{display:none}
.text-sm{font-size:14px;line-height:20px}
.font-medium{font-weight:500}
.text-slate-600{color:#475569}
.list-none{list-style:none}
.m-0{margin:0}
.p-0{padding:0}
.w-\[122px\]{width:122px}
.h-\[44px\]{height:44px}
.bg-slate-900{background-color:#0f172a}
.hover\:\!bg-slate-800:hover{background-color:#1e293b!important}
.hover\:\!text-white:hover{color:#fff!important}
.font-semibold{font-weight:600}
.rounded-full{border-radius:9999px}
.gap-\[8px\]{gap:8px}
.text-lg{font-size:18px;line-height:28px}
.text-2xl{font-size:24px;line-height:32px}
.hover\:text-slate-900:hover{color:#0f172a}
.focus\:outline-none:focus{outline:0}
.md\:hidden{display:block}
@media (min-width: 768px){
    .md\:flex{display:flex}
    .md\:hidden{display:none}
}
.bg-indigo {
    background-color: #eef2ff;
    color: #4f46e5;
}
.bg-green {
    background-color: #f0fdf4;
    color: #16a34a;
}
.bg-blue {
    background-color: #eff6ff;
    color: #2563eb;
}
.bg-purple {
    background-color: #f5f3ff;
    color: #7c3aed;
}
.feature-text h4 {
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px;
    font-size: 16px;
}
.feature-text h3 {
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px;
    font-size: 16px;
}
.feature-text p {
    font-size: 14px;
    margin: 0;
    color: #334155;
}

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tag {
    padding: 8px 16px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.topic-section {
    margin-top: 48px;
    padding-top: 40px;
    border-top: 1px solid #e2e8f0;
}
.topic-section-title {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.topic-pill {
    padding: 8px 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    display: inline-block;
    transition: all 0.2s;
}
.topic-pill:hover {
    border-color: #818cf8;
    background: #eef2ff;
    color: #4338ca;
    transform: translateY(-1px);
}

.tax-tool_category .site-breadcrumb,
.tax-tool_tag .site-breadcrumb {
    background: #ffffff;
}

.tax-tool_category .bg-white.border-b .page-container,
.tax-tool_tag .bg-white.border-b .page-container {
    padding-top: 0 !important;
    margin-top: -30px !important;
}

.site-breadcrumb {
    width: 100%;
    padding: 15px 0;
}

.site-breadcrumb .page-container {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 24px;
}

.site-breadcrumb ul {
    width: 100%;
}

/* 面包屑分隔符样式优化：颜色与间距统一 */
.site-breadcrumb .breadcrumb-separator{
    display:inline-flex;
    align-items:center;
    margin:0 7px;
    color:#818181;
    line-height:1;
}
.site-breadcrumb .breadcrumb-separator .icon,
.site-breadcrumb .breadcrumb-separator svg{
    color:inherit;
    width:12px;
    height:12px;
    margin:0;
    display:inline-block;
}

/* 移除主主题的 ::after 箭头分隔符，避免重复 */
.site-breadcrumb ul li::after{
    content:none !important;
    margin:0 !important;
}

.tool-related .item-rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tool-related .rating-star-small {
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
}

.tool-related .star-icon-small,
.tool-related .star-icon-small svg {
    width: 14px;
    height: 14px;
    color: #ffb400;
    display: inline-block;
}

.home .site-main .module-head .module-title h2 {
    color: #333333;
}

.home .page-banner-v1 .banner-text h1 {
    color: #ffffff;
}

.home .search-banner .banner-text h2 {
    color: #ffffff;
}

.home .search-banner .banner-text h1 {
    color: #ffffff;
    font-size: 42px;
    margin: 0;
}

.site-header nav,
.site-header nav a {
    font-size: 16px;
}


/* ---------------------------------------------------------------------------------
   免费平替模块样式 (针对 section-alternatives)
   --------------------------------------------------------------------------------- */

/* 1. 工具标题字号放大 */
#section-alternatives .itme-title h3 {
    font-size: 18px; /* 默认通常是 16px 或 15px，放大到 18px */
    font-weight: 700;
}

/* 2. 评分显示样式 (交互版) */
#section-alternatives .tool-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

#section-alternatives .star-rating {
    display: flex;
    gap: 2px;
}

#section-alternatives .star-icon {
    font-size: 18px; /* 放大星星 */
    color: #e5e7eb; /* 默认灰色 */
    cursor: pointer;
    transition: color 0.2s;
}

#section-alternatives .star-icon.active {
    color: #ffb400; /* 激活为金黄色 */
}

/* 简单的 Hover 效果 */
#section-alternatives .star-icon:hover,
#section-alternatives .star-icon:hover ~ .star-icon {
    /* 这里比较难纯CSS实现反向选择，暂时只高亮当前hover的，
       JS 会处理点击后的状态。为了体验更好，可以加深颜色 */
    color: #f59e0b;
}

#section-alternatives .rating-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

#section-alternatives .rating-score {
    font-weight: 400; /* 去掉加粗 */
    font-size: 13px; /* 缩小字号 */
    color: #555; /* 稍微调淡一点颜色，避免太突兀 */
}

#section-alternatives .rating-count {
    color: #888;
    font-size: 12px;
}

/* 3. “直达”按钮悬停放大 */
#section-alternatives .itme-img .item-direct a {
    transition: all 0.3s ease;
}

#section-alternatives .itme-img:hover .item-direct a {
    transform: scale(1.2); /* 放大 1.2 倍 */
    padding: 8px 15px; /* 增加内边距，让它看起来更显眼 */
    font-weight: bold;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* =========================================
   2026 Refactored UI Styles (from Standard Template)
   ========================================= */

/* 自定义滚动条 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 卡片悬停特效 */
.tool-card { 
    transition: all 0.3s ease; 
    border: 1px solid #E2E8F0; 
}
.tool-card:hover { 
    transform: translateY(-3px); 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); 
    border-color: #8B5CF6; 
}

/* 文本渐变 */
.text-gradient { background: linear-gradient(90deg, #4F46E5 0%, #7C3AED 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* 给包裹 Wiki 内容的父级 div 加上 */
.wiki-content-wrapper {
    contain: content; /* 限制内部布局溢出影响外部 */
}

/* 修复footer绝对定位导致的间距问题 */
footer {
    position: relative !important;
    margin-top: 20px !important;
}

/* 增强列表页面截图容器样式，确保固定3:2比例 */
.post-list-v1 .post-item .itme-img,
.post-item .itme-img{
    position:relative;
    border-radius:6px;
    overflow:hidden;
}
.post-list-v1 .post-item .itme-img a,
.post-item .itme-img a{
    display:block;
    position:relative;
    width:100%;
    padding-bottom:66.7%;
}
.post-list-v1 .post-item .itme-img img,
.post-item .itme-img img{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}
/* 新增：头部布局重构 (Logo左，信息右) */
.tool-header-main-wrapper {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.tool-header-logo-wrapper {
    flex-shrink: 0;
    width: 80px;
}
.tool-header-logo-wrapper img {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    object-fit: cover;
    border: 1px solid #ebedf0;
}
.tool-header-logo-wrapper .tool-favicon-fallback {
    width: 80px;
    height: 80px;
}

.tool-favicon-fallback {
    display: block;
}

.tool-favicon-fallback.is-hidden {
    display: none;
}

.tool-sidebar-logo .tool-favicon-image,
.tool-sidebar-logo .tool-favicon-fallback {
    height: 48px;
    width: 48px;
}

.tool-header-info-wrapper {
    flex: 1;
    min-width: 0; /* 防止 Flex 子项溢出 */
}

/* 调整标题和元数据的间距，使其紧凑 */
.tool-header-info-wrapper h1 {
    margin-top: -4px;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 1.2;
}

.tool-header-info-wrapper .tool-meta-row-inline {
    margin-bottom: 8px;
}

.tool-header-info-wrapper .tool-summary-text {
    margin-bottom: 12px;
    color: #555;
    font-size: 15px;
}

/* 新增：侧边栏按钮样式 (仿 HaiSnap) */
.sidebar-visit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background-color: #8b5cf6; /* 紫色 */
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px;
    border-radius: 12px;
    text-decoration: none;
    margin-bottom: 16px;
    transition: background-color 0.2s;
}
.sidebar-visit-btn:hover {
    background-color: #7c3aed;
    color: #fff;
}
.sidebar-visit-btn i {
    font-size: 20px;
}

.sidebar-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 24px;
}

.sidebar-action-btn {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
    color: #475569;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transform: none;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.sidebar-action-btn:hover {
    background-color: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}
.sidebar-action-btn.ak-tool-favorite-btn {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: inherit;
    min-height: 78px;
    transform: none !important;
    width: 100%;
}
.sidebar-action-btn i {
    font-size: 20px;
    color: #64748b;
}

.ak-tool-favorite-btn {
    gap: 6px;
}

.ak-tool-favorite-btn .icon,
.ak-tool-favorite-btn .icon-svg,
.ak-tool-favorite-btn .ak-remix-line-icon {
    color: currentColor;
    fill: none;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 1px;
}

.sidebar-action-btn.ak-tool-favorite-btn [data-ak-tool-favorite-label] {
    display: inline-block;
    line-height: 1;
    min-width: 2em;
    overflow-wrap: normal;
    text-align: center;
    white-space: nowrap;
}

.ak-tool-favorite-btn.is-favorited {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #7c3aed;
}

.ak-tool-favorite-btn:active {
    transform: none !important;
}

.ak-tool-favorite-btn:disabled,
.ak-tool-favorite-btn.is-loading {
    cursor: wait;
    opacity: 1;
    pointer-events: none;
    transform: none !important;
}

/* 侧边栏状态行优化 */
.sidebar-status-box {
    background: #f8fafc;
    border-radius: 12px;
    padding: 16px;
    margin-top: 10px;
}
.sidebar-status-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 8px;
}
.sidebar-status-line:last-child {
    margin-bottom: 0;
}
.sidebar-status-label {
    color: #64748b;
}
.sidebar-status-val {
    font-weight: 600;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar-status-val-muted {
    font-size: 12px;
    font-weight: 400;
}
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cbd5e1;
}
.status-dot.up { 
    background-color: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: pulse-green 2s infinite;
}
.status-dot.down {
    background-color: #ef4444;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}
@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.sidebar-safety-tip {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #16a34a;
    margin-top: 12px;
    justify-content: center;
    background: #f0fdf4;
    padding: 8px;
    border-radius: 8px;
}

/* 侧边栏按钮网格优化 (3列) */
.sidebar-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

body.single-tool .post-content,
body.single-tool .tool-details,
body.single-tool .tool-header-card,
body.single-tool .tool-screenshot-card,
body.single-tool .tool-section-card,
body.single-tool .tool-sidebar-card,
body.single-tool .sidebar-action-grid,
body.single-tool .sidebar-action-btn{
    max-width:100%;
    min-width:0;
}

body.single-tool .tool-details *,
body.single-tool .tool-details *::before,
body.single-tool .tool-details *::after{
    box-sizing:border-box;
}

body.single-tool .tool-sidebar-title,
body.single-tool .sidebar-status-val,
body.single-tool .sidebar-action-btn span,
body.single-tool .tool-header-info-wrapper h1{
    overflow-wrap:anywhere;
}

@media (max-width: 768px){
    body.single-tool .tool-header-card{
        padding:0;
    }

    body.single-tool .tool-header-main-wrapper{
        gap:14px;
    }

    body.single-tool .tool-header-logo-wrapper{
        width:56px;
    }

    body.single-tool .tool-header-logo-wrapper img,
    body.single-tool .tool-header-logo-wrapper .tool-favicon-fallback{
        width:56px;
        height:56px;
    }

    body.single-tool .tool-header-info-wrapper h1{
        font-size:24px;
        line-height:1.25;
    }

    body.single-tool .tool-meta-row-inline{
        gap:8px;
    }

    body.single-tool .tool-meta-chip span{
        white-space:normal;
        overflow-wrap:anywhere;
    }

    body.single-tool .sidebar-action-grid{
        gap:8px;
    }

    body.single-tool .sidebar-action-btn{
        padding:10px 6px;
    }
}

/* 手机查看 - 二维码悬浮弹窗 */
.tool-mobile-btn {
    position: relative;
    cursor: pointer;
}
.tool-qrcode-popup {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%; /* 改为在下方显示 */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 8px;
    z-index: 100;
    margin-top: 12px; /* 增加上边距 */
    border: 1px solid #ebedf0;
    width: 140px;
    text-align: center;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}
/* 小三角箭头 - 指向上方 */
.tool-qrcode-popup::after {
    content: '';
    position: absolute;
    bottom: 100%; /* 箭头在弹窗顶部 */
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent; /* 下方白色 */
}
.tool-qrcode-popup::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #ebedf0 transparent; /* 下方边框色 */
    z-index: -1;
}

.tool-qrcode-hint {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}

.tool-mobile-btn:hover .tool-qrcode-popup,
.tool-mobile-btn:focus-within .tool-qrcode-popup {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
    visibility: visible;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translate(-50%, -10px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

/* 反馈弹窗样式修复 */
.fancybox-form {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    max-width: 500px;
    width: 100%;
    position: relative;
    z-index: 9999;
}
body.vanilla-fancybox-open {
    overflow: hidden;
}
.vanilla-fancybox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}
.vanilla-fancybox-modal {
    position: relative;
    max-width: 640px;
    width: 100%;
}
.vanilla-fancybox-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    color: #0f172a;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* 相关推荐 - 直达按钮样式优化 */
.item-direct a {
    border-radius: 4px !important;
    white-space: nowrap !important; /* 防止文字换行导致变形 */
    display: inline-flex !important; /* 确保是 flex 容器 */
    align-items: center !important;
    justify-content: center !important;
    min-width: 60px; /* 设置最小宽度 */
    height: 30px !important; /* 固定高度 */
    padding: 0 10px !important;
}

/* 相关推荐 - 评分和热度样式 */
.item-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 5px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #64748b;
}
.item-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    color: oklch(70.5% 0.213 47.604) !important; /* 使用指定颜色 */
    font-weight: 600;
}
.item-rating i {
    color: oklch(70.5% 0.213 47.604) !important; /* 星星颜色同步 */
}
.item-heat {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}


.tool-qrcode canvas,
.tool-qrcode img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.ak-remix-line-icon {
    color: currentColor;
    display: inline-block;
    fill: none;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 1px;
}

.ak-remix-line-icon.icon-size-16 {
    height: 16px;
    width: 16px;
}

.ak-remix-line-icon.icon-size-24 {
    height: 24px;
    width: 24px;
}

.ak-remix-line-icon.ak-tool-detail-action-icon,
.sidebar-action-btn .ak-remix-line-icon.ak-tool-detail-action-icon,
.tool-btn-box .ak-remix-line-icon.ak-tool-detail-action-icon,
.ak-tool-favorite-btn .ak-remix-line-icon.ak-tool-detail-action-icon {
    stroke-width: 1.5px !important;
}

.ak-remix-line-icon.ak-tool-detail-action-icon path {
    vector-effect: non-scaling-stroke;
}

@media screen and (max-width: 767px) {
    footer {
        padding-bottom: 63px;
    }

    body {
        padding-bottom: calc(0px + env(safe-area-inset-bottom));
    }
}

.tool-structured-error-card {
    background: #fff1f2;
    border-color: #fecaca;
    margin-bottom: 20px;
}

.tool-structured-error-title {
    font-weight: 600;
    margin-bottom: 6px;
}

.tool-structured-error-body {
    color: #991b1b;
    font-size: 14px;
    line-height: 1.6;
}

/* 截图悬停按钮优化 (修复) */
.tool-thumbnail-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ebedf0;
    margin-bottom: 0 !important;
    display: block; /* 确保是 block 级 */
}

.screenshot-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.screenshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.5); /* 加深遮罩 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: none; /* 默认不挡鼠标，但在hover时链接本身可点 */
}

.screenshot-link:hover .screenshot-overlay {
    opacity: 1;
}

.screenshot-overlay span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 24px;
    border: 1px solid #fff;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
}

/* --- 代替品模块样式补丁 (模拟分类页 Tailwind 效果) --- */
/* 确保仅在详情页的代替品模块生效，避免污染全局 */

/* 卡片容器 */
.substitutes-section .tool-card {
    background-color: #ffffff;
    border-radius: 1rem; /* rounded-2xl */
    padding: 1.25rem 1.5rem; /* px-6 pt-5 pb-5 */
    border: 1px solid #e2e8f0; /* border-slate-200 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
    margin-bottom: 2rem; /* mb-8 */
    position: relative;
    transition: all 0.2s;
}

/* Flex 布局 (PC/Mobile) */
.substitutes-section .tool-card > div {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* gap-6 */
}
@media (min-width: 640px) {
    .substitutes-section .tool-card > div {
        flex-direction: row;
    }
}

/* 左侧缩略图区域 */
.substitutes-section .tool-card .shrink-0 {
    flex-shrink: 0;
    width: 100%;
}
@media (min-width: 640px) {
    .substitutes-section .tool-card .shrink-0 {
        width: 190px; /* sm:w-[190px] */
    }
}

/* 缩略图链接容器 */
.substitutes-section .tool-card a.block {
    display: block;
    border-radius: 0.75rem; /* rounded-xl */
    overflow: hidden;
    border: 1px solid #f1f5f9; /* border-slate-100 */
    height: 167px; /* h-[167px] */
    position: relative;
    transition: all 0.3s;
}

/* 图片本身 */
.substitutes-section .tool-card img.tool-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.substitutes-section .tool-card:hover img.tool-thumb {
    transform: scale(1.05);
}

/* 右侧内容区域 */
.substitutes-section .tool-card .flex-1 {
    flex: 1 1 0%;
}

/* 标题行 */
.substitutes-section .tool-card h2 {
    font-size: 1.5rem; /* text-2xl */
    line-height: 2rem;
    font-weight: 700; /* font-bold */
    color: #0f172a; /* text-slate-900 */
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}
.substitutes-section .tool-card h2 a:hover {
    color: #4f46e5; /* hover:text-indigo-600 */
}

/* 评分行 */
.substitutes-section .tool-card .text-xs {
    font-size: 0.75rem;
    color: #64748b; /* text-slate-500 */
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.substitutes-section .tool-card .text-orange-500 {
    color: #f97316;
}

/* 摘要 */
.substitutes-section .tool-card .text-slate-600 {
    color: #475569;
    font-size: 0.875rem; /* text-sm */
    line-height: 1.625; /* leading-relaxed */
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
}

/* 标签 */
.substitutes-section .tool-card .flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}
.substitutes-section .tool-card .tag-chip {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem; /* text-xs */
    border-radius: 0.25rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

/* 底部操作栏 */
.substitutes-section .tool-card .border-t {
    border-top: 1px solid #f1f5f9; /* border-slate-100 */
    padding-top: 0.75rem;
}

/* 按钮组 */
.substitutes-section .tool-card .btn-details,
.substitutes-section .tool-card .btn-visit {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.5rem; /* rounded-lg */
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: all 0.2s;
}
.substitutes-section .tool-card .btn-details {
    border: 1px solid #e2e8f0;
}
.substitutes-section .tool-card .btn-details:hover {
    border-color: #4f46e5;
    color: #4f46e5;
}
.substitutes-section .tool-card .btn-visit {
    /* 假设原有样式 */
}

/* 展开面板 */
.substitutes-section .tool-card .tool-section-panel {
    margin-top: 0.75rem;
    background-color: #f8fafc; /* bg-slate-50 */
    border-radius: 0.5rem;
    padding: 0.75rem;
    font-size: 0.75rem;
    border: 1px solid #f1f5f9;
}

/*头部*/
.header-skeleton{height:72px}
.site-header{
    position:fixed;
    width:100%;
    display:block;
    background:rgba(255,255,255,0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index:999;
    -webkit-box-shadow:0 2px 3px rgba(33,37,41,.07);
    box-shadow:0 2px 3px rgba(33,37,41,.07)
}
.site-header .container-wrapper{display:flex;align-items:center;justify-content:space-between}
.site-header .header-logo img{display:block;width:auto;height:72px}
.site-header .header-logo img+h1{text-indent:-999999px;height:0;width:0;margin:0}
.site-header .header-logo h1{font-size:2em;margin:0;font-weight:700;color:#000}
.site-main .search-banner .search-form-v1 .search-type .select{
    color:#333;
}
.site-main .search-banner .search-form-v1 .search-type:after{
    color:#333;
}
.site-main .search-banner .search-form-v1 .search-type--svg:after{
    display:none;
}
.site-main .search-banner .search-form-v1 .search-type--svg .search-type-icon{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:14px;
    height:14px;
    color:#333;
    pointer-events:none;
    z-index:2;
}
.site-main .search-banner .search-form-v1 .search-type--svg .search-type-icon-svg{
    display:block;
    width:14px;
    height:14px;
}

.slide-bar .slide-bar__item.scrollup{
    display:flex;
    align-items:center;
    justify-content:center;
}

.slide-bar .slide-bar__item__top{
    display:block;
    width:24px;
    height:24px;
    line-height:1;
    margin:0;
    flex:0 0 24px;
}

.ak-category-directory-page{
    background:#fff;
    overflow-anchor:none;
}

.ak-category-directory-page.site-main,
.ak-category-directory-page .site-main{
    padding-bottom:64px;
}

.ak-category-directory-hero{
    padding:0;
    background:linear-gradient(90deg, #f0f1ff 0%, #eef0ff 100%);
}

.ak-category-directory-hero-shell{
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    padding:0 0 52px;
}

.ak-category-directory-hero-shell:after{
    display:none;
}

.ak-category-directory-hero-copy{
    max-width:none;
    margin:0;
    padding:0;
}

.ak-category-directory-hero-content{
    padding-top:41px;
}

.ak-category-directory-eyebrow{
    display:none;
}

.ak-category-directory-hero-copy h1{
    margin:0;
    font-size:40px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#161616;
}

.ak-category-directory-summary{
    margin:20px 0 0;
    font-size:16px;
    line-height:1.6;
    color:#2e2e2e;
}

.ak-category-directory-main{
    padding-top:38px;
}

.ak-category-directory-layout{
    display:grid;
    grid-template-columns:256px minmax(0, 1fr);
    gap:28px;
    align-items:start;
}

.ak-category-directory-sidebar{
    position:sticky;
    top:120px;
    align-self:start;
    padding-left:0;
}

.ak-category-directory-sidebar-card{
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    position:relative;
}

.ak-category-directory-sidebar-title{
    display:none;
}

.ak-category-directory-nav{
    display:flex;
    flex-direction:column;
    gap:0;
    max-height:calc(100vh - 160px);
    overflow-y:scroll;
    padding-right:18px;
    border-right:0;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#cfd5e2 transparent;
}

.ak-category-directory-nav::-webkit-scrollbar{
    width:5px;
}

.ak-category-directory-nav::-webkit-scrollbar-track{
    background:transparent;
}

.ak-category-directory-nav::-webkit-scrollbar-thumb{
    background:#cfd5e2;
    border-radius:999px;
}

.ak-category-directory-scrollbar{
    position:absolute;
    top:0;
    right:2px;
    width:4px;
    height:calc(100vh - 160px);
    border-radius:999px;
    background:transparent;
    opacity:1;
    pointer-events:none;
}

.ak-category-directory-scrollbar-thumb{
    width:100%;
    min-height:28px;
    border-radius:999px;
    background:#cfd5e2;
    transform:translateY(0);
}

.ak-category-directory-nav-link{
    display:block;
    padding:10px 14px;
    color:#222;
    font-size:18px;
    line-height:1.35;
    font-weight:400;
    text-decoration:none;
    background:none !important;
    border-radius:6px;
    transform:none !important;
    transition:none;
}

.ak-category-directory-nav-link:hover{
    background:none !important;
    color:#4f47e6;
    transform:none !important;
}

.ak-category-directory-nav-link.is-active{
    background:rgba(79, 71, 230, 0.06) !important;
    color:#4f47e6;
    font-weight:700;
}

.ak-category-directory-nav-count{
    display:none;
}

.ak-category-directory-content{
    min-width:0;
    overflow-anchor:none;
}

.ak-category-directory-empty{
    border:1px dashed #d9dee8;
    border-radius:20px;
    background:#fafafa;
    color:#475569;
    text-align:center;
    padding:54px 20px;
    font-size:16px;
    font-weight:600;
}

.ak-category-directory-group{
    scroll-margin-top:110px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.ak-category-directory-group + .ak-category-directory-group{
    margin-top:46px;
}

.ak-category-directory-group-head{
    display:block;
    margin-bottom:22px;
}

.ak-category-directory-group-head h2{
    margin:0;
    font-size:26px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#181818;
}

.ak-category-directory-group-head p{
    display:none;
}

.ak-category-directory-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
}

.ak-category-directory-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    height:44px;
    padding:0 20px;
    border:1px solid #d8d8d8;
    border-radius:6px;
    background:#fff;
    color:#1f1f1f;
    text-decoration:none;
    box-shadow:none;
    transform:none;
    transition:none;
}

.ak-category-directory-card:hover{
    border-color:transparent;
    background:rgba(79, 71, 230, 0.08);
    box-shadow:none;
    transform:none;
}

.ak-category-directory-card-name{
    min-width:0;
    font-size:18px;
    font-weight:500;
    color:inherit;
}

.ak-category-directory-card:hover .ak-category-directory-card-name,
.ak-category-directory-card:hover .ak-category-directory-card-count{
    color:#4f47e6;
}

.ak-category-directory-card-count{
    flex-shrink:0;
    color:#6f52ff;
    font-size:18px;
    font-weight:400;
}

@media screen and (max-width:1600px){
    .ak-category-directory-hero-copy{
        padding:0;
    }

    .ak-category-directory-layout{
        grid-template-columns:220px minmax(0, 1fr);
    }

    .ak-category-directory-group-head h2{
        font-size:46px;
    }

    .ak-category-directory-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width:980px){
    .ak-category-directory-hero-shell{
        padding:0 0 40px;
    }

    .ak-category-directory-hero-copy{
        padding:0;
    }

    .ak-category-directory-hero-content{
        padding-top:25px;
    }

    .ak-category-directory-hero-copy h1{
        font-size:32px;
    }

    .ak-category-directory-summary{
        font-size:18px;
    }

    .ak-category-directory-main{
        padding-top:28px;
    }

    .ak-category-directory-layout{
        grid-template-columns:1fr;
        gap:22px;
    }

    .ak-category-directory-sidebar{
        position:static;
        padding-left:0;
    }

    .ak-category-directory-scrollbar{
        display:none;
    }

    .ak-category-directory-nav{
        flex-direction:row;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0 0 10px;
        border-right:0;
        border-bottom:0;
        scrollbar-width:none;
    }

    .ak-category-directory-nav::-webkit-scrollbar{
        display:none;
    }

    .ak-category-directory-nav-link{
        flex:0 0 auto;
        padding:8px 14px;
        font-size:18px;
    }

    .ak-category-directory-group-head h2{
        font-size:24px;
    }

    .ak-category-directory-grid{
        grid-template-columns:1fr;
    }
}