﻿* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary-color: teal;--secondary-color: #f8f9fa;--text-color: #333333;--text-light: #666666;--border-color: #e0e0e0;--shadow-light: 0 2px 8px rgba(0, 0, 0, 0.08);--shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.12);--transition: all 0.3s ease;}body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", "微軟正黑體", sans-serif;line-height: 1.8;color: var(--text-color);background: linear-gradient(135deg, #fdfbfb 0%, #f7f7f7 100%);min-height: 100vh;font-size: 16px;}.header-menu {background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);position: sticky;top: 0;z-index: 1000;border-bottom: 1px solid rgba(74, 144, 226, 0.1);}.header-menu .container {max-width: 1200px;margin: 0 auto;padding: 0 20px;position: relative;}.header-menu .menu-toggle {display: none;background: none;border: none;font-size: 24px;cursor: pointer;padding: 15px;color: var(--text-color);transition: var(--transition);}.header-menu .menu-toggle:hover {color: var(--primary-color);}.header-menu .menu-list {list-style: none;display: flex;gap: 30px;padding: 0;margin: 0;align-items: center;}.header-menu .menu-item {position: relative;}.header-menu .menu-item a {text-decoration: none;color: var(--text-color);padding: 20px 10px;display: block;transition: var(--transition);font-weight: 500;position: relative;}.header-menu .menu-item a::after {content: '';position: absolute;bottom: 15px;left: 10px;right: 10px;height: 2px;background: var(--primary-color);transform: scaleX(0);transition: transform 0.3s ease;}.header-menu .menu-item a:hover {color: var(--primary-color);}.header-menu .menu-item a:hover::after {transform: scaleX(1);}.header-menu .submenu {display: none;position: absolute;top: 100%;left: 0;background: #fff;min-width: 220px;box-shadow: var(--shadow-medium);border-radius: 8px;list-style: none;padding: 8px 0;margin: 0;z-index: 1000;border: 1px solid var(--border-color);}.header-menu .has-submenu:hover .submenu {display: block;animation: fadeInDown 0.3s ease;}@keyframes fadeInDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.header-menu .submenu li {border-bottom: 1px solid var(--secondary-color);}.header-menu .submenu li:last-child {border-bottom: none;}.header-menu .submenu a {padding: 12px 20px;color: var(--text-color);white-space: nowrap;}.header-menu .submenu a::after {display: none;}.header-menu .submenu a:hover {background: var(--secondary-color);color: var(--primary-color);}.header-menu .arrow {font-size: 0.7em;margin-left: 5px;transition: transform 0.3s;display: inline-block;}.main-container {max-width: 800px;margin: 0 auto;padding: 60px 20px;}.article-section {background: #ffffff;border-radius: 16px;padding: 50px;margin-bottom: 40px;box-shadow: var(--shadow-light);border: 1px solid rgba(74, 144, 226, 0.1);}.article-header {margin-bottom: 40px;padding-bottom: 30px;border-bottom: 2px solid var(--secondary-color);}.article-header h1 {font-size: 2.5rem;color: var(--text-color);margin-bottom: 20px;line-height: 1.3;font-weight: 700;letter-spacing: -0.5px;}.first-paragraph {font-size: 1.15rem;color: var(--text-light);line-height: 1.9;padding: 20px;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);border-left: 4px solid var(--primary-color);border-radius: 8px;}.article-content {font-size: 1.05rem;color: var(--text-color);line-height: 1.9;}.article-content p {margin-bottom: 1.5em;}.article-content h3 {font-size: 1.6rem;margin-top: 2.5em;margin-bottom: 1em;color: var(--text-color);font-weight: 600;padding-left: 15px;border-left: 4px solid var(--primary-color);}.article-content h4 {font-size: 1.3rem;margin-top: 2em;margin-bottom: 0.8em;color: var(--text-color);font-weight: 600;}.article-content h5 {font-size: 1.15rem;margin-top: 1.5em;margin-bottom: 0.7em;color: var(--text-color);font-weight: 600;}.article-content ul, .article-content ol {margin: 1.5em 0;padding-left: 2em;}.article-content li {margin-bottom: 0.8em;}.article-content strong {color: var(--text-color);font-weight: 600;}.article-content em {color: var(--primary-color);font-style: normal;}.faq-section {background: #ffffff;border-radius: 16px;padding: 50px;box-shadow: var(--shadow-light);border: 1px solid rgba(74, 144, 226, 0.1);}.faq-title {font-size: 2rem;color: var(--text-color);margin-bottom: 30px;text-align: center;font-weight: 700;position: relative;padding-bottom: 15px;}.faq-title::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background: linear-gradient(90deg, var(--primary-color), #6ba3e8);border-radius: 2px;}.faq-container {display: flex;flex-direction: column;gap: 15px;}.faq-item {border: 1px solid var(--border-color);border-radius: 12px;overflow: hidden;transition: var(--transition);background: #ffffff;}.faq-item:hover {box-shadow: var(--shadow-light);border-color: var(--primary-color);}.faq-question {padding: 20px 25px;cursor: pointer;font-weight: 600;color: var(--text-color);display: flex;justify-content: space-between;align-items: center;transition: var(--transition);background: var(--secondary-color);}.faq-question:hover {background: linear-gradient(135deg, #f0f4f8 0%, #e8eef3 100%);color: var(--primary-color);}.faq-question::after {content: '+';font-size: 1.5rem;font-weight: 300;transition: transform 0.3s ease;color: var(--primary-color);}.faq-item.active .faq-question::after {transform: rotate(45deg);}.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease, padding 0.4s ease;padding: 0 25px;color: var(--text-light);line-height: 1.8;background: #ffffff;}.faq-item.active .faq-answer {max-height: 1000px;padding: 20px 25px;border-top: 1px solid var(--border-color);}.footer-menu {background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color: #ecf0f1;padding: 50px 20px 30px;margin-top: 60px;border-top: 3px solid var(--primary-color);}.footer-container {max-width: 1200px;margin: 0 auto;display: flex;gap: 50px;flex-wrap: wrap;}.footer-menu-column {flex: 1;min-width: 200px;}.footer-menu-title {color: #ffffff;font-size: 1.2rem;margin-bottom: 20px;font-weight: 600;position: relative;padding-bottom: 10px;}.footer-menu-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background: var(--primary-color);}.footer-menu-links {list-style: none;padding: 0;}.footer-menu-links li {margin-bottom: 12px;}.footer-menu-links a {color: #bdc3c7;text-decoration: none;transition: var(--transition);display: inline-block;}.footer-menu-links a:hover {color: #ffffff;transform: translateX(5px);}.footer-bottom {text-align: center;margin-top: 40px;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #95a5a6;font-size: 0.9rem;}@media (max-width: 768px) {.header-menu .menu-toggle {display: block;}.header-menu .menu-list {display: none;flex-direction: column;gap: 0;position: absolute;top: 100%;left: 0;right: 0;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);padding: 10px 0;border-radius: 0 0 8px 8px;}.header-menu .menu-list.active {display: flex;}.header-menu .menu-item a {padding: 15px 20px;}.header-menu .menu-item a::after {display: none;}.header-menu .has-submenu:hover .submenu {display: none;}.header-menu .has-submenu.active .submenu {display: block;position: static;box-shadow: none;border-radius: 0;background: var(--secondary-color);border: none;margin: 0;}.header-menu .has-submenu.active .arrow {transform: rotate(180deg);}.main-container {padding: 30px 15px;}.article-section {padding: 30px 20px;border-radius: 12px;}.article-header h1 {font-size: 1.8rem;}.first-paragraph {font-size: 1.05rem;padding: 15px;}.article-content {font-size: 1rem;}.article-content h3 {font-size: 1.4rem;}.faq-section {padding: 30px 20px;border-radius: 12px;}.faq-title {font-size: 1.6rem;}.faq-question {padding: 15px 18px;font-size: 0.95rem;}.faq-answer {padding: 0 18px;font-size: 0.9rem;}.faq-item.active .faq-answer {padding: 15px 18px;}.footer-container {flex-direction: column;gap: 30px;}.footer-menu-column {min-width: 100%;}}@media (max-width: 480px) {.article-header h1 {font-size: 1.5rem;}.first-paragraph {font-size: 1rem;}}@media(max-width:1024px) {div .header-menu .menu-toggle;{display: none!important;}div.header-menu .menu-item:hover > .submenu {display: none!important;}div.header-menu .has-submenu.active > .submenu {display: flex!important;flex-direction: column;}.header-menu .menu-list.active {display: flex!important;flex-direction: column;max-height: 80vh;overflow-y: auto;-webkit-overflow-scrolling: touch;}.header-menu .has-submenu.active > .submenu {display: flex!important;flex-direction: column;}}.btc-wrap {margin: 25px auto 30px;max-width: 900px;padding: 0 10px;box-sizing: border-box;}.btc-card {position: relative;background: #fff;border-radius: 12px;box-shadow: 0 2px 16px rgba(0,0,0,0.07);margin-bottom: 16px;overflow: hidden;border: 1px solid #eaedf3;transition: box-shadow 0.3s ease;}.btc-card:hover {box-shadow: 0 4px 24px rgba(0,0,0,0.12);}.btc-card-badge {position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #ff416c, #ff4b2b);color: #fff;padding: 6px 16px;font-size: 12px;font-weight: 700;border-radius: 0 0 12px 0;box-shadow: 0 2px 6px rgba(255,65,108,0.3);z-index: 1;}.btc-card-body {display: flex;align-items: center;padding: 20px;gap: 20px;}.btc-card-img {flex-shrink: 0;}.btc-card-img img {width: 100px;height: 100px;object-fit: contain;border-radius: 10px;background: #f5f5f5;padding: 4px;box-sizing: border-box;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}.btc-card-img a {display: inline-block;}.btc-card-info {flex: 1;min-width: 0;}.btc-card-name {font-weight: 700;font-size: 18px;margin-bottom: 8px;}.btc-card-name a {color: #1a1a2e;text-decoration: none;transition: color 0.2s;}.btc-card-name a:hover {color: #ff416c;}.btc-card-features {list-style: none;margin: 0;padding: 0;font-size: 13px;color: #555;line-height: 1.7;}.btc-card-features li {padding: 2px 0;position: relative;padding-left: 18px;}.btc-card-features li::before {content: "✓";position: absolute;left: 0;color: #28a745;font-weight: 700;}.btc-card-action {flex-shrink: 0;text-align: center;}.btc-card-updated {font-size: 11px;color: teal;margin-top: 6px;}.btc-card-action a {display: inline-block;background: linear-gradient(135deg, #ffd700, #ffb800);color: #1a1a2e;padding: 12px 24px;border-radius: 8px;font-weight: 700;font-size: 14px;text-decoration: none;box-shadow: 0 3px 10px rgba(255,215,0,0.35);transition: all 0.3s ease;white-space: nowrap;}.btc-card-action a:hover {transform: translateY(-2px);box-shadow: 0 5px 16px rgba(255,215,0,0.45);}@media screen and (max-width: 768px) {.btc-card-body {flex-wrap: wrap;padding: 16px;padding-top: 36px;}.btc-card-img {width: 80px;}.btc-card-img img {width: 80px;height: 80px;}.btc-card-info {flex: 1;min-width: calc(100% - 100px);}.btc-card-action {width: 100%;text-align: center;margin-top: 8px;}.btc-card-action a {display: block;text-align: center;padding: 14px 20px;font-size: 15px;}}@media screen and (max-width: 480px) {.btc-wrap {padding: 0 6px;margin: 15px auto 20px;}.btc-card {margin-bottom: 12px;}.btc-card-body {flex-direction: column;align-items: center;text-align: center;padding: 16px 12px;padding-top: 36px;gap: 12px;}.btc-card-img img {width: 90px;height: 90px;}.btc-card-info {width: 100%;text-align: left;}.btc-card-name {text-align: center;font-size: 16px;}.btc-card-features {font-size: 12px;}.btc-card-action a {font-size: 14px;padding: 12px 16px;}}img {aspect-ratio: attr(width) / attr(height);height: auto;max-width: 100%;width: auto;}