body {
            background-color: #f8f9fa;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .navbar {
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        }
        .navbar-brand {
            font-weight: 600;
            color: #0d6efd;
        }
        .container {
            max-width: 960px;
        }
        .header {
            text-align: center;
            margin-bottom: 3rem;
        }
        .header h2 {
            font-weight: 700;
            color: #212529;
            margin-bottom: 0.5rem;
        }
        .header p {
            color: #6c757d;
            font-size: 1rem;
        }
        .card {
            border: none;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            border-radius: 0.5rem;
            margin-bottom: 2rem;
        }
        .card-body {
            padding: 1.5rem;
        }
        #luckyContainer {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            border-radius: 0.5rem;
            overflow: hidden;
        }
        #showTitle {
            text-align: center;
            color: #212529;
            margin-bottom: 1rem;
        }
        .btn {
            border-radius: 0.375rem;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            transition: all 0.2s ease-in-out;
        }
        .btn:hover {
            box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }
        .btn-preset {
            width: 100%;
            margin-bottom: 0.75rem;
        }
        .form-control {
            border-radius: 0.375rem;
            border-color: #ced4da;
        }
        .form-control:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
        .form-label {
            font-weight: 500;
            color: #212529;
            margin-bottom: 0.25rem;
        }
        .prize-alert {
            padding: 1rem;
            margin-bottom: 1rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 500;
            display: none;
            position: relative;
        }
        .prize-alert.alert-success {
            background-color: #d1e7dd;
            color: #0f5132;
            border: 1px solid #badbcc;
        }
        .prize-alert.alert-warning {
            background-color: #fff3cd;
            color: #856404;
            border: 1px solid #ffeeba;
        }
        .prize-alert.alert-info {
            background-color: #cff4fc;
            color: #055160;
            border: 1px solid #b6effb;
        }
        .alert-close {
            position: absolute;
            top: 0.5rem;
            right: 1rem;
            border: none;
            background: none;
            font-size: 1.2rem;
            cursor: pointer;
            opacity: 0.5;
        }
        .alert-close:hover {
            opacity: 0.8;
        }
        .footer {
            text-align: center;
            padding: 2rem 0;
            margin-top: 3rem;
            color: #6c757d;
            border-top: 1px solid #dee2e6;
        }
        .remaining-prizes {
            margin-top: 1rem;
            font-size: 0.9rem;
            color: #6c757d;
        }
        .alert-actions {
            margin-top: 1rem;
        }
        
        /* 全屏模式样式 */
        .fullscreen-mode {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            background-color: white !important;
            z-index: 1000 !important;
            margin: 0 !important;
            padding: 20px !important;
        }
        
        /* 全屏模式下的元素样式 */
        .fullscreen-mode #prizeAlert {
            order: 1;
            margin-bottom: 20px;
            width: 80%;
            max-width: 600px;
            padding: 1.5rem;
            font-size: 1.2rem;
        }
        
        .fullscreen-mode #showTitle {
            order: 2;
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .fullscreen-mode #my-lucky {
            order: 3;
            max-width: 80vh !important;
            max-height: 80vw !important;
        }
        
        .fullscreen-mode .remaining-prizes {
            order: 4;
            margin-top: 20px;
            font-size: 1.1rem;
        }
        
        .fullscreen-mode .alert-actions {
            margin-top: 15px;
        }
        
        .fullscreen-mode .alert-actions button {
            font-size: 1rem;
            padding: 0.5rem 1.5rem;
        }