/* 使用main.css的主题颜色变量 */
:root {
    --bs-primary: #027368;
    --bs-primary-secondary: #279085;
    --bs-primary-hover: #6bbfa7;
    --bs-primary-active: #0d7356;
    --bs-primary-text: #ffffff;
    --bs-primary-text-alt: #6c757d;
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --bs-border-color: #dee2e6;
}

body {
     background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-active) 100%);
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .welcome-card {
     background: rgba(255, 255, 255, 0.95);
     border-radius: 20px;
     padding: 3rem;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     max-width: 600px;
     width: 100%;
     text-align: center;
 }

 .logo {
     font-size: 4rem;
     color: var(--bs-primary);
     margin-bottom: 1.5rem;
 }

 .logo-image {
     width: 200px;
     height: 200px;
     object-fit: contain;
 }

 .btn-primary,
 .btn-secondary {
     border: none;
     padding: 12px 30px;
     font-weight: 600;
     color: white;
     transition: all 0.3s ease;
     border-radius: 50px;
 }

 .btn-primary {
     background: linear-gradient(45deg, var(--bs-primary), var(--bs-primary-active));
 }

 .btn-secondary {
     background: linear-gradient(45deg, var(--bs-primary-text-alt), #495057);
 }

 .btn-primary:hover,
 .btn-secondary:hover {
     transform: translateY(-2px);
 }

 .btn-primary:hover {
     box-shadow: 0 8px 25px rgba(2, 115, 104, 0.4);
 }

 .btn-secondary:hover {
     box-shadow: 0 8px 25px rgba(108, 117, 125, 0.4);
 }

 .feature-list {
     list-style: none;
     padding: 0;
     margin: 2rem 0;
 }

 .feature-list li {
     padding: 0.5rem 0;
     color: var(--bs-primary-text-alt);
 }

 .feature-list li i {
     color: var(--bs-primary);
     margin-right: 0.5rem;
 }