#fsp-bookmarks {
  position: fixed !important;
  right: 0 !important;
  top: 160px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 99999 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  float: none !important;
}
#fsp-bookmarks * {
  box-sizing: border-box !important;
  font-family: 'Microsoft JhengHei', '微軟正黑體', sans-serif !important;
}
#fsp-bookmarks .fsp-bk {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
}
#fsp-bookmarks .fsp-panel {
  width: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dde1e7 !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important;
  box-shadow: -4px 4px 16px rgba(0,0,0,0.12) !important;
  transition: width 0.28s cubic-bezier(.4,0,.2,1) !important;
  flex-shrink: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#fsp-bookmarks .fsp-panel.open { width: 230px !important; }
#fsp-bookmarks .fsp-inner {
  min-width: 230px !important;
  padding: 16px !important;
  font-size: 13px !important;
  color: #1a1a2e !important;
  line-height: 1.5 !important;
}
#fsp-bookmarks .fsp-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #eef0f4 !important;
  display: block !important;
}
#fsp-bookmarks .fsp-tab {
  writing-mode: vertical-rl !important;
  padding: 16px 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  cursor: pointer !important;
  border-radius: 10px 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  user-select: none !important;
  width: 32px !important;
  height: 90px !important;
  flex-shrink: 0 !important;
  box-shadow: -3px 3px 10px rgba(0,0,0,0.18) !important;
  letter-spacing: 2px !important;
  margin: 0 !important;
  border: none !important;
  transition: filter 0.15s !important;
}
#fsp-bookmarks .fsp-tab:hover { filter: brightness(1.1) !important; }

#fsp-bookmarks .fsp-loading { font-size: 12px !important; color: #999 !important; padding: 8px 0 !important; display: block !important; }
#fsp-bookmarks .fsp-err     { font-size: 12px !important; color: #c0392b !important; padding: 8px 0 !important; display: block !important; }

#fsp-bookmarks .fsp-lunch-date { font-size: 11px !important; color: #888 !important; margin: 0 0 8px !important; display: block !important; }
#fsp-bookmarks .fsp-dish-row { display: flex !important; align-items: flex-start !important; gap: 7px !important; padding: 5px 0 !important; border-bottom: 1px solid #f0f0f0 !important; margin: 0 !important; }
#fsp-bookmarks .fsp-dish-row:last-child { border-bottom: none !important; }
#fsp-bookmarks .fsp-dish-type { font-size: 10px !important; padding: 2px 6px !important; border-radius: 4px !important; flex-shrink: 0 !important; font-weight: 700 !important; background: #fde8d8 !important; color: #c0390b !important; white-space: nowrap !important; }
#fsp-bookmarks .fsp-dish-name { font-size: 13px !important; color: #1a1a2e !important; line-height: 1.5 !important; }
#fsp-bookmarks .fsp-kitchen-select { width: 100% !important; font-size: 12px !important; padding: 5px 8px !important; border: 1px solid #dde1e7 !important; border-radius: 6px !important; margin: 0 0 8px !important; background: #fff !important; color: #1a1a2e !important; display: block !important; }
#fsp-bookmarks .fsp-detail-btn { margin: 10px 0 0 !important; width: 100% !important; font-size: 12px !important; padding: 6px !important; cursor: pointer !important; background: transparent !important; border: 1px solid #dde1e7 !important; border-radius: 6px !important; color: #444 !important; display: block !important; }

#fsp-bookmarks .fsp-aqi-top { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 12px !important; }
#fsp-bookmarks .fsp-aqi-circle { width: 52px !important; height: 52px !important; border-radius: 50% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
#fsp-bookmarks .fsp-aqi-num    { font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-sub    { font-size: 10px !important; margin-top: 1px !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-status { font-size: 14px !important; font-weight: 700 !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-site   { font-size: 11px !important; color: #888 !important; margin-top: 2px !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-grid   { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
#fsp-bookmarks .fsp-aqi-cell   { background: #f5f7fa !important; border-radius: 6px !important; padding: 7px 9px !important; }
#fsp-bookmarks .fsp-aqi-cell-label { font-size: 10px !important; color: #999 !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-cell-val   { font-size: 14px !important; font-weight: 700 !important; color: #1a1a2e !important; display: block !important; }
#fsp-bookmarks .fsp-aqi-cell-unit  { font-size: 10px !important; font-weight: 400 !important; color: #aaa !important; }
#fsp-bookmarks .fsp-src-note { font-size: 10px !important; color: #bbb !important; margin-top: 10px !important; display: block !important; }

#fsp-p3 .fsp-inner { padding: 14px 14px 14px !important; }
#fsp-p3 iframe { display: block !important; border: none !important; border-radius: 6px !important; }

#fsp-bookmarks .fsp-link-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 0 !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 13px !important; color: #1a1a2e !important; cursor: pointer !important; text-decoration: none !important; margin: 0 !important; }
#fsp-bookmarks .fsp-link-item:last-child { border-bottom: none !important; }
#fsp-bookmarks .fsp-link-icon  { width: 24px !important; height: 24px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; font-size: 12px !important; font-weight: 700 !important; color: #fff !important; }
#fsp-bookmarks .fsp-link-arrow { margin-left: auto !important; font-size: 12px !important; color: #bbb !important; }