## Breadcrumb ### Semantic Parts - root（`semantic-mark-root`）: Root element with text color, font size, icon size and other basic styles, using flex layout with ordered list - item（`semantic-mark-item`）: Item element with text color, link color transitions, hover effects, padding, border-radius, height, and margin styles - separator（`semantic-mark-separator`）: Separator element with margin and color styles for the divider ### Usage Example ```tsx ``` ### Abstract DOM Structure ```html ```