:root{color:#182e3d;font-synthesis:none;background:#f7f8f5;font-family:Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #3983a3}header{color:#fff;background:#142d46;align-items:center;gap:58px;height:82px;padding:0 4%;display:flex}header strong{font-size:23px}nav{align-items:center;height:100%;display:flex}nav span{border-bottom:3px solid #91bdcb;align-items:center;height:100%;font-weight:700;display:flex}.logout{color:#fff;background:0 0;border:0;align-items:center;gap:8px;margin-left:auto;display:flex}.layout{min-height:calc(100vh - 82px);display:flex}aside{background:#edf3f4;border-right:1px solid #d6e0e3;flex:none;width:252px;padding:44px 24px}h2{font-size:16px}aside h2{margin:0 0 20px}.month{text-align:left;color:#294d5d;background:0 0;border:0;border-radius:6px;justify-content:space-between;width:100%;padding:12px;display:flex}.month.active{color:#142d46;background:#d2e3ea;font-weight:700}.content{width:100%;max-width:1250px;padding:42px 5%}.heading h1{margin:0 0 8px;font-size:32px}.heading p,.group p,.center p{color:#536b76}.heading p{margin:0}.toolbar{border-bottom:1px solid #cbd8dd;padding:24px 0 14px}.toolbar h2{margin:0;font-size:20px}.group{border-bottom:1px solid #dce5e7;justify-content:space-between;align-items:center;gap:16px;padding:18px 6px;display:flex}.group h3{margin:0 0 7px;font-size:17px}.group p{margin:0;font-size:14px}.group span{color:#294d5d;background:#e2edf0;border-radius:4px;padding:5px 9px;font-size:13px}.empty{color:#536b76;text-align:center;padding:75px 0}.center{place-items:center;min-height:calc(100vh - 82px);padding:24px;display:grid}.center form{width:min(100%,390px)}.center h1{font-size:28px}.center label{margin:28px 0 8px;font-weight:700;display:block}.center input{background:#fff;border:1px solid #93aeb8;border-radius:6px;width:100%;padding:12px}.primary{color:#fff;background:#154e6d;border:0;border-radius:6px;margin-top:20px;padding:12px 22px;font-weight:700}.error{color:#a22929!important}::selection{color:#142d46;background:#c1dce5}@media (width<=700px){header{gap:22px;height:68px;padding:0 20px}header strong{font-size:19px}.logout{font-size:0}.layout{display:block}aside{border-bottom:1px solid #d6e0e3;border-right:0;width:auto;padding:18px 20px}aside h2{margin:0 0 8px}.month{gap:12px;width:auto;margin-right:6px;display:inline-flex}.content{padding:30px 20px}.center{min-height:calc(100vh - 68px)}}.heading,.upload-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.heading .primary{margin:0}.upload-panel{background:#fff;border:1px solid #cbd8dd;border-radius:8px;margin-top:28px;padding:22px}.upload-heading h2{margin:0;font-size:20px}.secondary{color:#25465a;background:#fff;border:1px solid #a9bdc7;border-radius:6px;padding:8px 12px}.upload-fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.upload-panel label{font-size:14px;font-weight:700;display:block}.upload-panel input:not([type=file]){border:1px solid #93aeb8;border-radius:6px;width:100%;margin-top:7px;padding:10px;display:block}.file-label{margin-top:18px}.file-label input{max-width:100%;margin-top:8px;display:block}.hint{color:#536b76;font-size:13px}.upload-items{padding:0;list-style:none}.upload-items li{overflow-wrap:anywhere;border-bottom:1px solid #dce5e7;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.upload-items li span:last-child{color:#536b76;flex:none;font-size:13px}button:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.heading{flex-direction:column;align-items:flex-start}.upload-fields{grid-template-columns:1fr}.upload-panel{padding:16px}.upload-items li{flex-direction:column;gap:4px}}.save-group{margin-top:16px}.attachment-heading{margin-top:28px}.text-button{color:#154e6d;text-underline-offset:3px;background:0 0;border:0;padding:5px;text-decoration:underline}.preview{margin-top:24px}.preview h3{overflow-wrap:anywhere}.preview img{object-fit:contain;max-width:100%;max-height:70vh;margin:15px auto;display:block}.preview iframe{border:1px solid #cbd8dd;width:100%;height:70vh;margin-top:15px}.upload-items a{color:#154e6d}@media (width<=700px){.group{flex-wrap:wrap}.group>div{min-width:55%}.preview iframe{height:55vh}}.selection-toolbar{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.selection-toolbar label,.day label,.group-choice,.attachment-choice{align-items:center;gap:10px;display:flex}.selection-toolbar input,.day input,.group-choice input,.attachment-choice input{accent-color:#154e6d;width:18px;height:18px}.actions{gap:8px;margin-left:auto;display:flex}.manifest{color:#294d5d;padding:14px 0}.day{padding:24px 6px 8px;font-weight:700}.group-choice{flex:1;min-width:0}.group-title{min-width:0;background:0 0!important;padding:0!important}.group-title strong,.group-title small{overflow-wrap:anywhere;display:block}.group-title strong{color:#182e3d;font-size:17px}.group-title small{color:#536b76;margin-top:6px;font-size:14px}.load-more{text-align:center;padding:20px}.upload-panel .upload-panel{border:0;border-top:1px solid #cbd8dd;border-radius:0;padding:18px 0}.attachment-choice{font-weight:400!important}@media (width<=700px){.actions{width:100%;margin-left:0}.actions button{flex:1}.group-choice{min-width:65%}}dialog{color:#182e3d;border:0;border-radius:12px;width:min(440px,100% - 32px);padding:28px;box-shadow:0 18px 48px #142d4633}dialog::backdrop{background:#10253799}dialog h2{margin:0;font-size:22px}dialog p{color:#536b76}dialog fieldset{border:0;margin:24px 0;padding:0}dialog legend{margin-bottom:10px;font-weight:700}dialog fieldset label{padding:8px 0;display:block}dialog input{accent-color:#154e6d;margin-right:8px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions .primary{margin:0}nav button{color:#d5e0e9;background:0 0;border:0;border-bottom:3px solid #0000;height:100%;padding:0 14px}nav button.nav-active{color:#fff;border-bottom-color:#91bdcb;font-weight:700}.trash{margin:0 auto}.trash h1{margin:0 0 8px;font-size:32px}.trash>p{color:#536b76}.trash-item{border-bottom:1px solid #dce5e7;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.trash-item p{color:#536b76;margin:7px 0 0;font-size:14px}@media (width<=700px){header{gap:10px}nav button{padding:0 8px}.trash-item{align-items:flex-start}}.print-dialog{width:min(620px,100% - 32px);max-height:85vh}.print-images{max-height:50vh;padding:0;list-style:none;overflow:auto}.print-images li{overflow-wrap:anywhere;border-bottom:1px solid #dce5e7;align-items:center;gap:12px;padding:10px 0;display:flex}.print-images img{object-fit:contain;background:#edf3f4;flex:none;width:64px;height:64px}.print-preview{background:#edf3f4;gap:12px;max-height:55vh;margin:20px 0;display:grid;overflow:auto}.print-preview canvas{width:100%;height:auto;display:block}.print-save{margin:0;text-decoration:none;display:inline-block}.print-images{max-height:24vh}