:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;background:#101827;color:#cbd5e1;padding:18px 12px;display:flex;flex-direction:column;transition:.2s;z-index:10}.sidebar.collapsed .brand{justify-content:center}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 24px}.brandMark{width:36px;height:36px;border-radius:10px;background:#2563eb;display:grid;place-items:center;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand strong{color:#fff}.brand span{font-size:11px;color:#8290a7;margin-top:3px}.nav{width:100%;height:44px;background:transparent;color:#aab5c8;text-align:left;border-radius:9px;padding:0 12px;margin:3px 0;font-weight:600;display:flex;align-items:center;gap:12px}.nav span{width:20px;text-align:center}.nav:hover{background:#182235;color:#fff}.nav.active{background:#223452;color:#fff}.sidebarBottom{margin-top:auto}.storageHint{display:flex;gap:9px;padding:12px 8px;border-top:1px solid #243045}.storageHint small,.storageHint b{display:block}.storageHint b{font-size:12px;color:#dce5f3}.storageHint small{font-size:10px;color:#78879f;margin-top:2px}.dot{width:8px;height:8px;background:#22c55e;border-radius:50%;margin-top:4px}.main{min-height:100vh;padding:0 32px 60px;transition:margin-left .2s,width .2s}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8f0;gap:30px}.topTitle{display:flex;align-items:center;gap:14px}.menuBtn{display:none}.eyebrow{font-size:11px;color:#8792a5;margin-bottom:3px}.topTitle h1{margin:0;font-size:25px;letter-spacing:-.5px}.globalSearch{height:42px;width:min(520px,42%);border:1px solid #d7dee9;background:#fff;border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:9px;box-shadow:0 2px 7px #1b315a0a}.globalSearch span{font-size:22px;color:#8290a4}.globalSearch input{border:0;outline:0;flex:1;min-width:0;color:#182233}.globalSearch kbd{font-size:10px;background:#f1f4f8;border:1px solid #e0e5ec;border-radius:5px;padding:3px 6px;color:#7b8798}.content{padding-top:26px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#68758a}.toolbar strong{font-size:20px;color:#1c293b}.actions{display:flex;gap:9px}.primary,.secondary,.ghost{border-radius:8px;padding:9px 14px;font-weight:700}.primary{background:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.secondary{background:#fff;border:1px solid #d8e0eb;color:#334155}.secondary b{display:inline-grid;place-items:center;background:#e8efff;color:#2563eb;border-radius:10px;min-width:20px;height:20px;margin-left:4px;font-size:11px}.ghost{background:transparent;color:#718096}.ghost:hover{background:#eef2f7}.ghost.small{width:100%;font-size:11px}.filterPanel{background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.filterPanel label{display:flex;flex-direction:column;gap:5px}.filterPanel label span{font-size:10px;color:#7b8798}.filterPanel select,.filterPanel input{height:35px;border:1px solid #d7dee8;border-radius:7px;background:#fff;padding:0 8px;min-width:110px;color:#344054}.list{display:flex;flex-direction:column;gap:9px}.announcementCard{background:#fff;border:1px solid #e1e7ef;border-radius:12px;display:grid;grid-template-columns:72px minmax(0,1fr) auto 72px;gap:18px;padding:15px 17px;align-items:center;box-shadow:0 2px 7px #1b315a08}.list.compact .announcementCard{padding:10px 14px}.list.large .announcementCard{padding:21px 19px}.dateCol{text-align:center;border-right:1px solid #edf0f5;padding-right:16px}.dateCol b{font-size:18px;color:#26354a}.dateCol small{display:block;color:#99a2b1;font-size:10px;margin-top:3px}.announceMain{min-width:0}.cardHead{display:flex;align-items:center;gap:9px}.cardHead h3{font-size:15px;margin:0;color:#172337}.announceMain p{margin:7px 0;color:#667386;font-size:13px;line-height:1.55;white-space:pre-wrap}.status{font-size:10px;border-radius:20px;padding:3px 8px;font-weight:700}.status.active{background:#e8f8ee;color:#178243}.status.upcoming{background:#eef2ff;color:#4f46e5}.status.expired{background:#f1f3f5;color:#7c8795}.meta{display:flex;flex-wrap:wrap;gap:5px 16px;color:#8a94a4;font-size:10px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tag{--tag:#2563eb;background:color-mix(in srgb,var(--tag) 10%,white);color:var(--tag);border:1px solid color-mix(in srgb,var(--tag) 25%,white);padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700}.tag button{background:none;color:inherit;padding:0 0 0 4px}.thumb{width:62px;height:62px;object-fit:cover;border-radius:7px;border:1px solid #e1e6ed}.cardActions{display:flex;flex-direction:column;gap:5px}.cardActions button,.formActions button{background:transparent;color:#667386;font-size:11px;padding:4px}.dangerText{color:#dc2626!important}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formCard{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start}.formIcon{width:42px;height:42px;background:#eef4ff;color:#2563eb;border-radius:9px;display:grid;place-items:center;font-size:18px}.formBody p{font-size:12px;color:#748094;margin:7px 0}.star{margin-left:auto;background:none;font-size:20px;color:#ca8a04}.formMeta{display:flex;gap:6px;flex-wrap:wrap}.formMeta>span{font-size:10px;background:#f3f5f8;color:#697587;border-radius:5px;padding:4px 7px}.formActions{display:flex;flex-direction:column;gap:4px}.settingsIntro h2{margin:0 0 4px}.settingsIntro p{color:#758195;font-size:13px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.setting{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:19px}.setting h3{margin:0;font-size:14px}.setting p{color:#778397;font-size:12px;line-height:1.5}.setting input[type=range]{width:100%}.seg{display:flex;gap:6px}.seg button{padding:7px 11px;background:#f0f3f7;border-radius:7px;color:#687588;font-size:12px}.seg button.sel{background:#e8efff;color:#2563eb;font-weight:700}.colorRow{display:flex;gap:10px}.colorRow span{width:25px;height:25px;border-radius:6px}.notice{margin-top:14px;padding:13px 15px;border-radius:10px;background:#eef6ff;border:1px solid #d7e8ff;color:#4b6280;font-size:12px;display:flex;gap:12px}.notice b{color:#2563eb;white-space:nowrap}.empty{background:#fff;border:1px dashed #d8e0ea;border-radius:12px;padding:70px 20px;text-align:center;color:#8793a4}.empty div{font-size:35px;margin-bottom:8px}.empty b,.empty span{display:block}.empty b{color:#566277}.empty span{font-size:12px;margin-top:5px}.overlay{position:fixed;inset:0;background:#0b122099;display:grid;place-items:center;padding:25px;z-index:30}.modal{width:min(860px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 70px #07122640}.modalHead,.modalFoot{padding:15px 19px;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between}.modalHead h2{font-size:17px;margin:0}.modalFoot{border-top:1px solid #e7ebf1;border-bottom:0;justify-content:flex-end;gap:8px}.menuBtn{display:grid;place-items:center}.iconBtn{background:transparent;color:#697587;font-size:20px;width:32px;height:32px;border-radius:7px}.iconBtn:hover{background:#f0f3f7}.modalBody{padding:19px}.formLayout{display:grid;gap:15px}.formLayout label,.tagEditor>span{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#697587}.formLayout input,.formLayout textarea{border:1px solid #d6dee9;border-radius:8px;padding:9px 10px;outline:none;color:#1f2c40;background:#fff}.formLayout input:focus,.formLayout textarea:focus{border-color:#7da4f8;box-shadow:0 0 0 3px #2563eb14}.fieldGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tagEditor{display:flex;flex-direction:column;gap:6px}.tagInput{border:1px solid #d6dee9;border-radius:8px;padding:7px;min-height:42px}.tagInput>div{display:flex;gap:5px;flex-wrap:wrap}.tagInput input{border:0!important;box-shadow:none!important;padding:5px 2px!important;width:100%}.imagePaste{border:1px dashed #c8d3e1;border-radius:9px;padding:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fafcff}.imagePaste b,.imagePaste small{display:block}.imagePaste small{color:#8a95a5;margin-top:3px}.upload{margin-left:auto;background:#fff;border:1px solid #d8e0ea;color:#42516a;padding:7px 10px;border-radius:7px!important;cursor:pointer}.upload input{display:none}.imagePaste img{max-width:100%;max-height:180px;border-radius:7px}.toast{position:fixed;right:24px;bottom:24px;background:#172337;color:#fff;padding:11px 15px;border-radius:8px;box-shadow:0 10px 30px #08112033;font-size:12px;z-index:50}@media(max-width:1250px){.formGrid{grid-template-columns:1fr}.globalSearch{width:430px}.settingsGrid{grid-template-columns:1fr}}