.offline-sync-toggle { position:fixed; z-index:110; right:18px; bottom:18px; min-height:34px; padding:0 11px; border:1px solid #9ab9d4; border-radius:5px; color:#145782; background:#eef7ff; box-shadow:0 5px 16px rgba(17,69,111,.16); font:700 12px/1 "Microsoft YaHei",Arial,sans-serif; }
.offline-sync-toggle.has-conflict { border-color:#d7a353; color:#875a19; background:#fff7e8; }
.offline-sync-panel { position:fixed; z-index:111; right:18px; bottom:58px; width:min(380px,calc(100vw - 36px)); border:1px solid #cbdce9; border-radius:7px; color:#223a4d; background:#fff; box-shadow:0 16px 38px rgba(18,53,82,.24); font-family:"Microsoft YaHei",Arial,sans-serif; }
.offline-sync-panel.hidden { display:none; }
.offline-sync-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 15px; border-bottom:1px solid #e5edf3; }
.offline-sync-panel header div { display:grid; gap:4px; }.offline-sync-panel header b { font-size:14px; }.offline-sync-panel header small { color:#6c7e8c; font-size:11px; line-height:1.5; }.offline-sync-panel header button { width:28px; height:28px; border:0; border-radius:4px; color:#61717d; background:#f1f5f7; font-size:20px; line-height:1; }
.offline-sync-panel > div { max-height:290px; overflow:auto; }.offline-sync-panel article { display:flex; justify-content:space-between; gap:10px; padding:12px 15px; border-bottom:1px solid #edf2f5; }.offline-sync-panel article div { display:grid; gap:4px; }.offline-sync-panel article b { font-size:12px; }.offline-sync-panel article small { color:#718391; font-size:10px; line-height:1.45; }.offline-sync-panel article button,.offline-sync-panel footer button { border:1px solid #d7e2e8; border-radius:4px; color:#41677f; background:#fff; font:700 11px "Microsoft YaHei",Arial,sans-serif; white-space:nowrap; }.offline-sync-panel article button { height:28px; padding:0 7px; }.offline-sync-panel > div > p { padding:18px; color:#718391; font-size:12px; text-align:center; }.offline-sync-panel footer { display:flex; justify-content:flex-end; padding:11px 15px; background:#f8fbfd; }.offline-sync-panel footer button { height:32px; padding:0 11px; color:#fff; border-color:#0b6593; background:#0b6593; }