/* 模块作用域，隔离全局样式 */
    #hz-interactive-module {
        /* 定义品牌色变量，方便前端统一修改 */
        --hz-primary: #FF5A00; /* Hertzinno 品牌橙色 (示例) */
        --hz-accent: #58a6ff;  /* 科技蓝色 */
        --hz-bg-panel: #161b22;
        --hz-border: #30363d;
        --hz-text: inherit;    /* 继承网站全局文字颜色 */
        --hz-font: inherit;    /* 继承网站全局字体 */

        font-family: var(--hz-font);
        color: var(--hz-text);
        width: 100%;
        max-width: 1200px;
        margin: 40px auto;
        background: #0d1117; /* 模块深色背景 */
        border: 1px solid var(--hz-border);
        border-radius: 8px;
        overflow: hidden;
        box-sizing: border-box;
    }

    #hz-interactive-module * {
        box-sizing: inherit;
    }

    #hz-interactive-module .module-header {
        padding: 20px 30px;
        background: var(--hz-bg-panel);
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--hz-border);
    }

    #hz-interactive-module .module-title {
        font-size: 20px;
        font-weight: 700;
        color: #ffffff;
        margin: 0;
    }

    #hz-interactive-module .module-controls {
        display: flex;
        gap: 24px;
        align-items: center;
    }

    #hz-interactive-module .control-group {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    #hz-interactive-module .control-group label {
        font-size: 12px;
        color: #8b949e;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    #hz-interactive-module button.hz-btn {
        background: var(--hz-primary);
        color: #fff;
        border: none;
        padding: 10px 24px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: opacity 0.2s;
        font-family: inherit;
    }

    #hz-interactive-module button.hz-btn:hover {
        opacity: 0.85;
    }

    #hz-interactive-module button.hz-btn.off {
        background: #484f58; /* 停止状态颜色 */
    }

    #hz-interactive-module input[type=range] {
        cursor: pointer;
        width: 140px;
        accent-color: var(--hz-accent);
    }

    #hz-interactive-module canvas {
        display: block;
        width: 100%;
        height: 600px;
        background: radial-gradient(circle at center, #161b22 0%, #090c10 100%);
    }
    
    /* 响应式适配 */
    @media (max-width: 768px) {
        #hz-interactive-module .module-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }
        #hz-interactive-module canvas {
            height: 400px;
        }
    }