/* ===== 亮色主题首页样式 home-light.css ===== */

/* 基础变量 */
.light-theme {
    --bg-primary: #f5f7fa;
    --bg-secondary: #e4e7ed;
    --accent-cyan: #00b8d4;
    --accent-purple: #9c27b0;
    --text-primary: #1a202c;
    --text-secondary: #606266;
    --border-color: rgba(0, 0, 0, 0.1);
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-hover: rgba(255, 255, 255, 1);
    --glow-cyan: 0 0 20px rgba(0, 184, 212, 0.2);
    --glow-purple: 0 0 20px rgba(156, 39, 176, 0.2);
}

/* 全局样式 */
.light-theme {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    min-height: 100vh;
    color: var(--text-primary);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'JetBrains Mono', monospace;
    transition: background 0.3s ease, color 0.3s ease;
}

/* 右上角关于 */
.light-theme .top-about-link {
    color: var(--text-secondary);
    border-color: rgba(0, 0, 0, 0.12);
}

.light-theme .top-about-link:hover {
    color: var(--accent-cyan);
    border-color: rgba(0, 184, 212, 0.3);
}

.light-theme .theme-toggle {
    color: var(--text-secondary);
    border-color: rgba(0, 0, 0, 0.12);
}

.light-theme .theme-toggle:hover {
    color: var(--accent-cyan);
    border-color: rgba(0, 184, 212, 0.3);
}

/* 命令行搜索框 */
.light-theme .terminal-prompt {
    background: rgba(255, 255, 255, 0.8);
    border-color: #dcdfe6;
}

.light-theme .terminal-prompt:focus-within {
    border-color: var(--accent-cyan);
    box-shadow: var(--glow-cyan);
}

.light-theme .terminal-input {
    color: var(--text-primary);
}

.light-theme .terminal-input::placeholder {
    color: #a0a4a8;
}

/* 搜索建议下拉 */
.light-theme .search-suggestions {
    background: rgba(255, 255, 255, 0.98);
    border-color: #dcdfe6;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.light-theme .suggestion-item:hover,
.light-theme .suggestion-item.active {
    background: rgba(0, 184, 212, 0.08);
    color: var(--accent-cyan);
}

/* 分类标签 */
.light-theme .nav-track {
    background: rgba(0, 0, 0, 0.03);
}

.light-theme .nav-item {
    color: var(--text-secondary);
}

.light-theme .nav-item:hover {
    color: var(--text-primary);
}

.light-theme .nav-item.active {
    color: var(--accent-cyan);
    background: rgba(0, 184, 212, 0.1);
}

/* 工具卡片 */
.light-theme .tool-card {
    background: var(--card-bg);
    border-color: #e4e7ed;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.light-theme .tool-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 184, 212, 0.5);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), var(--glow-cyan);
    background: rgba(0, 184, 212, 0.03);
}

.light-theme .card-glow {
    background: radial-gradient(circle at 50% 0%, rgba(0, 184, 212, 0.08), transparent 70%);
}

.light-theme .tool-name {
    color: #111827;
}

.light-theme .tool-desc {
    color: #6b7280;
}

.light-theme .tool-icon-wrapper {
    color: var(--accent-cyan);
}

.light-theme .tool-link {
    border-color: var(--accent-cyan);
    color: var(--accent-cyan);
}

.light-theme .tool-link:hover {
    background: var(--accent-cyan);
    color: #fff;
}

/* 最近使用 */
.light-theme .recent-section {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 184, 212, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.light-theme .recent-divider {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.light-theme .recent-item {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--text-secondary);
}

.light-theme .recent-item:hover {
    border-color: rgba(0, 184, 212, 0.4);
    color: var(--accent-cyan);
    background: rgba(0, 184, 212, 0.04);
}

/* 广告位 */
.light-theme .ad-slot {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
}

.light-theme .ad-slot::before {
    color: rgba(0, 0, 0, 0.25);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.light-theme .ad-placeholder {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.2);
}

/* 顶部导航栏 */
.light-theme .top-nav {
    background: rgba(255, 255, 255, 0.95);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.light-theme .nav-brand {
    color: var(--accent-cyan);
}

.light-theme .nav-brand:hover {
    color: #0097a7;
}

.light-theme .nav-link {
    color: var(--text-secondary);
}

.light-theme .nav-link:hover {
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.04);
}

.light-theme .nav-link.active {
    color: var(--accent-cyan);
    background: rgba(0, 184, 212, 0.08);
}

.light-theme .nav-icp {
    color: var(--accent-cyan, #1ab394);
    cursor: pointer;
}

.light-theme .nav-icp:hover {
    text-decoration: underline;
}

.light-theme .footer-contact a {
    color: rgba(0, 150, 167, 0.7);
}

.light-theme .footer-contact a:hover {
    text-decoration: underline;
}

.light-theme .theme-toggle {
    color: var(--text-secondary);
    border-color: rgba(0, 0, 0, 0.12);
}

.light-theme .theme-toggle:hover {
    color: var(--accent-cyan);
    border-color: rgba(0, 184, 212, 0.3);
}

/* 横幅区 */
.light-theme .hero-subtitle {
    color: #4a5568;
}

.light-theme .hero-title {
    background: linear-gradient(135deg, #00b8d4 0%, #0097a7 40%, #006064 70%, #9c27b0 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.light-theme .hero-divider {
    background: linear-gradient(90deg, transparent, var(--accent-cyan), transparent);
}

/* 热门工具 */
.light-theme .hot-tool-card {
    background: var(--card-bg);
    border-color: #e4e7ed;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.light-theme .hot-tool-card:hover {
    border-color: rgba(0, 184, 212, 0.5);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), var(--glow-cyan);
    background: rgba(0, 184, 212, 0.03);
}

.light-theme .hot-tool-icon {
    color: var(--accent-cyan);
}

.light-theme .hot-tool-name {
    color: var(--text-primary);
}

.light-theme .hot-tool-btn {
    border-color: var(--accent-cyan);
    color: var(--accent-cyan);
}

.light-theme .hot-tool-btn:hover {
    background: var(--accent-cyan);
    color: #fff;
}

.light-theme .hot-tools-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}

.light-theme .hot-tools-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 184, 212, 0.3);
}

/* 教程区 */
.light-theme .tutorial-card {
    background: var(--card-bg);
    border-color: #e4e7ed;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.light-theme .tutorial-card:hover {
    border-color: rgba(0, 184, 212, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), var(--glow-cyan);
}

.light-theme .tutorial-icon {
    color: var(--accent-cyan);
}

.light-theme .tutorial-name {
    color: var(--text-primary);
}

.light-theme .tutorial-link {
    border-color: rgba(0, 184, 212, 0.4);
    color: var(--accent-cyan);
}

.light-theme .tutorial-link:hover {
    background: rgba(0, 184, 212, 0.1);
    border-color: var(--accent-cyan);
}

.light-theme .tutorial-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}

.light-theme .tutorial-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 184, 212, 0.3);
}

/* 页脚 */
.light-theme .site-footer-full {
    background: rgba(232, 236, 242, 0.97);
    border-top-color: rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
}

.light-theme .footer-brand {
    color: var(--accent-cyan);
}

.light-theme .footer-links a {
    color: var(--text-secondary);
}

.light-theme .footer-links a:hover {
    color: var(--accent-cyan);
}

.light-theme .footer-sep {
    color: rgba(0, 0, 0, 0.15);
}

.light-theme .footer-bottom p {
    color: rgba(0, 150, 167, 0.55);
}

.light-theme .footer-copyright {
    color: rgba(0, 0, 0, 0.45) !important;
}

.light-theme .footer-top {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}