Spaces:
Sleeping
Sleeping
| <html lang="zh-TW"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>台灣選舉、NCC裁罰與法律資訊分析平台</title> | |
| <style> | |
| body { | |
| font-family: -apple-system, BlinkMacSystemFont, 'Microsoft JhengHei', sans-serif; | |
| margin: 0; | |
| padding: 20px; | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| min-height: 100vh; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| background: white; | |
| border-radius: 20px; | |
| padding: 40px; | |
| box-shadow: 0 20px 40px rgba(0,0,0,0.1); | |
| } | |
| h1 { | |
| text-align: center; | |
| color: #2c3e50; | |
| margin-bottom: 40px; | |
| font-size: 2.5em; | |
| } | |
| .systems { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 30px; | |
| margin-top: 40px; | |
| } | |
| .system-card { | |
| background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); | |
| color: white; | |
| padding: 30px; | |
| border-radius: 15px; | |
| text-decoration: none; | |
| transition: transform 0.3s ease; | |
| text-align: center; | |
| } | |
| .system-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 15px 30px rgba(0,0,0,0.2); | |
| } | |
| .system-card h2 { | |
| margin: 0 0 15px 0; | |
| font-size: 1.5em; | |
| } | |
| .system-card p { | |
| margin: 0; | |
| opacity: 0.9; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>🏛️ 台灣選舉、NCC裁罰與法律資訊分析平台</h1> | |
| <p style="text-align: center; font-size: 1.2em; color: #666; margin-bottom: 40px;"> | |
| 整合三大分析系統，提供完整的資訊查詢服務 | |
| </p> | |
| <div class="systems"> | |
| <a href="法條檢索系統.html" class="system-card"> | |
| <h2>⚖️ 法條檢索系統</h2> | |
| <p>防中相關立法資訊檢索與分析</p> | |
| </a> | |
| <a href="選舉系統.html" class="system-card"> | |
| <h2>🗳️ 選舉分析系統</h2> | |
| <p>2008-2024年台灣選舉數據分析</p> | |
| </a> | |
| <a href="NCC裁罰分析系統.html" class="system-card"> | |
| <h2>📊 NCC裁罰分析</h2> | |
| <p>廣播電視內容裁處分析系統</p> | |
| </a> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |