.rule-notes-state { margin-left:3px; padding:2px 5px; border-radius:4px; font-size:9px; background:#eff2f7; color:#8d99ac; }
.notes-toggle.active .rule-notes-state { background:#ffffff25; color:white; }
.rule-notes-panel { background:#f8faff; border:1px solid #e7ecf5; border-radius:7px; padding:9px 13px; margin-bottom:13px; }
.rule-notes-panel summary { cursor:pointer; display:flex; align-items:center; gap:7px; list-style:none; font-size:11px; font-weight:600; color:#5f79af; }
.rule-notes-panel summary::-webkit-details-marker { display:none; }
.rule-notes-panel summary:after { content:'收起'; margin-left:auto; font-size:10px; font-weight:400; color:#9aaac4; }.rule-notes-panel:not([open]) summary:after { content:'展开'; }
.rule-notes-indicator { width:5px; height:5px; border-radius:50%; background:#7294d8; }
.rule-notes-caption { color:#97a7bf; font-size:10px; font-weight:400; margin-left:4px; }
.rule-notes-panel ul { list-style:none; padding:9px 0 0 12px; display:flex; gap:9px 24px; flex-wrap:wrap; }.rule-notes-panel li { font-size:11px; color:#8c9bb2; line-height:1.8; }
.travel-business .annotation.notes-on:after { display:none; }
.travel-business .annotation.notes-on { border-radius:6px; border:1px solid #e7ecf5 !important; background:#f8faff !important; color:#8897ad !important; padding:0 !important; font-size:11px; }
.legacy-rule-note summary { padding:8px 11px; cursor:pointer; color:#8799b7; font-size:11px; line-height:1.5; }
.legacy-rule-note-body { padding:8px 12px 11px; border-top:1px solid #e9edf5; line-height:1.8; }
.toolbar > .annotation.notes-on { max-width:230px; margin:0 !important; }
@media(max-width:700px) { .toolbar #notesToggle { display:flex; padding:5px 8px; font-size:10px; }.rule-notes-state { font-size:9px; }.rule-notes-panel { padding:10px 12px; }.rule-notes-caption { display:none; }.rule-notes-panel ul { display:block; }.toolbar .ap-toggle { display:none; } }