/* ============================================
   冷色主題 (Cool / Mint-Teal)
   用於：追星指南 guide.html
   ============================================ */
.theme-cool {
    --cool-bg: #07141a;
    --cool-bg-2: #0c1c24;
    --cool-surface: #112932;
    --cool-primary: #2dd4bf;
    --cool-primary-2: #06b6d4;
    --cool-accent: #60a5fa;
    --cool-lime: #a3e635;
    --cool-text: #ecfeff;
    --cool-soft: #b9e6ee;
    --cool-mute: #7fa7b2;
    --cool-border: rgba(45, 212, 191, 0.25);
    --gradient-cool: linear-gradient(135deg, #2dd4bf 0%, #60a5fa 55%, #a3e635 100%);
    --gradient-cool-bg: radial-gradient(ellipse at top, #0e2f38 0%, #07141a 60%);
    --shadow-cool: 0 0 40px rgba(45, 212, 191, 0.35);
}

.theme-cool body {
    background: var(--cool-bg);
    background-image: var(--gradient-cool-bg);
    background-attachment: fixed;
    color: var(--cool-text);
    font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}
.theme-cool .header-cool {
    background: rgba(7, 20, 26, 0.85);
    border-bottom: 1px solid var(--cool-border);
    backdrop-filter: blur(12px);
}
.theme-cool .hero-cool { position: relative; overflow: hidden; padding: 110px 0 70px; text-align: center; }
.theme-cool .hero-cool::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 40%, rgba(96,165,250,0.16), transparent 55%);
    pointer-events: none;
}
.theme-cool .highlight-cool {
    background: var(--gradient-cool);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.theme-cool .badge-cool {
    display: inline-block; padding: 6px 18px; border-radius: 999px;
    background: rgba(45,212,191,0.12); border: 1px solid var(--cool-border);
    font-size: 0.85rem; color: var(--cool-soft); margin-bottom: 24px;
}
.theme-cool .brand-name {
    background: var(--gradient-cool);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.theme-cool .main-nav a.active {
    background: var(--cool-primary); color: #07141a; box-shadow: 0 4px 20px rgba(45,212,191,0.4);
}
.theme-cool .main-nav a:hover { color: var(--cool-text); background: rgba(45,212,191,0.1); }

/* Steps */
.theme-cool .steps { display: flex; flex-direction: column; gap: 20px; max-width: 860px; margin: 0 auto; }
.theme-cool .step {
    display: grid; grid-template-columns: 80px 1fr; gap: 24px; align-items: start;
    background: var(--cool-surface); border: 1px solid var(--cool-border); border-radius: var(--radius);
    padding: 28px; transition: var(--transition);
}
.theme-cool .step:hover { transform: translateX(6px); border-color: var(--cool-primary); box-shadow: var(--shadow-cool); }
.theme-cool .step-num {
    font-size: 2.6rem; font-weight: 900; line-height: 1;
    background: var(--gradient-cool); -webkit-background-clip: text; background-clip: text; color: transparent;
    border-right: 2px dashed var(--cool-border); padding-right: 20px;
}
.theme-cool .step-body h3 { margin-bottom: 12px; font-size: 1.25rem; }
.theme-cool .step-body ul { padding-left: 4px; }
.theme-cool .step-body li {
    color: var(--cool-soft); font-size: 0.95rem; margin-bottom: 8px; list-style: none;
    padding-left: 24px; position: relative;
}
.theme-cool .step-body li::before {
    content: "➤"; position: absolute; left: 0; color: var(--cool-primary); font-size: 0.8rem; top: 4px;
}

/* Tips */
.theme-cool .section-cool-tips { background: rgba(45,212,191,0.04); border-top: 1px solid var(--cool-border); border-bottom: 1px solid var(--cool-border); }
.theme-cool .tips-grid { margin-top: 20px; }
.theme-cool .tip-card {
    background: var(--cool-surface); border: 1px solid var(--cool-border); border-radius: var(--radius);
    padding: 28px 24px; transition: var(--transition); text-align: center;
}
.theme-cool .tip-card:hover { transform: translateY(-6px); border-color: var(--cool-primary); box-shadow: var(--shadow-cool); }
.theme-cool .tip-icon { font-size: 2.4rem; margin-bottom: 12px; }
.theme-cool .tip-card h4 { margin-bottom: 10px; font-size: 1.1rem; }
.theme-cool .tip-card p { color: var(--cool-soft); font-size: 0.9rem; }

.theme-cool .btn-cool {
    display: inline-block; padding: 14px 32px; border-radius: 999px; font-weight: 700;
    background: var(--gradient-cool); color: #07141a; box-shadow: var(--shadow-cool);
    transition: var(--transition); border: none; cursor: pointer;
}
.theme-cool .btn-cool:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 0 60px rgba(45,212,191,0.55); }
.theme-cool .cta-cool { text-align: center; }
.theme-cool .cta-cool h2 { font-size: 2rem; margin-bottom: 14px; }
.theme-cool .cta-cool p { color: var(--cool-soft); margin-bottom: 28px; }

.theme-cool .footer-cool { background: rgba(0,0,0,0.3); border-top-color: var(--cool-border); }
.theme-cool .footer-tagline, .theme-cool .footer-links a, .theme-cool .footer-bottom { color: var(--cool-mute); }
.theme-cool .footer-links a:hover { color: var(--cool-primary); }

@media (max-width: 640px) {
    .theme-cool .step { grid-template-columns: 1fr; }
    .theme-cool .step-num { border-right: none; border-bottom: 2px dashed var(--cool-border); padding: 0 0 12px; }
}