/* 村务财务记账管理系统 - 样式表 */

";
        echo "td { mso-number-format:"\\@"; }"; // 防止数字被科学计数法显示
.header { background-color: #2E7D32; color: white; font-weight: bold; }
.income { color: #4CAF50; }
.expense { color: #F44336; }
.donation { color: #FFB74D; }
.invalid { color: #9E9E9E; text-decoration: line-through; }
        echo "

";
        echo "td { mso-number-format:'\@'; }"; // 防止数字被科学计数法显示
.header { background-color: #2E7D32; color: white; font-weight: bold; }
.summary { background-color: #f0f0f0; font-weight: bold; }
        echo "

";
td { mso-number-format:'\@'; }
.header { background-color: #2E7D32; color: white; font-weight: bold; }
.summary { background-color: #f0f0f0; font-weight: bold; }
        echo "


        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-shadow {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            }
            .transition-custom {
                transition: all 0.3s ease;
            }
            .form-input-focus {
                @apply focus:ring-2 focus:ring-primary focus:border-primary;
            }
            .report-header {
                @apply text-center mb-8 pb-4 border-b border-gray-200;
            }
            .invalid-record {
                @apply opacity-60 line-through;
            }
            .print-only {
                display: none !important;
            }
            @media print {
                .no-print {
                    display: none !important;
                }
                .print-only {
                    display: block !important;
                }
                body {
                    background-color: white;
                }
                .print-container {
                    width: 100% !important;
                    padding: 0 !important;
                    margin: 0 !important;
                }
            }
            .mobile-nav-scrolled {
                @apply bg-white/95 backdrop-blur-sm shadow-md;
            }
            @media (max-width: 640px) {
                .responsive-table td::before {
                    content: attr(data-label);
                    @apply font-medium text-gray-500 mr-2 inline-block w-24;
                }
                .responsive-table tr {
                    @apply flex flex-col border mb-4 rounded-lg p-3;
                }
                .responsive-table td {
                    @apply flex justify-between items-center py-2 border-none;
                }
                .responsive-table thead {
                    @apply hidden;
                }
                .responsive-table tbody {
                    @apply divide-y-0;
                }
                /* 移动端优化：捐款明细卡片样式 */
                .donation-card {
                    @apply bg-white rounded-xl p-4 mb-3 card-shadow border-l-4 border-donation;
                }
                .donation-card.invalid {
                    @apply border-l-invalid opacity-75;
                }
                .donation-card-header {
                    @apply flex justify-between items-start mb-3;
                }
                .donation-card-body {
                    @apply space-y-2;
                }
                .donation-info-row {
                    @apply flex justify-between items-center py-1;
                }
                .donation-info-label {
                    @apply text-sm text-gray-500 font-medium;
                }
                .donation-info-value {
                    @apply text-sm font-medium;
                }
                .donation-amount {
                    @apply text-lg font-bold text-donation;
                }
                .donation-status {
                    @apply px-2 py-1 text-xs rounded-full;
                }
                .status-valid {
                    @apply bg-green-100 text-green-800;
                }
                .status-invalid {
                    @apply bg-red-100 text-red-800;
                }
                /* 投票卡片样式 */
                .vote-card {
                    @apply bg-white rounded-xl p-4 mb-3 card-shadow border-l-4 border-vote;
                }
                .vote-card.active {
                    @apply border-l-green-500;
                }
                .vote-card.completed {
                    @apply border-l-blue-500;
                }
                .vote-card.cancelled {
                    @apply border-l-red-500;
                }
                .vote-card-header {
                    @apply flex justify-between items-start mb-3;
                }
                .vote-card-body {
                    @apply space-y-2;
                }
                .vote-info-row {
                    @apply flex justify-between items-center py-1;
                }
                .vote-info-label {
                    @apply text-sm text-gray-500 font-medium;
                }
                .vote-info-value {
                    @apply text-sm font-medium;
                }
                .vote-option {
                    @apply bg-gray-50 rounded-lg p-3 mb-2 cursor-pointer transition-custom;
                }
                .vote-option:hover {
                    @apply bg-gray-100;
                }
                .vote-option.selected {
                    @apply bg-vote/10 border-2 border-vote;
                }
                .vote-result-bar {
                    @apply bg-gray-200 rounded-full h-4 overflow-hidden;
                }
                .vote-result-fill {
                    @apply bg-vote h-full transition-all duration-500;
                }
            }
            @media (min-width: 641px) {
                .donation-cards-container, .vote-cards-container {
                    display: none;
                }
            }
        }