## Tour
### Semantic Parts
- root（`semantic-mark-root`）: Tour root container with absolute positioning, z-index control, max width, visibility, arrow background color variable, theme styles and other container styles
- cover（`semantic-mark-cover`）: Card cover area with text center alignment, padding, image width and other image display styles
- close（`semantic-mark-close`）: Close button element with absolute positioning, size, color, hover state and other interactive feedback styles
- section（`semantic-mark-section`）: Card main content area with text alignment, border radius, box shadow, relative positioning, background color, border, background clip and other card styles
- footer（`semantic-mark-footer`）: Card bottom action area with padding, text right alignment, border radius, flex layout and other bottom container styles
- actions（`semantic-mark-actions`）: Action button group container with left auto margin, button spacing and other button group layout styles
- indicator（`semantic-mark-indicator`）: Single indicator element with width/height size, inline-block display, border radius, background color, right margin, active state and other dot styles
- indicators（`semantic-mark-indicators`）: Indicator group container with inline-block display and other indicator container styles
- header（`semantic-mark-header`）: Card header area with padding, width calculation, word break and other header container styles
- title（`semantic-mark-title`）: Guide title text with font weight and other title text styles
- description（`semantic-mark-description`）: Guide description text with padding, word wrap and other description text styles
- mask（`semantic-mark-mask`）: Mask layer element with fixed positioning, full screen coverage, z-index, pointer events, transition animation and other mask styles
### Usage Example
```tsx
```
### Abstract DOM Structure
```html
```
