/* index-utils.css 範例 */
/* 通用 z-index */
.z-chat         { z-index: var(--z-chat); }
.z-modal        { z-index: var(--z-modal); }
.z-dropdown     { z-index: var(--z-dropdown); }
.z-content      { z-index: var(--z-content); }
.z-header       { z-index: var(--z-header); }
.z-bg           { z-index: var(--z-background); }

/* 指標/互動 */
.pe-none        { pointer-events: none !important; }
.pe-auto        { pointer-events: auto !important; }
.cursor-move    { cursor: move !important; }
.cursor-pointer { cursor: pointer !important; }

/* 顯示/隱藏 */
.d-none         { display: none !important; }
.d-block        { display: block !important; }
.d-flex         { display: flex !important; }

/* 透明度 */
.opacity-0      { opacity: 0 !important; }
.opacity-30     { opacity: 0.3 !important; }
.opacity-50     { opacity: .5 !important; }
.opacity-100    { opacity: 1 !important; }

/* 百分比寬高 */
.w-100vw        { width: 100vw !important; }
.h-100vh        { height: 100vh !important; }

/* box-shadow */
.shadow-none    { box-shadow: none !important; }
.shadow         { box-shadow: var(--shadow) !important; }