body { background-color: #000; color: #fff; font-family: 'Microsoft JhengHei', sans-serif; } .navbar { background-color: #1a1a1a; border-bottom: 3px solid #00ff00; } .navbar-brand { color: #ff0000 !important; font-weight: bold; } .btn-shop { background-color: #ff0000; color: white; border: none; } .btn-shop:hover { background-color: #cc0000; color: white; } .contact-section { background-color: #111; padding: 60px 0; border-top: 1px solid #333; } .contact-info-box { padding: 20px; border-left: 4px solid #00ff00; height: 100%; } .contact-label { color: #00ff00; font-weight: bold; margin-bottom: 5px; } .contact-value { color: #fff; font-size: 1.1rem; margin-bottom: 20px; } .form-control { background-color: #222; border: 1px solid #444; color: #fff; } .form-control:focus { background-color: #333; color: #fff; border-color: #ff0000; box-shadow: none; } .admin-body { background-color: #f4f6f9; color: #333; } .admin-sidebar { min-height: 100vh; background-color: #343a40; color: #fff; } .admin-sidebar a { color: #cfd8dc; text-decoration: none; padding: 15px; display: block; } .admin-sidebar a:hover, .admin-sidebar a.active { background-color: #ff0000; color: #fff; }