/* ThermalTools 工具页登录门控 + SEO 介绍区公共样式 */

/* ---- 状态切换 ---- */
body.tt-guest #boot { display: none !important; }
body.tt-authed #tt-intro { display: none !important; }
/* 部分工具页 body overflow:hidden，未登录展示介绍区时需恢复滚动 */
body.tt-guest { overflow-y: auto !important; height: auto !important; }
html:has(body.tt-guest) { overflow-y: auto !important; height: auto !important; }

/* ---- SEO 介绍区（未登录可见，爬虫可读） ---- */
#tt-intro {
    position: relative; z-index: 1;
    max-width: 860px; margin: 0 auto;
    padding: 56px 28px 90px;
    font-family: 'Noto Sans SC', sans-serif;
    color: #c8d6e5; line-height: 1.9;
}
#tt-intro .tt-kicker {
    font-family: 'Share Tech Mono', monospace;
    font-size: 11px; letter-spacing: 4px; text-transform: uppercase;
    color: #06b6d4; margin-bottom: 14px;
}
#tt-intro h1 {
    font-size: 30px; font-weight: 700; color: #eef4fb;
    line-height: 1.35; margin-bottom: 14px;
}
#tt-intro .tt-lead {
    font-size: 15px; color: #9db2c8; max-width: 720px;
    margin-bottom: 30px;
}
#tt-intro h2 {
    font-size: 17px; font-weight: 700; color: #22d3ee;
    margin: 34px 0 12px; padding-left: 10px;
    border-left: 3px solid #06b6d4;
}
#tt-intro ul.tt-features {
    list-style: none; padding: 0;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 10px 22px;
}
#tt-intro ul.tt-features li {
    position: relative; padding: 10px 14px 10px 30px;
    background: rgba(34, 211, 238, 0.04);
    border: 1px solid rgba(77, 201, 246, 0.10);
    border-radius: 8px; font-size: 13.5px;
}
#tt-intro ul.tt-features li::before {
    content: '▸'; position: absolute; left: 12px; top: 10px;
    color: #06b6d4;
}
#tt-intro .tt-scene, #tt-intro .tt-faq p { font-size: 13.5px; color: #9db2c8; }
#tt-intro .tt-faq dt {
    font-size: 14px; font-weight: 500; color: #d7e3f0; margin-top: 14px;
}
#tt-intro .tt-faq dd { margin: 4px 0 0; font-size: 13.5px; color: #9db2c8; }
#tt-intro .tt-cta {
    margin-top: 38px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
}
#tt-intro .tt-btn {
    display: inline-block; padding: 12px 34px;
    font-size: 14px; font-weight: 700; letter-spacing: 1px;
    color: #062530; text-decoration: none;
    background: linear-gradient(135deg, #22d3ee, #06b6d4);
    border-radius: 8px;
    box-shadow: 0 4px 22px rgba(6, 182, 212, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}
#tt-intro .tt-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.5);
}
#tt-intro .tt-btn-ghost {
    display: inline-block; padding: 12px 26px;
    font-size: 13px; color: #8ba0b8; text-decoration: none;
    border: 1px solid rgba(139, 160, 184, 0.3); border-radius: 8px;
    transition: color 0.2s, border-color 0.2s;
}
#tt-intro .tt-btn-ghost:hover { color: #22d3ee; border-color: #22d3ee; }

/* ---- 门控底部登录引导条（JS 注入，未登录时显示） ---- */
.tt-gate-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 998;
    display: flex; align-items: center; justify-content: center;
    gap: 16px; flex-wrap: wrap;
    padding: 12px 20px;
    background: rgba(13, 25, 38, 0.92);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(34, 211, 238, 0.25);
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 13px; color: #c8d6e5;
}
.tt-gate-bar .tt-gate-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: #f59e0b; box-shadow: 0 0 10px rgba(245, 158, 11, 0.8);
}
.tt-gate-bar a.tt-gate-login {
    padding: 7px 22px; border-radius: 6px;
    font-size: 13px; font-weight: 700; text-decoration: none;
    color: #062530; background: linear-gradient(135deg, #22d3ee, #06b6d4);
    transition: filter 0.2s;
}
.tt-gate-bar a.tt-gate-login:hover { filter: brightness(1.12); }