body{font-family:Microsoft YaHei,Arial,sans-serif;margin:0;padding:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:20px auto;padding:20px;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease}input[type=date],input[type=number],textarea{width:100%;margin:10px 0;padding:8px;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,color .3s ease}textarea{height:200px}table{width:100%;border-collapse:collapse;margin:10px 0;margin-top:20px;transition:background-color .3s ease}td,th{padding:8px;text-align:left;transition:background-color .3s ease,border-color .3s ease,color .3s ease}button{padding:10px 20px;margin:10px 0;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}:root.theme-dark{--app-bg-color:#141414;--app-text-color:#e0e0e0;--container-bg-color:#1a1a1a;--input-bg-color:#222;--input-border-color:#444;--heading-color:#fff;--label-color:#d0d0d0;--paragraph-color:silver;--table-bg-color:#1a1a1a;--table-border-color:#444;--th-bg-color:#2a2a2a;--button-bg-color:#333;--button-hover-bg-color:#555;--button-text-color:#fff;--debug-output-bg-color:#222;--total-cell-bg-color:#2a2a2a;--checkbox-bg-color:#222;--checkbox-border-color:#444;--box-shadow-color:rgba(0,0,0,0.3)}:root.theme-eye-protection{--app-bg-color:#c9d6c9;--app-text-color:#333;--container-bg-color:#d7e0d7;--input-bg-color:#edf2ed;--input-border-color:#9bb59b;--heading-color:#222;--label-color:#444;--paragraph-color:#555;--table-bg-color:#f2f7f2;--table-border-color:#9bb59b;--th-bg-color:#b0c9b0;--button-bg-color:#a8b8a8;--button-hover-bg-color:#889888;--button-text-color:#fff;--debug-output-bg-color:#edf2ed;--total-cell-bg-color:#b0c9b0;--checkbox-bg-color:#edf2ed;--checkbox-border-color:#9bb59b;--box-shadow-color:rgba(0,0,0,0.05)}body{background-color:var(--app-bg-color);color:var(--app-text-color)}.container{background-color:var(--container-bg-color);box-shadow:0 4px 8px var(--box-shadow-color)}h1,h2{color:var(--heading-color)}.input-group label,label{color:var(--label-color)}p{color:var(--paragraph-color)}input[type=date],input[type=number],textarea{background-color:var(--input-bg-color);border-color:var(--input-border-color);color:var(--app-text-color)}table{background-color:var(--table-bg-color)}td,th{border-color:var(--table-border-color);color:var(--app-text-color)}th{background-color:var(--th-bg-color)}button{background-color:var(--button-bg-color);color:var(--button-text-color)}button:hover{background-color:var(--button-hover-bg-color)}.theme-toggle-button{position:absolute;top:20px;right:20px;z-index:1000;padding:8px 15px;font-size:14px;margin:0;background-color:var(--button-bg-color);color:var(--button-text-color)}#debugOutput{margin-top:20px;padding:10px;border-color:var(--input-border-color);background-color:var(--debug-output-bg-color);color:var(--app-text-color);max-height:500px;overflow-y:auto}#debugOutput p{margin:5px 0}.total-cell{font-weight:700;background-color:var(--total-cell-bg-color)}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.checkbox-item{display:flex;align-items:center}.checkbox-item input[type=checkbox]{margin-right:5px;width:18px;height:18px;background-color:var(--checkbox-bg-color);border-color:var(--checkbox-border-color)}